Javascript - Selección de Target o Ventana - Lista desplegable
Códigos Javascript
El siguiente código consigue que se abran los enlaces de una lista desplegable o listbox en diferentes Targets o Ventanas.
Tutores.org
Mostrando Codigo - Javascript
EXPLICACION
Los enlaces para abrir en la misma ventan deben de ser:
option value="|http://www.yahoo.com/"
en nueva ventana
option value="ventanayahoo|http://www.yahoo.com/"
Como observamos hemos incluido ventanayahoo antes del Simbolo | , donde ventanayahoo es el nombre de la ventana que se va a abrir.
NOTA: Los enlaces que no tengan el nombre delante del sibmbolo | se abrirán en la misma ventana.
Para las propiedades de la nueva ventana que se va a abrir:
window.open(target_url,target....
CODIGO
# Codigo ofrecido por Tutores.org
- <script type="text/javascript" language="JavaScript">
- function control_navegacion(ob) {
- prepara_enlaces = ob.options[ob.selectedIndex].value.split("|");
- target_ventana = prepara_enlaces[0];
- target_url = prepara_enlaces[1];
- if (target_ventana!=='') {
- window.open(target_url,target_ventana,'toolbar=1,location=1,directories=1, status=1,menubar=1,scrollbars=1,resizable=1,width=600,height=400');
- ob.selectedIndex = 0;
- } else {
- window.open(target_url,'_top')
- }
- }
- </script>
- <form action="../">
- <select onchange="control_navegacion(this)">
- <option>Selecciona</option>
- <option value="|http://www.yahoo.com/">YAHOO</option>
- <option value="Ventana_Google|http://www.google.com/">GOOGLE</option>
- <option value="|http://www.altavista.com/">ALTAVISTA</option>
- <option value="|http://www.amazon.com/">AMAZON</option>
- <option value="Ventana_ebay|http://www.ebay.com/">EBAY</option>
- </select>
- </form>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Selección de Target o Ventana - Lista desplegable" href="http://www.tutores.org/codigo/1430/" target="_blank">Selección de Target o Ventana - Lista desplegable</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Selección de Target o Ventana - Lista desplegable" href="http://www.tutores.org/codigo/1430/" target="_blank">Selección de Target o Ventana - Lista desplegable</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS