IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

form en html qui fonctionne ou pas suivant le navigateur


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Février 2009
    Messages
    31
    Détails du profil
    Informations forums :
    Inscription : Février 2009
    Messages : 31
    Par défaut form en html qui fonctionne ou pas suivant le navigateur
    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

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    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.

  3. #3
    Membre Expert
    Avatar de emmanuel.remy
    Inscrit en
    Novembre 2005
    Messages
    2 855
    Détails du profil
    Informations personnelles :
    Âge : 56

    Informations forums :
    Inscription : Novembre 2005
    Messages : 2 855
    Par défaut
    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

  4. #4
    Membre averti
    Inscrit en
    Février 2009
    Messages
    31
    Détails du profil
    Informations forums :
    Inscription : Février 2009
    Messages : 31
    Par défaut
    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

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    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>
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  6. #6
    Membre averti
    Inscrit en
    Février 2009
    Messages
    31
    Détails du profil
    Informations forums :
    Inscription : Février 2009
    Messages : 31
    Par défaut
    Merci,

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

    Regis3

  7. #7
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    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.

Discussions similaires

  1. Réponses: 3
    Dernier message: 14/04/2009, 11h29
  2. Réponses: 1
    Dernier message: 03/08/2007, 10h09
  3. [RegEx] bbcode vers html qui ne marche pas
    Par jexl dans le forum Langage
    Réponses: 3
    Dernier message: 21/06/2007, 21h05
  4. [FLASH 8] : FLA qui fonctionne mais pas le SWF
    Par xtaze dans le forum Flash
    Réponses: 9
    Dernier message: 24/10/2006, 09h14
  5. [debutant] page html qui ne fait pas fonctionner la fonction
    Par Battosaiii dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 26/03/2006, 19h25

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo