Déroulement Up/Down sur div dans une boucle

cs_a44icus Messages postés 31 Date d'inscription mercredi 18 avril 2007 Statut Membre Dernière intervention 23 mars 2013 - 16 mai 2011 à 00:41
Bobshit75 Messages postés 29 Date d'inscription lundi 28 février 2011 Statut Membre Dernière intervention 13 juillet 2011 - 24 mai 2011 à 10:49

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..

<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>

<?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 '[# '.$b_titre.'
]';
echo '
';
echo '
';
echo '<textarea name="titreActu" id="titreActu">'.$b_titre.'</textarea>
';
echo '
';
echo '<textarea name="imageActu" id="imageActu">'.$b_image.'</textarea>
'; 
echo '<textarea name="txtActu" id="txtActu">'.$b_news.'</textarea>
'; 
echo '';
echo '


</form>';
}
?>

/////a44icus/////

A voir également:

Déroulement Up/Down sur div dans une boucle
Boucle for vba ✓ - Forum Visual Basic 6
Html texte défilant en boucle - Forum Javascript / DHTML
Diaporama pdf en boucle - Forum Javascript / DHTML
Automatiser en boucle l'affichage d'un défilement auto pour .pdf sous A Reader - Forum VB.NET
Div java ✓ - Forum Java

4 réponses

Réponse 1 / 4

galled Messages postés 41 Date d'inscription vendredi 30 octobre 2009 Statut Membre Dernière intervention 13 décembre 2012
16 mai 2011 à 18:47

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 '
';
à la place de:
echo '
';

Ça devrait fonctionner.

Réponse 2 / 4

cs_a44icus Messages postés 31 Date d'inscription mercredi 18 avril 2007 Statut Membre Dernière intervention 23 mars 2013
16 mai 2011 à 19:08

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

/////a44icus/////

Réponse 3 / 4

Bobshit75 Messages postés 29 Date d'inscription lundi 28 février 2011 Statut Membre Dernière intervention 13 juillet 2011
24 mai 2011 à 10:42

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 :

<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>

<?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 '[# '.$b_titre.'
]';
echo '
';
echo '
';
echo '<textarea name="titreActu" id="titreActu">'.$b_titre.'</textarea>
';
echo '
';
echo '<textarea name="imageActu" id="imageActu">'.$b_image.'</textarea>
'; 
echo '<textarea name="txtActu" id="txtActu">'.$b_news.'</textarea>
'; 
echo '';
echo '

</form>';

$i++;
}
?>

Réponse 4 / 4

Bobshit75 Messages postés 29 Date d'inscription lundi 28 février 2011 Statut Membre Dernière intervention 13 juillet 2011
24 mai 2011 à 10:49

Euh une erreur de ma part voila la correction :

echo '
';

Discussions similaires

Boucle définir si c'est un carré parfait

la division en java

formulaire et popup

coller deux div avec du css

texte qui defile en boucle sans espace entre le debut et la fin

Votre réponse

Discussions similaires