envoie de formualire : trois clics FF contre un seul pour IE

envoie de formualire : trois clics FF contre un seul pour IE - HTML/CSS - Programmation

Marsh Posté le 08-07-2005 à 10:02:58    

Bonjour à tous.
 
Comme le dit le titre, j'ai un probleme etrange...  :pt1cable:  
J'ai fait un formulaire très basic (voir le lien : ici) et lorsque, sous firefox, je clique sur 'envoyer', y'a une sorte de décalage, et laz page ne change pas. Je reclique, rien. Et apres m'etre enervé sur le bouton de la soiris, ça part enfin et ça fait tout bien. J'ai testé le même formulaire avec Internet Explorer 6, et ça amarché nickel...
 
Une explication à me fournir ou une proposition pour régler ce prolème ?
 
Merci d'avance !  :jap:


Message édité par Papy Brossard le 08-07-2005 à 10:03:19
Reply

Marsh Posté le 08-07-2005 à 10:02:58   

Reply

Marsh Posté le 08-07-2005 à 10:21:56    

Heu, j'ai directement appuyé sur "envoyer" et c'est passé. FF 1.0.4 Javascript disabled ou non.
 
:heink:


---------------
Now Playing: {SYNTAX ERROR AT LINE 1210}
Reply

Marsh Posté le 08-07-2005 à 10:28:33    

idem :/

Reply

Marsh Posté le 08-07-2005 à 10:30:59    

Firefox 1.04 windows XP pro sp2
 
Ça me me fait : transfert des données vers.... et rien ne se passe  [:airforceone]


---------------
planuldep | Association pêche à la Sempé
Reply

Marsh Posté le 08-07-2005 à 10:39:56    

Moi idem faut que j'appuie plusieurs fois sur son bouton ...
 
JS réactivé ou non.


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 08-07-2005 à 10:44:30    

c'est moi ou le formulaire a tendance a se barrer lors du click sous FF ? (ce qui expliquerais peut être les p'tits pbs de nombre de click)


---------------
my flick r - Just Tab it !
Reply

Marsh Posté le 08-07-2005 à 10:45:18    

oui on dirait que le formulaire "bouge". Y a un truc pas net dans le code surement, mais quoi ^^


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 08-07-2005 à 10:50:17    

Accessoirement virer le tableau et utiliser les bonnes balises (fieldset, legend, etc...)


---------------
planuldep | Association pêche à la Sempé
Reply

Marsh Posté le 08-07-2005 à 10:51:00    

Et puis pour le peu d'utilité des images de fond et vu leur taille, fous des fonds unis.


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 08-07-2005 à 11:15:06    

Ouaip, après "envoyer", le form a l'air de se barrer, le temps d'arriver sur la page de confirmation.
 
Très étrange.


---------------
Now Playing: {SYNTAX ERROR AT LINE 1210}
Reply

Marsh Posté le 08-07-2005 à 11:15:06   

Reply

Marsh Posté le 08-07-2005 à 11:24:09    

Bon si on remplace le tableau par des DIV ça ne bouge plus quand on clique, mais si on appuie sur le bouton en qu'on passe la souris dessus tout en maintenant le bouton appuyé, le formulaire remonte un très court instant.
 
Bizarre en effet et ça vaudrait presque le coup de faire un rapport de bug chez Mozilla...
 
Sinon essaye peut être d'enlever ton menu avec les images rollovers, peut être que ça vient de là (même si ce n'est pas normal)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 08-07-2005 à 18:15:54    

gm_superstar a écrit :

Bon si on remplace le tableau par des DIV ça ne bouge plus quand on clique, mais si on appuie sur le bouton en qu'on passe la souris dessus tout en maintenant le bouton appuyé, le formulaire remonte un très court instant.
 
Bizarre en effet et ça vaudrait presque le coup de faire un rapport de bug chez Mozilla...
 
Sinon essaye peut être d'enlever ton menu avec les images rollovers, peut être que ça vient de là (même si ce n'est pas normal)


 
Meric pour vos tests. Je vais changer le tableau en div et mettre les fieldset (que je ne connaissais pas !) et voir ce qui se passe. Pour le rapport de bug pour Mozilla, je ne vois pas bien quoi raconter, c'est pas facile à décrire ce phénomène ! :)

Reply

Marsh Posté le 08-07-2005 à 23:02:33    

tu me feras l'effort de me dégager ton putain de rollover de merde fait en JS et de le faire en CSS merci

Reply

Marsh Posté le 08-07-2005 à 23:17:06    

Dit aussi gentiement je suis sûr qu'il va s'empresser de le faire :)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 08-07-2005 à 23:18:41    

Papy Brossard a écrit :

Meric pour vos tests. Je vais changer le tableau en div et mettre les fieldset (que je ne connaissais pas !) et voir ce qui se passe. Pour le rapport de bug pour Mozilla, je ne vois pas bien quoi raconter, c'est pas facile à décrire ce phénomène ! :)


Bah faut juste dire que l'ensemble du formulaire bouge quand on clique ou quand la souris passe sur le bouton. Tu peux mettre un lien vers ta page ou poster un test-case.
 
Mais effectivement, essayer sans ton menu en JS pour voir si ça viendra pas de là (mais ça reste un bug de toute façon)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 08-07-2005 à 23:51:52    

Je viens de tester ton code qui va de

Code :
  1. <form action="sendMail.php" method="post">
  2.         <table>


à

Code :
  1. </table>
  2.       </form>


et ça fonctionne très bien, contrairement à ta page d'origine qui bug.
 
Edit: Le formulaire fonctionne en désactivant le menu contenu dans

Code :
  1. <div class="menu">
  2. ...
  3. </div>

.
 
Il ne reste plus qu'à trouver pourquoi (Même si effectivement c'est pas la meilleure solution utilisée pour faire un menu aussi simple).
 
Edit 2 (ça y va fort): La page entière fonctionne en local chez moi, essaye de vérifier tes URL, vu que la seule modification que je fais est de remplacer ../ par http://www.ecole.ensicaen.fr/~soudee/


Message édité par Lund le 09-07-2005 à 00:05:13
Reply

Marsh Posté le 09-07-2005 à 01:12:06    

Puisque apparement le javascript cause des problèmes et que gatsusat aime pas mon menu (à ce propos, tu pourrais etre plus poli... Tout le monde ne sait pas forcément comment faire ça en CSS. Moi par exemple.), je suis en train de refaire tout ce qui touche au javascript en css.  
Et j'ai un souci. Mes images du haut ne s'affichent pas en entier (avec

Code :
  1. display: inline;

Et lorsque je mets

Code :
  1. display: block;

ça passe à la ligne. Comment faut-il faire ?  
Merci.


Message édité par Papy Brossard le 09-07-2005 à 01:14:15
Reply

Marsh Posté le 09-07-2005 à 01:42:37    

Met des width: et height: (Ou file le code en entier, ça m'évitera de sortir des conneries :D)


Message édité par Lund le 09-07-2005 à 01:43:38
Reply

Marsh Posté le 09-07-2005 à 02:06:42    

Petit exemple:
 
Ton CSS:

Code :
  1. #menu { list-style-type:none; }
  2. #menu li { display:inline; }
  3. #menu li a { display:block; float:left; width:111px; height:40px; margin-right:5px; }
  5. #menu li a#accueil { background-image:url(../images/menu/accueil.jpg); }
  6. #menu li a#accueil:hover { background-image:url(../images/menu/accueil-over.jpg); }


et ton menu en HTML:

Code :
  1. <ul id="menu">
  2. <li><a href="../" title="Accueil" id="accueil"></a></li>
  3. </ul>

Reply

Marsh Posté le 09-07-2005 à 03:16:46    

Merci, c'est plus propre et ça marche au poil. J'ai plus qu'à voir pour le formulaire.  
M'ci m'sieur !

Reply

Marsh Posté le 09-07-2005 à 12:26:48    

Lund a écrit :

Petit exemple:
 
Ton CSS:

Code :
  1. #menu li { display:inline; }
  2. #menu li a { display:block; float:left; width:111px; height:40px; margin-right:5px; }




euh...tu es sur ?
Normalement, un element block dans un element inline, c'est pas la fête


---------------
my flick r - Just Tab it !
Reply

Marsh Posté le 09-07-2005 à 12:32:28    

Lund on ne met pas d'éléments block dans un élément inline
 
le meilleur est :  
de faire un float:left; sur les li, c'est plus cool

Reply

Marsh Posté le 09-07-2005 à 13:06:33    

Merci les gars. J'ai fait les modifs.
Voilà le code CSS :

Code :
  1. #menuRoll {
  2. list-style-type: none;
  3. }
  5. #menuRoll li {
  6. display: inline;
  7. }
  9. #menuRoll li a {
  10. float:left;
  11. width:111px;
  12. height:40px;
  13. margin-right:5px;
  14. }
  16. #menuRoll li a#accueil {
  17. background-image:url(images/menu/accueil.jpg);
  18. }
  19. #menuRoll li a#accueil:hover {
  20. background-image:url(images/menu/accueil-over.jpg);
  21. }


Message édité par Papy Brossard le 09-07-2005 à 13:07:22
Reply

Marsh Posté le 09-07-2005 à 13:08:05    

faut enlever ca :  
 
#menuRoll li {  
    display: inline;  
}  
 
ca sert a rien

Reply

Marsh Posté le 09-07-2005 à 13:20:26    

d'accord merci

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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