Foros del Web » Creando para Internet » HTML »

Pasar variable obtenida en JS a campo HTML

Estas en el tema de Pasar variable obtenida en JS a campo HTML en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 29/09/2010, 10:48
 
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 44
Antigüedad: 7 años, 2 meses
Puntos: 0
Pasar variable obtenida en JS a campo HTML

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.
  #2 (permalink)  
Antiguo 29/09/2010, 11:00
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 7 años, 6 meses
Puntos: 309
Respuesta: Pasar variable obtenida en JS a campo HTML

Lo primero, metadata.txt tendría que ser .js para que puedas recuperar ese dato.
Después:
Código Javascript:
Ver original
  1. <script src="metadata.js" type='text/javascript'></script>
  2. <script type="text/javascript">
  3. function getMetaDataID()
  4. {
  5. document.getElementById("link").href='http://xxx.xxx.com/xxx.php?Meta='+MetaDataID;
  6. return MetaDataID;
  7. }
  8. </script>
Código HTML:
Ver original
  1. <a href="" id='link'>Página</a>
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #3 (permalink)  
Antiguo 29/09/2010, 11:40
 
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 44
Antigüedad: 7 años, 2 meses
Puntos: 0
Respuesta: Pasar variable obtenida en JS a campo HTML

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()">


<!--[if lte IE 8]>
* * * *<iframe id='vid_frame_src' src="" style="width:450px;height:253px;position:absolute; top:0px; left:0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;" scrolling='no' *frameborder='0' allowtransparency='yes'>

* * * * * *<p>xxx</p>
* * * *</iframe>
* * *<![endif]-->

* * *<!--[if gt IE 8]>-->
* * * *<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>
* * *<!--<![endif]-->

</body></html>

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

Etiquetas: js, pasar, variables, campos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:14.