Sujet Précédent Sujet Suivant

Comment créer une liste deroulante?

Résolu
ArnaudT62 Messages postés 41 Date d'inscription mardi 17 janvier 2006 Statut Membre Dernière intervention 14 octobre 2009 - 28 sept. 2009 à 15:22
ArnaudT62 Messages postés 41 Date d'inscription mardi 17 janvier 2006 Statut Membre Dernière intervention 14 octobre 2009 - 30 sept. 2009 à 17:27
Bonjour,

Voilà, je suis entrain de créer un catalogue pour ma boite, je possède plusieurs produits dont certains ont plusieurs références (produits pour le traitement des eaux, donc plusieurs diamètres entrés/sorties avec des prix différents). Je voudrai savoir comment faire pour créer une sorte de liste comme sur « Notepad ++ » ou « Dreamweaver » qui permet de masquer tout le contenu (les différentes références) avec une petite crois "+" pour développer et "-" pour réduire. Je sais pas si il faut le faire en PHP ou JavaScript.
En espérant avoir été claire,


Merci

AT

12 réponses

Réponse 1 / 12
Tonio_35 Messages postés 567 Date d'inscription mercredi 4 octobre 2006 Statut Membre Dernière intervention 30 août 2011 11
30 sept. 2009 à 17:02
AaTTENTION : java !=
Javascript...

Bref, en effet, il y a un problème sur PHPCS, c'est que quand tu met un code entre balise [ code = "qqch" ] [ /code ] tu perds la mise en forme.

Et javascript est très pointilleux la dessus oui...
innerHTML
getElementById

Bien vu
_________________________________
Min iPomme
3
Réponse 2 / 12
Tonio_35 Messages postés 567 Date d'inscription mercredi 4 octobre 2006 Statut Membre Dernière intervention 30 août 2011 11
29 sept. 2009 à 09:28
Tout ce qui relève de l'interaction coté client seras fais avec du JavaScript, le php étant uniquement destiné au serveur, donc il faudra se tourner en effet vers le JavaScript...

Pour réaliser ton menu, tu auras besoin d'afficher/masquer un élément de ta page :

Récupérer un élément d'une page par son ID :

document.getElementById()

Changer la visibilité d'un élément :

element.style.display (block/none)

Ensuite, tu voudras certainement changer l'image de ton plus par une image de moins et inversement... Dans ce cas tu auras besoin encore une fois de document.getElementById() et de element.src...


Je te conseil de mettre le tout dans une fonction (Affichage de l'élément et changement du plus en moins si l'élément est masqué et inversement si celui-ci est affiché.

Enfin pour appeler ta fonction, tu auras un lien sur ton plus/moins. L'appel se fais via le onClickdu lien.

Voilà, poste ton avancement ici si tu veux que je jette un coup de neuil...
_________________________________
Min iPomme
0
Réponse 3 / 12
ArnaudT62 Messages postés 41 Date d'inscription mardi 17 janvier 2006 Statut Membre Dernière intervention 14 octobre 2009
29 sept. 2009 à 11:04
Salut,

Merci pour ton mail, je regarde et je posterai ce que j'ai fais par la suite.

A+

AT
0
Réponse 4 / 12
Tonio_35 Messages postés 567 Date d'inscription mercredi 4 octobre 2006 Statut Membre Dernière intervention 30 août 2011 11
29 sept. 2009 à 12:59
De rien j'attends ton travail


_________________________________
Min iPomme
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 12
ArnaudT62 Messages postés 41 Date d'inscription mardi 17 janvier 2006 Statut Membre Dernière intervention 14 octobre 2009
30 sept. 2009 à 12:01
Salut,

Alors voici ce que j'ai fais : 

<script type= "text/javascript">
function showhide(blocid) {
  var monbloc= document.getElementById(blocid);
  if (!monbloc) return;
  monbloc.style.display = (monbloc.style.display=="none" ) ? "block" : "none";
}
</script>


et code : 

<?php
//Requete SQL dans le SGBDR
$reqliste="SELECT * FROM produits ORDER BY num";
$liste = mysql_query($reqliste);
$i=1;
$j=2;
                        //bl est la variable pour definir l'id de chaque bloc
$bl=1;
                             //Lecture de la colomne 'description' dans le SGBDR
while ($boucle = mysql_fetch_array($liste)) 
{
?><?php
echo " ".$boucle['dev']." 

";
//je teste savoir si il y a plusieurs reference (0 =une seule, 1=debut de reference et 2=fin de liste reference
                        if($boucle['bloc']==1)
{?>

[# ')">+]

" style="display:none;"><?php }	
echo ''; //Le $i est impoimportant pour que deux checkboxes n'aient pas le meme nom
//" height="100" width="100" style="margin-right: 10px;"/>
<?php
echo $boucle['description'];?>

[catalogue/<?php echo $boucle['liens']; ?> Plus de détails] 
    
    
<?php
echo "
prix : ".$boucle['prix']." euros HT | Quantité : ";?>" type="text" size="2" maxlength="5" />


//je teste savoir si il s'agit de la derniere reference du produit		
<?php if($boucle['bloc']==2)
{$bl=$bl+1; ?>
 <?php } ?>
<?php	
$i=$i+1;
$j=$j+1;
}
?>


Voilà ce que j'ai fais hier, par contre pour le changement du plus en moins, je n'ai pas tros compris, donc si on peut voir à deux.

A+

Arnaud
0
Réponse 6 / 12
Tonio_35 Messages postés 567 Date d'inscription mercredi 4 octobre 2006 Statut Membre Dernière intervention 30 août 2011 11
30 sept. 2009 à 12:55
Alors et bien comme c'est pas une immage mais juste le texte "+" dans ton lien, rien de plus simple : 

<!-- Ici en passant le this en paramètre, tu auras dans ta fonction, directement l'élément cliqué en variable... -->
[# ', this)">+]


Ensuite ya plus cas changer le texte du 2ème élément de ta fonction : 

<script type="text/javascript">
function showhide(blocid, ellien) {
  var monbloc= document.getelementbyid(blocid);
  if (!monbloc) return;
  monbloc.style.display = (monbloc.style.display=="none" ) ? "block" : "none";
  ellien.innerHTML = (ellien.innerHTML=="+" ) ? "-" : "+";
}
</script>


innerHTML récupere le texte entre les balises et ...

_________________________________
Min iPomme
0
Réponse 7 / 12
ArnaudT62 Messages postés 41 Date d'inscription mardi 17 janvier 2006 Statut Membre Dernière intervention 14 octobre 2009
30 sept. 2009 à 13:01
Oki, je vais tester tout à l'heure et je te tiens au courant.

Merci

Arnaud
0
Réponse 8 / 12
Tonio_35 Messages postés 567 Date d'inscription mercredi 4 octobre 2006 Statut Membre Dernière intervention 30 août 2011 11
30 sept. 2009 à 13:10
Au pir si t'as des blem avec le this, tu lui met la même id que ta balise à masquer suivis de _link par exemple...


function showhide(blocid) {
var monbloc= document.getelementbyid(blocid);
if (!monbloc) return;
var monlien= document.getelementbyid(blocid + '_link');
monbloc.style.display = (monbloc.style.display=="none" ) ? "block" : "none";
monlien.innerhtml = (monlien.innerhtml=="+" ) ? "-" : "+";
}
</script></code>

_________________________________
Min iPomme
0
Réponse 9 / 12
ArnaudT62 Messages postés 41 Date d'inscription mardi 17 janvier 2006 Statut Membre Dernière intervention 14 octobre 2009
30 sept. 2009 à 16:02
Re,

J'ai testé la premier solution mais sans effet, par contre la 2 eme j'ai test sans effet aussi, mais je pense que je me suis planté dans l'implémentation du code (avec ton _link, je sais pas ou il faut que je le mette car j'ai pas trop compris)
0
Réponse 10 / 12
Tonio_35 Messages postés 567 Date d'inscription mercredi 4 octobre 2006 Statut Membre Dernière intervention 30 août 2011 11
30 sept. 2009 à 16:13
// ...

[# ')" id="<?php echo $bl ?>_link">+]

" style="display:none;">
// ....


_________________________________
Min iPomme
0
Réponse 11 / 12
ArnaudT62 Messages postés 41 Date d'inscription mardi 17 janvier 2006 Statut Membre Dernière intervention 14 octobre 2009
30 sept. 2009 à 16:31
Voilà ce que j'ai fais, mais cela ne fonctionne tjs pas : 

<script type= "text/javascript">
function showhide(blocid) {
  var monbloc= document.getElementById(blocid);
  if (!monbloc) return;
  var monlien= document.getElementById(blocid + '_link');
  monbloc.style.display = (monbloc.style.display=="none" ) ? "block" : "none";
  monlien.innerhtml = (monlien.innerhtml=="+" ) ? "-" : "+";
}
</script>


et 


while ($boucle = mysql_fetch_array($liste)) 
{
?><?php
echo " ".$boucle['dev']." 

";
if($boucle['bloc'] ==1)
{?>

[# ')" id="<?php echo $bl ?>_link">+]

" style="display:none;"><?php }
//Lecture de la colomne 'description' dans le SGBDR



echo ''; //Le $i est impoimportant pour que deux checkboxes n'aient pas le meme nom
//" height="100" width="100" style="margin-right: 10px;"/>
<?php
echo $boucle['description'];?>

[catalogue/<?php echo $boucle['liens']; ?> Plus de détails] 
    
    
<?php
echo "
prix : ".$boucle['prix']." euros HT | Quantité : ";?>" type="text" size="2" maxlength="5" />


<?php if($boucle['bloc']==2)
{$bl=$bl+1; ?>
 <?php } ?>
<?php	
$i=$i+1;
$j=$j+1;
}
?>


Est ce que l'erreur peut venir d'une majuscule qu'on n'a pas mit, vu que java est pointillions la dessus?

Merci pour ton aide
0
Réponse 12 / 12
ArnaudT62 Messages postés 41 Date d'inscription mardi 17 janvier 2006 Statut Membre Dernière intervention 14 octobre 2009
30 sept. 2009 à 17:27
Hello,

Je te confirme que c'est bien ça le problème, maintenant celà fonctionne à merveille.

Encore merci pour ton aide,

A bientot

Arnaud
0

Discussions similaires

affecter la date du jour à une variable
cs_vince2229 -
Teclis01 -

1 réponse
Différence ente protected function, public function, private function et functio
dvdstory -
cs_caviar -

4 réponses
poster une variable php dans un href
larcan57 -
chapata -

18 réponses
Arreter l'execution du php
cs_Arnauti -
mageonyme -

6 réponses
Vérifier si une variable est un tableau
cs_lowkey -
coucou747 -

2 réponses
Rejoignez-nous