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 :

Impossible de modifier un champ par innerHTML si il a été modifié manuellement


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Inscrit en
    Avril 2007
    Messages
    3
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 3
    Points : 3
    Points
    3
    Par défaut Impossible de modifier un champ par innerHTML si il a été modifié manuellement
    Salut,

    Sur un site sur lequel je travaille, je voudrais que l'on puisse écrire des articles en y insérant des images. Pour ça, j'ai créé un lien qui ouvre un pop-up depuis lequel on peut uploader une image. Le code HTML pour afficher l'image est ensuite envoyé depuis le popup vers le champ de texte de la page principale.

    Mon problème, c'est que ça ne marche que si mon champ de texte est vide à la base. Mais ce qui est vraiment bizarre, c'est que tant que mon champ de texte est rempli de "code automatique généré par le pop-up", ça marche, et je peux en ajouter. Par contre, dès que je l'édite manuellement, le pop-up n'inscrit plus rien dans le champ.

    Voilà mon code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    var imagejs = '<?php print $image; ?>';
    var codeimage = '\n<img src="'+imagejs+'" />';
    window.opener.document.getElementById("ChampTexte").innerHTML += codeimage;
    Et donc pour illustrer ce que je disais, voici un exemple :

    1. Je n'ai rien inscrit dans mon champ de texte, j'ouvre le pop up et j'upload une image, le code html s'inscrit dans mon champ de texte, je ferme le pop up.

    2. J'ai donc "<img src="Photos/News/40.jpg" />" inscrit dans mon champ de texte, je rouvre mon pop up, j'upload une nouvelle image, je ferme.

    3. J'ai donc "<img src="Photos/News/40.jpg" /><img src="Photos/News/41.jpg" />" inscrit dans mon champ de texte, je tape "Hello world" à la suite.

    4. J'ai marqué "<img src="Photos/News/40.jpg" /><img src="Photos/News/41.jpg" /> Hello world" dans mon champ de texte, j'ouvre le pop up et upload une image, et là le code HTML ne s'inscrit plus dans le champ de texte.

    Voilà voilà, si quelqu'un a une idée pour m'aider

    Merci, à+

  2. #2
    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 : 53
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Un champ texte... c'est-à-dire un <input type="text" /> ?
    Si c'est le cas, je vois mal ce que peut être le innerHTML d'une balise autofermante qui donc n'a pas de innerHTML... sur les input, c'est plutôt le value qu'il faut gérer !
    Sinon, un peu plus de code permettra probablement de mieux comprendre ton problème.
    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

  3. #3
    Rédacteur
    Avatar de bigboomshakala
    Homme Profil pro
    Consultant Web .NET
    Inscrit en
    Avril 2004
    Messages
    2 077
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Consultant Web .NET
    Secteur : Finance

    Informations forums :
    Inscription : Avril 2004
    Messages : 2 077
    Points : 2 757
    Points
    2 757
    Par défaut
    Citation Envoyé par Bovino Voir le message
    Un champ texte... c'est-à-dire un <input type="text" /> ?
    Si c'est le cas, je vois mal ce que peut être le innerHTML d'une balise autofermante qui donc n'a pas de innerHTML... sur les input, c'est plutôt le value qu'il faut gérer !
    Sinon, un peu plus de code permettra probablement de mieux comprendre ton problème.
    +1

Discussions similaires

  1. [WD-2003] Modifier les champs par défaut
    Par unclevania dans le forum Word
    Réponses: 5
    Dernier message: 23/09/2013, 11h31
  2. [AJAX] Modifier un champ par clic
    Par Drey242 dans le forum AJAX
    Réponses: 5
    Dernier message: 25/05/2011, 14h35
  3. [FB 1.5]modifier 2 champs par un trigger
    Par Moine dans le forum SQL
    Réponses: 1
    Dernier message: 24/11/2007, 08h37
  4. Réponses: 9
    Dernier message: 22/05/2006, 09h17
  5. Réponses: 4
    Dernier message: 21/02/2006, 15h41

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