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

JavaScript Discussion :

Le innerHTML de Mozilla ne prend pas les contenus des champs INPUT.value


Sujet :

JavaScript

  1. #1
    En attente de confirmation mail
    Profil pro
    Inscrit en
    Octobre 2002
    Messages
    347
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2002
    Messages : 347
    Points : 136
    Points
    136
    Par défaut Le innerHTML de Mozilla ne prend pas les contenus des champs INPUT.value
    Bonjour,

    j'ai un bouton simple qui affiche le contenu innerHTML d'une DIV contenant des champs INPUT remplis.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    alert(document.getElementById(madiv).innerHTML);
    Sous IE tout-est-iok, je m'apperçois que le contenu des champs INPUT est bien contenu dans le innerHTML.
    Mais ça ne fonctionne pas sous Firefox/mozilla qui oublie de prendre le contenu des champs INPUT.

    y-a-t-il une astuce ou moyen différent pour récupérer l'intégralité innerHTML sous firefox ??

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 656
    Points
    66 656
    Billets dans le blog
    1
    Par défaut
    Rien de plus normal un input est une balise auto-fermante donc pas d'innerHTLM...
    le seule élement de saisie de formulaire qui posséde à la fois un innerHTML et un value de façon logique et crossbrowser est le textarea qui reclame un ebalise de fermeture..

    Encore une largesse de IE qui peut entrainer des confusions ...
    Mais un inout ne doit en aucun cas avoir de innerHTML !!
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    En attente de confirmation mail
    Profil pro
    Inscrit en
    Octobre 2002
    Messages
    347
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2002
    Messages : 347
    Points : 136
    Points
    136
    Par défaut ok
    je n'affiche pas le innerHTML d'un ID de type INPUT mais d'un ID de type SPAN qui lui contient un FORM dont des INPUTs...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    <span id="html_div_search">
    <form class="form-catalog" id="NOTICE_author_query" name="NOTICE_author_query" method="post" action="./catalog.php?categ=search&amp;mode=0" onsubmit="return test_form(this)">
    <h3>Auteur/titre</h3>
    <div class="form-contenu">
    <div class="row">
    	<label class="etiquette" for="title_query">Titre</label>
    	</div>
    <div class="row">
    	<input class="saisie-80em" value="" name="title_query" id="title_query" type="text">
    	</div>
    ..etc
    <!--	Bouton Rechercher	-->
     
    <div class="row">
    	<input name="html_search" value="" type="hidden">
    	<input class="bouton" value="Rechercher" onclick="document.NOTICE_author_query.html_search.value=document.getElementById('html_div_search').innerHTML;" type="submit">
    	<input class="bouton" value="Rechercher" onclick="alert(document.getElementById('html_div_search').innerHTML);document.NOTICE_author_query.html_search.value=document.getElementById('html_div_search').innerHTML;document.NOTICE_author_query.submit()" type="button">	
    	</div>
    <input name="etat" value="first_search" type="hidden">
    </form>
    </span>

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 656
    Points
    66 656
    Billets dans le blog
    1
    Par défaut
    pense à fermer tes balises input ...


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input  type="..." .....     / >
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    En attente de confirmation mail
    Profil pro
    Inscrit en
    Octobre 2002
    Messages
    347
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2002
    Messages : 347
    Points : 136
    Points
    136
    Par défaut
    Citation Envoyé par SpaceFrog
    pense à fermer tes balises input ...
    pas besoin, c'est du HTML, pas du XHTML

    ça peut jouer ?

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 656
    Points
    66 656
    Billets dans le blog
    1
    Par défaut
    si c'est du html le w3c dit input = balise autoferante donc />
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. Formulaire dynamique qui ne me renvoie pas les valeurs des champs
    Par heero37 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 20/08/2014, 12h40
  2. [Formulaire] la touche tab ne prend pas les select
    Par pierrot10 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 23/12/2010, 18h24
  3. Réponses: 3
    Dernier message: 11/05/2009, 20h02
  4. [MySQL] Champs photo qui ne prends pas les espaces
    Par bullrot dans le forum PHP & Base de données
    Réponses: 9
    Dernier message: 21/10/2008, 15h19
  5. MySQL ne prend pas les ordres donnés par le script PHP
    Par arkelmy dans le forum Requêtes
    Réponses: 4
    Dernier message: 27/04/2006, 02h06

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