form en html qui fonctionne ou pas suivant le navigateur

Version imprimable

Bonjour,

J'utilise un plugin notation en php qui fonctionne bien avec IE7 FIREFOX3 OPERA9 GOOGLE CHROME
en utilisant ce form:

Code:

1
2
3
4
5
6
7
8
 
<form action="notation.php" method="post" name="notation" id="notation">
    <input type="hidden" name="action" value="ajnotation" />
    <input type="hidden" name="notation_ref" value="#PRODUIT_REF" />
    <input type="hidden" name="ref" value="#PRODUIT_REF" />
    Votre note pour le livre :<br/>
	<THELIA_PROD_meta_desc type="PRODUIT" ref="#PRODUIT_REF">
	#TITRE<br/>#CHAPO</THELIA_PROD_meta_desc><br />

Code:

1
2
3
4
5
6
7
8
9
10
 
<label>0/5<input type="radio" name="note" id="note" value ="0" /></label>
  	<label>1/5<input type="radio" name="note" id="note" value ="1" /></label>
  	<label>2/5<input type="radio" name="note" id="note" value ="2" /></label>
  	<label>3/5<input type="radio" name="note" id="note" value ="3" checked="checked" /></label>
  	<label>4/5<input type="radio" name="note" id="note" value ="4" /></label>
  	<label>5/5<input type="radio" name="note" id="note" value ="5" /></label>
  	<br />
	<input type="submit" value="Voter >>>" />
</form>

mais qui ne fonctionne plus que sous FIREFOX, qui ne renvoie aucune erreur (html tidy+analyseur sgml), lorsque je change la 2eme partie du code par:

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<ul>
    <li><input type="image" name="note"  onclick="window.close()" src="client/plugins/notation/images/coeur-bleu.gif" value="0"/></li>
    <li><input type="image" name="note"  onclick="window.close()" src="coeur1.gif" value="1"/></li>
    <li><input type="image" name="note"  onclick="window.close()" src="coeur2.gif" value="2"/></li>
    <li><input type="image" name="note" onclick="window.close()" src="coeur3.gif" value="3"/></li>
    <li><input type="image"  name="note" onclick="window.close()" src="coeur4.gif" value="4"/></li>
    <li><input type="image" name="note" onclick="window.close()" src="coeur5.gif" value="5"/></li>
   </ul>
 
</form>

si je concerve la partie: <input type="submit" value="Voter >>>" />
cela fonctionne encore avec GOOGLE CHROME
Mais toujours pas avec IE et OPERA qui n'envoient plus rien a la BD.

C'est donc un probleme d'utilisation des images(qui devraient remplasser un submit, si j'ai bien lu les forums...) qui n'ont pas l'air d'etre pris en compte par ces navigateurs.

Comment pouvoir utiliser mes images pour ce form?
Merci.

Regis3

31/03/2009, 09h22
Bisûnûrs

Les input de type image fonctionnent très bien sur IE et Opera. Il faudrait plutôt voir du côté de ton onclick sur ces boutons. Vu que tu fermes la page sur le clic, le POST n'est sans doute pas envoyé. C'est une piste, peut-être pas la bonne, mais tout dépend l'ordre d'exécution des évènements des formulaires dans chaque navigateur.
31/03/2009, 15h39
emmanuel.remy

Citation:

Les input de type image fonctionnent très bien sur IE et Opera. Il faudrait plutôt voir du côté de ton onclick sur ces boutons

+1

Pourquoi ne diffères tu pas tes window.close() ? (via un setTimeout, en postant vers un IFrame caché, ...)

ERE

Bonjour,

En fait si je supprime les onclick(s) pour les mettre a la fin
Code:

1 2 3 4 5 6 7 8 9 10 <ul> <li><input type="image" name="note" src="client/plugins/notation/images/coeur-bleu.gif" value="0"/></li> <li><input type="image" name="note" src="coeur1.gif" value="1"/></li> <li><input type="image" name="note" src="coeur2.gif" value="2"/></li> <li><input type="image" name="note" src="coeur3.gif" value="3"/></li> <li><input type="image" name="note" src="coeur4.gif" value="4"/></li> <li><input type="image" name="note" src="coeur5.gif" value="5"/></li> </ul> <input type="submit" value="Voter" onclick="window.close()"/>
Cela a effectivement un effet sous GOOGLE CHROME (mais je l'avais remarque)
Par contre rien sous IE et OPERA...
D'ailleurs si je n'en mets carrement pas il ne se passe rien non plus.
Et pourtant la solution doit bien etre quelque part...
Je ne fais que substituer des submit classic par des images qui sont censees avoir le meme effet :cry:

Merci de votre aide :D

Regis3

1 form, 7 submit, effectivement, quand on veut contourner les règles de base de création d'un formulaire, on s'expose à une interprétation aléatoire par les navigateurs.
A ta place, je conserverais une structure similaire à celle de départ en ajoutant juste une image et éventuellement, en mettant les input radio en display none :
Code:

1 2 3 4 5 <label><img src="client/plugins/notation/images/coeur-bleu.gif" alt="0"/><input style="display: none" type="radio" name="note" id="note" value ="0" /></label> ... <br /> <input type="submit" value="Voter >>>" /> </form>

01/04/2009, 12h08
regis3

Merci,

Je viens d'essayer ta solution BOVINO, mais cela ne fonctionne toujours pas avec IE7.
Vous tiens au courant...

Regis3

Et si tu essaies tout simplement ça de ton côté :

Code:

1
2
3
4
5
6
7
8
<ul>
    <li><input type="submit" name="note"  value="0"/></li>
    <li><input type="submit" name="note"  value="1"/></li>
    <li><input type="submit" name="note"  value="2"/></li>
    <li><input type="submit" name="note" value="3"/></li>
    <li><input type="submit"  name="note" value="4"/></li>
    <li><input type="submit" name="note" value="5"/></li>
</ul>

J'ai essayé sur IE et Firefox, aucun problème. Donc si tu en as de ton côté c'est que le problème vient d'autre part.

Bonjour,

Avant tout merci pour votre patience :oops:
j'ai "adopte" faute de pouvoir faire ce que je souhaitais (image nombre de coeurs>onclick dessus>voter+fermer)
cette solution:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <form action="notation.php" method="post" name="notation" id="notation" onsubmit="window.close()"> <input type="hidden" name="action" value="ajnotation" /> <input type="hidden" name="notation_ref" value="#PRODUIT_REF" /> <input type="hidden" name="ref" value="#PRODUIT_REF" /> Votre note pour le livre :<br/> <THELIA_PROD_meta_desc type="PRODUIT" ref="#PRODUIT_REF"> #TITRE<br/>#CHAPO</THELIA_PROD_meta_desc><br /> <ul> <li><input type="radio" name="note" value ="1" /><img src="coeur1.gif" alt=""/></li> <li><input type="radio" name="note" value ="2" /><img src="coeur2.gif" alt=""/></li> <li><input type="radio" name="note" value ="3" /><img src="coeur3.gif" alt=""/></li> <li><input type="radio" name="note" value ="4" /><img src="coeur4.gif" alt=""/></li> <li><input type="radio" name="note" value ="5" /><img src="coeur5.gif" alt=""/></li> </ul> <br /> <input type="submit" value="Voter" /> </form>
Mais si je laisse le: onsubmit="window.close()" dans le debut de mon form
GOOGLE+OPERA n'enregistrent plus le vote :evilred:

Le: input style="display: none" me plante carrement IE(page ne se charge plus)

Donc je vais supprimer ce ONSUBMIT et les utilisateurs devront fermer la page en cliquant sur la croix apres avoir vote :aie: bonjour l'ergonomie...

A moins que vous puissiez me proposer une autre solution pour fermer cette page en enregistrant malgre tout les votes :mrgreen:

Regis3

02/04/2009, 07h37
Bisûnûrs
Ce comportement est normal, puisque le onsubmit est lancé juste avant l'exécution du formulaire. Donc si tu fermes la fenêtre avant qu'il ne s'exécute ...

Une solution serait de fermer la fenêtre une fois la page rechargée. Tu envoies le formulaire sur la même fenêtre, tu testes tout en haut de ta page en langage serveur si le formulaire a été envoyé et si c'est le cas tu fermes la fenêtre.
En PHP ça donnerait :
Code:

1 2 3 4 5 6 7 8 9 10 <?php if ( strtolower( $_SERVER['REQUEST_METHOD'] ) == 'post' ) { ?> <script type="text/javascript"> window.close(); </script> <?php die; } ?>
02/04/2009, 15h47
regis3

bonjour,

Mais lorsque je fais ce que tu propose(si j'ai bien compris) ma fenetre popup n'a pas le temps de s'afficher qu'elle se ferme...:oops:
Merci.

Regis3