ACCES INTERZIS » PHP http://www.accesinterzis.ro Just another WordPress weblog Tue, 20 Apr 2010 12:08:34 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 Cum implementez plugin-ul jQuery YoxView intr-o pagina web? http://www.accesinterzis.ro/index.php/programare/cum-implementez-plugin-ul-jquery-yoxview-intr-o-pagina-web-2/ http://www.accesinterzis.ro/index.php/programare/cum-implementez-plugin-ul-jquery-yoxview-intr-o-pagina-web-2/#comments Fri, 19 Mar 2010 14:59:47 +0000 admin http://www.accesinterzis.ro/?p=397 Articole asemanatoare:]]> Descarc fisierele plugin-ului. Dezarhivez .zip-ul. Bag folderul yoxview in folderul js din root-ul site-ului. In folderul js se afla, de asemenea, si jquery1.4.2.js, fisierul cu libraria jQuery. Sterg yoxview-nojquery.js, jquery-1.4.2.min.js, jquery.jsonp-1.0.4.min.js, jquery.yoxview-1.1.min.js.
Modific yoxview-init.js in:

var _yoxviewPath = getYoxviewPath();

document.write('<link rel="Stylesheet" type="text/css" href="' + _yoxviewPath + 'yoxview.css" />');

function LoadScript( url )
{
	document.write( '<scr' + 'ipt type="text/javascript" src="' + url + '"><\/scr' + 'ipt>' ) ;
}
LoadScript(_yoxviewPath + "jquery.timers-1.2.min.js");
LoadScript(_yoxviewPath + "jquery.yoxview-1.1.js");

function getYoxviewPath()
{
    var scripts = document.getElementsByTagName("script");
    var regex = /(.*\/)yoxview.*/i;
    for(var i=0; i<scripts.length; i++)
    {
        var currentScriptSrc = scripts[i].src;
        if (currentScriptSrc.match(regex))
        return currentScriptSrc.match(regex)[1];
    }

    return null;
}

Din folderul lang pot sterge toate fisierele in afara de en.js.
Dupa toate astea, folderul yoxview (care asa cum am zis se afla in folderul js din root-ul site-ului) va arata asa:
Cum implementez plugin-ul jQuery YoxView intr-o pagina web?
In acest fel ma scap de fisiere inutile. Nu are sens sa ocup spatiu pe server aiurea.
Acum nu imi mai ramane decat sa implementez plugin-ul in pagina mea web.

index.php

<?php include('includes/functions.inc.php'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cum implementez YoxView intr-o pagina web?</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Cum implementez YoxView intr-o pagina web?" />
<meta name="keywords" content="Cum implementez YoxView intr-o pagina web?" />
<meta name="abstract" content="Cum implementez YoxView intr-o pagina web?" />
<meta name="author" content="AccesInterzis" />
<meta name="copyright" content="AccesInterzis" />
<meta name="robots" content="noindex,nofollow" />
<meta name="revisit-after" content="7 days" />
<meta http-equiv="cache-control" content="no-cache">

<script type="text/javascript" src="js/jquery1.4.2.js"></script>

<!--**********Begin - jQuery YoxView**********-->
<script type="text/javascript" src="js/yoxview/yoxview-init.js"></script>
<script language="javascript" type="text/javascript">
    $(document).ready(function(){
        $("#gallery").yoxview();
	});
</script>
<!--**********End - jQuery YoxView**********-->

<style type="text/css">
* {
	margin:0;
	padding:0;
	outline:none;
}

html {
	color:black;
	background-color:white;
	font: normal normal normal 12px  Verdana;
	/*font-style font-variant font-weight font-size font-family*/
}

img {
	border:none;
}

ul#gallery {
	overflow:hidden;
	list-style-type:none;
	width:1000px;
	margin:10px auto;
}

ul#gallery li {
	float:left;
	margin-right:5px;
}
</style>
</head>

<body>
<ul id="gallery">
	<?php
	$pictures = read_images('images/thumbs', array('.jpg', '.jpeg'), 120, 120, 120, 120, 0, 10000);
	for ($i = 0; $i < 8; $i++) {
		echo '<li>';
		echo '<a href="images/big-ones/'.$pictures[$i].'">';
		echo '<img src="images/thumbs/'.$pictures[$i].'" alt="" title="'.$pictures[$i].'" />';
		echo '</a>';
		echo '</li>'."\r\n";
	}
	?>
</ul>
</body>
</html>

Cu ajutorul functiei PHP read_images() citesc dinamic thumbnail-urile de pe server.

Post to Twitter Publica acest articol pe Twitter

Articole asemanatoare:

]]> http://www.accesinterzis.ro/index.php/programare/cum-implementez-plugin-ul-jquery-yoxview-intr-o-pagina-web-2/feed/ 0 Cum implementez plugin-ul jQuery LightBox intr-o pagina web? http://www.accesinterzis.ro/index.php/programare/cum-implementez-plugin-ul-jquery-lightbox-intr-o-pagina-web-2/ http://www.accesinterzis.ro/index.php/programare/cum-implementez-plugin-ul-jquery-lightbox-intr-o-pagina-web-2/#comments Fri, 19 Mar 2010 14:59:24 +0000 admin http://www.accesinterzis.ro/?p=398 Articole asemanatoare:]]> Descarc fisierele plugin-ului. Dezarhivez .zip-ul. Iau jquery.lightbox-0.5.js si il bag in folderul js din root-ul site-ului. In folderul js se afla, de asemenea, si fisierul care contine libraria jQuery. jquery.lightbox-0.5.css il bag in folderul css din root-ul site-ului. In folderul images din root-ul site-ului creez un folder lb-btns in care voi baga imaginile cu butoanele LightBox-ului din folderul images. Acum am grija sa modific chemarile butoanelor in fisierul jquery.lightbox-0.5.js de la linia 30 la 34.

Acum nu imi mai ramane decat sa implementez plugin-ul in pagina mea web.

index.php

<?php include('includes/functions.inc.php'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cum implementez plugin-ul jQuery LightBox intr-o pagina web?</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Cum implementez plugin-ul jQuery LightBox intr-o pagina web?" />
<meta name="keywords" content="Cum implementez plugin-ul jQuery LightBox intr-o pagina web?" />
<meta name="abstract" content="Cum implementez plugin-ul jQuery LightBox intr-o pagina web?" />
<meta name="author" content="AccesInterzis" />
<meta name="copyright" content="AccesInterzis" />
<meta name="robots" content="noindex,nofollow" />
<meta name="revisit-after" content="7 days" />
<meta http-equiv="cache-control" content="no-cache">

<script type="text/javascript" src="js/jquery1.4.2.js"></script>

<!--**********Begin - jQuery LightBox**********-->
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<script type="text/javascript">
$(function() {
    $('#gallery a').lightBox();
});
</script>
<!--**********End - jQuery LightBox**********-->

<style type="text/css">
* {
	margin:0;
	padding:0;
	outline:none;
}

html {
	color:black;
	background-color:white;
	font: normal normal normal 12px  Verdana;
	/*font-style font-variant font-weight font-size font-family*/
}

img {
	border:none;
}

ul#gallery {
	overflow:hidden;
	list-style-type:none;
	width:1000px;
	margin:10px auto;
}

ul#gallery li {
	float:left;
	margin-right:5px;
}
</style>
</head>

<body>
<ul id="gallery">
	<?php
	$pictures = read_images('images/thumbs', array('.jpg', '.jpeg'), 120, 120, 120, 120);
	for ($i = 0; $i < 8; $i++) {
		echo '<li>';
		echo '<a href="images/big-ones/'.$pictures[$i].'">';
		echo '<img src="images/thumbs/'.$pictures[$i].'" alt="" />';
		echo '</a>';
		echo '</li>'."\r\n";
	}
	?>
</ul>
</body>
</html>

Cu ajutorul functiei PHP read_images() citesc dinamic thumbnail-urile de pe server.

Post to Twitter Publica acest articol pe Twitter

Articole asemanatoare:

]]> http://www.accesinterzis.ro/index.php/programare/cum-implementez-plugin-ul-jquery-lightbox-intr-o-pagina-web-2/feed/ 0 Functii PHP utile in orice proiect http://www.accesinterzis.ro/index.php/programare/functii-php-utile-in-orice-proiect/ http://www.accesinterzis.ro/index.php/programare/functii-php-utile-in-orice-proiect/#comments Fri, 19 Mar 2010 14:53:53 +0000 admin http://www.accesinterzis.ro/?p=396 Articole asemanatoare:]]> Ca tot am inceput sa vorbesc despre cod procedural reutilizabil am sa prezint cateva functii PHP foarte utile in orice proiect.

read_images() – citeste imaginile dintr-un folder de pe server si le incarca intr-un array

function read_images($folder, $allowed_extensions = NULL, $min_width = NULL, $max_width = NULL, $min_height = NULL, $max_height = NULL, $min_size = NULL, $max_size = NULL) {
	//-----specific valorile default
	$allowed_extensions = (isset($allowed_extensions)) ? $allowed_extensions : array('.jpg', '.jpeg', '.gif', '.png');
	$min_width          = (isset($min_width))          ? $min_width          : 1;
	$max_width          = (isset($max_width))          ? $max_width          : 10000;
	$min_height         = (isset($min_height))         ? $min_height         : 1;
	$max_height         = (isset($max_height))         ? $max_height         : 10000;
	$min_size           = (isset($min_size))           ? $min_size           : 1;
	$max_size           = (isset($max_size))           ? $max_size           : 10000;

	//-----initializez array-ul in care voi strange numele imaginilor de pe server
	$images = array();

	if (is_dir($folder)) {
		//-----deschid folderul de imagini pentru a-l citi
		if($handle = opendir ($folder)) {
			//-----citesc folderul
			while ($image_name = readdir($handle)) {
				//-----"." reprezinta folderul curent iar ".." reprezinta folderul anterior
				if ($image_name != '.' && $image_name != '..') {
					$image_extension = substr($image_name, strrpos($image_name,'.'),100);
					$image_extension = strtolower($image_extension);

					if (in_array($image_extension,$allowed_extensions)) {
						$properties = @getimagesize($folder.'/'.$image_name);
						$size = round(filesize($folder.'/'.$image_name) / 1024);

						if ($properties[0] >= $min_width  && $properties[0] <= $max_width &&
							$properties[1] >= $min_height && $properties[1] <= $max_height &&
							$size          >= $min_size   && $size          <= $max_size) {

							$images[] = $image_name;
						}
					}
				}
			}

			closedir($handle);
		}
	}

	return ($images);
}


Exemplu

<?php $slides = read_images('images/slides', array('.jpg', '.jpeg'), 600, 600, 270, 270); ?>
<pre><?php print_r($slides); ?></pre>

In acest exemplu am folosit functia pentru a incarca dinamic imaginile prezentate intr-un slider jQuery. Numai imaginile care au extensia .jpg sau .jpeg si care au EXACT 600px latime si EXACT 270px inaltime vor fi incarcate in sliderul jQuery.

Aceasta functie o mai pot folosi pentru a afla cate imagini se afla intr-un folder.

<?php echo count($slides); ?>

read_files() – citeste fisierele dintr-un folder de pe server si le incarca intr-un array

function read_files($folder, $allowed_extensions = NULL, $min_size = NULL, $max_size = NULL) {
	//-----specific valorile default
	$allowed_extensions = (isset($allowed_extensions)) ? $allowed_extensions : array('.php', '.css', '.js', '.html', '.htm');
	$min_size           = (isset($min_size))           ? $min_size           : 1;
	$max_size           = (isset($max_size))           ? $max_size           : 10000;

	//-----initializez array-ul in care voi strange numele fisierelor de pe server
	$files = array();

	if (is_dir($folder)) {
		//-----deschid folderul de fisiere pentru a-l citi
		if($handle = opendir ($folder)) {

			//-----citesc folderul
			while ($image_name = readdir($handle)) {
				//-----"." reprezinta folderul curent iar ".." reprezinta folderul anterior
				if ($image_name != '.' && $image_name != '..') {
					$image_extension = substr($image_name, strrpos($image_name,'.'),100);
					$image_extension = strtolower($image_extension);

					if (in_array($image_extension, $allowed_extensions)) {
						$size = filesize($folder.'/'.$image_name) / 1024;

						if ($size >= $min_size && $size <= $max_size) {
							$files[] = $image_name;
						}
					}
				}
			}

			closedir($handle);
		}
	}

	return ($files);
}

filter_this() – aplica filtre (trim, stripslashes, strip_tags, htmlentities, nl2br, mysql_real_escape_string etc.) pe date (array sau string)

function filter_this($data, $filters = array()) {
	if (is_array($data)) {
		$wrapped_data = array();

		foreach ($data as $k => $v) {
			foreach ($filters as $filter) {
				switch ($filter) {
					case 'htmlentities':
						$v = htmlentities($v, ENT_QUOTES, 'utf-8');
						break;

					default:
						$v = $filter($v);
				}
			}

			$wrapped_data[$k] = $v;
		}
	} else {
		foreach ($filters as $filter) {
			switch ($filter) {
				case 'htmlentities':
					$data = htmlentities($data, ENT_QUOTES, 'utf-8');
					break;

				default:
					$data = $filter($data);
			}
		}

		$wrapped_data = $data;
	}

	return ($wrapped_data);
}

Exemplu

$cookie = (isset($_COOKIE)) ? filter_this($_COOKIE, array('strip_tags', 'htmlentities')) : NULL;

In acest exemplu am aplicat filtrele strip_tags si htmlentities pe datele stocate in array-ul superglobal $_COOKIE ca sa ma asigur ca nu contin cod malitios. Se stie ca toate datele stocate de cookie-urile create de server pe PC-ul vizitatorilor pot fi manipulate si folosite malitios.

get_random_string() – genereaza aleatoriu un sir de caractere. Functia imi permite sa aleg numarul si tipul de caractere.

function get_random_string($length, $chars_type = array()) {
	if (count($chars_type) == 0) {
		$charset = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ01234567890123456789!@#$%^&*()!@#$%^&*()';
	} else {
		$lower_case = (in_array('lower_case', $chars_type)) ? 'abcdefghijklmnopqrstuvwxyz' : NULL;
		$upper_case = (in_array('upper_case', $chars_type)) ? 'ABCDEFGHIJKLMNOPQRSTUVWXYZ' : NULL;
		$digits     = (in_array('digits', $chars_type))     ? '01234567890123456789'       : NULL;
		$symbols    = (in_array('symbols', $chars_type))    ? '!@#$%^&*()!@#$%^&*()'       : NULL;

		$charset = $lower_case.$upper_case.$digits.$symbols;
	}

	$string = '';

	for ($i = 1; $i <= $length; $i++) {
		$string .= substr($charset,rand(0,strlen($charset) - 1),1);
	}

	return ($string);
}

Exemplu

//-----functia va genera un sir de 10 caractere alcatuit din minuscule si majuscule
echo get_random_string(10, array('lower_case', 'upper_case'));

create_menu() – creeaza un meniu sub forma unei liste neordonate.

function create_menu($menu_id, $menu_btns = array()) {
	$result = '<ul id="'.$menu_id.'">'."\r\n";

	foreach ($menu_btns as $k => $v) {
		$result .= '<li id="'.substr($v, 0, strrpos($v, '.')).'-item">'."\r\n";

		$active_btn = (basename($_SERVER['PHP_SELF']) == $v) ? ' class="active-btn"' : '';

		$result .= '<a href="'.$v.'" title="'.$k.'" id="'.substr($v, 0, strrpos($v, '.')).'-btn"'.$active_btn.'>';
		$result .= $k;
		$result .= '</a>'."\r\n";
		$result .= '</li>'."\r\n\r\n";
	}

	$result .= '</ul>';

	return ($result);
}

Exemplu

$my_menu = array('Home'            => 'index.php',
				 'Who we are?'     => 'who-we-are.php',
				 'Make a donation' => 'make-a-donation.php',
				 'Our work'        => 'our-work.php',
				 'News & press'    => 'news-and-press.php',
				 'Contact us'      => 'contact-us.php');

echo create_menu('header-menu', $my_menu);

CSS-ul cu care stilizez lista neordonata:

ul#header-menu {
	list-style-type:none;
	position:absolute;
	bottom:10px;
	left:50px;
}

	ul#header-menu li {
		float:left;
		margin-right:35px;
	}

	ul#header-menu li#contact-us-item {
		margin-right:0 !important;
	}

		ul#header-menu li a {
			color:white;
		}

		ul#header-menu li a:hover, ul#header-menu li a.active-btn {
			color:#333;
		}

get_filepermis() – returneaza permisiile unui fisier

function get_filepermis($file) {
	return substr(decoct(fileperms($file)), 2);
}

Exemplu

echo get_filepermis('mysql_db.class.php');// 0666

redirect_to() – redirecteaza vizitatorul catre o alta pagina web si intrerupe executarea codului

function redirect_to($location) {
    header("Location:".$location);
    exit();
}

get_file_extension() – returneaza extensia unui fisier

function get_file_extension($filename) {
	if (strrpos($filename, '.')) {
		return substr($filename, strrpos($filename, '.'));
	} else {
		die('<strong>'.$filename.'</strong> isn\'t a valid file.');
	}
}

Exemplu

echo get_file_extension('mysql_db.class.php');// .php

get_filesize() – returneaza marimea in kb a unui fisier 

function get_filesize($file) {
	return round((filesize($file)/1024));// size in kb
}

Post to Twitter Publica acest articol pe Twitter

Articole asemanatoare:

]]> http://www.accesinterzis.ro/index.php/programare/functii-php-utile-in-orice-proiect/feed/ 0 Cum fac un slider de imagini in jQuery si PHP? http://www.accesinterzis.ro/index.php/programare/cum-fac-un-slider-de-imagini-in-jquery-si-php/ http://www.accesinterzis.ro/index.php/programare/cum-fac-un-slider-de-imagini-in-jquery-si-php/#comments Wed, 17 Mar 2010 19:08:19 +0000 admin http://www.accesinterzis.ro/?p=373 Articole asemanatoare:]]> UPDATED ARTICLE

Probabil toata lumea stie cum se realizeaza in jQuery un slider. E destul de simplu. Incarcam fisierul jQuery in pagina si plugin-ul jQuery pentru realizarea sliderului. Putem prezenta in slider nu numai imagini ci si orice fel de continut de la texte la video.

index.php

<?php include('includes/functions.inc.php'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cum fac un slider de imagini in jQuery si PHP?</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Cum fac un slider de imagini in jQuery si PHP?" />
<meta name="keywords" content="Cum fac un slider de imagini in jQuery si PHP?" />
<meta name="abstract" content="Cum fac un slider de imagini in jQuery si PHP?" />
<meta name="author" content="AccesInterzis" />
<meta name="copyright" content="AccesInterzis" />
<meta name="robots" content="noindex,nofollow" />
<meta name="revisit-after" content="7 days" />

<script type="text/javascript" src="js/jquery1.4.2.js"></script>

<!--**********Begin - jQuery slider**********-->
<script type="text/javascript" src="js/easy-slider1.5.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#slider").easySlider({
		auto: true,
		continuous: true
	});
});
</script>
<!--**********End - jQuery slider**********-->

<style type="text/css">
* {
	margin:0;
	padding:0;
	outline:none;
}

html {
	color:black;
	background-color:white;
	font: normal normal normal 12px  Verdana;
	/*font-style font-variant font-weight font-size font-family*/
}

/***********Begin - jquery slider***********/

div#container {
	position:relative;
	width:605px;
	margin:0 auto;
}

div#container div#slider ul {
	list-style:none;
}

div#container div#slider li {
	/*
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
	*/
	width:605px;
	height:270px;
	overflow:hidden;
}

div#container #prevBtn, div#container #nextBtn {
	display:block;
	width:13px;
	height:20px;
	position:absolute;
	top:275px;
}

div#container #prevBtn {
	left:0px;
}

div#container #nextBtn {
	left:587px;
}

div#container #prevBtn a, div#container #nextBtn a {
	display:block;
	width:13px;
	height:20px;
}

div#container #prevBtn a {
	background:url(images/prev-btn.png) no-repeat 0 0;
}

div#container #nextBtn a {
	background:url(images/next-btn.png) no-repeat 0 0;
}

div#container .graphic, div#container #prevBtn, div#container #nextBtn {
    display:block;
    overflow:hidden;
    text-indent:-8000px;
}

/***********End - jquery slider***********/

</style>
</head>

<body>
<div id="container">
	<div id="slider">
		<ul>
			<?php
			$slides = read_images('images/slides', array('.jpg', '.jpeg'), 600, 600, 270, 270);
			foreach ($slides as $slide) {
				echo '<li>';
				echo '<img src="images/slides/'.$slide.'" alt="" />';
				echo '</li>'."\r\n";
			}

			?>
			<li style="text-align:center; font-size:24px; color:#c00; padding-top:50px;">In slider putem sa punem orice fel de continut dorim: imagini, text, video. Acest continut poate fi citit dintr-o baza de date.</li>
		</ul>
	</div>
</div>
</body>
</html>

Cu ajutorul functiei PHP read_images() citesc dinamic thumbnail-urile de pe server.

Sliderul poate fi folosit la fel de bine si ca sectiune de stiri in care se incarca dintr-o baza de date ultimele stiri.

Post to Twitter Publica acest articol pe Twitter

Articole asemanatoare:

]]> http://www.accesinterzis.ro/index.php/programare/cum-fac-un-slider-de-imagini-in-jquery-si-php/feed/ 0 Cum fac un formular de autentificare a utilizatorilor? (versiunea 2) http://www.accesinterzis.ro/index.php/web/cum-fac-un-formular-de-autentificare-a-utilizatorilor-versiunea-2/ http://www.accesinterzis.ro/index.php/web/cum-fac-un-formular-de-autentificare-a-utilizatorilor-versiunea-2/#comments Wed, 17 Mar 2010 13:44:39 +0000 admin http://www.accesinterzis.ro/?p=387 Articole asemanatoare:]]> Scripturile PHP apelate prin functia include() le gasiti in articolul despre versiunea 2 a formularului de contact.
Interogarea SQL care creeaza tabelul in care se vor stoca logurile despre autentificarile esuate sau reusite o gasiti in articolul despre prima versiune a formularului de autentificare a utilizatorilor.

loginf.php

<?php
/*
Cum fac un formular de autentificare a utilizatorilor? (versiunea 2)
Autor: Marian Barbu aka AccesInterzis
Website: http://www.accesinterzis.ro
2010 (c) Toate drepturile rezervate
*/

//-----specific EXACT cu ce campuri se va lucra
#1
$required_fields = array('username', 'password', 'login');
$sent_fields = array_keys($_POST);

//-----creez o sesiune pe server pentru a salva in ea, in caz ca autentificarea reuseste, numele utilizatorului si browserul si sistemul de operare folosite de utilizator
#2
session_start();

//-----ma conectez la baza de date
#3
include('includes/connect_to_db.inc.php');

//-----incarc fisierele include
#3.1
include('includes/validators.inc.php');
include('includes/filter_it.inc.php');
include('includes/validate_form.inc.php');
include('includes/filtered_urls_and_cookies.inc.php');

//------scriptul PHP se executa doar daca cererea a fost facuta de pe aceeasi pagina pe care se afla formularul si doar daca toate campurile formularului au fos trimise
#4
if ($referer == 'http://'.$_SERVER['HTTP_HOST'].$php_self && $required_fields == $sent_fields) {
	//-----procesez datele din formular; rezultatul va fi o lista de erori, o lista cu datele nevalide, o lista cu datele valide
	#5
	include('includes/process_form.inc.php');

	//-----infasor datele VALIDE in mysql_real_escape_string() deoarece urmeaza sa interoghez baza de date
	#6
	$processed_form['good_data'] = filter_it($processed_form['good_data'], array('mysql_real_escape_string'));

	//-----BEGIN - DATA HANDLING
	#7
	if (isset($processed_form['good_data']['username']) && isset($processed_form['good_data']['password'])) {
		$q = "SELECT username FROM ai_registrationform WHERE username='".$processed_form['good_data']['username']."' AND password=SHA('".$processed_form['good_data']['password']."')";
		$result = mysql_query($q) or die(mysql_error());
		$row = mysql_fetch_array($result);

		if ($row == false) {
			//-----daca datele de logare sunt valide dar nu se regasesc in baza de date se va inregistra in tabelul de loguri un log despre aceasta autentificare esuata
			$q2 = "INSERT INTO ai_authentication_logs(`username`, `password`, `server_authentication_date`, `client_authentication_date`, `ip`, `browser_os`, `screen_resolution`, `status`)"
				 ."VALUES('".$processed_form['good_data']['username']."', '".$processed_form['good_data']['password']."', NOW(), '".$cookie['client_authentication_date']."', '".$_SERVER['REMOTE_ADDR']."', '".$browser_os."', '".$cookie['screen_resolution']."', 'failed')";

			mysql_query($q2) or die(mysql_error());

			$processed_form['issues']['username'] = 'Your login data are wrong.';
			$processed_form['issues']['password'] = '';
		}
	}
	//-----END - DATA HANDLING

	//-----daca nu exista niciun fel de erori si autentificarea s-a efetuat cu succes
    #8
	if(count($processed_form['issues']) == 0) {
		//-----salvez in tabelul de loguri un log despre autetificare
		#8.1
		$q = "INSERT INTO ai_authentication_logs(`username`, `password`, `server_authentication_date`, `client_authentication_date`, `ip`, `browser_os`, `screen_resolution`, `status`)"
		     ."VALUES('".$processed_form['good_data']['username']."', SHA('".$processed_form['good_data']['password']."'), NOW(), '".$cookie['client_authentication_date']."', '".$_SERVER['REMOTE_ADDR']."', '".$browser_os."', '".$cookie['screen_resolution']."', 'succesful')";

		mysql_query($q) or die(mysql_error());

		//-----salvez in sesiune numele utilizatorului si numele browserului si sistemului de operare pe care le foloseste
		#8.2
		$_SESSION['username'] = $row['username'];
		$_SESSION['browser_os'] = sha1($_SERVER['HTTP_USER_AGENT']);

		//-----redirectez utilizatorul de pe pagina de login pe pagina principala a sectiunii de administrare
		#8.3
		header('Location:http://'.$_SERVER['HTTP_HOST'].dirname($php_self).'/backend.php');
		exit();
	}

	//-----infasor datele in htmlentities() deoarece urmeaza sa le afisez in formular
	#9
	$get_my_fields = filter_it($get_my_fields, array('htmlentities'));
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>How do I make a login form?</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="How do I make a login form?" />
<meta name="keywords" content="login,form,php,script,mysql,database,user,backend,admin,section,cms" />
<meta name="abstract" content="How do I make a login form?" />
<meta name="author" content="AccesInterzis" />
<meta name="copyright" content="AccesInterzis" />
<meta name="robots" content="index,follow" />
<meta name="revisit-after" content="7 days" />

<style type="text/css">
* {
	margin:0;
	padding:0;
	outline:none;
}

html {
	color:black;
	background-color:white;
	font: normal normal normal 12px  Verdana;
	/*font-style font-variant font-weight font-size font-family*/
}

/*INCEPUT - LINIILE CSS CARE CREEAZA SKINUL FORMULARULUI DE AUTENTIFICARE*/

div#loginf {
	width:285px;
	margin:0px auto;
}

div#loginf h1 {
	color:black;
	font: normal normal normal 24px  Verdana;
	/*font-style font-variant font-weight font-size font-family*/
	padding-bottom:5px;
}

div#loginf div {
	margin:0 0 5px 0;
}

div#loginf label {
	width:80px;
	float:left;
}

div#loginf label span {
	color:#c00;
}

div#loginf input {
	width:200px;
}

div#loginf textarea {
	width:300px;
	height:150px;
}

div#loginf input, div#loginf textarea {
	border:1px #ccc solid;
}

div#loginf input:hover, div#loginf textarea:hover {
	border:1px #666 solid;
}

div#loginf input#login {
	width:auto;
	color:#FFF;
	background-color:#333;
	border:1px #000 solid !important;
	cursor:pointer;
}

div#loginf input#login:hover {
	color:#333;
	background-color:#fff;
	border:1px #333 solid;
}

/*Inceput - stilurile erorilor*/

div#loginf p {
	color:#c00;
	padding:0 0 0 80px;
	font-size:10px;
	text-align:left;
}

div#loginf div#username_field label,
div#loginf div#password_field label {
	color:#c00;
}

div#loginf div#username_field input,
div#loginf div#password_field input {
	border:1px #c00 solid;
	color:#c00;
}

div#loginf div#username_field input:hover,
div#loginf div#password_field input:hover {
	border:1px #c00 solid;
}

/*Sfarsit - stilurile erorilor*/

/*SFARSIT - LINIILE CSS CARE CREEAZA SKINUL FORMULARULUI DE AUTENTIFICARE*/
</style>

<script type="text/javascript">
/*
Creez cookie-urile care vor stoca date despre utilizator.
Aceste cookie-uri se creeaza atunci cand se deschide prima oara pagina de login.
De abia cand se reincarca pagina, adica cand utilizatorul apasa butonul "login", scriptul PHP
se poate folosi de aceste cookie-uri.
*/
document.cookie = 'screen_resolution=' + screen.width + '*' + screen.height + ';';

var current_date = new Date();
var year = current_date.getFullYear();
var month = current_date.getMonth();
var day = current_date.getDate();
var hour = current_date.getHours();
var minutes = current_date.getMinutes();
var seconds = current_date.getSeconds();
var current_date = year + '-' + month + '-' + day + ' ' + hour + ':' + minutes + ':' + seconds;
document.cookie = 'client_authentication_date=' + current_date + ';';
</script>
</head>

<body>
<div id="loginf">
	<h1>
		<label>&nbsp;</label>
		Login
	</h1>

	<form action="<?php echo 'http://'.$_SERVER['HTTP_HOST'].$php_self; ?>" method="post">
		<?php echo (isset($processed_form['issues']['username'])) ? '<p>'.$processed_form['issues']['username'].'</p><div id="username_field">' : '<div>' ; ?>
			<label for="username">Username<span>*</span>:</label>
			<input name="username" type="text" id="username" value="<?php if (isset($get_my_fields['username'])) echo $get_my_fields['username']; ?>" />
		</div>

		<?php echo (isset($processed_form['issues']['password'])) ? '<p>'.$processed_form['issues']['password'].'</p><div id="password_field">' : '<div>' ; ?>
			<label for="password">Password<span>*</span>:</label>
			<input name="password" type="password" id="password" />
		</div>

		<div>
			<label> &nbsp; </label>
			<input name="login" type="submit" id="login" value="login" />
		</div>
	</form>
</div>
</body>
</html>

backend.php

<?php
//-----deschid sesiunea pentru a verifica daca utilizatorul s-a autentificat sau nu
#1
session_start();

//-----incarc include-urile care imi filtreaza URL-urile obtinute dinamic, http_user_agent-ul si cookie-urile
#2
include('includes/filter_it.inc.php');
include('includes/filtered_urls_and_cookies.inc.php');

//-----daca utilizatorul nu s-a autentificat va fi redirectionat catre pagina de login
#3
if (!isset($_SESSION['username']) || !isset($_SESSION['browser_os']) || $_SESSION['browser_os'] != sha1($browser_os)) {
		header('Location:http://'.$_SERVER['HTTP_HOST'].dirname($php_self).'/loginf.php');
		exit();
}

//-----scriptul care asigura functia de logout
#4
if (isset($_GET['action']) && $_GET['action'] == 'logout') {
	//-----distrug toate variabilele sesiunii de pe server reinitializind intregul tablou superglobal $_SESSION
	#4.1
	$_SESSION = array();

	//-----sterg de pe server toate datele sesiunii apeland functia session_destroy() si sterg de pe PC-ul utilizatorului cookie-ul care stocheaza identificatorul de sesiune
	#4.2
	if (session_destroy() && setcookie('PHPSESSID', '', time()-300, '/', '', 0)) {
		header('Location:http://'.$_SERVER['HTTP_HOST'].dirname($php_self).'/loginf.php');
		exit();
	}
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Backend</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="How do I make a backend?" />
<meta name="keywords" content="backend,administration,section,admin,cms,content,managament,system,php,script,mysql,database" />
<meta name="abstract" content="How do I make a backend?" />
<meta name="author" content="AccesInterzis" />
<meta name="copyright" content="AccesInterzis" />
<meta name="robots" content="index,follow" />
<meta name="revisit-after" content="7 days" />

<link href="http://www.accesinterzis.ro/myportofolio/css/reset.css" type="text/css" rel="stylesheet" media="all" />
<style type="text/css">
* {
	margin:0;
	padding:0;
	outline:none;
}

html {
	color:black;
	background-color:white;
	font: normal normal normal 12px  Verdana;
	/*font-style font-variant font-weight font-size font-family*/
}

/*INCEPUT - LINIILE CSS CARE CREEAZA SKINUL SECTIUNII DE ADMINISTRARE*/

div#backend {
	width:1000px;
	margin:10px auto;
	overflow:auto;
	border:1px #ccc solid;
	padding:10px;
}

div#backend a {
	color:#900;
	text-decoration:none;
}

div#backend ul#welcome_message {
	overflow:auto;
	list-style-type:none;
}

div#backend ul#sidebar {
	width:10%;
	float:left;
	list-style-type:none;
	border-right:1px #ccc solid;
}

div#backend div#mainarea {
	width:80%;
	float:right;
}

div#backend div#mainarea p#confirmation_message {
	width:75%;
	margin:250px auto;
}

div#backend div#footer{
	width:100%;
	float:left;
	text-align:center;
}

div.splitter {
	width:100%;
	height:1px;
	clear:both;
	float:left;
	border-top:1px #ccc solid;
	margin: 10px 0 10px 0;
}

/*SFARSIT - LINIILE CSS CARE CREEAZA SKINUL SECTIUNII DE ADMINISTRARE*/
</style>
</head>

<body>

<div id="backend">
	<ul id="welcome_message">
		<li style="float:left;">Welcome <strong><?php echo $_SESSION['username']; ?></strong> to the administration section</li>
		<li style="float:right;"><a href="<?php echo 'http://'.$_SERVER['HTTP_HOST'].$php_self; ?>?action=logout" title="Logout">Logout</a></li>
	</ul>

	<div class="splitter"></div>

	<ul id="sidebar">
		<?php
		for ($i = 0; $i < 40; $i++) {
			echo '<li>sidebar</li>';
		}
		?>
	</ul>

	<div id="mainarea">
		<p id="confirmation_message">
		<strong><?php echo $_SESSION['username']; ?></strong>, esti aici deoarece ai dovedit ca esti un utilizator autorizat al acestei sectiuni de administrare.
		Acum delogheaza-te si incearca sa accesezi din nou <strong><?php echo 'http://'.$_SERVER['HTTP_HOST'].$php_self; ?></strong>.
		Vei vedea ce se intampla cand cineva neautentificat incearca sa intre in sectiunea de administrare.
		</p>
	</div>

	<div class="splitter"></div>

	<div id="footer">
		Designed and developed by <a href="http://www.accesinterzis.ro" title="Programare | Web development | Web design | Securitate IT | SEO" target="_blank">www.accesinterzis.ro</a> &copy; 2010. All rights reserved.
	</div>
</div>
</body>
</html>

Post to Twitter Publica acest articol pe Twitter

Articole asemanatoare:

]]> http://www.accesinterzis.ro/index.php/web/cum-fac-un-formular-de-autentificare-a-utilizatorilor-versiunea-2/feed/ 2 Cum fac un formular de inregistrare a utilizatorilor? (versiunea 2) http://www.accesinterzis.ro/index.php/web/cum-fac-un-formular-de-inregistrare-a-utilizatorilor-versiunea-2/ http://www.accesinterzis.ro/index.php/web/cum-fac-un-formular-de-inregistrare-a-utilizatorilor-versiunea-2/#comments Wed, 17 Mar 2010 13:41:46 +0000 admin http://www.accesinterzis.ro/?p=386 Articole asemanatoare:]]> Scripturile PHP apelate prin functia include() le gasiti in articolul despre versiunea 2 a formularului de contact.
Interogarea SQL care creeaza tabelul in care se vor stoca utilizatorii o gasiti in articolul despre prima versiune a formularului de inregistrare a utilizatorilor.

registrationf.php

<?php
/*
Cum fac un formular de inregistrare a utilizatorilor? (versiunea 2)
Autor: Marian Barbu aka AccesInterzis
Website: http://www.accesinterzis.ro
2010 (c) Toate drepturile rezervate
*/

//-----specific EXACT cu ce campuri se va lucra
#1
$required_fields = array('username', 'email', 'password', 'retype_password', 'register');
$sent_fields = array_keys($_POST);

//-----ma conectez la baza de date
#2
include('includes/connect_to_db.inc.php');

//-----incarc fisierele include
#2.1
include('includes/validators.inc.php');
include('includes/filter_it.inc.php');
include('includes/validate_form.inc.php');
include('includes/filtered_urls_and_cookies.inc.php');

//------scriptul PHP se executa doar daca cererea a fost facuta de pe aceeasi pagina pe care se afla formularul si doar daca toate campurile formularului au fos trimise
#3
if ($referer == 'http://'.$_SERVER['HTTP_HOST'].$php_self && $required_fields == $sent_fields) {
	//-----procesez datele din formular; rezultatul va fi o lista de erori, o lista cu datele nevalide, o lista cu datele valide
	#5
	include('includes/process_form.inc.php');

	//-----infasor datele VALIDE in mysql_real_escape_string() deoarece urmeaza sa interoghez baza de date
	#6
	$processed_form['good_data'] = filter_it($processed_form['good_data'], array('mysql_real_escape_string'));

	//-----BEGIN - DATA HANDLING
	#7
	if (isset($processed_form['good_data']['username'])) {
		$q = "SELECT user_id FROM ai_registrationform WHERE LOWER(username)='".strtolower($processed_form['good_data']['username'])."'";
        $result = mysql_query($q) or die(mysql_error());

		if (mysql_num_rows($result) != 0) {
			$processed_form['issues']['username'] = 'The username <strong>'.$processed_form['good_data']['username'].'</strong> already exists in our database.';
		}
	}

	if (isset($processed_form['good_data']['email'])) {
		$q = "SELECT user_id FROM ai_registrationform WHERE LOWER(email)='".strtolower($processed_form['good_data']['email'])."'";
        $result = mysql_query($q) or die(mysql_error());

        if (mysql_num_rows($result) != 0) {
			$processed_form['issues']['email'] = 'The email address <strong>'.$processed_form['good_data']['email'].'</strong> already exists in our database.';
		}
	}

	if (isset($processed_form['good_data']['password'])) {
		if ($processed_form['good_data']['password'] != $_POST['retype_password']) {
			$processed_form['issues']['password'] = 'The two passwords don\'t match.';
		}
	}
	//-----END - DATA HANDLING

	//------daca nu exista niciun fel de erori bag datele in baza de date
    #8
	if(count($processed_form['issues']) == 0) {
		$q = "INSERT INTO ai_registrationform(`username`, `email`, `password`, `registration_date`, `ip`)"
			."VALUES('".$processed_form['good_data']['username']."', '".$processed_form['good_data']['email']."', SHA('".$processed_form['good_data']['password']."'), NOW(), '".$_SERVER['REMOTE_ADDR']."')";

		//-----daca intr-adevar datele au fost bagate in baza de date se va afisa pe monitor un mesaj de confirmare
		#8.1
		if (mysql_query($q)) {
			$confirmation = 'The user <strong>'.$processed_form['good_data']['username'].'</strong> was succesfully registered in our databse.';
		} else {
			$confirmation = 'Something is wrong with the server. The user <strong>'.$processed_form['good_data']['username'].'</strong> wasn\'t registered.';
		}

		$confirmation .= ' <a href="http://'.$_SERVER['HTTP_HOST'].$php_self.'" title="Back" id="back">Back to registration form</a>';

		#8.2
		$display = 'style="display:none;"';
	}

	//-----infasor datele in htmlentities() deoarece urmeaza sa le afisez in formular
	#9
	$get_my_fields = filter_it($get_my_fields, array('htmlentities'));
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>How do I make a registration form?</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="How do I make a registration form?" />
<meta name="keywords" content="registration,form,php,script,mysql,database,user,backend,admin,section,cms" />
<meta name="abstract" content="How do I make a registration form?" />
<meta name="author" content="AccesInterzis" />
<meta name="copyright" content="AccesInterzis" />
<meta name="robots" content="index,follow" />
<meta name="revisit-after" content="7 days" />

<style type="text/css">
* {
	margin:0;
	padding:0;
	outline:none;
}

html {
	color:black;
	background-color:white;
	font: normal normal normal 12px  Verdana;
	/*font-style font-variant font-weight font-size font-family*/
}

/*INCEPUT - LINIILE CSS CARE CREEAZA SKINUL FORMULARULUI DE INREGISTRARE*/

div#registrationf {
	width:335px;
	margin:0px auto;
}

div#registrationf h1 {
	color:black;
	font: normal normal normal 24px  Verdana;
	/*font-style font-variant font-weight font-size font-family*/
	padding-bottom:5px;
}

div#registrationf div {
	margin:0 0 5px 0;
}

div#registrationf label {
	width:130px;
	float:left;
}

div#registrationf label span {
	color:#c00;
}

div#registrationf input {
	width:200px;
}

div#registrationf textarea {
	width:300px;
	height:150px;
}

div#registrationf input, div#registrationf textarea {
	border:1px #ccc solid;
}

div#registrationf input:hover, div#registrationf textarea:hover {
	border:1px #666 solid;
}

div#registrationf input#register {
	width:auto;
	color:#FFF;
	background-color:#333;
	border:1px #000 solid !important;
	cursor:pointer;
}

div#registrationf input#register:hover {
	color:#333;
	background-color:#fff;
	border:1px #333 solid;
}

/*Inceput - stilurile erorilor*/
div#registrationf p {
	color:#c00;
	padding:0 0 0 130px;
	font-size:10px;
	text-align:left;
}

div#registrationf div#username_field label,
div#registrationf div#email_field label,
div#registrationf div#password_field label,
div#registrationf div#retype_password_field label {
	color:#c00;
}

div#registrationf div#username_field input,
div#registrationf div#email_field input,
div#registrationf div#password_field input,
div#registrationf div#retype_password_field input {
	border:1px #c00 solid;
	color:#c00;
}

div#registrationf div#username_field input:hover,
div#registrationf div#email_field input:hover,
div#registrationf div#password_field input:hover,
div#registrationf div#retype_password_field input:hover {
	border:1px #c00 solid;
}
/*Sfarsit - stilurile erorilor*/

div#registrationf a#back {
	color:#900;
	font-weight:bold;
	text-decoration:underline;
}

/*SFARSIT - LINIILE CSS CARE CREEAZA SKINUL FORMULARULUI DE INREGISTRARE*/
</style>
</head>

<body>
<div id="registrationf">
	<h1>
		<label>&nbsp;</label>
		Register an user
	</h1>

	<?php if (isset($confirmation)) echo '<p>'.$confirmation.'</p>'; ?>

	<form action="<?php echo 'http://'.$_SERVER['HTTP_HOST'].$php_self; ?>" method="post" <?php if (isset($display)) echo $display; ?>>
		<?php echo (isset($processed_form['issues']['username'])) ? '<p>'.$processed_form['issues']['username'].'</p><div id="username_field">' : '<div>' ; ?>
			<label for="username">Username<span>*</span>:</label>
			<input name="username" type="text" id="username" value="<?php if (isset($get_my_fields['username'])) echo $get_my_fields['username']; ?>" />
		</div>

		<?php echo (isset($processed_form['issues']['email'])) ? '<p>'.$processed_form['issues']['email'].'</p><div id="email_field">' : '<div>' ; ?>
			<label for="email">Email<span>*</span>:</label>
			<input name="email" type="text" id="email" value="<?php if (isset($get_my_fields['email'])) echo $get_my_fields['email']; ?>" />
		</div>

		<?php echo (isset($processed_form['issues']['password'])) ? '<p>'.$processed_form['issues']['password'].'</p><div id="password_field">' : '<div>' ; ?>
			<label for="password">Password<span>*</span>:</label>
			<input name="password" type="password" id="password" />
		</div>

		<div>
			<label for="retype_password">Retype password<span>*</span>:</label>
			<input name="retype_password" type="password" id="retype_password" />
		</div>

		<div>
			<label> &nbsp; </label>
			<input name="register" type="submit" id="register" value="register" />
		</div>
	</form>
</div>
</body>
</html>

Post to Twitter Publica acest articol pe Twitter

Articole asemanatoare:

]]> http://www.accesinterzis.ro/index.php/web/cum-fac-un-formular-de-inregistrare-a-utilizatorilor-versiunea-2/feed/ 0 Cum fac un formular de comentarii? (versiunea 2) http://www.accesinterzis.ro/index.php/programare/cum-fac-un-formular-de-comentarii-versiunea-2/ http://www.accesinterzis.ro/index.php/programare/cum-fac-un-formular-de-comentarii-versiunea-2/#comments Wed, 17 Mar 2010 13:37:48 +0000 admin http://www.accesinterzis.ro/?p=385 Articole asemanatoare:]]> Scripturile PHP apelate prin functia include() le gasiti in articolul despre versiunea 2 a formularului de contact.
Interogarea SQL care creeaza tabelul in care se vor stoca comentariile o gasiti in articolul despre prima versiune a formularului de comentarii.

commentf.php

<?php
/*
Titlu: Cum fac un formular de comentarii? (versiunea 2)
Autor: Marian Barbu aka AccesInterzis
Website: http://www.accesinterzis.ro
2010 (c) Toate drepturile rezervate
*/

//-----specific EXACT cu ce campuri se va lucra
#1
$required_fields = array('name', 'email', 'website', 'comment', 'security_code', 'add');
$sent_fields = array_keys($_POST);

//-----creez o sesiune pe server pentru a salva in ea codul generat aleatoriu de sistemul CAPTCHA
#2
session_start();

//-----ma conectez la baza de date
#3
include('includes/connect_to_db.inc.php');

//-----incarc fisierele include
#3.1
include('includes/validators.inc.php');
include('includes/filter_it.inc.php');
include('includes/validate_form.inc.php');
include('includes/filtered_urls_and_cookies.inc.php');

//------scriptul PHP se executa doar daca cererea a fost facuta de pe aceeasi pagina pe care se afla formularul si doar daca toate campurile formularului au fos trimise
#4
if ($referer == 'http://'.$_SERVER['HTTP_HOST'].$php_self && $required_fields == $sent_fields) {
	//-----procesez datele din formular; rezultatul va fi o lista de erori, o lista cu datele nevalide, o lista cu datele valide
	#5
	include('includes/process_form.inc.php');

	//-----infasor datele in mysql_real_escape_string() deoarece urmeaza sa le bag in baza de date
	#6
	$processed_form['good_data'] = filter_it($processed_form['good_data'], array('mysql_real_escape_string'));

	//------daca nu exista niciun fel de erori bag datele in baza de date
    #7
	if(count($processed_form['issues']) == 0) {
		#7.1
		$q = "INSERT INTO ai_commentform(`name`, `email`, `website`, `comment`, `date`, `ip`)"
			."VALUES('".$processed_form['good_data']['name']."', '".$processed_form['good_data']['email']."', '".$processed_form['good_data']['website']."', '".$processed_form['good_data']['comment']."', NOW(), '".$_SERVER['REMOTE_ADDR']."')";

		#7.2
		if (mysql_query($q) == false) {
			$error_message = 'Something is wrong with the server. Your comment wasn\'t added.';
		}
	}

	//-----infasor datele in htmlentities() deoarece urmeaza sa le afisez in formular
	#8
	$get_my_fields = filter_it($get_my_fields, array('htmlentities'));
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>How do I make a comment form?</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="How do I make a comment form?" />
<meta name="keywords" content="comment,form,php,script,add,email" />
<meta name="abstract" content="How do I make a comment form?" />
<meta name="author" content="AccesInterzis" />
<meta name="copyright" content="AccesInterzis" />
<meta name="robots" content="index,follow" />
<meta name="revisit-after" content="7 days" />

<style type="text/css">
* {
	margin:0;
	padding:0;
	outline:none;
}

html {
	color:black;
	background-color:white;
	font: normal normal normal 12px  Verdana;
	/*font-style font-variant font-weight font-size font-family*/
}

/*INCEPUT - LINIILE CSS CARE CREEAZA SKINUL FORMULARULUI DE CONTACT*/

div#commentf {
	width:530px;
	margin:0px auto;
}

div#commentf h1 {
	color:black;
	font: normal normal normal 24px  Verdana;
	/*font-style font-variant font-weight font-size font-family*/
	padding-bottom:5px;
}

div#commentf div {
	margin:0 0 5px 0;
}

div#commentf label {
	width:115px;
	float:left;
}

div#commentf label span {
	color:#c00;
}

div#commentf input {
	width:200px;
}

div#commentf textarea {
	width:400px;
	height:150px;
}

div#commentf input, div#commentf textarea {
	border:1px #ccc solid;
}

div#commentf input:hover, div#commentf textarea:hover {
	border:1px #666 solid;
}

div#commentf input#add {
	width:auto;
	color:#FFF;
	background-color:#333;
	border:1px #000 solid !important;
	cursor:pointer;
}

div#commentf input#add:hover {
	color:#333;
	background-color:#fff;
	border:1px #333 solid;
}

/*Inceput - stilurile erorilor*/
div#commentf form#form-itself p {
	color:#c00;
	font-size:10px;
	padding:0 0 0 115px;
	text-align:left;
}

div#commentf div#name_field label,
div#commentf div#email_field label,
div#commentf div#website_field label,
div#commentf div#comment_field label,
div#commentf div#security_code_field label {
	color:#c00;
}

div#commentf div#name_field input,
div#commentf div#email_field input,
div#commentf div#website_field input,
div#commentf div#comment_field textarea,
div#commentf div#security_code_field input {
	border:1px #c00 solid;
	color:#c00;
}

div#commentf div#name_field input:hover,
div#commentf div#email_field input:hover,
div#commentf div#website_field input:hover,
div#commentf div#comment_field textarea:hover,
div#commentf div#security_code_field input:hover {
	border:1px #c00 solid;
}
/*Sfarsit - stilurile erorilor*/

div#comments h1 {
	color:#c00;
	font: normal normal normal 24px  Verdana;
	/*font-style font-variant font-weight font-size font-family*/
	padding-bottom:5px;
}

/*SFARSIT - LINIILE CSS CARE CREEAZA SKINUL FORMULARULUI DE CONTACT*/
</style>
</head>

<body>
<?php
$q = "SELECT name, website, date, comment FROM ai_commentform ORDER BY comment_id DESC";
$result = mysql_query($q) or die(mysql_error());

//-----cand citesc datele din baza de date le infasor in stripslashes(), htmlentities() si nl2br()
if (mysql_num_rows($result) != 0) {
	echo '<div id="comments">';
	echo '<h1>'.mysql_num_rows($result).' comment(s) so far</h1>';

	$i = 0;
	while ($row = mysql_fetch_array($result)) {
		echo '<p>';
		echo ($row['website'] == '') ? '<strong>'.$row['name'].'</strong>' : '<a href="'.$row['website'].'" title="'.$row['website'].'" target="_blank">'.$row['name'].'</a>';
		echo ' - '.$row['date'];
		echo '</p>';

		echo (is_int($i/2)) ? '<p style="margin-bottom:15px;">' : '<p style="margin-bottom:15px; background:#ccc;">';
		echo nl2br(htmlentities(stripslashes($row['comment']), ENT_QUOTES, 'utf-8'));
		echo '</p>';

		$i++;
	}
	echo '</div>';
}
?>
<div id="commentf">
	<h1>
		<label>&nbsp;</label>
		Leave a comment
	</h1>

	<form action="<?php echo 'http://'.$_SERVER['HTTP_HOST'].$php_self; ?>" method="post" id="form-itself">
		<?php echo (isset($processed_form['issues']['name'])) ? '<p>'.$processed_form['issues']['name'].'</p><div id="name_field">' : '<div>' ; ?>
			<label for="name">Name<span>*</span>:</label>
			<input name="name" type="text" id="name" value="<?php if (isset($get_my_fields['name'])) echo $get_my_fields['name']; ?>" />
		</div>

		<?php echo (isset($processed_form['issues']['email'])) ? '<p>'.$processed_form['issues']['email'].'</p><div id="email_field">' : '<div>' ; ?>
			<label for="email">Email<span>*</span>:</label>
			<input name="email" type="text" id="email" value="<?php if (isset($get_my_fields['email'])) echo $get_my_fields['email']; ?>" />
		</div>

		<?php echo (isset($processed_form['issues']['website'])) ? '<p>'.$processed_form['issues']['website'].'</p><div id="website_field">' : '<div>' ; ?>
			<label for="website">Website:</label>
			<input name="website" type="text" id="website" value="<?php if (isset($get_my_fields['website'])) echo $get_my_fields['website']; ?>" />
		</div>

		<?php echo (isset($processed_form['issues']['comment'])) ? '<p>'.$processed_form['issues']['comment'].'</p><div id="comment_field">' : '<div>' ; ?>
			<label for="comment">Your comment<span>*</span>:</label>
			<textarea name="comment" rows="1" cols="1" id="comment"><?php if (isset($get_my_fields['comment'])) echo $get_my_fields['comment']; ?></textarea>
		</div>

		<p>
			<img src="includes/captchaimage.inc.php?width=120&height=40&characters=5" />
		<p>

		<?php echo (isset($processed_form['issues']['security_code'])) ? '<p>'.$processed_form['issues']['security_code'].'</p><div id="security_code_field">' : '<div>' ; ?>
			<label for="security_code">Are you human?<span>*</span></label>
			<input id="security_code" name="security_code" type="text" />
		</div>

		<div>
			<label> &nbsp; </label>
			<input name="add" type="submit" id="add" value="add" />
		</div>
	</form>
</div>
</body>
</html>

Post to Twitter Publica acest articol pe Twitter

Articole asemanatoare:

]]> http://www.accesinterzis.ro/index.php/programare/cum-fac-un-formular-de-comentarii-versiunea-2/feed/ 0 Cum fac un formular de contact? (versiunea 2) http://www.accesinterzis.ro/index.php/programare/cum-fac-un-formular-de-contact-versiunea-2/ http://www.accesinterzis.ro/index.php/programare/cum-fac-un-formular-de-contact-versiunea-2/#comments Wed, 17 Mar 2010 13:15:27 +0000 admin http://www.accesinterzis.ro/?p=380 Articole asemanatoare:]]> Ce am facut nou rescriind acest formular de contact? Pai…am reusit sa scriem cod procedural reutilizabil. Daca dorim sa devenim programatori PHP trebuie sa ne axam foarte, foarte, foarte mult (am omis cumva sa zic “foarte mult”?) pe acest concept de cod procedural reutilizabil. N-ar strica daca ar deveni un reflex in gandirea noastra atunci cand concepem un cod.

contactf.php

<?php
/*
Titlu: Cum fac un formular de contact? (versiunea 2)
Autor: Marian Barbu aka AccesInterzis
Website: http://www.accesinterzis.ro
2010 (c) Toate drepturile rezervate
*/

//-----specific EXACT cu ce campuri se va lucra
#1
$required_fields = array('name', 'phone_number', 'email', 'message', 'security_code', 'send');
$sent_fields = array_keys($_POST);

//-----creez o sesiune pe server pentru a salva in ea codul generat aleatoriu de sistemul CAPTCHA
#2
session_start();

//-----incarc fisierele include
#3
include('includes/validators.inc.php');
include('includes/filter_it.inc.php');
include('includes/validate_form.inc.php');
include('includes/filtered_urls_and_cookies.inc.php');

//------scriptul PHP se executa doar daca cererea a fost facuta de pe aceeasi pagina pe care se afla formularul si doar daca toate campurile formularului au fos trimise
#4
if ($referer == 'http://'.$_SERVER['HTTP_HOST'].$php_self && $required_fields == $sent_fields) {
	//-----procesez datele din formular; rezultatul va fi o lista de erori, o lista cu datele nevalide, o lista cu datele valide
	#5
	include('includes/process_form.inc.php');

    //------daca nu exista niciun fel de erori trimit emailul
    #6
	if(count($processed_form['issues']) == 0) {
		//-----infasor datele in htmlentities() si nl2br() deoarece urmeaza sa le trimit
		#6.1
		$processed_form['good_data'] = filter_it($processed_form['good_data'], array('htmlentities','nl2br'));

        #6.2
        $to      = 'whovisitedme@gmail.com';
        $subject = substr($processed_form['good_data']['message'], 0, 20).'...';
        $body    = 'This message is received from http://'.$_SERVER['HTTP_HOST'].$php_self.'<br /><br />
                    <strong>Name</strong>: '.$processed_form['good_data']['name'].'<br />
                    <strong>Phone number</strong>: '.$processed_form['good_data']['phone_number'].'<br />
                    <strong>Email address</strong>: '.$processed_form['good_data']['email'].'<br />
                    <strong>Mesagge</strong>: '.$processed_form['good_data']['message'].'<br /><br />
                    <strong style="color:#c00;">Infos about sender:</strong><br />
                    <strong>IP address</strong>: '.$_SERVER['REMOTE_ADDR'].'<br />
                    <strong>browser and operating system</strong>: '.$browser_os.'<br />
                    <strong>dispatch hour</strong>: '.date("l, F j, Y, H:i:s");
        $headers  = "From: ".$processed_form['good_data']['email']."\r\n";

        //-----ma asigur ca pot formata emailul cu taguri HTML si reguli CSS aplicate inline
		#6.3
        $headers .= 'MIME-Version: 1.0'."\r\n";
        $headers .= 'Content-type: text/html; charset=utf-8' . "\r\n";

		//------daca emailul a fost intr-adevar trimis se va afisa pe monitor un mesaj de confirmare
        #6.4
        if (mail($to, $subject, $body, $headers)) {
			$confirmation = 'Your message was succesfully sent. We will get in touch with you as soon as possible.';
        } else {
			$confirmation = 'Something is wrong with the server. Your message wasn\'t sent.';
        }

		$confirmation .= ' <a href="http://'.$_SERVER['HTTP_HOST'].$php_self.'" title="Back" id="back">Back to contact form</a>';

		#6.5
		$display = 'style="display:none;"';
    }

	//-----infasor datele in htmlentities() deoarece urmeaza sa le afisez in formular
	#7
	$get_my_fields = filter_it($get_my_fields, array('htmlentities'));
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>How do I make a contact form?</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="How do I make a contact form?" />
<meta name="keywords" content="contact,form,php,script,send,email" />
<meta name="abstract" content="How do I make a contact form?" />
<meta name="author" content="AccesInterzis" />
<meta name="copyright" content="AccesInterzis" />
<meta name="robots" content="index,follow" />
<meta name="revisit-after" content="7 days" />

<style type="text/css">
* {
	margin:0;
	padding:0;
	outline:none;
}

html {
	color:black;
	background-color:white;
	font: normal normal normal 12px  Verdana;
	/*font-style font-variant font-weight font-size font-family*/
}

/*INCEPUT - LINIILE CSS CARE CREEAZA SKINUL FORMULARULUI DE CONTACT*/

div#contactf {
	width:530px;
	margin:0px auto;
}

div#contactf h1 {
	color:black;
	font: normal normal normal 24px  Verdana;
	/*font-style font-variant font-weight font-size font-family*/
	padding-bottom:5px;
}

div#contactf div {
	margin:0 0 5px 0;
}

div#contactf label {
	width:115px;
	float:left;
}

div#contactf label span {
	color:#c00;
}

div#contactf input {
	width:200px;
}

div#contactf textarea {
	width:400px;
	height:150px;
}

div#contactf input, div#contactf textarea {
	border:1px #ccc solid;
}

div#contactf input:hover, div#contactf textarea:hover {
	border:1px #666 solid;
}

div#contactf input#send {
	width:auto;
	color:#FFF;
	background-color:#333;
	border:1px #000 solid !important;
	cursor:pointer;
}

div#contactf input#send:hover {
	color:#333;
	background-color:#fff;
	border:1px #333 solid;
}

/*Inceput - stilurile erorilor*/
div#contactf p {
	color:#c00;
	font-size:10px;
	padding:0 0 0 115px;
	text-align:left;
}

div#contactf div#name_field label,
div#contactf div#email_field label,
div#contactf div#phone_number_field label,
div#contactf div#message_field label,
div#contactf div#security_code_field label {
	color:#c00;
}

div#contactf div#name_field input,
div#contactf div#email_field input,
div#contactf div#phone_number_field input,
div#contactf div#message_field textarea,
div#contactf div#security_code_field input {
	border:1px #c00 solid;
	color:#c00;
}

div#contactf div#name_field input:hover,
div#contactf div#email_field input:hover,
div#contactf div#phone_number_field input:hover,
div#contactf div#message_field textarea:hover,
div#contactf div#security_code_field input:hover {
	border:1px #c00 solid;
}

div#contactf a#back {
	color:#900;
	font-weight:bold;
	text-decoration:underline;
}
/*Sfarsit - stilurile erorilor*/

/*SFARSIT - LINIILE CSS CARE CREEAZA SKINUL FORMULARULUI DE CONTACT*/
</style>
</head>

<body>
<div id="contactf">
	<h1>
        <label>&nbsp;</label>
        Contact us
    </h1>

    <?php if (isset($confirmation)) echo '<p>'.$confirmation.'</p>'; ?>

	<form action="<?php echo 'http://'.$_SERVER['HTTP_HOST'].$php_self; ?>" method="post" <?php if (isset($display)) echo $display; ?>>
		<?php echo (isset($processed_form['issues']['name'])) ? '<p>'.$processed_form['issues']['name'].'</p><div id="name_field">' : '<div>' ; ?>
			<label for="name">Name<span>*</span>:</label>
			<input name="name" type="text" id="name" value="<?php if (isset($get_my_fields['name'])) echo $get_my_fields['name']; ?>" />
		</div>

		<?php echo (isset($processed_form['issues']['phone_number'])) ? '<p>'.$processed_form['issues']['phone_number'].'</p><div id="phone_number_field">' : '<div>' ; ?>
			<label for="phone_number">Phone number<span>*</span>:</label>
			<input name="phone_number" type="text" id="phone_number" value="<?php if (isset($get_my_fields['phone_number'])) echo $get_my_fields['phone_number']; ?>" />
		</div>

		<?php echo (isset($processed_form['issues']['email'])) ? '<p>'.$processed_form['issues']['email'].'</p><div id="email_field">' : '<div>' ; ?>
			<label for="email">Email<span>*</span>:</label>
			<input name="email" type="text" id="email" value="<?php if (isset($get_my_fields['email'])) echo $get_my_fields['email']; ?>" />
		</div>

		<?php echo (isset($processed_form['issues']['message'])) ? '<p>'.$processed_form['issues']['message'].'</p><div id="message_field">' : '<div>' ; ?>
			<label for="message">Your message<span>*</span>:</label>
			<textarea name="message" rows="1" cols="1" id="message"><?php if (isset($get_my_fields['message'])) echo $get_my_fields['message']; ?></textarea>
		</div>

		<p>
			<img src="includes/captchaimage.inc.php?width=120&height=40&characters=5" />
		</p>

		<?php echo (isset($processed_form['issues']['security_code'])) ? '<p>'.$processed_form['issues']['security_code'].'</p><div id="security_code_field">' : '<div>' ; ?>
			<label for="security_code">Are you human?<span>*</span></label>
			<input id="security_code" name="security_code" type="text" />
		</div>

		<div>
			<label> &nbsp; </label>
			<input name="send" type="submit" id="send" value="send" />
		</div>
	</form>
</div>
</body>
</html>

validators.inc.php

<?php
//----------lista de validatori pentru campurile tuturor formularelor
$validators = array('name'          => array('required'  => true,
											 'min_chars' => 3,
											 'max_chars' => 30,
											 'regex'     => '/^[a-z0-9][a-z0-9_ ]*[a-z0-9]$/i'),

					'phone_number'  => array('required'  => true,
											 'min_chars' => 3,
											 'max_chars' => 30,
											 'regex'     => '/^[0-9+][0-9. ]*[0-9]$/'),

					'email'         => array('required'  => true,
											 'min_chars' => 3,
											 'max_chars' => 30,
											 'regex'     => '/^[a-z0-9][a-z0-9_.]+@[a-z0-9-.]+\.[a-z]{2,4}$/i'),

					'website'       => array('required'  => false,
											 'min_chars' => 3,
											 'max_chars' => 30,
											 'regex'     => '/^http:\/\/[a-z0-9.-]+\.[a-z]{2,4}$/i'),

					'comment'       => array('required'  => true,
											 'min_chars' => 3,
											 'max_chars' => 20000,
											 'regex'     => '/.*/i'),

					'message'       => array('required'  => true,
											 'min_chars' => 3,
											 'max_chars' => 20000,
											 'regex'     => '/.*/i'),

					'username'      => array('required'  => true,
											 'min_chars' => 3,
											 'max_chars' => 30,
											 'regex'     => '/^[a-z0-9][a-z0-9_ ]*[a-z0-9]$/i'),

					'password'      => array('required'  => true,
											 'min_chars' => 5,
											 'max_chars' => 30,
											 'regex'     => '/^[a-z0-9]*$/i'),

					'security_code' => array('required'  => true,
											 'min_chars' => 3,
											 'max_chars' => 10,
											 'regex'     => '/^[a-z0-9]*$/i'));

?>

filter_it.inc.php

<?php
function filter_it($unfiltered_data, $filters) {
	$wrapped_data = array();

	foreach ($unfiltered_data as $k => $v) {
		foreach ($filters as $filter) {
			switch ($filter) {
				case 'htmlentities':
					$v = htmlentities($v, ENT_QUOTES, 'utf-8');
					break;

				default:
					$v = $filter($v);
			}
		}

		$wrapped_data[$k] = $v;
	}

	return ($wrapped_data);
}
?>

validate_form.inc.php

<?php
//----------functia care valideaza datele introduse de utilizator
function validate_form ($unverified_form, $validators) {
	include('includes/replacers.inc.php');
	$issues = array();
	$bad_data = array();

	foreach ($unverified_form as $k => $v) {
		if (empty($unverified_form[$k])) {
			if ($validators[$k]['required'] == true) {
				$issues[$k] = 'You forgot to enter the <strong>'.$replacers[$k].'</strong>.';
				$bad_data[$k] = $unverified_form[$k];
			}
		} else {
			if (strlen($unverified_form[$k]) < $validators[$k]['min_chars']) {
				$issues[$k] = 'The <strong>'.$replacers[$k].'</strong> is too short.';
				$bad_data[$k] = $unverified_form[$k];
			} else {
				if (strlen($unverified_form[$k]) > $validators[$k]['max_chars']) {
					$issues[$k] = 'The <strong>'.$replacers[$k].'</strong> is too long.';
					$bad_data[$k] = $unverified_form[$k];
				} else {
					if (!preg_match($validators[$k]['regex'], $unverified_form[$k])) {
						$issues[$k] = 'The <strong>'.$replacers[$k].'</strong> isn\'t valid.';
						$bad_data[$k] = $unverified_form[$k];
					}
				}
			}
		}
	}

	$good_data = array_diff_key($unverified_form, $bad_data);

	$result = array('issues' => $issues, 'bad_data' => $bad_data, 'good_data' => $good_data);

	return ($result);
}
?>

replacers.inc.php

<?php
//----------lista cuvintelor care inlocuiesc cheile array-ul in mesajele de eroare
$replacers = array('name'          => 'name',
				   'phone_number'  => 'phone number',
				   'email'         => 'email address',
				   'website'       => 'website URL',
				   'comment'       => 'comment',
				   'message'       => 'message',
				   'username'      => 'username',
				   'password'      => 'password',
				   'security_code' => 'security code');
?>

filtered_urls_and_cookies.inc.php

<?php
//-----infasor in strip_tags() si htmlentities() URL-urile obtinute dinamic, http_user_agent-ul si cookie-urile ca sa ma asigur ca nu contin cod malitios
$php_self = htmlentities(strip_tags($_SERVER['PHP_SELF']), ENT_QUOTES, 'utf-8');
$referer = (isset($_SERVER['HTTP_REFERER'])) ? htmlentities(strip_tags($_SERVER['HTTP_REFERER']), ENT_QUOTES, 'utf-8') : NULL;
$browser_os = htmlentities(strip_tags($_SERVER['HTTP_USER_AGENT']), ENT_QUOTES, 'utf-8');
$cookie = (isset($_COOKIE)) ? filter_it($_COOKIE, array('strip_tags', 'htmlentities')) : NULL;
?>

process_form.inc.php

<?php
//-----incarc din lista generala de validatori validatorii pentru campurile formularului meu
$get_my_fields = array_intersect_key($_POST, $validators);
//-----infasor datele in trim() si stripslashes() deoarece urmeaza sa incep procesul de validare
$get_my_fields = filter_it($get_my_fields, array('trim', 'stripslashes'));
//-----rezultatul procesului de validare va fi o lista de erori, o lista cu datele nevalide, o lista cu datele valide
$processed_form = validate_form($get_my_fields, $validators);
?>

Am reusit sa aduc codul la acest nivel datorita lui OriginalCopy. Chiar daca el ar fi dorit sa arate muuuult mai compact. Dar el e un programator foarte bun, de multi ani in aceasta meserie, iar eu sunt doar un anonim care a inceput sa cocheteze cu aceste limbaje de programare web acum circa 2 ani in urma.

Sper ca la versiunea 3 a formularului sa implementez validare client-side cu jQuery, sa adaug un camp in care utilizatorul poate atasa si un fisier la email si sa rescriu codul PHP de asa natura incat sa fie mai compact si mai aproape de conceptul de cod procedural reutilizabil.

Post to Twitter Publica acest articol pe Twitter

Articole asemanatoare:

]]> http://www.accesinterzis.ro/index.php/programare/cum-fac-un-formular-de-contact-versiunea-2/feed/ 0 Cum fac un meniu de navigare in PHP, CSS, HTML? http://www.accesinterzis.ro/index.php/programare/cum-fac-un-meniu-de-navigare-in-php-css-html/ http://www.accesinterzis.ro/index.php/programare/cum-fac-un-meniu-de-navigare-in-php-css-html/#comments Sat, 13 Mar 2010 16:52:53 +0000 admin http://www.accesinterzis.ro/?p=378 Articole asemanatoare:]]> Nu o sa zic nimic despre acest meniu de navigare in interiorul unui site decat ca designul este realizat de Dr. Freak iar programarea PHP si redactarea HTML/CSS de mine. Enjoy studying the code! ;)

index.php, about.php, gallery.php, offerts.php, hotels.php, contact.php

<?php
$php_self = htmlentities(strip_tags($_SERVER['PHP_SELF']), ENT_QUOTES, 'utf-8');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Travel agency</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Travel agency" />
<meta name="keywords" content="travel,agency" />
<meta name="abstract" content="Travel agency" />
<meta name="author" content="AccesInterzis" />
<meta name="copyright" content="AccesInterzis" />
<meta name="robots" content="noindex,nofollow" />
<meta name="revisit-after" content="7 days" />

<link rel="stylesheet" type="text/css" href="css/nav-menu.css.php" media="screen" />
<script type="text/javascript" src="js/load-images.js.php"></script>
</head>

<body onload="download_images()">
<?php include('includes/nav-menu.inc.php'); ?>

<p id="content">
<?php echo basename($php_self).' page is under construction.'; ?>
</p>

<?php include('includes/footer.inc.php'); ?>
</body>
</html>

nav-menu.inc.php

<ul id="nav_menu">
	<?php
	$nav_menu = array('home'    => 'index.php',
					  'about'   => 'about.php',
					  'gallery' => 'gallery.php',
					  'offerts' => 'offerts.php',
					  'hotels'  => 'hotels.php',
					  'contact' => 'contact.php');

	foreach ($nav_menu as $k => $v) {
		echo '<li id="'.$k.'-item">';
		echo '<a href="'.$v.'" title="'.ucfirst($k).'" id="'.$k.'-btn"';
		echo (basename($php_self) == $v) ? ' style="background:url(\'images/'.$k.'-hover.png\') no-repeat 0 0">' : '>';
		echo '<span>'.ucfirst($k).'</span>';
		echo '</a>';
		echo '</li>';
	}
	?>
</ul>

nav-menu.css.php

<?php
header("Content-type: text/css; charset=utf-8");
?>
* {
	margin:0;
	padding:0;
	outline:none;
}

html {
	color:black;
	background:#00c3ff url('../images/content-repeat-x.jpg') repeat-x 0 0;
	/*background-color background-image background-repeat background-attachment background-position*/
	font: normal normal normal 12px  Verdana;
	/*font-style font-variant font-weight font-size font-family*/
}

body {
	/*
	E important ca body sa nu aiba nicio culoare de fundal deoarece daca ar avea
	nu s-ar mai vedea repeat-x-ul de pe fundalul html-ului.
	*/
	background:url('../images/header-travel-agency.jpg') no-repeat top;
	height:567px;
}

/***********begin - navigation menu***********/

ul#nav_menu {
	width:816px;
	margin:0 auto;
	list-style-type:none;
	overflow:hidden;
	padding-top:360px;
}

ul#nav_menu li {
	float:left;
	margin-right:30px;
}

ul#nav_menu li#contact-item {
	margin-right:0;
}

ul#nav_menu a {
	display:block;
	width:111px;
	height:56px;
}

ul#nav_menu li a span {
	display:none;
}

<?php
$btns = array('home', 'about', 'gallery', 'offerts', 'hotels', 'contact');

foreach ($btns as $item) {
	echo 'ul#nav_menu a#'.$item.'-btn {
		background:url(\'../images/'.$item.'.png\') no-repeat 0 0;
	}

	ul#nav_menu a#'.$item.'-btn:hover {
		background:url(\'../images/'.$item.'-hover.png\') no-repeat 0 0;
	}';
}
?>

/***********end - navigation menu***********/

p#content {
	color:white;
	text-align:center;
	font-size:32px;
	margin-top:150px;
}

p#footer {
	width:100%;
	position:absolute;
	bottom:5px;
	text-align:center;
	font-size:10px;
}

p#footer  a {
	color:white;
	text-decoration:none;
}

p#footer  a:hover {
	text-decoration:underline;
}

load-images.js.php

<?php
header("content-type: application/x-javascript");

function load_images($folder) {
	$result = 'objImage = new Image();'."\r\n";

	$result .= 'function download_images(){'."\r\n";
	$allowed_extensions = array ('.jpg', '.jpeg', '.png', '.gif');
	$open = opendir ($folder);	

	$i = 0;
	while ($filename = readdir($open)) {
		if ($filename != '.' && $filename != '..') {
			$extension = substr($filename, strrpos($filename,'.'),100);
			$extension = strtolower($extension);

			if (in_array($extension, $allowed_extensions)) {
				$result .= 'objImage'.$i.'.src="'.$folder.'/'.$filename.'"'."\r\n";
				$i++;
			}
		}
	}
	$result .= '}';

	return($result);
}

echo load_images('../images');
?>

Post to Twitter Publica acest articol pe Twitter

Articole asemanatoare:

]]> http://www.accesinterzis.ro/index.php/programare/cum-fac-un-meniu-de-navigare-in-php-css-html/feed/ 0 Cum fac un formular de upload in PHP? http://www.accesinterzis.ro/index.php/programare/cum-fac-un-formular-de-upload-in-php/ http://www.accesinterzis.ro/index.php/programare/cum-fac-un-formular-de-upload-in-php/#comments Sat, 06 Mar 2010 19:42:21 +0000 admin http://www.accesinterzis.ro/?p=369 Articole asemanatoare:]]> Scriptul PHP din spatele acestui formular de upload:

  • rezolva problema spatiilor goale din numele imaginii
  • restrictioneaza numarul maxim de caractere al numelui imaginii  si ce tip de caractere poate sa contina numele imaginii
  • permite utilizatorului sa uploadeze doar imagini (celelalte tipuri de fisiere, posibil malitioase, cum ar fi fisiere executabile, fisiere .php, fisiere .js nu pot fi urcate)
  • specifica ce tipuri de imagini pot fi uploadate (.jpg, .jpeg, .gif, .png)
  • restrictioneaza marimea maxima a imaginii
  • restrictioneaza latimea pe care o poate avea imaginea
  • restrictioneaza inaltimea pe care o poate avea imaginea
  • verifica daca folderul images exista pe server (daca nu exista il creaza)
  • verifica daca mai exista in folderul images inca o imagine cu acelasi nume
  • numeroteaza dinamic fiecare imagine uploadata (trebuie sa dam permisiile 0777 folderului images ca scriptul PHP sa il poata citi)
  • schimba numele imaginii uploadate pe server


uf-v.1.0.php

<?php
/*
Titlu: Cum fac un formular de upload in PHP?
Autor: Marian Barbu aka AccesInterzis
Website: http://www.accesinterzis.ro
2010 (c) Toate drepturile rezervate
*/

#1
if (isset($_POST['upload'])) {
	/*
	Rezolv problema spatiilor goale din numele imaginii.
	*/
	#2
	$filename = trim($_FILES['userfile']['name']);
	$filename = str_replace(' ', '_', $filename);

	#3
	if (empty($filename)) {
		$error_message = 'You didn\'t enter any file.';
	} else {
		#3.1
		if (strlen($filename) > 30) {
			$error_message = 'The filename must have up to 30 characters.';
		} else {
			#3.2
			if (!preg_match('/^[a-z0-9._-]+\.[a-z]{2,4}$/i', $filename)) {
				$error_message = 'The filename isn\'t valid.';
			} else {
				/*
				Verific daca fisierul este o imagine. Content-type-ul unei imaginii este o
				valoare de genul image/jpeg, image/pjpeg, image/gif, image/png.
				*/
				#3.3
				if (!preg_match('/^image\//', $_FILES['userfile']['type'])) {
					$error_message = 'You are allowed to upload only images.';
				} else {
					/*
					Functia PHP getimagesize() ma asigura 100% ca ceea ce urca utilizatorul
					e o imagine si nimic altceva.
					*/
					#3.4
					$properties = getimagesize($_FILES['userfile']['tmp_name']);
					if ($properties == false) {
						$error_message = 'The file isn\'t an image.';
					} else {
						/*
						Specific tipurile de imagini care pot fi urcate pe server.
						*/
						$allowed_extensions = array('.jpg', '.jpeg', '.gif', '.png');

						$extension = substr($filename, strrpos($filename,'.'), 100);
						$extension = strtolower($extension);

						#3.5
						if (!in_array($extension, $allowed_extensions)) {
							$error_message = 'You aren\'t allowed to upload <strong>'.$extension.'</strong> files.';
						} else {
							/***/
							/*
							Imaginea poate avea maxim 100 kb.
							*/
							#3.6
							if (($_FILES['userfile']['size']/1024) > 100) {
								$error_message = 'The file can have up to <strong>100 kb</strong>.';
							} else {
								/*
								Restrictionez latimea pe care imaginea o poate avea.
								*/
								#3.7
								if ($properties[0] > 100) {
									$error_message = 'The width must be up to 100px.';
								} else {
									/*
									Restrictionez inaltimea pe care imaginea o poate avea.
									*/
									#3.8
									if ($properties[1] > 100) {
										$error_message = 'The height must be up to 100px.';
									} else {
										/*
										Daca folderul "images" nu exista pe server atunci il creez.
										*/
										#3.9
										if (!is_dir('images')) {
											mkdir('images', 0777);
										}

										#3.10
										if (file_exists('images/'.$filename)) {
											$error_message = 'The file <strong>'.$filename.'</strong> already exists.';
										} else {
											/*
											Acum ca m-am asigurat ca ceea ce vrea utilizatorul sa urce este o imagine si nu altceva
											si acea imagine nu exista deja pe server, pot urca linistit imaginea de pe PC-ul utilizatorului
											pe serverul de hosting. Din motive de securitate schimb numele initial al imaginii utilizatorului.
											Noul nume este generat aleatoriu.
											*/
											#3.11
											$alphabet = 'abcdefghijklmnoprqstuvxyz';
											$new_fn = '';
											for ($i = 0; $i < 10; $i++) {
												$new_fn .= substr($alphabet, rand(0,strlen($alphabet) - 1), 1);
											}

											#3.12
											if (substr(sprintf('%o', fileperms('images')), -4) != 777) {
												$error_message = 'The folder has not the right permissions to read it.';
											} else {
												$count = 0;

												$open = opendir ('images');

												while ($image_name = readdir($open)) {
													//. reprezinta folderul curent iar .. reprezinta folderul anterior
													if ($image_name != '.' && $image_name != '..') {
														$image_extension = substr($image_name, strpos($image_name,'.'),100);
														$image_extension = strtolower($image_extension);

														if (in_array($image_extension,$allowed_extensions)) {
															$count++;
														}
													}
												}

												#3.13
												if (move_uploaded_file($_FILES['userfile']['tmp_name'], 'images/'.($count + 1).'_'.$new_fn.$extension)) {
													$confirmation = 'The file <strong>'.$filename.'</strong> was succesfully uploaded.';
												} else {
													$confirmation = 'Something is wrong with the server.';
												}
											}
										}
									}
								}
							}
							/***/
						}
					}
				}
			}
		}
	}
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>How do I make a upload form?</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="How do I make a upload form?" />
<meta name="keywords" content="upload,form,php,script,image,file" />
<meta name="abstract" content="How do I make a upload form?" />
<meta name="author" content="AccesInterzis" />
<meta name="copyright" content="AccesInterzis" />
<meta name="robots" content="index,follow" />
<meta name="revisit-after" content="7 days" />

<link href="http://www.accesinterzis.ro/myportofolio/css/reset.css" type="text/css" rel="stylesheet" media="all" />
<style type="text/css">
/*INCEPUT - LINIILE CSS CARE CREEAZA SKINUL FORMULARULUI DE UPLOAD*/

form#upload_form {
	width:240px;
	margin:10px auto;
}

form#upload_form div {
	margin:0 0 5px 0;
}

form#upload_form input#upload {
	width:auto;
	color:#FFF;
	background-color:#333;
	border:1px #000 solid !important;
	cursor:pointer;
}

form#upload_form input#upload:hover {
	color:#333;
	background-color:#fff;
	border:1px #333 solid;
}

/*Inceput - stilurile erorilor*/
form#upload_form p {
	color:#c00;
	padding:0 0 5px 0;
	font-size:10px;
	text-align:left;
}
/*Sfarsit - stilurile erorilor*/

/*SFARSIT - LINIILE CSS CARE CREEAZA SKINUL FORMULARULUI DE UPLOAD*/
</style>
</head>

<body>
<form action="<?php echo htmlentities(strip_tags('http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF']), ENT_QUOTES, 'utf-8'); ?>" method="post" id="upload_form" enctype="multipart/form-data">

	<?php if ($confirmation) echo '<p>'.$confirmation.'</p>'; ?>
	<?php if ($error_message) echo '<p>'.$error_message.'</p>'; ?>

	<div>
		<input name="userfile" type="file" value="ABC" id="userfile" />
	</div>

	<div>
		<input name="upload" type="submit" id="upload" value="upload" />
	</div>
</form>
<?php echo $count.' sadf safsa'; ?>
</body>
</html>

Pentru o mai buna organizare a codului este indicat ca scriptul PHP de deasupra DOCTYPE-ului, care verifica daca fisierul este o imagine (valida) si urca imaginea de pe PC-ul utilizatorului pe server, sa se bage intr-un fisier include si sa fie apelat prin functia PHP include().

<?php @include('includes/upload_file.inc.php'); ?>

Post to Twitter Publica acest articol pe Twitter

Articole asemanatoare:

]]> http://www.accesinterzis.ro/index.php/programare/cum-fac-un-formular-de-upload-in-php/feed/ 0