Texte qui grossit comme par magie!

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par foxxy, 24 Décembre 2011.

  1. foxxy
    foxxy Nouveau WRInaute
    Inscrit:
    21 Décembre 2011
    Messages:
    15
    J'aime reçus:
    0
    Bon le titre est un peu exagéré car chaque chose à une explication mais la je reste perplex.
    Voici mon site à la base:
    [​IMG]

    et l'image lorsque le script d'upload d'une photo à été effectué, suivit d'un rafraichissement de la page.
    [​IMG]

    Voici le fichier en question. Si quelqu'un remarque qq chose qui pourrait etre la source du problème.
    Code:
    <?php
    	session_start();
    	if (!isset($_SESSION['loginmb'])) {
    		header ('Location: index.php');
    		exit();
    	}
    	echo '<?xml version="1.0" encoding="UTF-8"?>'; # Inclusion de l'encodage.
    	$page='Galerie';
    	$loginsession=$_SESSION['loginmb']; 
    	
    if(isset($_FILES['uploadfile'])){
    	//----------------------------------------- start edit here ---------------------------------------------//
    	$script_location = "http://demo.zmeutz.com/image_upload/"; // location fo the script
    	$maxlimit = 9048576; // maxim image limit
    	$folder = "photos"; // folder where to save images
    
    	// requirements
    	$minwidth = 400; // minim width
    	$minheight = 400; // minim height
    	$maxwidth = 2000; // maxim width
    	$maxheight = 1500; // maxim height
    
    	// allowed extensions
    	$extensions = array('.png', '.gif', '.jpg', '.jpeg','.PNG', '.GIF', '.JPG', '.JPEG');
    	//----------------------------------------- end edit here ---------------------------------------------//
    
    	// check that we have a file
    	if((!empty($_FILES["uploadfile"])) && ($_FILES['uploadfile']['error'] == 0)) {
    
    	// check extension
    	$extension = strrchr($_FILES['uploadfile']['name'], '.');
    	if (!in_array($extension, $extensions))	{
    		echo 'Mauvais format. Les formats autorisés sont png,gif,jpg et jpeg
    		<script language="javascript" type="text/javascript">window.top.window.formEnable();</script>';
    	} else {
    
    	// get file size
    	$filesize = $_FILES['uploadfile']['size'];
    
    	// check filesize
    	if($filesize > $maxlimit){ 
    		echo "Le poids de l'image est trop lourd.";
    	} else if($filesize < 1){ 
    		echo "L\'image n'est pas correcte.";
    	} else {
    
    	// temporary file
    	$uploadedfile = $_FILES['uploadfile']['tmp_name'];
    
    	// capture the original size of the uploaded image
    	list($width,$height) = getimagesize($uploadedfile);
    
    		// check if image size is lower
    		if($width < $minwidth || $height < $minheight){ 
    			echo 'L\'image est trop petite. Minimum requis '.$minwidth.'x'.$minheight.'
    			<script language="javascript" type="text/javascript">window.top.window.formEnable();</script>';
    		} else if($width > $maxwidth || $height > $maxheight){ 
    			echo 'L\'image est trop grande. Maximum requis '.$maxwidth.'x'.$maxheight.'
    			<script language="javascript" type="text/javascript">window.top.window.formEnable();</script>';
    		} else {
    
    	// all characters lowercase
    	$filename = strtolower($_FILES['uploadfile']['name']);
    
    	// replace all spaces with _
    	$filename = preg_replace('/\s/', '_', $filename);
    
    	// extract filename and extension
    	$pos = strrpos($filename, '.'); 
    	$basename = substr($filename, 0, $pos); 
    	$ext = substr($filename, $pos+1);
    
    	// get random number
    	$rand = time();
    
    	// image name
    	$image = $basename .'-'. $rand . "." . $ext;
    
    	// check if file exists
    	$check = $folder . '/' . $image;
    		if (file_exists($check)) {
    			echo 'L\'image existe déjà.';
    		} else {
    		// check if it's animate gif
    		$frames = exec("identify -format '%n' ". $uploadedfile ."");
    			if ($frames > 1) {
    				// yes it's animate image
    				// copy original image
    				copy($_FILES['uploadfile']['tmp_name'], $folder . '/' . $image);
    
    				// orignal image location
    				$write_image = $folder . '/' . $image;
    			} else {
    
    		// create an image from it so we can do the resize
    		 switch($ext){
    		  case "gif":
    			$src = imagecreatefromgif($uploadedfile);
    		  break;
    		  case "jpg":
    			$src = imagecreatefromjpeg($uploadedfile);
    		  break;
    		  case "jpeg":
    			$src = imagecreatefromjpeg($uploadedfile);
    		  break;
    		  case "png":
    			$src = imagecreatefrompng($uploadedfile);
    		  break;
    		 }
    
    		// copy original image
    		copy($_FILES['uploadfile']['tmp_name'], $folder . '/' . $image);
    
    		// orignal image location
    		$write_image = $folder . '/' . $image;
    
    		// create first thumbnail image - resize original to 80 width x 80 height pixels 
    		if($height<$width){$newheight = ($height/$width)*70; $newwidth =70;}
    					   else{$newwidth = ($width/$height)*70; $newheight =70;}
    		$tmp=imagecreatetruecolor($newwidth,$newheight);
    		imagealphablending($tmp, false);
    		imagesavealpha($tmp,true);
    		$transparent = imagecolorallocatealpha($tmp, 255, 255, 255, 127);
    		imagefilledrectangle($tmp, 0, 0, $newwidth, $newheight, $transparent);
    		imagecopyresampled($tmp,$src,0,0,0,0,$newwidth,$newheight,$width,$height);
    
    		// write thumbnail to disk
    		$write_thumbimage = $folder .'/thumb-'. $image;
    		 switch($ext){
    		  case "gif":
    			imagegif($tmp,$write_thumbimage);
    		  break;
    		  case "jpg":
    			imagejpeg($tmp,$write_thumbimage,100);
    		  break;
    		  case "jpeg":
    			imagejpeg($tmp,$write_thumbimage,100);
    		  break;
    		  case "png":
    			imagepng($tmp,$write_thumbimage);
    		  break;
    		 }
    
    		// create second thumbnail image - resize original to 125 width x 125 height pixels 
    		if($height<$width){$newheight = ($height/$width)*700; $newwidth =700;}
    					   else{$newwidth = ($width/$height)*700; $newheight =700;}
    
    		$tmp=imagecreatetruecolor($newwidth,$newheight);
    		imagealphablending($tmp, false);
    		imagesavealpha($tmp,true);
    		$transparent = imagecolorallocatealpha($tmp, 255, 255, 255, 127);
    		imagefilledrectangle($tmp, 0, 0, $newwidth, $newheight, $transparent);
    		imagecopyresampled($tmp,$src,0,0,0,0,$newwidth,$newheight,$width,$height);
    
    		// write thumbnail to disk
    		$write_thumb2image = $folder .'/thumb2-'. $image;
    		 switch($ext){
    		  case "gif":
    			imagegif($tmp,$write_thumb2image);
    		  break;
    		  case "jpg":
    			imagejpeg($tmp,$write_thumb2image,100);
    		  break;
    		  case "jpeg":
    			imagejpeg($tmp,$write_thumb2image,100);
    		  break;
    		  case "png":
    			imagepng($tmp,$write_thumb2image);
    		  break;
    		 }
    
    		// all is done. clean temporary files
    		imagedestroy($src);
    		imagedestroy($tmp);
    
    			  }
    			}
    		  }
    		}
    			// database connection
    			include('login.php');
    			// insert into mysql database and show success message
    			mysql_query("INSERT INTO `modelBook_photos` (`id`, `name`, `position`) VALUES (NULL, 'thumb-". $image ."', '1')");
    			header('Location: admin-galerie.php');
    		  }
    			// error all fileds must be filled
    	}else {
    		echo '<div class="wrong">Cette photo a déjà été envoyé.</div>'; }
    	}
    ?>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
      "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
    <head>
    	<?php require_once('meta.php'); ?>
    	<link rel="stylesheet" href="stylebook.css" type="text/css" />
    	<script type="text/javascript" src="script/jquery-1.7.1.min.js"></script>
    	<link rel="stylesheet" href="jquery-ui-1.8.16.custom.css" type="text/css" />
    	<script type="text/javascript" src="scripts/jquery-ui-1.8.16.custom.min.js"></script>
    	<script type="text/javascript" src="scripts/ajax.js"></script>
    	<script type="text/javascript">
    	$(document).ready( function(){ // quand la page a fini de se charger
    	  $("#list-photos").sortable({ // initialisation de Sortable sur #list-photos
    		placeholder: 'highlight', // classe à ajouter à l'élément fantome
    		update: function() {  // callback quand l'ordre de la liste est changé
    			var order = $('#list-photos').sortable('serialize'); // récupération des données à envoyer
    			$.post('ajax.php',order); // appel ajax au fichier ajax.php avec l'ordre des photos
    		}
    	  });
    	  
    	});
    	</script>
    </head>
    <body> 
    	<div id="entete">
    		Retrouvez-nous sur <a href="https://www.google.fr" />Facebook</a><br />
    		<div id="logo">
    			<table>
    				<tr><td>
    				<a href="index.php"><img src="images/logo.png" /></a>
    				</td>
    				<td style="width:453px;">
    					<?php require_once('menu.php'); ?>
    				</td><td>
    				<div id="connexion">
    					<div id="connexiontext">
    						Bonjour <span class="textsession"><?php echo $_SESSION['loginmb']; ?></span> !<br />
    						<a href="deco.php" class="subbox"><img src="images/deconnexion.jpg" /></a>
    					</div>
    				</div>
    				</td></tr>
    			</table>
    		</div>
    	</div>
    	<div id="menuadmin">
    		<?php require_once('menuadmin.php'); ?>
    	</div>
    	<div id="corps">
    		<table>
    			<tr>
    				<td style="vertical-align:top;width:700px;">
    					<div class="titreadmin">Photos de votre galerie</div>
    				</td>
    				<td style="vertical-align:top;width:200px;">
    					<div class="titreadmin">Ajouter une photo</div>
    				</td>
    			</tr>
    			<tr>
    				<td style="vertical-align:top;">
    					<ul id="list-photos">
    						<?php
    						//connexion à la base de données 
    						require('login.php');
    					 
    						// récupération des photos dans le bon ordre
    						$result =   mysql_query( 'SELECT id, name, position FROM modelBook_photos ORDER BY position ASC' , $base );
    						while( $photo = mysql_fetch_assoc( $result ))
    						{
    						?>
    						<li id="photo_<?php echo $photo['id'] ?>" >
    							<table>
    							<tr><td style="height:75px;width:75px;text-align:center;">
    							<img src="photos/<?php echo $photo['name'] ?>" alt="ModelBook" />
    							</td></tr><tr><td>
    							<p><a href="del.php?id=<?php echo $photo['id'] ?>"><img src="images/trash.gif" /></a></p>
    							</td></tr>
    							</table>
    						</li>
    						<?php
    						}
    						?>
    					</ul>
    				</td>
    				<td style="vertical-align:top;">
    						
    					<form action="" style="border:1px solid #e0e0e0; padding:5px;" method="post" name="image_upload" id="image_upload" enctype="multipart/form-data">
    						<label class="texteAjoutPhoto">Image (jpg, png, gif)</label><br />
    						<input type="file" size="12" name="uploadfile" id="uploadfile" class="file margin_5_0" onChange="javascript:submit()"  />
    						<div id="upload_area" class="corners align_center" style="color:#f68500;">
    							Sélectionnez une image
    						</div>
    					</form>
    					
    					<p class="texteAjoutPhoto">Pas de photos non conformes aux règles décrites dans les CGU (pas de photos vulgaires, pornographique, racistes ou xenophobie...) sous peine de supression de compte sans préavis.</p>
    				</td>
    			</tr>
    		</table>
    	</div>
    	<div id="footer">
    		<img src="images/ligne.jpg" />
    		© 2011  |  <a href="#">Condition générale d’utilisation</a> 
    	</div>
    </body>
    </html>
    
     
  2. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 163
    J'aime reçus:
    338
    Tu dois avoir un tag pas fermé.
     
  3. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 728
    J'aime reçus:
    174
    Affiche les css avant et après l'upload, et vérifie qu'ils sont identiques
     
  4. foxxy
    foxxy Nouveau WRInaute
    Inscrit:
    21 Décembre 2011
    Messages:
    15
    J'aime reçus:
    0
    Yes! C'est ca Marie-Aude! J'ai mis le scripte en dessous du l'appel css et ca marche!
    Il y a certaines choses que je comprendrai jamais. Pour moi rafraîchir une page réaffiche tout comme si on venait sur la page naturellement. Bizarre qu'il faille changer l'ordre des éléments pour que ca s'affiche correctement.
     
  5. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 104
    J'aime reçus:
    0
    Je crois que ce n'était pas ce que Marie-Aude te disait de faire, mais tant mieux si ça fonctionne :mrgreen:
     
  6. foxxy
    foxxy Nouveau WRInaute
    Inscrit:
    21 Décembre 2011
    Messages:
    15
    J'aime reçus:
    0
    Si si, j'ai bien placé le css en dessous de l'upload donc c'est bien elle qui m'a aidé :)
     
Chargement...
Similar Threads - grossit magie Forum Date
[réglé]Partition qui grossit à vu d'oeil Administration d'un site Web 17 Juin 2006
Avis et conseils - Kamika.fr site de magie Demandes d'avis et de conseils sur vos sites 16 Décembre 2013
[demande d'avis]toursdemagie.net Demandes d'avis et de conseils sur vos sites 4 Août 2011
la magie des statistiques, google favorise-t-il les palliers Référencement Google 18 Février 2009
Jp Desjack : Magie pour tous les gouts. Demandes d'avis et de conseils sur vos sites 9 Mai 2008
Le referencement par la magie ! Le café de WebRankInfo 4 Juillet 2006
la magie est au rendez vous Débuter en référencement 21 Septembre 2004