Discussion :

[regis3]

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

[emmanuel.remy]

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

[regis3]

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Merci de votre aide

Regis3

[Bovino]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[regis3]

Merci,

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

Regis3

[Bisûnûrs]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.