opener.document.createElement en jquery?

oscard41 · #1 (**permalink**) 25/04/2013, 20:36

Buenas tardes a todos, tengo una pregunta y bueno a ver si me podrian ayudar con esto..

cual es el equivalente de "opener.document.createElement" en jquery?

es para crear filas de tabla desde una ventana hija que se van a insertar en una ventana padre...

de ante mano Gracias.. (Y)

oscard41 · #2 (**permalink**) 26/04/2013, 04:50

no existe ese metodo en jquery?

ipraetoriux · #3 (**permalink**) 26/04/2013, 05:31

podrias hacer asi..

Código Javascript:

Ver originalparent.$("#donde").append(elemento);

emprear · #4 (**permalink**) 26/04/2013, 07:45

Cita:

Iniciado por oscard41

no existe ese metodo en jquery?

append() sería un equivalente.
Pero antes tenés que identificar el selector en el opener (no en el parent, parent sería en el caso de un iframe)

Ejemplo

Código:

<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
<script type="text/javascript" src="http://gdriv.es/emprear/css-js/jquery-1.9.0.min.js"></script>
<style type="text/css">
/*<![CDATA[*/
#test{
color: darkred;
}
/*]]>*/
</style>
</head>
<body>
<button onclick="window.open('nueva.html','nv','width=400,height=400');">abre ventana</button>
<div id="demo">Contenido modificable desde nueva ventana</div>
</body>
</html>

ventana hija (nueva.html)

Código:

<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>nueva ventana</title>
<script type="text/javascript" src="http://gdriv.es/emprear/css-js/jquery-1.9.0.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
	
	$('#cambia_texto').click(function() {  
	var div_demo = window.opener.jQuery("#demo");
	var body_opener = window.opener.jQuery("body");
	div_demo.html("Contenido modificado");
	$(body_opener).append("<h1>Emprear</h1>");
	});	

});
//]]>
</script>
</head>
<body>
<button onclick="parent.document.body.style.background = 'lime';">fondo parent (afecta ventana actual</button><br />
<button onclick="opener.document.body.style.background = 'lime';">fondo opener (afecta ventana padre)</button><br />
<button id="cambia_texto">modificar contenido div demo opener y agregar elemento h1</button><br />
</body>
</html>

Aqui

Código:

	var div_demo = window.opener.jQuery("#demo");
	var body_opener = window.opener.jQuery("body");

es dónde identificamos los selectores que mencioné

SAludos

oscard41 · #5 (**permalink**) 26/04/2013, 20:35

Cita:

Iniciado por emprear

/*<![CDATA[*/

emprear Gracias por tu ayuda...

solo una pregunta ¿por que en tus codigos siempre los pones /*<![CDATA[*/ /*]]>*/??

que significa eso? y disculpa mi ignorancia...