abrir nueva ventana solo con una parte de la pagina madre

[daniel_burgos]

amigos quiero consultarles a ver si existe la posibilidad de hacer esto..

tengo mi pagina, tiene banners, imagenes, etc, dentro de una tabla esta la noticia, quiero que al darle clic a Nueva Ventana, se abra una nueva ventana solo con esa tabla que tiene la noticia

es posible?

[programeitor]

Puedes meter esa tabla dentro de un div con identificador:

Código HTML:

<div id="noticia">
<table>
...
</table>
</div> 

y en la funcion que abre la ventana le pasas su contenido al body de la ventana:

Código:

 
w=window.open("","","")
w.document.body.innerHTML=document.getElementById("noticia").innerHTML
 

[daniel_burgos]

umm programeitor gracias por la respuesta, pero no entiendo algo del segundo codigo.. esas dos lineas debo colocarlas ambas en la popup?

[programeitor]

Bueno ,dices

al darle clic a Nueva Ventana, se abra una nueva ventana

he supuesto que tendrias alguna funcion para abrir una ventana, si no es asi; pongamos que tienes un boton:

Código HTML:

<input type=button onclick=abre()> 

con esto tienes que crear una funcion abre() que contiene esas dos lineas

Código:

 
<script>
function abre()
{
var w=window.open("","","")
w.document.body.innerHTML=document.getElementById("noticia").innerHTML
}
</script>

[daniel_burgos]

santisimo dioss era justo lo que necesitaba Programeitor millones de gracias para ti!!!

[daniel_burgos]

ahhmmm si necesitara mostrar dos tablas, solo tendria que repetir esta linea? pero con el nombre de la segunda tabla...

w.document.body.innerHTML=document.getElementById( "noticia").innerHTML

por ejemplo

w.document.body.innerHTML=document.getElementById( "titulo").innerHTML
w.document.body.innerHTML=document.getElementById( "noticia").innerHTML

[jeybi]

Si quieres añadir mas contenido usa '+=' enves de '=' en las asignaciones subsecuentes, i.e:


w.document.body.innerHTML=document.getElementById( "titulo").innerHTML
w.document.body.innerHTML+=document.getElementById( "noticia").innerHTML

Si te resulta mas facil puedes usar esto tambien:

<script>
function abre()
{
var w=window.open()

//Escribimos en el documento nuevo
w.document.write(document.getElementById( "titulo").innerHTML,
document.getElementById( "noticia").innerHTML, /*Cualquier cosa que quieras añadir*/
)

//Terminamos de escribir
w.document.close()
}
</script>

[daniel_burgos]

gracias amigos :D por su ayuda, solo me falta un paso que ya estoy intentando ubicarlo, que es darle la orden de que aparezca la ventana de imprimir cuando se abra la ventana..

gracias por su ayuda muchachos!

[daniel_burgos]

Iniciado por programeitor

Bueno ,dices



he supuesto que tendrias alguna funcion para abrir una ventana, si no es asi; pongamos que tienes un boton:

Código HTML:

<input type=button onclick=abre()> 

con esto tienes que crear una funcion abre() que contiene esas dos lineas

Código:

 
<script>
function abre()
{
var w=window.open("","","")
w.document.body.innerHTML=document.getElementById("noticia").innerHTML
}
</script>

a ver, creo que en algo la estoy embarrando...

esto funciona perfecto:

Código:

<script>
function abre()
{
var w=window.open("","","")
w.document.body.innerHTML=document.getElementById("noticia").innerHTML
}
</script>

se abre una pagina en blanco con la noticia, eso funciona bien.

ante la ausencia del nombre de una pagina, en esta línea hice éste cambio:
var w=window.open("print.php","","")

pruebo, y me abre la noticia en esa pagina en blanco que cree llamada print.php, hasta alli perfecto...

ahora necesito que al abrirse esa ventana se abra la pantalla de imprimir.
trabajé el javascript:window.print() con un onload...... y que ocurre? se abre la ventana print.php, abre la pantalla de impresión, pero deja de mostrar la noticia :S osea abre en blanco... porque pasa eso?

[programeitor]

porque la noticia se carga tras el onload, prueba a poner

w.print() al final del script

[daniel_burgos]

gracias :D ahora si!!

muchas gracias :)