Se puede recuperar el atributo src de un iframe o una etiqueta img?

wilo087 · #1 (**permalink**) 30/09/2010, 07:46

Bueno, el titulo esta muy explicito, lo que quiero es recuperar una url dinámica que me carga en un iframe osea

<iframe id="ULR" src="www.mipagina.com" ></iframe>

esta ulr no siempre sera la misma, es posible tomar el valor de este atribulo en especifico? como se toma el valor de una clase o de un input?

bitbow · #2 (**permalink**) 30/09/2010, 08:08

Saludos, realice una prueba y obtuve lo siguiente, ya que yo tampoco sabia si se podia, lo he recuperado de un img.

<html>
<header><title>Prueba SRC</title></header>
<script>
function test() {
var imagen = document.getElementById('bitbow');
alert(imagen.src);

}
</script>
<body>
<form method="post" name="filtro" action="">
<img src="c:\holamundo.jpg" id="bitbow" width="100" height="100">
<br>
<a href="#" onclick="javascript:test('bitbow');"> Hola Mundo</a>
</form>
</body>
</html>

Espero sea lo que buscas, suerte.

chichote · #3 (**permalink**) 30/09/2010, 09:23

bueno jejeje, iba a postear una solucion con jquery, pero bitbow se me adelanto jeje, y esta muy claro el ejemplo en javascript.

saludos

fideldela22 · #4 (**permalink**) 30/09/2010, 09:29

necesito una ayuda pueden quiero necesito saber el numero de la fila que estoy seleccionando con y que me muestre con un alert de javascript

Perr0 · #5 (**permalink**) 30/09/2010, 09:55

Cita:

Iniciado por fideldela22

necesito una ayuda pueden quiero necesito saber el numero de la fila que estoy seleccionando con y que me muestre con un alert de javascript

fila del banco??

wilo087 · #6 (**permalink**) 30/09/2010, 11:42

Muchisimas gracias! me funciona perfectamente.
Imagino que esta sintaxis se puede utilizar para recuperar un calor de cualquier atributo. Ej: el atribulo de width o cualquier otro que sea?

wilo087 · #7 (**permalink**) 30/09/2010, 14:50

Bueno para lo que queria dicha funcion era para sacar el valor del atributo src de un iframe.

Para que queria esto? pues estoy cargando sitios web's por medio de un iframe con un pequeño header, la idea era hacer un pequeño script que me permitiera sacar la url que tenia el iframe en ese momento para poder poner un boton que diga: Elimimar esta barra o eliminar el header. Bueno aqui dejo el codigo de como lo hice por si alquien le funciona.

Tambien un pequeño hack que utilizaba google para hacer esto mismo que estoy haciendo ahora.

Código HTML:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<style>
html{height:100%}
body{
font-family:Tahoma, Geneva, sans-serif;
margin:0; 
height:100%;
overflow:hidden
}
a,a:visited{color:#F90;}
img{border:none}
table{font-size:100%}
.sombra{
	-moz-box-shadow: #000000 0 0 30px;
	-webkit-box-shadow: #000000 0 0 30px;
	-khtml-box-shadow: #000000 0 0 30px;
	box-shadow: #000000 0 0 30px;
}

</style>

<script>
function test() {
var imagen = document.getElementById('blockrandom');
window.location=imagen.src;
}
</script>
</head>
<body>

<table cellpadding=0 cellspacing=0 height="100%" width="100%">
	<tr height="1%">
			<td valign="top" style="top:0;width:100%">

<table cellpadding=0 cellspacing=0 width="100%" style="background-color:#FFF; height:150px">
        <tr >   
          <td style="border-bottom:solid 3px #F90;" align="center" valign="bottom">
<table width="1021" border="0" cellspacing="2" cellpadding="0">
  
  <tr>
    	<td  class="sombra" height="60" align="center"><a href="javascript:void(0)" onClick="javascript:test('blockrandom');" style="text-decoration:none; font-family:Tahoma; font-weight:bold; font-size:26px; color:#F90">Eliminar Marco</a>
    	  <p><a href="http://www.forosdelweb.com" style="text-decoration:none; font-family:Tahoma; font-weight:bold; font-size:12px; color:#F90">Volver Atrás</a></p>
    	  <p>&nbsp;</p></td>
		</tr>   
</table>

         </td>
          </table>
          <tr>


<!--El hack consiste en esto: en poner el contenido dentro de un celda si haber aperturado una columa-->
          <td>
<iframe id="blockrandom" src="http://www.forosdelweb.com/f13/puede-recuperar-atributo-src-iframe-etiqueta-img-846605/#post3578863" style="width:100%; height:100%;"> </iframe>
</td>

</table>
</body>
</html>

Espero que le funciona a elguien

Gracias.