Ver Mensaje Individual
  #4 (permalink)  
Antiguo 12/12/2012, 16:16
sycrox2
 
Fecha de Ingreso: diciembre-2012
Mensajes: 2
Antigüedad: 11 años, 5 meses
Puntos: 1
Respuesta: Como cambiar el div de una pagina desde otra.

Hola isolari, lo que quiere hacer puede llevarse a cabo con una función que agregue los parámetros a la página nueva y luego redirija

escribo la solución por si aun sirve =>

archivo 1: pag1.html

<html>
<head>
<title>Pagina1</title>
<script type="text/javascript" >
function parametrosPagina(pagina,parametros){
var vectorParams = parametros.split(","); //sacar un vector de parametros
var paginaDestino = pagina+="?"; //concatenar a la url el ?
for(var i=0;i<vectorParams.length;i++){
paginaDestino+="param"+i+"="+vectorParams[i]+"&"; //concatenar a la url despues del ? asi:param0=valor&param1=.... sucesivamente

}
paginaDestino = paginaDestino.substring(0,paginaDestino.length-1); //quitar el ultimo &

location.href=paginaDestino; //direccionar a la nueva url con los parametros
}
</script>
</head>
<body>
<input type="button" value="Mandar parametros a la URL" onclick="parametrosPagina('pag2.html','blue,gray') ">
</body>
</html>



archivo 2: pag2.html

<html>
<head>
<title>Pagina2</title>

<script type="text/javascript">

function obtenerParametros(){
var pagina = location.href // sacar la cadena de la url completa
var expr = /(^|&)\w+(=|$)/g // expresion regular que saca los valores de los parametros
pagina = pagina.split('?'); // separar por ? para extraer los parametros sin la url

pagina.shift(); // eliminar el primer elemento del array y quedar con ["param0=blue&param1=gray"]
pagina = pagina.join(''); // volver a unir como cadena y queda asi "param0=blue&param1=gray"
var vectorParams = pagina.replace(expr,',').split(','); //aplicarle la expresion regular para que quede ["...//pag2.html","blue","gray"]
document.getElementById('titulo').setAttribute('st yle','color:'+vectorParams[1]); //estableciendo el color blue mandado al primer div
document.getElementById('texto').setAttribute('sty le','color:'+vectorParams[2]); //estableciendo el color gray mandado al segundo div
document.getElementById('titulo').innerHTML = "texto de color "+vectorParams[1];
document.getElementById('texto').innerHTML = "texto de color "+vectorParams[2];
}
</script>
</head>
<body onload="obtenerParametros();">
<div id="titulo"></div>
<div id="texto"></div>

</body>
</html>



Es una posible solución, podría haber más, pero así se me ocurrió
pd: http://www.webtaller.com/construccion/lenguajes/javascript/lecciones/paso-variables-javascript-entre-paginas.php ---->aquí hay un ejemplo de la función del archivo 1...

Última edición por sycrox2; 12/12/2012 a las 16:46