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 :

[DOM] Script d'édition Inline


Sujet :

JavaScript

  1. #1
    Membre régulier
    Homme Profil pro
    Étudiant
    Inscrit en
    Octobre 2006
    Messages
    102
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Octobre 2006
    Messages : 102
    Points : 108
    Points
    108
    Par défaut [DOM] Script d'édition Inline
    Bonjour tous le monde
    Voila, j'ai un problème pour faire une fonction en Javascript.

    Voila, j'aimerai faire une fonction, qui me permet d'afficher un formulaire après avoir cliqué sur un élément, je voudrais afficher un textarea qui contiendrait le contenu de mon div

    Jusque là, tous va bien, sauf qu'une fois que la personne à fini son édition, je voudrais que le textarea disparaisse, et soit remplacé par son nouveau texte tapé dans la textarea, mais mon problème, c'est que je n'arrive pas à détruire cette textarea, et que mon texte reste afficher dedans :'(

    Donc voici mon code :
    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
     
    function displayForm(element,close){
    	 if(status == 0)
    	 {
    		 color(element);
    		if(close)
    		{
    			 document.getElementById(element).innerHTML = document.getElementById(element).value;
    		}
    		else
    		{
    			var content = document.getElementById(element).innerHTML;
    			var form = "<form action='kikoo.html' method='post' />";
    			var form ="<textarea id='"+element+"' name='"+element+"'>"+content+"</textarea>";
    		}
    		 document.getElementById(element).innerHTML = form;
    		 ++status;
    	 }
     
    }
    Voila, donc ma question est de savoir comment "détruire" complètement le contenu de mon div, pour ensuite le re-remplir ?

    Merci d'avance

  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 640
    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 640
    Points : 66 663
    Points
    66 663
    Billets dans le blog
    1
    Par défaut
    passe plutot par le dom avec creatElement, RemoveChild etc ...

    heu si c'est pour le remplis à l'identique ... pourquoi ne pas juste le cacher ?

  3. #3
    Membre régulier
    Homme Profil pro
    Étudiant
    Inscrit en
    Octobre 2006
    Messages
    102
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Octobre 2006
    Messages : 102
    Points : 108
    Points
    108
    Par défaut
    Citation Envoyé par SpaceFrog
    passe plutot par le dom avec creatElement, RemoveChild etc ...

    heu si c'est pour le remplis à l'identique ... pourquoi ne pas juste le cacher ?

    Non, ce n'est pas pour le remplir à l'identique
    La personne clique sur l'élément à modifier, le contenu de l'élément est alors modifié, la personne valide, et le contenu initiale de l'élément est à son tour modifier

    Sinon merci pour le conseil, je vais regarder les fonctions

  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 640
    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 640
    Points : 66 663
    Points
    66 663
    Billets dans le blog
    1
    Par défaut
    pour detruire le contenu de ton div ...

    un methode rapide le pied de biche rouleau compresseur :

    Si ton div comporte de objets genre formulaire il serait plus prudent d'utiliser la methode removeChild en bouclant sur tous les enfants du div ... cf FAQ

  5. #5
    Membre régulier
    Homme Profil pro
    Étudiant
    Inscrit en
    Octobre 2006
    Messages
    102
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Octobre 2006
    Messages : 102
    Points : 108
    Points
    108
    Par défaut
    Ok, ba merci j'ai réussi à atteindre mon objectif

    Mais maintenant je me demandais, vu que je créer un élément en DOM pour afficher mon formulaire, est-ce que je doit le détruire ?

    EDIT : Oups, j'avais mal lu ton post
    Donc je doit bien le supprimer

    Merci encore de ton aide

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 5
    Dernier message: 19/06/2013, 17h43
  2. Script d'édition de tag mp3 id3v2.2
    Par manulabifle dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 0
    Dernier message: 31/08/2010, 17h19
  3. [DOM] Script Mini Calendrier
    Par dark_vidor dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 15/02/2009, 15h09
  4. [DOM] Script de sélection de row dans une table
    Par Alain G dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 22/08/2007, 21h58
  5. [DOM] Script qui ne semble pas fonctionner sous IE 6 et 7
    Par Oluha dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 12/06/2007, 16h50

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