[SOLUCIONADO] Cambiar el src de un <embed>

fedembuj_89 · #1 (**permalink**) 07/12/2013, 06:23

Buenas chicos, necesito que me ayudéis en lo siguiente.

Código HTML:

Ver original<ul>
  <li><a href="#" onClick="srcChange('home.htm')" >HOME</a></li>
  <li><a href="#" onClick="srcChange('portfolio.htm')" >PORTFOLIO</a> </li>
  <li><a href="#" onClick="srcChange('contact.htm')" >CONTACT</a> </li>
</ul>
 
  <embed id="embed1" width="800" height="500" style="opacity:0.2;" ></embed>
 
<script type="text/javascript">
function srcChange(msg) {
    embed1.src=msg;
}
</script>

Lo que quiero es que cada vez que se haga click en un elemento de la lista, se cambie el contenido del embed ( propiedad src )

PHPeros · #2 (**permalink**) 07/12/2013, 08:46

Vamos a hacer una cosa. Yo te doy el link del manual e intentas hacerlo por tí mismo

fedembuj_89 · #3 (**permalink**) 07/12/2013, 08:59

Cita:

Iniciado por PHPeros

Vamos a hacer una cosa. Yo te doy el link del [url=https://developer.mozilla.org/es/docs/DOM/document.getElementsByTagName]manual[/url] e intentas hacerlo por tí mismo

Gracias, creo que he mejorado "un poco" pero estoy en el siguiente punto

Código PHP:

  <script language="javascript1.2">

function srcChange(src) { 

document.getElementById('embed1').src =src;

alert(document.getElementById('embed1').src);

javascript:location.reload();

} 

</script>

Pongo el alert para ver realmente, que el src al clicar cambia por el que le paso en cada <li>, aún así el propio <embed> no aparece

PHPeros · #4 (**permalink**) 07/12/2013, 09:06

En vez de src pon otro nombre al parámetro, como por ejemplo "url".

Cita:

javascript:location.reload();

El prefijo javascript aquí no te sirve para nada, quítalo.

fedembuj_89 · #5 (**permalink**) 07/12/2013, 09:51

No me funciona, actualizo todo el código para ver exactamente como lo tengo:

Código HTML:

<!doctype html>
<html>
<head>
<meta charset="utf-8">

<link rel="stylesheet" href="css/css.css">
<title>Jed Nguyen</title>


<script language="javascript1.2">
function srcChange(url) { 
document.getElementById('embed1').src = url;
alert(document.getElementById('embed1').src);
location.reload();
} 
</script>

</head>

<body >

<div style="position:absolute; z-index: 10; height: 500px; left:20px; top: 50px; width: 200px;">
   <div style="background-color: #999999; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.2; height:auto;"></div>
   <h1>Jed Nguyen</h1>
   <ul>
  <li><a onClick="srcChange('home.htm')" href="#" >HOME</a></li>
  <li><a onClick="srcChange('portfolio.htm')" href="#" >PORTFOLIO</a> </li>
  <li><a onClick="srcChange('contact.htm')" href="#" >CONTACT</a> </li>
</ul>
</div>



<div style="position:absolute;left: 250px;top: 50px; z-index: 10; width: 800px; height: 500px;">
  <div style="	background-color: #999999; position:absolute; z-index:-1; top:0; left:0; right:
0; bottom:0; opacity:0.2;"></div>
  
<embed id="embed1" src="" width="800" height="500" style="opacity:0.2;">


</div>
  
</body>
</html>

Si escribo manualmente la src si que me aparece el embed.

jonni09lo · #6 (**permalink**) 07/12/2013, 10:12

Quita location.reload(); ya que lo que hace es recargar la pagina y al menos de que guardes el src escogido en una COOKIE no mantendrá la url escogida. Si no funciona sin el location.reload te tocará hacer lo que te comento. Guardar la url en una COOKIE para generar persistencia.

Saludos

PHPeros · #7 (**permalink**) 07/12/2013, 10:13

Que yo sepa las ventanas modales detienen momentáneamente la ejecución del code por lo que no debería dar problema.

jonni09lo · #8 (**permalink**) 07/12/2013, 10:30

Bueno, después de tratar de hacer un fiddle, me di cuenta de que se puede reemplazar el src del embed, pero el embed no reconoce el nuevo contenido. Por ello hay que clonar el embed y usar un replaceNode para poder forzar la carga del nuevo contenido. DEMO

Saludos

fedembuj_89 · #9 (**permalink**) 07/12/2013, 12:06

Cita:

Iniciado por jonni09lo

Bueno, después de tratar de hacer un fiddle, me di cuenta de que se puede reemplazar el src del embed, pero el embed no reconoce el nuevo contenido. Por ello hay que clonar el embed y usar un replaceNode para poder forzar la carga del nuevo contenido. [URL="http://jsfiddle.net/NL35N/"]DEMO[/URL]

Saludos

Funcionó a las mil maravillas !! Muchas gracias. Hubiese preferido sacarlo yo mismo pero ya no sabía por donde tirar.