inserimento testo contemporaneo

**KillerWorm** · 22-06-2019, 15:49

Allora non pensi che getElementById sia inutile in questo caso?
Dovrai selezionarla in un altro modo, ad esempio potresti farlo con querySelector() passandogli un selettore assemblato in modo opportuno per poter "raggiungere" quello specifico elemento.

Fai qualche prova e fai sapere.

**neo1976** · 22-06-2019, 18:19

Originariamente inviata da KillerWorm

Allora non pensi che getElementById sia inutile in questo caso?
Dovrai selezionarla in un altro modo, ad esempio potresti farlo con querySelector() passandogli un selettore assemblato in modo opportuno per poter "raggiungere" quello specifico elemento.

Fai qualche prova e fai sapere.

in realtà il template indica come id di quella textarea "ui8sajnc8c9" anche se poi analizzandolo tramite firefox non appare accanto a textarea, ho provato cmq a ulizzarlo ma niente.
Il metodo che mi hai consigliato lo sto guardando, ma onestamente ci sto capendo davvero poco.

**KillerWorm** · 22-06-2019, 18:41

in realtà il template indica come id di quella textarea "ui8sajnc8c9" anche se poi analizzandolo tramite firefox non appare accanto a textarea

Non so, sta di fatto che se quell'elemento non ha un id è inutile che usi getElementById. L'unica cosa che mi viene da pensare è che l'id sia rimosso da

Il metodo querySelector() ti permette di selezionare un elemento usando un selettore (o una combinazione di selettori) proprio come si fa con il CSS.

Qui un esempio, testato e funzionante, in base al codice e alle indicazioni che hai fornito finora:

codice:

<!DOCTYPE HTML>
<html lang="it">
   <head>
      <title>Esempio</title>
      <meta charset="utf-8">
   </head>
   <body>
      <form>
         <div id="rockfm_ui8sajnc8c9" data-idfield="ui8sajnc8c9" data-typefield="7" class="rockfm-textarea rockfm-field ">
            <div class="rockfm-field-wrap ">
               <div class="rkfm-row">
                  <div class="rkfm-col-sm-12">
                     <div class="rockfm-input-container">
                        <textarea placeholder="Aggiungi altri:" class="rockfm-txtbox-inp-val sfdc-form-control" data-uifm-tabnum="0" name="uiform_fields[ui8sajnc8c9]"></textarea>
                     </div>
                  </div>
               </div>
            </div>
            <!-- hidden data -->
            <div class="rockfm-fld-data-hidden" style="display:none;">
               <div class="rockfm-fld-data-field_name">textarea7201</div>
            </div>
            <!--/ hidden data -->
         </div>
         <p id="result"></p>
      </form>
      <script>
         var textarea = document.querySelector('#rockfm_ui8sajnc8c9 .rockfm-txtbox-inp-val');
         var p_result = document.querySelector('#result');
         textarea.addEventListener('input', aggiornaSegnaposto);
         function aggiornaSegnaposto(){ p_result.innerHTML = 'Il signor '+ textarea.value + ' ecc...'; }
         aggiornaSegnaposto();
      </script>
   </body>
</html>

.
Fai giusto attenzione che per usare i metodi di selezione (querySelector o getElementById o quello che è ) di norma gli elementi che vuoi selezionare devono esistere sulla pagina nel momento in cui tale script viene eseguito.

Fai qualche prova e fai sapere. Se non dovesse funzionare sarebbe utile (se non necessario) vedere la pagina in azione per capire cosa avviene esattamente; in tal caso posta un link, se possibile.

**neo1976** · 22-06-2019, 19:11

Originariamente inviata da KillerWorm

Non so, sta di fatto che se quell'elemento non ha un id è inutile che usi getElementById. L'unica cosa che mi viene da pensare è che l'id sia rimosso da

Il metodo querySelector() ti permette di selezionare un elemento usando un selettore (o una combinazione di selettori) proprio come si fa con il CSS.

Qui un esempio, testato e funzionante, in base al codice e alle indicazioni che hai fornito finora:

codice:

<!DOCTYPE HTML>
<html lang="it">
   <head>
      <title>Esempio</title>
      <meta charset="utf-8">
   </head>
   <body>
      <form>
         <div id="rockfm_ui8sajnc8c9" data-idfield="ui8sajnc8c9" data-typefield="7" class="rockfm-textarea rockfm-field ">
            <div class="rockfm-field-wrap ">
               <div class="rkfm-row">
                  <div class="rkfm-col-sm-12">
                     <div class="rockfm-input-container">
                        <textarea placeholder="Aggiungi altri:" class="rockfm-txtbox-inp-val sfdc-form-control" data-uifm-tabnum="0" name="uiform_fields[ui8sajnc8c9]"></textarea>
                     </div>
                  </div>
               </div>
            </div>
            <!-- hidden data -->
            <div class="rockfm-fld-data-hidden" style="display:none;">
               <div class="rockfm-fld-data-field_name">textarea7201</div>
            </div>
            <!--/ hidden data -->
         </div>
         <p id="result"></p>
      </form>
      <script>
         var textarea = document.querySelector('#rockfm_ui8sajnc8c9 .rockfm-txtbox-inp-val');
         var p_result = document.querySelector('#result');
         textarea.addEventListener('input', aggiornaSegnaposto);
         function aggiornaSegnaposto(){ p_result.innerHTML = 'Il signor '+ textarea.value + ' ecc...'; }
         aggiornaSegnaposto();
      </script>
   </body>
</html>

.
Fai giusto attenzione che per usare i metodi di selezione (querySelector o getElementById o quello che è ) di norma gli elementi che vuoi selezionare devono esistere sulla pagina nel momento in cui tale script viene eseguito.

Fai qualche prova e fai sapere. Se non dovesse funzionare sarebbe utile (se non necessario) vedere la pagina in azione per capire cosa avviene esattamente; in tal caso posta un link, se possibile.

Ti ringrazio, sei stato gentilissimo, funziona alla grande!
Ti auguro un felice fine settimana

**neo1976** · 09-07-2019, 12:55

Ora ho questo codice per prelevare da un campo input e riportarlo dentro un testo e funziona:

codice:

var textarea = document.querySelector('#rockfm_ui8g6viqons .rockfm-txtbox-inp-val');
         var p_result = document.querySelector('#result');
         textarea.addEventListener('input', aggiornaSegnaposto);
         function aggiornaSegnaposto(){ p_result.innerHTML = 'Email: info@'+textarea.value; }
         aggiornaSegnaposto();
 					$(p_result).css('font-size','16px'); 
         //p_result.style.fontSize = "16px";

e lo riporto tramite questo campo:

codice:

<p id="result"></p>

E' possibile prelevare da un campo input e inserirlo dentro un altro campo input?
ho provato inserendo:

codice:

<p id="result"></p>

dentro un altro campo input ma non funziona, esiste un modo?

**KillerWorm** · 11-07-2019, 00:07

Non puoi mettere altri elementi dentro un elemento input, questo può contenere solo del testo.
Per poter mostrare del testo in un elemento input bisogna assegnarlo al suo attributo value.

**neo1976** · 11-07-2019, 03:59

Originariamente inviata da KillerWorm

Non puoi mettere altri elementi dentro un elemento input, questo può contenere solo del testo.
Per poter mostrare del testo in un elemento input bisogna assegnarlo al suo attributo value.

Grazie per il chiarimento KillerWorm.

Discussione: inserimento testo contemporaneo

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio