domanda sui dom e js

**bhoo** · 28-01-2012, 00:11

Scusate non conosco bene js ....

vorrei sapere come posso entrare in un iframe -> form -> input

il codice che ho scritto è questo ma l'istanza che ho scritto all'interno dell' alert ovviamente non fnziona:

<html>
<head></head>
<body>
<script>alert(document.iframe.document.getElements ByTagName("nome").value);</script>
<iframe src="http://127.0.0.1/pagina.html" >
</iframe>

</body>
</html>

in pagina:

<html>
<head></head>
<body>
<form >
<input type="text" value="" name="nome">
</form>

</body>
</html>
come faccio a far stampare a video nell'arlet il value del form?

**br1** · 28-01-2012, 10:48

"iframe" non e' sufficiente per individuare l'oggetto richiesto nella pagina, devi attribuirgli un id o un name:
<iframe src="http://127.0.0.1/pagina.html" id="IdIframe" name="NameIframe">

e quindi:

document.NomeIframe

oppure

document.getElementById('IdIframe')

Nella pagina contenuta non puoi usare getElementsByTagName() perche' si riferisce ai tag (<div> o

o <input>) e non al loro attributo name, puoi procedere in diversi modi, esempi:

document.getElementById('IdIframe').document.forms[0].nome.value

oppure

document.getElementById('IdIframe').document.getEl ementById('IdInput').value
con: <input type="text" value="" name="nome" id="IdInput">

o in uno dei tanti modi alternativi possibili.

Urge un ripasso delle basi di html e javascript

**cavicchiandrea** · 28-01-2012, 11:19

Oltre a quanto precisato da Bruno l'alert o la funzione dovrà essere richiamato/a all'onload oppure dopo l'elemento altrimenti andrà in errore perché verrà cercato un elemento non ancora caricato/presente nel documento:

codice:

---------------------- esempio uno ------------------------------
<html>
<head>
<script>
onload=function(){
alert(document.getElementBy('mioFrame').document.getElementById("idElemento").value);
}</script>
</head>
<body>
<iframe src="http://127.0.0.1/pagina.html" id="mioFrame">
</iframe>

</body>
</html>

in pagina:

<html>
<head></head>
<body>
<form >
<input type="text" value="" id="idElemento" name="nome">
</form>

</body>
</html>
---------------------- esempio due ------------------------------
<html>
<head>
</head>
<body>
<iframe src="http://127.0.0.1/pagina.html" id="mioFrame">
</iframe>

<script>
alert(document.getElementBy('mioFrame').document.getElementById("idElemento").value);
</script>
</body>
</html>
in pagina:
<html>
<head></head>
<body>
<form >
<input type="text" value="" id="idElemento" name="nome">
</form>
</body>
</html>

Discussione: domanda sui dom e js

Strumenti discussione

Ricerca discussione

Visualizza

domanda sui dom e js

Permessi di invio