begin process at 2012 05 29 00:56:31
  Trouver un code source :
 
dans
 
Accueil > Forum > 

PHP

 > 

Divers

 > 

Débutant(e)

 > 

Déroulement Up/Down sur div dans une boucle


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Déroulement Up/Down sur div dans une boucle

lundi 16 mai 2011 à 00:41:18 | Déroulement Up/Down sur div dans une boucle

a44icus

Bonjour,

je suis en train de faire un système d'administration simple, dans le cas qui va suivre je suis sur ma page ou je vais pouvoir éditer les articles du blog.

J'aimerai que chaque article éditable puisse être caché et déroulé. Donc j'ai réussi à faire cette fonction en javascript, hors quand je clic sur les boutons pour cacher et dérouler ça ne s'applique que sur le premier article.

Donc si quelqu'un peu l’apporter une petite aide..

Code Javascript :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function ShowHide(){
$("#slidingDiv").animate({"height": "toggle"}, { duration: 1000 });
}
//]]>
</script>



Code PHP :
<?php
while ($val = mysql_fetch_array($result)){
	$b_id=$val["id"];
	$b_titre=$val["titreActu"];
	$b_date=$val["dateActu"];
	$b_image=$val["imageActu"];
	$b_news=$val["txtActu"];
	$date = date("d-m-Y");
	
echo '<form action="editNews.php" method="post">';
echo '<a onclick="ShowHide(); return false;" href="#"><h3>'.$b_titre.'</h3></a>';
echo '<div id="slidingDiv">';
echo '<input type="text" name="id" value="'.$b_id.'" id="id"/><br/>';
echo '<textarea name="titreActu" id="titreActu">'.$b_titre.'</textarea><br/>';
echo '<input type="text" name="dateActu" value="'.$b_date.'" id="dateActu"/><br/>';
echo '<textarea name="imageActu" id="imageActu">'.$b_image.'</textarea><br/>'; 
echo '<textarea name="txtActu" id="txtActu">'.$b_news.'</textarea><br/>'; 
echo '<input type="submit" name="action" value="envoyer" id="send"/>';
echo '<div class="simulhr2"></div><br/></div>

</form>';

}
	?>

/////a44icus/////
lundi 16 mai 2011 à 18:47:54 | Re : Déroulement Up/Down sur div dans une boucle

galled

Change ton id pour une class comme ceci:
Au lieu de :
$("#slidingDiv").animate({"height": "toggle"}

met
$(".slidingDiv").animate({"height": "toggle"}


Et ici tu met
echo '<div class="slidingDiv">';
à la place de:
echo '<div id="slidingDiv">';

Ça devrait fonctionner.
lundi 16 mai 2011 à 19:08:03 | Re : Déroulement Up/Down sur div dans une boucle

a44icus

Oui j'avais essayé cette méthode mais cette fois ci ça m'ouvre toutes les div en même temps.

/////a44icus/////
mardi 24 mai 2011 à 10:42:27 | Re : Déroulement Up/Down sur div dans une boucle

Bobshit75

C'est normal, le javascript va pas chercher quelle div ouvrir ou non. Soit la premier avec un id, soit toutes avec une class.

Rajoutes un id à chaque div et ça marchera :

Code Javascript :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function ShowHide(pDiv){
$("#slidingDiv_"+pDiv).animate({"height": "toggle"}, { duration: 1000 });
}
//]]>
</script>



Code PHP :
<?php
while ($val = mysql_fetch_array($result)){
	$i = 1;
        $b_id=$val["id"];
	$b_titre=$val["titreActu"];
	$b_date=$val["dateActu"];
	$b_image=$val["imageActu"];
	$b_news=$val["txtActu"];
	$date = date("d-m-Y");
	
echo '<form action="editNews.php" method="post">';
echo '<a onclick="ShowHide('.$i.'); return false;" href="#"><h3>'.$b_titre.'</h3></a>';
echo '<div id="slidingDiv_"'.$i.'>';
echo '<input type="text" name="id" value="'.$b_id.'" id="id"/><br/>';
echo '<textarea name="titreActu" id="titreActu">'.$b_titre.'</textarea><br/>';
echo '<input type="text" name="dateActu" value="'.$b_date.'" id="dateActu"/><br/>';
echo '<textarea name="imageActu" id="imageActu">'.$b_image.'</textarea><br/>'; 
echo '<textarea name="txtActu" id="txtActu">'.$b_news.'</textarea><br/>'; 
echo '<input type="submit" name="action" value="envoyer" id="send"/>';
echo '<div class="simulhr2"></div><br/></div></form>';

$i++;
}
?>
mardi 24 mai 2011 à 10:49:00 | Re : Déroulement Up/Down sur div dans une boucle

Bobshit75

Euh une erreur de ma part voila la correction :

Code PHP :
echo '<div id="slidingDiv_'.$i.'">';


Cette discussion est classée dans : code, up, echo, down, déroulement


Répondre à ce message

Sujets en rapport avec ce message

Gestion d'évènement souris [ par BSide ] Bonjour,j'essaie depuis un sacré moment de faire fonctionner le code qui suit...(récupéré dans la source de MySQL)Impossible de le faire tourner !!! L SELECT ds un tablo avec un <tr> coloré sur deux [ par MisterJAD ] J'ai fait un SELECT* dans une table, je l'ai mis dans tableau, mais je voudrais, pour plus de lisibilité s'il y a un grand nombre d'enregistrement fai probleme avec un tableaux (ou est l'erreur??) [ par h2h ] salut tout le monde, jai un probleme avec ce tableaux.. en fait ce tableaux affiche bien ce ke je veu mai le prob cest kil décale tout d'une ligne ce probleme de code ou d affichage????????? [ par steph0077 ] voila j ai un leger probleme avec ce script qui ne m affiche pas les donnees comme je le desire..............les langues qui doivent s afficher ne le formulaire a retardement ????? [ par alvaro ] Salut, je ne conprend pas pourquoi! pourquoi... pourquoi...c'est un passage de variable par formulaire. Sous ie4, ou modzila il faut attendre 10s sur Rien ne rentre dans ma base... [ par dchevalier ] Bonjour,J'utilise Easy PHP et Dreamweaver MX 2004.J'ai crée un formulaire pour rentrer les coordonnées de mes clients dans une base. Ma requête d'inse pb comparaison string [ par fmazoue ] ca doit etre tout con mais la je vois pas l'erreur je doit etre bigleu !!!voila le bout de code : echo "comparaison entre ".$pwd." et ".$info[$i]["ntp session ne fonctionne pas....!!! [ par michong ] salut a tousalors voilajai désespérément essayé de faire fonctionner ces variables de sessions mais sans succéesje me suis dit que ssa doit etre mon c récuperer un varible d'un script javascript dans une variable php [ par Starkeeper ] Bonjour à tous,Ma question porte sur du php et du javascript :Je vous met en situation :Sur une cellule d'un tableau, j'ai deux evènement, OnMouseDown Problème affichage de la commentaires [ par dyto ] bonjour les zéros, mon probleme c que je fai un tuto, et il y 2 champs, et kon on les remplies, il l'ajoute dans la bdd et l'affiche dans en haut, com


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,608 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales