BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

 > Web Café > Code (JS, PHP, CSS etc.), techniques etc.
  Nouveaux messages Nouveaux messages Fil RSS - Manipulation de champ de saisie multi lignes
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Manipulation de champ de saisie multi lignes
 Répondre Répondre
Auteur
Message
  Sujet Recherche Sujet Recherche  Options des sujets Options des sujets
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6513 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Sujet: Manipulation de champ de saisie multi lignes
    Envoyé : 03 Avr 2015 à 19:47
Bonjour,
 
Je tente d'obtenir le contenu d'un champ de saisie multi-lignes.  J'ai essayé ceci:
 
$("#WE703b4300f5").click(
 function Saisisseurs() {
  var d = document.getElementById("WE17df1942d0");
  var Txt=document.getElementById("WE17df1942d0").value;
  console.log(d)
  console.log(Txt)
 }
);
 
J'obtiens:
"<div class="BaseDiv RBoth OEWETextAreaV2 OESK_WETextArea2_Default" id="WE17df1942d0" style="z-index: 1017;">...</div> " pour valeur de "d"
et "undefined" pour valeur de Txt
 
 
 
L'élément WE17df1942d0 est un champ de saisie multi-lignes.  Dans le panneau latéral sous propriétés, ce contenu est titré: Valeur de saisie. 
 
Je tente de lire et/ou de remplacer ce contenu via une série d'actions effectuées sur la page.  J'arrive à générer le message dans une variable de texte mais pour ce qui est de le pousser dans le champ de saisie, je m'y casse les dents.
Quelqu'un peut aider un néophyte?
https://denislafrance.net, Formation vidéo sur OE
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388 		Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 03 Avr 2015 à 19:55
en fait, c'est juste.

L'inconvénient, c'est que OE place toutes les div dans d'autres div ... ex :

                                                <div id="WEbf68a23beb" class="BaseDiv RNone OEWELabel OESK_WELabel_Default" style="z-index:1001">
                                                    <div class="OESZ OESZ_DivContent OESZG_WEbf68a23beb ">
                                                        <span class="OESZ OESZ_Text OESZG_WEbf68a23beb ContentBox">Contact</span></div>
                                                </div>



Edité par Larsene - 03 Avr 2015 à 19:55
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6513 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 03 Avr 2015 à 20:05
Y as t-il une solution simple?
 
<div id="WE17df1942d0" class="BaseDiv RBoth OEWETextAreaV2 OESK_WETextArea2_Default" style="z-index:1017">
         <div class="OESZ OESZ_DivContent OESZG_WE17df1942d0 ">
          <textarea class="OESZ OESZ_TextArea OESZG_WE17df1942d0  OEDynTag0" name="WE17df1942d0" style="resize:none" rows="3" cols="50">Petit texte d'essai</textarea></div>
        </div>
 
Il doit bien y avoir moyen puisque ces champs sont récupérables pour l'envoi via courriel.


Edité par Hobby001 - 03 Avr 2015 à 21:19
https://denislafrance.net, Formation vidéo sur OE
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971 		Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 03 Avr 2015 à 21:30
C'est tres simple.

$(function(){ // sur le fin chargement de la structure de la page - code universel a toujours utiliser

var value = $('#WE17df1942d0 textarea').val(); // aller chercher textarea a l'interieur de WEblabla
alert(value); // affiche "Petit texte d'essai"

});
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6513 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 03 Avr 2015 à 23:57
Clap Un grand merci!
 
La fonction roule à merveille. 
 
$("#WE703b4300f5").click(
 // Lire le texte
 function (){
  var value = $('#WE17df1942d0 textarea').val();
  // Afficher sur la console
  console.log(value);
 }
);
 
L'inverse pour écrire dans le champ fonctionne aussi bien. 
 
$("#WE703b4300f5").click(
 function (){
  $('#WE17df1942d0 textarea').val("blablabla 12345"); 
 }
);
Une dernière question, dans votre réponse vous mentionnez :"code universel a toujours utiliser".
 
Pourriez-vous expliquer l'énoncé?
 
 
 


Edité par Hobby001 - 03 Avr 2015 à 23:58
https://denislafrance.net, Formation vidéo sur OE
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.063 secondes.