Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Cambiar el src de un <embed>

Estas en el tema de Cambiar el src de un <embed> en el foro de Javascript en Foros del Web. Buenas chicos, necesito que me ayudéis en lo siguiente. @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < ul >   < li >< a href = ...
  #1 (permalink)  
Antiguo 07/12/2013, 06:23
 
Fecha de Ingreso: agosto-2013
Mensajes: 28
Antigüedad: 10 años, 7 meses
Puntos: 0
Cambiar el src de un <embed>

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

Código HTML:
Ver original
  1. <ul>
  2.   <li><a href="#" onClick="srcChange('home.htm')" >HOME</a></li>
  3.   <li><a href="#" onClick="srcChange('portfolio.htm')" >PORTFOLIO</a> </li>
  4.   <li><a href="#" onClick="srcChange('contact.htm')" >CONTACT</a> </li>
  5. </ul>
  6.  
  7.   <embed id="embed1" width="800" height="500" style="opacity:0.2;" ></embed>
  8.  
  9. <script type="text/javascript">
  10. function srcChange(msg) {
  11.     embed1.src=msg;
  12. }

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 )

Última edición por pzin; 07/12/2013 a las 06:35 Razón: formato código
  #2 (permalink)  
Antiguo 07/12/2013, 08:46
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 6 meses
Puntos: 578
Respuesta: Cambiar el src de un <embed>

Vamos a hacer una cosa. Yo te doy el link del manual e intentas hacerlo por tí mismo
  #3 (permalink)  
Antiguo 07/12/2013, 08:59
 
Fecha de Ingreso: agosto-2013
Mensajes: 28
Antigüedad: 10 años, 7 meses
Puntos: 0
Respuesta: Cambiar el src de un <embed>

Cita:
Iniciado por PHPeros Ver Mensaje
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
  #4 (permalink)  
Antiguo 07/12/2013, 09:06
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 6 meses
Puntos: 578
Respuesta: Cambiar el src de un <embed>

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.
  #5 (permalink)  
Antiguo 07/12/2013, 09:51
 
Fecha de Ingreso: agosto-2013
Mensajes: 28
Antigüedad: 10 años, 7 meses
Puntos: 0
Respuesta: Cambiar el src de un <embed>

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.
  #6 (permalink)  
Antiguo 07/12/2013, 10:12
Avatar de jonni09lo
Colaborador
 
Fecha de Ingreso: septiembre-2011
Ubicación: Estigia
Mensajes: 1.471
Antigüedad: 12 años, 6 meses
Puntos: 397
Respuesta: Cambiar el src de un <embed>

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
__________________
Haz preguntas inteligentes-Como ser Hacker
No hacer preguntas por mensaje privado. No sólo no es inteligente sino que es egoísta.
  #7 (permalink)  
Antiguo 07/12/2013, 10:13
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 6 meses
Puntos: 578
Respuesta: Cambiar el src de un <embed>



Que yo sepa las ventanas modales detienen momentáneamente la ejecución del code por lo que no debería dar problema.
  #8 (permalink)  
Antiguo 07/12/2013, 10:30
Avatar de jonni09lo
Colaborador
 
Fecha de Ingreso: septiembre-2011
Ubicación: Estigia
Mensajes: 1.471
Antigüedad: 12 años, 6 meses
Puntos: 397
Respuesta: Cambiar el src de un <embed>

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
__________________
Haz preguntas inteligentes-Como ser Hacker
No hacer preguntas por mensaje privado. No sólo no es inteligente sino que es egoísta.
  #9 (permalink)  
Antiguo 07/12/2013, 12:06
 
Fecha de Ingreso: agosto-2013
Mensajes: 28
Antigüedad: 10 años, 7 meses
Puntos: 0
Respuesta: Cambiar el src de un <embed>

Cita:
Iniciado por jonni09lo Ver Mensaje
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.

Etiquetas: href, html, src
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 20:12.