Pasar variable obtenida en JS a campo HTML

negrocebollin · #1 (**permalink**) 29/09/2010, 09:48

Mi problema es el siguiente:

Quiero leer un archivo txt con un JS para coger un valor y el valor obtenido quiero pasarselo a una variable de url.

Tengo este archivo que leer(metadata.txt):
MetaDataID="57";

Y tengo este html con los js incrustados:
<html><head><title>
Prueba JS
</title>

<script src="metadata.txt"></script>
<script type="text/javascript">
function getMetaDataID()
{
document.getElementById("MetaDataID").innerHTML=Me taDataID;
return MetaDataID;
}
</script>

</head>
<body onload="getMetaDataID()">

Aquí viene el tema. Quiero recuperar el 57 y meterlo como valor de un atributo para montar una URL.
<a href="http://xxx.xxx.com/xxx.php?Meta=(AQUÍ QUIERO METER EL 57)"

</body>
</html>

¿Puede hacerse con JavaScript?¿Cómo? Sé que en PHP es trivial, pero necesito hacerlo con JS.

Gracias de antemano.

_cronos2 · #2 (**permalink**) 29/09/2010, 10:00

Lo primero, metadata.txt tendría que ser .js para que puedas recuperar ese dato.
Después:

Código Javascript:

Ver original<script src="metadata.js" type='text/javascript'></script>
<script type="text/javascript">
function getMetaDataID()
{
document.getElementById("link").href='http://xxx.xxx.com/xxx.php?Meta='+MetaDataID;
return MetaDataID;
}
</script>

Código HTML:

Ver original<a href="" id='link'>Página</a>

Saludos (:

negrocebollin · #3 (**permalink**) 29/09/2010, 10:40

Gracias _Cronos2 por la respuesta, me ha sido de gran ayuda, sin embargo tengo otra pregunta relacionada:

Ahora estoy intentando con ese JS darle valor a un campo data en un object y a un campo src de un iframe (se que es antiguo).

Al hacer en JS lo siguiente, la línea del src me devuelve error en Firebug:

<html><head><title> Prueba iFrame </title>

<script src="metadata.js" type='text/javascript'></script>
<script type="text/javascript">
function getMetaDataID()
{
document.getElementById("vid_frame").data='http://www.xxx.es/embed/index.php?Meta='+MetaDataID;

--Esta línea da error.
document.getElementById("vid_frame_src").src='http ://www.xxx.es/embed/index.php?Meta='+MetaDataID;
return MetaDataID;
}
</script>

</head>
<body onload="getMetaDataID()">



* * *
* * * *<div> * * *
<object id='vid_frame' type="text/html" data="" title="xxx" style="width:450px;height:253px;position:absolute; top:0px; left:0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;">

<p>xxx</p>
* * * *</object></div>
* * *

</body></html>

¿Qué estoy haciendo mal? Es posible hacer esto con object e iframe??