Imprimir Página - duda Direccionamiento De categorias

Título: duda Direccionamiento De categorias
Publicado por: WiseHidden en 23 Junio 2011, 13:27 pm

hola a todos, tengo una pequeña duda e "agregao" una mejora a una web, pero ala hora de direccionarla no consigo hacerlo os expongo mi código haber si me pudieran ayudar:

Citar

<label>Categoria</label>
                  <select class="field">
                     <option value="">-- Elige Categoria --</option>
   <option value="">-- Producto1--</option> lo quisiera direccionar a producto1.html
   <option value="">-- Producto2--</option> lo quisiera direccionar a producto2.html
   <option value="">-- Producto3 --</option>lo quisiera direccionar a producto3.html
   <option value="">-- Producto4 --</option>lo quisiera direccionar a producto4.html
   <option value="">-- Producto5 --</option>lo quisiera direccionar a producto5.html
   <option value="">-- Producto6 --</option>lo quisiera direccionar a producto6.html
   <option value="">-- Producto7 --</option>lo quisiera direccionar a producto7.html
   <option value="">-- Producto8 --</option>lo quisiera direccionar a producto8.html
   <option value="">-- Producto9 --</option>lo quisiera direccionar a producto9.html
   <option value="">-- Producto10 --</option>lo quisiera direccionar a producto10.html
   <option value="">-- Producto11 --</option>lo quisiera direccionar a producto11.html
   <option value="">-- Producto12 --</option>lo quisiera direccionar a producto12.html
                  </select>

mil gracias

Atentamente

WiseHidden

Título: Re: duda Direccionamiento De categorias
Publicado por: Shell Root en 23 Junio 2011, 19:30 pm

Puedes hacer lo siguiente, en el evento onChange del SELECT poner una función que tome el valor y haga la redirección, es decir,

Código

function redireccion( url ){
   window.location = url;
}

Ahora en el HTML debería ser algo como esto,

Código

<select class="field" onChange = "javascript:redireccion(this.value);">
   <option value="producto1.html">-- Producto1--</option>
   <option value="producto2.html">-- Producto2--</option>
   <option value="producto3.html">-- Producto3--</option>
   <option value="producto4.html">-- Producto4--</option>
   <option value="producto5.html">-- Producto5--</option>
   <option value="producto6.html">-- Producto6--</option>
</select>

Título: Re: duda Direccionamiento De categorias
Publicado por: WiseHidden en 24 Junio 2011, 13:24 pm

Muy buenas he aplicado el codigo que me has dicho pero tengo una duda..

Citar

function redireccion( url ){
window.location = url;
}

Supuestamente donde lo tengo que poner??

Gracias

Un saludo

Título: Re: duda Direccionamiento De categorias
Publicado por: Shell Root en 24 Junio 2011, 16:40 pm

Eso es javascript, yo os pondría antes de terminar la etiqueta </head>.

Título: Re: duda Direccionamiento De categorias
Publicado por: WiseHidden en 24 Junio 2011, 18:31 pm

Algo tengo que estar haciendo mal pues sigue sin direccionarse!!

Citar

function redireccion( url ){
window.location = url;
}

Lo pongo antes del head

y luego en categorias pongo:

Citar

   <label>Categoria</label>
                  <select class="field" onChange = "javascript:redireccion(this.value);">
                     <option value="">-- Elige Categoria --</option>
<option value="Portatiles.html">-- Portátiles --</option>
ect...

Nose donde puede recidir el fallo!!!

un saludo

WH

Título: Re: duda Direccionamiento De categorias
Publicado por: cassiani en 24 Junio 2011, 19:03 pm

solo por curiosidad, colocaste la función entre etiquetas script?

Código:

<head>
<script type="text/javascript">
        function redireccion( url ){
   window.location = url;
}
</script>
</head>

si te sigue dando problemas postea el código completo.

Título: Re: duda Direccionamiento De categorias
Publicado por: RedZer en 24 Junio 2011, 22:56 pm

mira es una opcion yo lo ago de la siguiente forma

Código

<select name="ramos" onchange="location = this.value">
            <option>Selecciona el Tipo</option>
            <option value="preguntasalumno.php">Alumno</option> 
            <option value="preguntasdocente.php">Jefe de Carrera</option> 
        </select>

Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: WiseHidden en 23 Junio 2011, 13:27 pm