Versión imprimible del tema: MENU DESPLEGABLE QUE ABRA POPUP
URL: https://soporte.miarroba.es/152498/3514378-menu-desplegable-que-abra-popup/

De la comunidad de foros: Foro de soporte
URL: https://soporte.miarroba.es


Autor: ODIRUOL, 23/Ago/2005, 20:29


hola tengo un pequeño problema,supongo que sera facil solucionar pero no doy...Enfurruñado mi problema es el siguiente tengo un menu desplegable y quiero que al pinchar en cada una las diferentes opciones me abra en una pagina diferente y con una medida exacta la ventana(popup),espero que me explicara bien,y bueno necesito ayudaaaa!!!!porfaaaaaaaa.
GRACIASGiño


Autor: chavp, 23/Ago/2005, 21:23


y que tal si pones el código del menu Sonrisa


Autor: ODIRUOL, 24/Ago/2005, 16:09


hola de nuevo,perdona por no poner el codigo antes,es que soy novato en esto...
espero que esta parte sea lo que necesitas.
<head>
<title>::xornadas 05/06::</title><script>
function abrirpopup(nombre,ancho,alto) {
dat = 'width=' + ancho + ',height=' + alto + ',left=0,top=0,scrollbars=no,resize=no';
window.open(nombre,'',dat)
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
function ChangeUrl(formulaire)
{
if (formulaire.ListeUrl.selectedIndex != 0)
{
location.href = formulaire.ListeUrl.options[formulaire.ListeUrl.selectedIndex].value;
}
else
{
alert('');
}
}
</SCRIPT>
</head>
<body bgcolor="#999999">
<FORM>
<SELECT NAME="ListeUrl" SIZE=1 onChange="ChangeUrl(this.form)">
<OPTION SELECTED VALUE="">-xornadas-
<OPTION VALUE="p1.asp">xornada 1
<OPTION VALUE="p2.asp">xornada 2
<OPTION VALUE="p3.asp">xornada 3
<OPTION VALUE="p4.asp">xornada 4
<OPTION VALUE="p5.asp">xornada 5
<OPTION VALUE="p6.asp">xornada 6
<OPTION VALUE="p7.asp">xornada 7
<OPTION VALUE="p8.asp">xornada 8
<OPTION VALUE="p9.asp">xornada 9
<OPTION VALUE="p10.asp">xornada 10
<OPTION VALUE="p11.asp">xornada 11
<OPTION VALUE="p12.asp">xornada 12
<OPTION VALUE="p13.asp">xornada 13
<OPTION VALUE="p14.asp">xornada 14
<OPTION VALUE="p15.asp">xornada 15
<OPTION VALUE="p16.asp">xornada 16
<OPTION VALUE="p17.asp">xornada 17
<OPTION VALUE="p18.asp">xornada 18
<OPTION VALUE="p19.asp">xornada 19
<OPTION VALUE="p20.asp">xornada 20
<OPTION VALUE="p21.asp">xornada 21
<OPTION VALUE="p22.asp">xornada 22
<OPTION VALUE="p23.asp">xornada 23
<OPTION VALUE="p24.asp">xornada 24
<OPTION VALUE="p25.asp">xornada 25
<OPTION VALUE="p26.asp">xornada 26
<OPTION VALUE="p27.asp">xornada 27
<OPTION VALUE="p28.asp">xornada 28
<OPTION VALUE="p29.asp">xornada 29
<OPTION VALUE="p30.asp">xornada 30
<OPTION VALUE="p31.asp">xornada 31
<OPTION VALUE="p32.asp">xornada 32
<OPTION VALUE="p33.asp">xornada 33
<OPTION VALUE="p34.asp">xornada 34
</SELECT>
</FORM>
un saludo y gracias por todo.
Giño


Autor: Jallander, 24/Ago/2005, 16:44


Creo que el problema consiste en que no llamas en ningun momento a la función abrirpopup(nobre,ancho,alto) que es la que abre la nueva ventana.
Una manera que se me ocurre de arreglarlo es cambiar function ChangeUrl(formulaire) de la siguiente manera:

Codigo:

function ChangeUrl(formulaire)
{
if (formulaire.ListeUrl.selectedIndex != 0)
{
nueva_pagina = formulaire.ListeUrl.options[formulaire.ListeUrl.selectedIndex].value;
// cambia los números para las dimensiones que quieras
// estas son de ejemplo.
abrirpopup(nueva_pagina,300,300);
}
else
{
alert('Selecciona una xornada');
}
}


salu2
Autor: ODIRUOL, 24/Ago/2005, 19:01


buuuuuuuuf he probado eso y nada!!!sera k soy mu torpe...pero asi no hace...kien me ayuda!!!estoy perdido....
Llorando


Autor: Jallander, 24/Ago/2005, 20:19


Cambia el código que usabas por este que es bastante parecido pero que a mí me funcina.

Codigo:

<head>
<title>::xornadas 05/06::</title>
<SCRIPT LANGUAGE="JavaScript">
function ChangeUrl(formulaire)
{
if (formulaire.ListeUrl.selectedIndex != 0)
{
nombre = formulaire.ListeUrl.options[formulaire.ListeUrl.selectedIndex].value;
dat = 'width=' + 300 + ',height=' + 300 + ',left=0,top=0,scrollbars=no,resize=no';
window.open(nombre,'',dat)
}
else
{
alert('selecciona una xornada');
}
}
</SCRIPT>
</head>
<body bgcolor="#999999">
<FORM>
<SELECT NAME="ListeUrl" SIZE=1 onChange="ChangeUrl(this.form)">
<OPTION SELECTED VALUE="">-xornadas-
<OPTION VALUE="p1.asp">xornada 1
<OPTION VALUE="p2.asp">xornada 2
<OPTION VALUE="p3.asp">xornada 3
<OPTION VALUE="p4.asp">xornada 4
<OPTION VALUE="p5.asp">xornada 5
<OPTION VALUE="p6.asp">xornada 6
<OPTION VALUE="p7.asp">xornada 7
<OPTION VALUE="p8.asp">xornada 8
<OPTION VALUE="p9.asp">xornada 9
<OPTION VALUE="p10.asp">xornada 10
<OPTION VALUE="p11.asp">xornada 11
<OPTION VALUE="p12.asp">xornada 12
<OPTION VALUE="p13.asp">xornada 13
<OPTION VALUE="p14.asp">xornada 14
<OPTION VALUE="p15.asp">xornada 15
<OPTION VALUE="p16.asp">xornada 16
<OPTION VALUE="p17.asp">xornada 17
<OPTION VALUE="p18.asp">xornada 18
<OPTION VALUE="p19.asp">xornada 19
<OPTION VALUE="p20.asp">xornada 20
<OPTION VALUE="p21.asp">xornada 21
<OPTION VALUE="p22.asp">xornada 22
<OPTION VALUE="p23.asp">xornada 23
<OPTION VALUE="p24.asp">xornada 24
<OPTION VALUE="p25.asp">xornada 25
<OPTION VALUE="p26.asp">xornada 26
<OPTION VALUE="p27.asp">xornada 27
<OPTION VALUE="p28.asp">xornada 28
<OPTION VALUE="p29.asp">xornada 29
<OPTION VALUE="p30.asp">xornada 30
<OPTION VALUE="p31.asp">xornada 31
<OPTION VALUE="p32.asp">xornada 32
<OPTION VALUE="p33.asp">xornada 33
<OPTION VALUE="p34.asp">xornada 34
</SELECT>
</FORM>

Autor: ODIRUOL, 25/Ago/2005, 01:25


hola d nuevo,el problema es que no m explike el problema entero,y ahora m va una parte y la otra no, la cuestion es que tengo un menu desplegable y una imagen con enlaces,y kiero hacer que o bien pinchando dentro del menu o la zona de la imagen abran diferentes popups,espero me explicara ahora, de todas formas pongo el codigo que tengo hecho y si puede alguien me da una solucion.
el codigo es:

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="1252"%>
<html>
<head>
<title>::xornadas 05/06::</title><script>
function abrirpopup(nombre,ancho,alto) {
dat = 'width=' + ancho + ',height=' + alto + ',left=0,top=0,scrollbars=no,resize=no';
window.open(nombre,'',dat)
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
function ChangeUrl(formulaire)
{
if (formulaire.ListeUrl.selectedIndex != 0)
{
location.href = formulaire.ListeUrl.options[formulaire.ListeUrl.selectedIndex].value;
}
else
{
alert('');
}
}
</SCRIPT>
</head>
<body bgcolor="#999999">
<FORM>
<SELECT NAME="ListeUrl" SIZE=1 onChange="ChangeUrl(this.form)">
<OPTION SELECTED VALUE="">-xornadas-
<OPTION VALUE="p1.asp">xornada 1
<OPTION VALUE="p2.asp">xornada 2
<OPTION VALUE="p3.asp">xornada 3
<OPTION VALUE="p4.asp">xornada 4
<OPTION VALUE="p5.asp">xornada 5
<OPTION VALUE="p6.asp">xornada 6
<OPTION VALUE="p7.asp">xornada 7
<OPTION VALUE="p8.asp">xornada 8
<OPTION VALUE="p9.asp">xornada 9
<OPTION VALUE="p10.asp">xornada 10
<OPTION VALUE="p11.asp">xornada 11
<OPTION VALUE="p12.asp">xornada 12
<OPTION VALUE="p13.asp">xornada 13
<OPTION VALUE="p14.asp">xornada 14
<OPTION VALUE="p15.asp">xornada 15
<OPTION VALUE="p16.asp">xornada 16
<OPTION VALUE="p17.asp">xornada 17
<OPTION VALUE="p18.asp">xornada 18
<OPTION VALUE="p19.asp">xornada 19
<OPTION VALUE="p20.asp">xornada 20
<OPTION VALUE="p21.asp">xornada 21
<OPTION VALUE="p22.asp">xornada 22
<OPTION VALUE="p23.asp">xornada 23
<OPTION VALUE="p24.asp">xornada 24
<OPTION VALUE="p25.asp">xornada 25
<OPTION VALUE="p26.asp">xornada 26
<OPTION VALUE="p27.asp">xornada 27
<OPTION VALUE="p28.asp">xornada 28
<OPTION VALUE="p29.asp">xornada 29
<OPTION VALUE="p30.asp">xornada 30
<OPTION VALUE="p31.asp">xornada 31
<OPTION VALUE="p32.asp">xornada 32
<OPTION VALUE="p33.asp">xornada 33
<OPTION VALUE="p34.asp">xornada 34
</SELECT>
</FORM>

<table width="400" height="300" border="8" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<td width="567"><img src="lugoo.jpg" width="567" height="549" border="0" usemap="#Map"></td>
</tr>
</table>
<p>&nbsp;</p>
<map name="Map">
<area shape="rect" coords="253,25,297,38" a href="#" onclick="abrirpopup('pburela.htm',400,300);" alt="BURELA">
<area shape="rect" coords="285,50,331,64"a href="#" onclick="abrirpopup('pcangas.htm',400,300);" alt="CANGAS">
<area shape="rect" coords="227,43,269,52" a href="#" onclick="abrirpopup('pcervo.htm',400,300);" alt="CERVO">
<area shape="rect" coords="221,73,293,83" a href="#" onclick="abrirpopup('pvalad.htm',400,300);" alt="VALADOURO">
<area shape="rect" coords="349,89,398,99" a href="#" onclick="abrirpopup('pribadeo.htm',400,300);" alt="RIBADEO">
<area shape="rect" coords="181,130,228,139" a href="#" onclick="abrirpopup('proupar.htm',400,300);" alt="ROUPAR">
<area shape="rect" coords="164,145,226,153" a href="#" onclick="abrirpopup('pxermade.htm',400,300);" alt="XERMADE">
<area shape="rect" coords="189,169,265,180" a href="#" onclick="abrirpopup('psantaballes.htm',400,300);" alt="SANTABALLES">
<area shape="rect" coords="163,247,258,260" a href="#" onclick="abrirpopup('pouteiro.htm',400,300);" alt="OUTEIRO DE REI">
<area shape="rect" coords="234,266,303,274" a href="#" onclick="abrirpopup('psanlaz.htm',400,300);" alt="SAN LAZARO">
<area shape="rect" coords="282,443,330,451" a href="#" onclick="abrirpopup('pbrollon.htm',400,300);" alt="BROLLON">
<area shape="rect" coords="193,473,250,486" a href="#" onclick="abrirpopup('pferreira.htm',400,300);" alt="FERREIRA">
<area shape="rect" coords="144,331,225,344" a href="#" onclick="abrirpopup('pmonter.htm',400,300);"alt="MONTERROSO">
<area shape="rect" coords="283,304,325,317" a href="#" onclick="abrirpopup('pcorgo.htm',400,300);" alt="CORGO">
<area shape="rect" coords="241,291,295,299" a href="#" onclick="abrirpopup('ppolvorin.htm',400,300);" alt="POLVORIN">
<area shape="rect" coords="234,277,302,287" a href="#" onclick="abrirpopup('pmila.htm',400,300);" alt="MILAGROSA">
</map>
</body>
</html>

de nuevo MIL GRACIASFlash


Autor: Jallander, 26/Ago/2005, 18:21


Creo que ahora debería funcionar el pop-up tanto para las opciones como para la imagen:

Codigo:

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="1252"%>
<html>
<head>
<title>::xornadas 05/06::</title>
<script>
function abrirpopup(nombre,ancho,alto) {
dat = 'width=' + ancho + ',height=' + alto + ',left=0,top=0,scrollbars=no,resize=no';
window.open(nombre,'',dat)
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
function ChangeUrl(formulaire)

{

if (formulaire.ListeUrl.selectedIndex != 0)

{

nueva_pagina = formulaire.ListeUrl.options[formulaire.ListeUrl.selectedIndex].value;

// cambia los números para las dimensiones que quieras

// estas son de ejemplo.

abrirpopup(nueva_pagina,400,300);

}

else

{

alert('elige una xornada');

}

}

</SCRIPT>
</head>
<body bgcolor="#999999">
<FORM>
<SELECT NAME="ListeUrl" SIZE=1 onChange="ChangeUrl(this.form)">
<OPTION SELECTED VALUE="">-xornadas-
<OPTION VALUE="p1.asp">xornada 1
<OPTION VALUE="p2.asp">xornada 2
<OPTION VALUE="p3.asp">xornada 3
<OPTION VALUE="p4.asp">xornada 4
<OPTION VALUE="p5.asp">xornada 5
<OPTION VALUE="p6.asp">xornada 6
<OPTION VALUE="p7.asp">xornada 7
<OPTION VALUE="p8.asp">xornada 8
<OPTION VALUE="p9.asp">xornada 9
<OPTION VALUE="p10.asp">xornada 10
<OPTION VALUE="p11.asp">xornada 11
<OPTION VALUE="p12.asp">xornada 12
<OPTION VALUE="p13.asp">xornada 13
<OPTION VALUE="p14.asp">xornada 14
<OPTION VALUE="p15.asp">xornada 15
<OPTION VALUE="p16.asp">xornada 16
<OPTION VALUE="p17.asp">xornada 17
<OPTION VALUE="p18.asp">xornada 18
<OPTION VALUE="p19.asp">xornada 19
<OPTION VALUE="p20.asp">xornada 20
<OPTION VALUE="p21.asp">xornada 21
<OPTION VALUE="p22.asp">xornada 22
<OPTION VALUE="p23.asp">xornada 23
<OPTION VALUE="p24.asp">xornada 24
<OPTION VALUE="p25.asp">xornada 25
<OPTION VALUE="p26.asp">xornada 26
<OPTION VALUE="p27.asp">xornada 27
<OPTION VALUE="p28.asp">xornada 28
<OPTION VALUE="p29.asp">xornada 29
<OPTION VALUE="p30.asp">xornada 30
<OPTION VALUE="p31.asp">xornada 31
<OPTION VALUE="p32.asp">xornada 32
<OPTION VALUE="p33.asp">xornada 33
<OPTION VALUE="p34.asp">xornada 34
</SELECT>
</FORM>

<table width="400" height="300" border="8" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<td width="567"><img src="lugoo.jpg" width="567" height="549" border="0" usemap="#Map"></td>
</tr>
</table>
<p>&nbsp;</p>
<map name="Map">
<area shape="rect" coords="253,25,297,38" a href="#" onclick="abrirpopup('pburela.htm',400,300);" alt="BURELA">
<area shape="rect" coords="285,50,331,64"a href="#" onclick="abrirpopup('pcangas.htm',400,300);" alt="CANGAS">
<area shape="rect" coords="227,43,269,52" a href="#" onclick="abrirpopup('pcervo.htm',400,300);" alt="CERVO">
<area shape="rect" coords="221,73,293,83" a href="#" onclick="abrirpopup('pvalad.htm',400,300);" alt="VALADOURO">
<area shape="rect" coords="349,89,398,99" a href="#" onclick="abrirpopup('pribadeo.htm',400,300);" alt="RIBADEO">
<area shape="rect" coords="181,130,228,139" a href="#" onclick="abrirpopup('proupar.htm',400,300);" alt="ROUPAR">
<area shape="rect" coords="164,145,226,153" a href="#" onclick="abrirpopup('pxermade.htm',400,300);" alt="XERMADE">
<area shape="rect" coords="189,169,265,180" a href="#" onclick="abrirpopup('psantaballes.htm',400,300);" alt="SANTABALLES">
<area shape="rect" coords="163,247,258,260" a href="#" onclick="abrirpopup('pouteiro.htm',400,300);" alt="OUTEIRO DE REI">
<area shape="rect" coords="234,266,303,274" a href="#" onclick="abrirpopup('psanlaz.htm',400,300);" alt="SAN LAZARO">
<area shape="rect" coords="282,443,330,451" a href="#" onclick="abrirpopup('pbrollon.htm',400,300);" alt="BROLLON">
<area shape="rect" coords="193,473,250,486" a href="#" onclick="abrirpopup('pferreira.htm',400,300);" alt="FERREIRA">
<area shape="rect" coords="144,331,225,344" a href="#" onclick="abrirpopup('pmonter.htm',400,300);"alt="MONTERROSO">
<area shape="rect" coords="283,304,325,317" a href="#" onclick="abrirpopup('pcorgo.htm',400,300);" alt="CORGO">
<area shape="rect" coords="241,291,295,299" a href="#" onclick="abrirpopup('ppolvorin.htm',400,300);" alt="POLVORIN">
<area shape="rect" coords="234,277,302,287" a href="#" onclick="abrirpopup('pmila.htm',400,300);" alt="MILAGROSA">
</map>
</body>
</html>

salu2
Autor: ODIRUOL, 26/Ago/2005, 21:10


GRAAAAAAAACIAS!!!
eso era lo que necesitba,bueno pues eso que muchas gracias,y hasta la proxima dudilla...jejje
pasate por la pagina y ves como quedo
www.riotorto-cf.tk


Autor: Jallander, 26/Ago/2005, 22:01


Pon un enlace a la mía en tu página y me daré por pagado. loco

Ahora en serio, me alegro de que te sirva. También me alegro de que des las gracias. Es elemental, pero no siempre ocurre.

Suerte con la página, salu2