11550 sujets

JavaScript, DOM et API Web HTML5

Charger dans une div des conditions php

Bonjour,

J'ai lu pas mal de tuto pour charger une page dans un div. Hors le problème c'est que je ne veux pas charger une page mais simplement (ou pas simplement) exécuter dynamiquement (sans recharger la page) une condition php.

Je vous mets le lien ci-dessous :


<?php if(isset($_GET['add'])) {
	
if(($_GET['add']) == 'video'){
	echo '<div id="media">Video<a href="?add=delete"><img style="position:absolute;margin-left:580px;margin-top:40px" src="http://localhost/images/media/delete.png" /></a></div>'; }	
elseif(($_GET['add']) == 'pic'){
	echo '<div id="media">Pic<a href="?add=delete"><img style="position:absolute;margin-left:580px;margin-top:40px" src="http://localhost/images/media/delete.png" /></a></div>'; } 
elseif(($_GET['add']) == 'text'){
	echo '<div id="media">Text<a href="?add=delete"><img style="position:absolute;margin-left:580px;margin-top:40px" src="http://localhost/images/media/delete.png" /></a></div>'; }
elseif(($_GET['add']) == 'embed'){
	echo '<div id="media">Embed<a href="?add=delete"><img style="position:absolute;margin-left:580px;margin-top:40px" src="http://localhost/images/media/delete.png" /></a></div>'; }
elseif(($_GET['add']) == 'delete'){
	echo '<div id="media">
 <img style="position:absolute;margin-left:-28px;margin-top:40px" src="http://localhost/images/media/plus.png" />
 <a href="?add=video"><img style="position:absolute;margin-left:80px;margin-top:20px" src="http://localhost/images/media/video.png" /></a>
 <a href="?add=pic"><img style="position:absolute;margin-left:210px;margin-top:20px" src="http://localhost/images/media/pic.png" /></a>
 <a href="?add=text"><img style="position:absolute;margin-left:340px;margin-top:20px" src="http://localhost/images/media/text.png" /></a>
 <a href="?add=embed"><img style="position:absolute;margin-left:470px;margin-top:20px" src="http://localhost/images/media/embed.png" /></a>
 </div>'; } 
 ?>
<?php } else { ?>
  <div id="media">
 <img style="position:absolute;margin-left:-28px;margin-top:40px" src="http://localhost/images/media/plus.png" />
 <a href="?add=video"><img style="position:absolute;margin-left:80px;margin-top:20px" src="http://localhost/images/media/video.png" /></a>
 <a href="?add=pic"><img style="position:absolute;margin-left:210px;margin-top:20px" src="http://localhost/images/media/pic.png" /></a>
 <a href="?add=text"><img style="position:absolute;margin-left:340px;margin-top:20px" src="http://localhost/images/media/text.png" /></a>
 <a href="?add=embed"><img style="position:absolute;margin-left:470px;margin-top:20px" src="http://localhost/images/media/embed.png" /></a>
 </div>
<?php }?>

D'ailleurs, mon code est peut-être un peu lourd pour réaliser ce genre de chose.

Si vous avez des indices/pistes.

Merci ! [cligne]
Par contre je sais que mon code ne contient pas du javascript mais j'imagine que la réponse en contiendra (d'où la création de ce sujet dans cette partie du forum)
Bonjour,
Ce serait plus propose avec un "switch case".

Pour ton problème si tu ne veux pas recharger ta page ce sera forcement en javascript à moins que tu te sentes à l'aise pour le faire en AJAX.

L'idée en javascript et de venir changer le display (block ou none) de tes div en fonction du menu cliqué.

Olivier.
Hello.
WebD a écrit :
Pour ton problème si tu ne veux pas recharger ta page ce sera forcement en javascript à moins que tu te sentes à l'aise pour le faire en AJAX.
Parce que l'Ajax, ce n'est pas du JS? Smiley rolleyes Smiley sweatdrop
Merci pour vos réponses !

J'ai ici un début de fonction (trouvé sur 9lessons) qui me permet d'extraire le contenu d'une url. Fonction qui viendra s'ajouter à la précédente.

 $(document).ready(function()
{

$("#contentbox").keyup(function()
{
var content=$(this).val();
var urlRegex = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;

var url= content.match(urlRegex);


if(url.length>0)
{

$("#linkbox").slideDown('show');
$("#linkbox").html("<img src='link_loader.gif'>");
$.get("urlget.php?url="+url,function(response)
{
var title=(/<title>(.*?)<\/title>/m).exec(response)[1];
var logo=(/src='(.*?)'/m).exec(response)[1];


$("#linkbox").html("<img src='"+logo+"' class='img'/><div><b>"+title+"</b><br/>"+url)

});

}
return false();
});

});


Dans cet exemple je peux extraire une seule url.
Pensez-vous qu'il y aurait un moyen pour extraire plusieurs url à la fois ou c'est trop complexe ? Smiley murf
Sujet clos
Aller à