Menu déroulant sous forme de formulaire pour firefox

Menu déroulant sous forme de formulaire pour firefox - HTML/CSS - Programmation

Marsh Posté le 27-05-2008 à 16:27:42    

Bonjour, j' ai écrit un menu déroulant comme un formulaire, de ce type:
 
<form action="url" method="post">
 
      <select name="page" id="section" onchange="document.location=this.value">
       <option value=url>Bagues orteil</option>
       <option value=url>Boucles d' oreille</option>
    </form>
 
Il marche très sous internet explorer mais pas sous Mozilla firefox.
 
Pourquoi et comment faire  
 
Merci de votre aide.

Reply

Marsh Posté le 27-05-2008 à 16:27:42   

Reply

Marsh Posté le 27-05-2008 à 16:33:37    

sibile a écrit :

onchange="document.location=this.value">
   


hum ca me paraît bisare, je suis pas sur que ca marche  
 
je ferai  une fonction  

Code :
  1. onchange="modif();"
  2. function modif(){
  3. document.location=document.formulaire.name.value;
  4. }

Reply

Marsh Posté le 27-05-2008 à 16:39:56    

sibile a écrit :

Bonjour, j' ai écrit un menu déroulant comme un formulaire, de ce type:
 
<form action="url" method="post">
 
      <select name="page" id="section" onchange="document.location=this.options[this.selectedIndex].value">
       <option value=url>Bagues orteil</option>
       <option value=url>Boucles d' oreille</option>
    </select>
</form>
 
Il marche très sous internet explorer mais pas sous Mozilla firefox.
 
Pourquoi et comment faire  
 
Merci de votre aide.


 
 :hello:  

Reply

Marsh Posté le 27-05-2008 à 21:13:20    


non non le this.value fonctionne très très très très bien sur les navigateurs récents

Reply

Marsh Posté le 27-05-2008 à 22:39:43    

gatsu35 a écrit :


non non le this.value fonctionne très très très très bien sur les navigateurs récents


Ah je savais pas  :)  
Sur quels navigateurs ça marche ? Je me souviens d'avoir eu des emmerdes avec ça  il y a pas si longtemps pourtant ...  :??:

Reply

Marsh Posté le 27-05-2008 à 23:26:19    

Citation :

hum ca me paraît bisare, je suis pas sur que ca marche  
 
je ferai  une fonction  
Code :
 
   1. onchange="modif();"
   2.
   3. function modif(){
   4. document.location=document.formulaire.name.value;
   5. }


 
 
Ok ça fonctionne très bien!  
 
Le problème est que quand on clique sur le champ select pour faire dérouler le menu, il n' est pas stable il faut laisser la souris appuyée dessus ce qui n' est pas facile.
Or je vois des sites ou le même système est stable et le code similaire au mien alors je ne comprend pas à quel niveau ça peut clocher...
 
 
 
 
 
 

Reply

Marsh Posté le 27-05-2008 à 23:48:35    

sibile a écrit :

Citation :

hum ca me paraît bisare, je suis pas sur que ca marche  
 
je ferai  une fonction  
Code :
 
   1. onchange="modif();"
   2.
   3. function modif(){
   4. document.location=document.formulaire.name.value;
   5. }


 
 
Ok ça fonctionne très bien!  
 
Le problème est que quand on clique sur le champ select pour faire dérouler le menu, il n' est pas stable il faut laisser la souris appuyée dessus ce qui n' est pas facile.
Or je vois des sites ou le même système est stable et le code similaire au mien alors je ne comprend pas à quel niveau ça peut clocher...
 
 
 
 
 
 


 
 
Non, en fait ça ne marche pas du tout.  
 
Le document.location=this.value marche très bien sous firefox, en tout cas la dernière version.
Le problème ne venait pas de là mais d' une erreur dans mes styles css pour <label>.
 
Rien à voir donc!
 
 
Merci quand même !!
 
Bonsoir

Reply

Marsh Posté le 27-05-2008 à 23:52:10    

Paulp a écrit :


Ah je savais pas  :)  
Sur quels navigateurs ça marche ? Je me souviens d'avoir eu des emmerdes avec ça  il y a pas si longtemps pourtant ...  :??:


 
 
Le document.location=this.options[this.selectedIndex].value marche très bien aussi, donc je ne sais pas lequel choisir pour plus de sécurité...

Reply

Marsh Posté le 28-05-2008 à 09:07:17    

la solution que moi j'ai donnée marche parfaitement,  
au lieu de changer de page , moi , je recharge la page(peu importe)mais ca ne me fait pas du tout ton probleme
 
mais c'est bon a savoir qu'on peut faire cette solution document.location=this.options[this.selectedIndex].value

Message cité 1 fois
Message édité par infoman64 le 28-05-2008 à 09:07:31
Reply

Marsh Posté le 28-05-2008 à 09:35:02    

infoman64 a écrit :

la solution que moi j'ai donnée marche parfaitement,  
au lieu de changer de page , moi , je recharge la page(peu importe)mais ca ne me fait pas du tout ton probleme
 
mais c'est bon a savoir qu'on peut faire cette solution document.location=this.options[this.selectedIndex].value


 document.location=this.value :o :o :o cross browser chez tous les browser ça marche à partir de ie 5.0, FF, safari opera :o

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed