Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Código para cambiar "data" de un <object> con un link

Estas en el tema de Código para cambiar "data" de un <object> con un link en el foro de Javascript en Foros del Web. Hola Amigos! Me preguntaba si se podía cambiar el valor "data" de <object> con un link. Es decir lo que intento en definitiva es un ...
  #1 (permalink)  
Antiguo 31/05/2014, 14:25
Avatar de ferxxel  
Fecha de Ingreso: septiembre-2013
Mensajes: 9
Antigüedad: 10 años, 7 meses
Puntos: 0
Pregunta Código para cambiar "data" de un <object> con un link

Hola Amigos! Me preguntaba si se podía cambiar el valor "data" de <object> con un link. Es decir lo que intento en definitiva es un link:
Código:
<a href="#" onClick=(data="Noticias.html" en <object>)>Noticias<a/>
y que en consecuencia <object> cambie su contenido
Aquí les dejo el código
Código:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="JS/jquery-1.9.1.js"></script>
<script type="text/javascript" src="JS/apprise-v2.js"></script>
<link rel="stylesheet" href="CSS/StyleApp2.css"/>
<title>CDE</title>
</head>
<body>
<div id="Content">
<div id="navlist">
<ul>	
<a href="#"><li>Noticias</li></a>
<a href="#"><li>Directivos</li></a>
<a href="#" onclick="Apprise('Temporalmente no disponible');"><li>Fechas de Examenes</li></a>
<a href="#"><li>Centro de Software</li></a>
</ul><div></div>
</div>
<div class="N-Content"><object type="text/html" data="NWS.html" width="670" height="100%"></object></div>
</div>
</body>
</html>
Desde ya muchas gracias!
  #2 (permalink)  
Antiguo 01/06/2014, 05:26
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 8 meses
Puntos: 578
Respuesta: Código para cambiar "data" de un <object> con un link

Con setAttribute:

Código HTML:
Ver original
  1. <a href="#" onclick="document.getElementsByTagName('object')[0].setAttribute('data','Noticias.html'">Noticias</a>
  #3 (permalink)  
Antiguo 01/06/2014, 08:47
Avatar de ferxxel  
Fecha de Ingreso: septiembre-2013
Mensajes: 9
Antigüedad: 10 años, 7 meses
Puntos: 0
Respuesta: Código para cambiar "data" de un <object> con un link

Cita:
Iniciado por PHPeros Ver Mensaje
Con setAttribute:

Código HTML:
Ver original
  1. <a href="#" onclick="document.getElementsByTagName('object')[0].setAttribute('data','Noticias.html'">Noticias</a>
Gracias por responder! Pero aún no funciona te dejaré el código nuevamente y me avisas si hay un error de sintaxis
Código HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="JS/jquery-1.9.1.js"></script>
<script type="text/javascript" src="JS/apprise-v2.js"></script>
<link rel="stylesheet" href="CSS/StyleApp2.css"/>
<title>CDE</title>
</head>
<body>
<div id="Head"><h1>Centro de Estudiantes<br>Colegio provincial N°13</h1></div>
<div id="Content">
<div id="navlist">
<ul>	
<a href="#" onclick="document.getElementsByTagName('object')[0].setAttribute('data','NWS.html'"><li>Noticias</li></a>
<a href="#" onClick="document.getElementsByTagName('object')[0].setAttribute('data','DRCTVS.html'" ><li>Directivos</li></a>
<a href="#" onclick="Apprise('Temporalmente no disponible');"><li>Fechas de Examenes</li></a>
<a href="#" onClick="document.getElementsByTagName('object')[0].setAttribute('data','CDS.html'"><li>Centro de Software</li></a>
</ul><div></div>
</div>
<!-- Contenido central --><div class="NContent"><object type="text/html" data="NWS.html" width="670" height="100%"></object></div>
</div>
</body>
</html> 
  #4 (permalink)  
Antiguo 01/06/2014, 10:08
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 8 meses
Puntos: 578
Respuesta: Código para cambiar "data" de un <object> con un link

Mis disculpas, se me coló un )....

Código HTML:
Ver original
  1. <a href="#" onclick="document.getElementsByTagName('object')[0].setAttribute('data','Noticias.html')">Noticias</a>

  #5 (permalink)  
Antiguo 01/06/2014, 10:17
Avatar de ferxxel  
Fecha de Ingreso: septiembre-2013
Mensajes: 9
Antigüedad: 10 años, 7 meses
Puntos: 0
Respuesta: Código para cambiar "data" de un <object> con un link

Un millón de graciaaas! no sabes cuanto te lo agradezco! <3

Etiquetas: data, html, html5, javascript-function, jquery, js, object
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 10:03.