Stampare quanto scritto

[donnie_ogm]

Ok dal titolo non si capisca 'na mazza ma vi giuro che voglio fare una cosa semplice semplice.
Allora vorrei immettere un valore nella casella di input e quando ho finito cioè quando seleziono un altra casella il valore immesso in quella casella deve essere trascritto in una altra parte dello schermo.

Mi serve una funzione che prenda il value che io scrivo nella casella di input e questo penso di riuscire a farlo ma poi qual'è il comando per far si che nel punto dove io voglio venga scritto tale value?

Mi sono spiegato :master: ... grazie a tutti

[dvjack]

dipende dove vuoi copiare il valore, se è in un'altra casella di testo devi settargli il value(caso 1), altrimenti se è all'interno della pagina (caso 2), puoi usare il comando innerHTML.
Esempio, cosi ci capiamo meglio:

// Casella Input
<input type="text" onblur="copiaAltrove(this.value)" />

// Destinazione
<input type="text" id="destinazione" /> // caso 1
<div id="destinazione"></div> // caso 2

// funzione javascript
function copiaAltrove(stringa){
      var destinazione=document.getElementById('destinazione');
      // caso 1
      destinazione.value=stringa;
      // caso 2
      destinazione.innerHTML=stringa;
}

Nel caso 2, puoi sostiuire il div, con un tag

, <span>, ecc..., però il comando innerHTML, va a sostituire tutto il contenuto di quel tag, quindi o prima di salvi il contenuto e poi lo ripristini aggiungendo il valore da copiare, o all'inizio lo lasci vuoto.

[donnie_ogm]

:master: provo e poi ti dico... intanto grazie!

[donnie_ogm]

niente da fare nn funziona

Potresti rivederlo? io ho fatto un pò di prova ma niente... poi un altra cosa... sarebbe possibile far comparire il valore scritto nella casella di input in un semplice <td></td> anzichè in un altra casella di input?

[dvjack]

certo

// Casella Input
<input type="text" onblur="copiaAltrove(this.value)" />

// Destinazione
<td id="destinazione"></td>

// funzione javascript
function copiaAltrove(stringa){
      var destinazione=document.getElementById('destinazione');
      destinazione.innerHTML=stringa;
}

prova cosi, da me funziona...

[donnie_ogm]

adesso funziona pure a me! Ma sicuramente andava bene anche prima... infatti sbagliavo la sintassi...

Grazie mille capo

[donnie_ogm]

altre domanda... come mai la scritta copiata non assume lo stile della colonna? come faccio a dare una formattazione al testo copiato?

[dvjack]

in che senso?
la tua cella td è associata alla classe di stile?

[donnie_ogm]

ahaha vista la tua reazione mi sa che ho usato termini poco appropriati... quello che intendevo è questo

<tr><td id=\"copiaqui\"><span class=\"style2\"></td> 

il risultato che ottengo è la stringa copiata posizionata bene ma scritta grossa, uno stile di default che invece vorrei personalizzare come fatto per il resto della pagina.

... mi sono spiegato un pò meglio?

[dvjack]

come ti avevo già scritto in precedenza, il comando innerHTML, sostituisce tutto il contenuto del tag a cui lo applichi. Praticamente, se parti dalla situazione:
<td id="copiaqui"><span class="style2">qualcosa</span></td>
applicando innerHTML arrivi a:
<td id="copiaqui">tua stringa</td>
perdendo l'associazione alla classe style2.

Le soluzioni sono molteplici:
- associare la classe al tag td:<td id="copiaqui" class="style2"></td>
- spostare l'id nel tag span: <td><span class="style2" id="copiaqui">qualcosa</span></td>
- recuperare il contenuto del tag td, rielaborarlo in modo da inserire la tua stringa nel punto opportuno e poi reinserire il tutto nel tag td con innerHTML

scegli la soluzione che ritieni più semplice o migliore...