Problema: document.getElementById

Wel · #1 (**permalink**) 19/02/2004, 20:06

Tengo una pregunta creo que es sencilla de responder pero dificil de explicar: lo que quiero... A ver si me explico bien:

En una web con un iframe pongamos de nombre ZonaAuxiliar

tengo la funcion por ejemplo

function Texto (txt){
document.getElementById('tmp').innerHTML="<Font>"+ txt+</Font>"
}

y tambien <Div Id=tmp></Div>

CREO QUE HASTA AQUI SE ENTIENDO ¿NO?

Bueno mi problema viene si el <Div id=tmp></Div> lo pongo en el iframe ZonaAuxiliar...

yo crei que sustituyendo en la funcion en vez de document.getElementById('tmp').innerHTML poniendo document.getElementById('window.top.ZonaAuxiliar.t mp').innerHTML funcionaria ...

Pero Cual es mi sorpresa que NO, ¿alguien puede decirme como se hace o que hago mal?

vicms · #2 (**permalink**) 19/02/2004, 20:43

lo estoy estudiando...

Wel · #3 (**permalink**) 19/02/2004, 21:06

OK Vicms..."

vicms · #4 (**permalink**) 19/02/2004, 21:18

oye, es forzoso que tengas que tener el getelementbyID????????????

Wel · #5 (**permalink**) 19/02/2004, 21:22

¿Hay otro modo de hacer que escriba en el <Div id=tmp></Div>?

vicms · #6 (**permalink**) 19/02/2004, 21:31

ok mira lo logre hacer con forms

lo puedes modificar con un campo de texto hacia otro campo de texto dentro de la iframe

con un poco de ingenio y unas variables... quizá quede como lo quieres

quieres el codigo para ver si lo puedes manejar asi???????????

Wel · #7 (**permalink**) 19/02/2004, 21:36

Si claro a ver como lo has realizado!!

vicms · #8 (**permalink**) 19/02/2004, 21:39

me ayude de un ejemplo que encontre por ahi, pero la esencia es igual a como la buscas

la pagina principal va asi

<html>
<head>
<script language="javascript">

function doOne() {
var valor=document.f1.t1.value;
//estableci la variable valor, donde puedes intervenir on tu variable y asi gobernarla desde link...
document.if1.document.f1.t1.value=valor;
}

</script>
</head>
<body>

<form name=f1><input type=text name=t1 value="nuevo data"></form>
<BR>
<a href="javascript:doOne()">clic para mover los datos de la forma de la pagina a la iframe.</a><br>

<iframe name=if1 src="tuotrapagina" width=400 height=400>
<HR>

</body>
</html>

y tuotrapagina.htm

es:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>

<BR>
<form name=f1>
<input type=text name=t1 value="defalut">
</form>
</body>
</html>

Wel · #9 (**permalink**) 19/02/2004, 21:43

voy a ver si funciona ... Gracias!!

Wel · #10 (**permalink**) 19/02/2004, 21:57

Bueno pues SI FUNCIONA pero no me vale para lo que yo quiero.

¿con el getElementById no se puede?

vicms · #11 (**permalink**) 19/02/2004, 22:02

te voy a dar gusto... jaja

<script language="javascript">
function texto(txt){

document.if1.document.getElementById('tmp').innerH TML=txt;

}

</script>

ya

coloca tu div con ID=tmp en un nuevo documento y este en la iframe que se llama if1

y haz un link

<a href="javascript:texto('hola');">hola</a>

buenas noches!

Wel · #12 (**permalink**) 19/02/2004, 22:13

Lo acabo de descubrir ....

function Texto (txt){
top.ZonaAuxiliar.document.getElementById('tmp').in nerHTML="<Font>"+txt+</Font>"
}

Vaya yo lo he hecho poniendo primero top y tu poniendo primero document.... con el top delante me funciona perfectamente pero voy a ver por curiosidad con el document.

Wel · #13 (**permalink**) 19/02/2004, 22:15

definitivamente con document.ZonaAuxiliar.... NO FUNCIONA... hay que poner top.ZonaAuxiliar....