Comunidad de diseño web y desarrollo en internet online

List/Menu con javascript

Citar            
MensajeEscrito el 22 Ago 2006 08:59 pm
Estimados: necesito hacer un list menú en el cual todas las opciones se abran en una ventana aparte controlada por javascript para poder manejar sus dimensiones. A ver si alguien me puede ayudar. El código que preparé es el siguiente (lleva además CSS).

<select name="menu1" class="estilo-caja" onChange="MM_jumpMenu('parent',this,0)">
<option selected>Selecciona</option>
<option class="estilo-caja2">opcion1; (nuevo)</option>
<option>opcion2</option>
<option>opcion3</option>
<option class="estilo-caja2">opcion4</option>
<option>opcion5</option>
<option>opcion6</option>
<option class="estilo-caja2">opcion7</option>
<option>opcion8</option>
<option>opcion9</option>
<option>opcion10</option>
<option>opcion11/option>
<option class="estilo-caja2">opcion12</option>
<option>opcion13</option>
<option>opcion14</option>
<option>opcion15</option>
<option class="estilo-caja2">opcion16</option>
<option>opcion17</option>
</select>

Gracias :)

Por gatricio

45 de clabLevel



 

msie
Citar            
MensajeEscrito el 22 Ago 2006 09:21 pm
nose como este conformado tu función MM_jumpMenu, pero veo que pasas el select en el 2do parametro y como eso me basta.

Primeramente para reconocer tus options estos necesitan valores: <option value="opt3">soy el 3</option>

y dentro en tu función pondrías algo como:

Código :

function MM_jumpMenu(miParent,miSelect,miValor){
//---------------------------------------------------------
    var ind = miSelect.value;
    if( ind == 'opt1' ){
        window.open('web1.html','pop','width=200, height=300');
    }else if( ind == 'opt2' ){
        window.open('web1.html','pop','width=150, height=400');
    }else if( ind == 'opt3' ){
        ... y asi sucesivamente segun los option que tengas....
    }
//---------------------------------------------------------
}


Nose como este estructurada tu función pero ahi ta la idea, ya tu lo acomodas.

Suerte.

Por Otaku RzO

BOFH

1890 de clabLevel

12 tutoriales
1 articulo

Genero:Masculino   Desarrollador de GAIA Bastard Operators From Hell

Lima - Perú

firefox
Citar            
MensajeEscrito el 22 Ago 2006 09:29 pm
¡¡Muchas gracias!! :) La función tiene la estructura que por defecto entrega Dreamweaver.

Creo entender bien la idea, pero las ventanas pop tienen todas las mismas dimensiones... no sé si eso afecte al código de forma que lo simplifique.

¿Alguna idea?

Por gatricio

45 de clabLevel



 

msie
Citar            
MensajeEscrito el 22 Ago 2006 09:39 pm
claro, pense que querias manejar las dimensiones de la ventana....

para simplificarlo sería en tus options:

Código :

<option value='web1.html'>soy 1</option>
<option value='web2.html'>soy 2</option>
<option value='web3.html'>soy 3 y algo más</option>
...

y dentro de tu función sería:

Código :

function MM_jumpMenu (miParent, miSelect, miValor){
    window.open(miSelect.value, 'pop', 'demas detalles aquí ');
}

Ahora si esta reducido, suerte.

Por Otaku RzO

BOFH

1890 de clabLevel

12 tutoriales
1 articulo

Genero:Masculino   Desarrollador de GAIA Bastard Operators From Hell

Lima - Perú

firefox
Citar            
MensajeEscrito el 22 Ago 2006 09:59 pm
¡¡ Excelente !! Gracias :)

Por gatricio

45 de clabLevel



 

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.