Hola acudo a ustedes para pedirles su ayuda, ya que tebgo variso botones en una forma y presionando en uno de ellos quiero que me abra una nueva ventana y me depliegue su texto correspondiente. al momento de presionar cualquier otro me debe de aparecer en la nueva ventana el texto correspondiente a ese boton y asi sucesivamente. Para ello tengo el siguiebte codigo:
<head>
function generar(form)
{
closetime=10; //Cierra esta ventana despues de 10 segundos
ventana=open"","miventana","width=350,height=250,l eft=200,top=200");
if (document.punto1.value=="Puntos")
{
//onload='parent.resizeTo(250,80)' onresize='parent.resizeTo(250,80)'
//Electricidad
"<html><head><title> Puntos asignados para ctricidad</title>";
ventana.document.write( "</head><body>");
ventana.document.write ("<h3><center><span style='color:#FFFFFF;width:100%;filter:dropshadow( color=#000000,offx=1, offy=1, positive=1), glow(color=#000000, strength=0)'>PUNTOS PARA ELECTRICIDAD</span></h3>");
ventana.document.write( "<br><br>");
ventana.document.write( "<h5><p align='left'><span style='color:#FFFFFF;width:100%;filter:dropshadow( color=#000000,offx=1, offy=1, positive=1), glow(color=#000000, strength=0)'>1.- Lampara de gas.........4</span></p>");
ventana.document.write( "<p align='left'><span style='color:#FFFFFF;width:100%;filter:dropshadow( color=#000000,offx=1, offy=1, positive=1), glow(color=#000000, strength=0)'>2.- Vela o veladora............3</span></p>");
ventana.document.write( "<p align='left'><span style='color:#FFFFFF;width:100%;filter:dropshadow( color=#000000,offx=1, offy=1, positive=1), glow(color=#000000, strength=0)'>3.- Luz electrica sin contrato.2</span></p>");
ventana.document.write "<p align='left'><span style='color:#FFFFFF;width:100%;filter:dropshadow( color=#000000,offx=1, offy=1, positive=1), glow(color=#000000, strength=0)'>4.- Luz electrica..............0</span></h5></p>");
}
if (document.punto2.value=="Puntos")
{
//Gas
ventana.document.write("<html><head><title> Puntos asignados para gas</title>");
ventana.document.write ("</head><body>");
ventana.document.write("<h3><center><span style='color:#FFFFFF;width:100%;filter:dropshadow( color=#000000,offx=1, offy=1, positive=1), glow(color=#000000, strength=0)'>PUNTOS PARA GAS</span></h3>");
ventana.document.write("<br><br>");
ventana.document.write("<h5><p align='left'><span style='color:#FFFFFF;width:100%;filter:dropshadow( color=#000000,offx=1, offy=1, positive=1), glow(color=#000000, strength=0)'>1.- Leña.........5</span></p>");
ventana.document.write("<p align='left'><span style='color:#FFFFFF;width:100%;filter:dropshadow( color=#000000,offx=1, offy=1, positive=1), glow(color=#000000, strength=0)'>2.- Gas butano.......4</span></p>");
ventana.document.write("<p align='left'><span style='color:#FFFFFF;width:100%;filter:dropshadow( color=#000000,offx=1, offy=1, positive=1), glow(color=#000000, strength=0)'>3.- Gas natural......0</span></h5></p>");
}
ventana.dcoument.write( "<input type='button' value='Cerrar' style='background-color:#ffffff; color:#000000; border:1px solid #000000; font-family:tahoma; font-size:7pt; letter-spacing=1px' onclick='self.close()'>");
ventana.dcoument.write( "</body></html>");
</head>
<body>
<form name="vivienda">
<input type="button" name="punto1" value="Puntos" style="background-color:#ffffff; color:#000000; border:1px solid #000000; font-family:tahoma; font-size:7pt; letter-spacing=1px" onClick="generar(this.form);">
<input type="button" name="punto2" value="Puntos" style="background-color:#ffffff; color:#000000; border:1px solid #000000; font-family:tahoma; font-size:7pt; letter-spacing=1px" onClick="generar(this.form);">
</form>
Pero no me esta saliendo, se supone que al presionar el boton con name "punto1" me debe de desplegar solo el texto que esta antes de lelse pero no lo hace y asi con el otro boton con name "punto2" solo el texto ñque esta despues del else pero no lo hace??. Gracias por su ayuda