Area di testo che rispecchia dinamicamente l'altra

[RIACK]

Ho due aree di testo e una di queste deve essere readonly e rispecchiare tutto il contenuto che viene scritto nell'altra, in modo dinamico.

Per il momento ho scritto questo codice che non funziona:

<table class="properties">    <tr>
        <td class="column1"><label id="srclabel" for="src">{#advimage_dlg.src}</label></td>
        <td colspan="2"><table border="0" cellspacing="0" cellpadding="0">
            <tr> 
              <td><input name="src" type="text" id="src" value="" class="mceFocus" onchange="ImageDialog.showPreviewImage(this.value);" /></td> 
              <td id="srcbrowsercontainer">&nbsp;</td>
            </tr>
          </table></td>
    </tr>
    <tr> 
            <td class="column1"><label id="copy" for="copyright">Copyright</label></td>
            <td colspan="2"><input id="copyright" name="copyright" type="text" value="" readonly="readonly" /></td> 
    </tr>
</table>
                            
<script type="text/javascript">
    $(document).ready(function() {
        $('#src').change(function () {
            $('#copyright').text($("#src").value);
        });
    });
</script>

(nel tag input con id "copyright", deve esserci lo stessa cosa che viene scritta nel tag input con id "src".... ho anche provato a scrivere un semplice $('#copyright').text("CIAO"); oppure $('#copyright').value("ciao"); ma non funziona nessuno dei 2...)

[cavicchiandrea]

$('#copyright').val("ciao");

[RIACK]

$('#copyright').val("ciao");

ti ringrazio ma continua a non funzionare... magari il comando è corretto solo che mi sembra che non riesca proprio ad andare lo script (preciso che la libreria jquery c'è)

[lucavizzi]

Ho due aree di testo e una di queste deve essere readonly e rispecchiare tutto il contenuto che viene scritto nell'altra, in modo dinamico.

Per il momento ho scritto questo codice che non funziona:

<table class="properties">    <tr>
        <td class="column1"><label id="srclabel" for="src">{#advimage_dlg.src}</label></td>
        <td colspan="2"><table border="0" cellspacing="0" cellpadding="0">
            <tr> 
              <td><input name="src" type="text" id="src" value="" class="mceFocus" onchange="ImageDialog.showPreviewImage(this.value);" /></td> 
              <td id="srcbrowsercontainer">&nbsp;</td>
            </tr>
          </table></td>
    </tr>
    <tr> 
            <td class="column1"><label id="copy" for="copyright">Copyright</label></td>
            <td colspan="2"><input id="copyright" name="copyright" type="text" value="" readonly="readonly" /></td> 
    </tr>
</table>
                            
<script type="text/javascript">
    $(document).ready(function() {
        $('#src').change(function () {
            $('#copyright').text($("#src").value);
        });
    });
</script>

(nel tag input con id "copyright", deve esserci lo stessa cosa che viene scritta nel tag input con id "src".... ho anche provato a scrivere un semplice $('#copyright').text("CIAO"); oppure $('#copyright').value("ciao"); ma non funziona nessuno dei 2...)

L'evento "change" può essere applicato solo al tag "select".
Usa l'evento "keyup" o "keypress"

[RIACK]

L'evento "change" può essere applicato solo al tag "select".
Usa l'evento "keyup" o "keypress"

adesso funziona... praticamente andava in conflitto con l'onchange che stava nel tag input.
Adesso il problema è che se aggiungo un seplice alert("CIAO"), mi funziona correttamente, si invece metto $('#copyright').val('CIAO');

<tr>
    <td class="column1"><label id="srclabel" for="src">{#advimage_dlg.src}</label></td>
    <td colspan="2"><table border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td><input name="src" type="text" id="src" value="" class="mceFocus" onchange="ImageDialog.showPreviewImage(this.value); $('#copyright').val('CIAO');" /></td> 
          <td id="srcbrowsercontainer">&nbsp;</td>
        </tr>
      </table></td>
</tr>                      
<tr> 
        <td class="column1"><label id="copy" for="copyright">Copyright</label></td>
        <td colspan="2"><input id="copyright" name="copyright" type="text" value="" /></td> 
</tr>

P.S. cmq dovrei mettere qualcosa tipo: $('#copyright').val(this.value);

[RIACK]

risolto così:

onchange="ImageDialog.showPreviewImage(this.value); document.getElementById('copyright').value=this.value;"

si può chiudere la discussione...