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 :

onclick dans un innerHTML


Sujet :

JavaScript

  1. #1
    Membre confirm�
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    122
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 122
    Par d�faut onclick dans un innerHTML
    Bonjour,

    j'essaie de faire un truc en javascript qui bascule une �l�ment HTML en mode saisie et ou annuler ce mode.


    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
     
    <script>
    function coco(obj){
    	var txt=obj.innerHTML;
    	obj.setAttribute('onClick','');
    	obj.innerHTML="<input type='text' value='"+txt+"'>";
    	obj.innerHTML+="<input type='button' value='anuuler' onClick='kiki(this,'"+txt+"')'>";
    }
    function kiki(obj,txt){
    	obj.parentNode.innerHTML=txt;
    }
    </script>
    <table><tr>
    <td onClick="coco(this);">valeur type text</td>
    </tr></table>
    �a bascule bien en mode saisie, la zone de texte s'affiche. seulement en cliquant sur Annuler, �a revient pas � l'�tat d'origine. et c'est tout � fait normal car le code HTML g�n�r� par le innerHTML ressemble � �a:

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
     
    <td onclick=""><input value="valeur type text" type="text"><input value="anuuler" onclick="kiki(this," valeur="" text="" )="" type="button"></td>
    Le param�tre text de la fonction kiki est bizarrement mal "interpr�t�" !!!


    Des solutions?
    merci

  2. #2
    Membre confirm�
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    122
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 122
    Par d�faut
    holala D�sol� , j'ai trouv� la r�ponse, juste apr�s avoir poster le sujet, �a rend dingue

    Il suffi juste d'utiliser &quot; au lieu des quote normal, comme ceci :

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
     
    obj.innerHTML+="<input type='button' value='anuuler' onClick='kiki(this,& quot;"+txt+"& quot;)'>";
    Merci.

    C'est peut �tre inutile comme article.

  3. #3
    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 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    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 659
    Billets dans le blog
    1
    Par d�faut
    le mieux est encore de passer par le DOM plutot que d'inserer des elemetns au pied de biche
    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 !

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. OnClick() dans un InnerHTML ?
    Par dragonxav72 dans le forum G�n�ral JavaScript
    R�ponses: 5
    Dernier message: 02/04/2012, 13h56
  2. evenement onclick dans du code html g�n�r� par js
    Par gelko dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 15/11/2006, 09h24
  3. Form dans un innerHTML
    Par PrinceMaster77 dans le forum G�n�ral JavaScript
    R�ponses: 1
    Dernier message: 08/11/2006, 03h37
  4. [HTML] Firefox/IE : onClick dans un input
    Par bart64 dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 8
    Dernier message: 15/03/2006, 19h43
  5. Un onclick dans un document.write ...
    Par gbraux dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 20/12/2005, 11h55

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