duda Direccionamiento De categorias

WiseHidden · 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

Shell Root · 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 (javascript) [Seleccionar]

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

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

Código (html4strict) [Seleccionar]

<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>

WiseHidden · 24 Junio 2011, 13:24 PM

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

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

Supuestamente donde lo tengo que poner??

Gracias

Un saludo

Shell Root · 24 Junio 2011, 16:40 PM

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

WiseHidden · 24 Junio 2011, 18:31 PM

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

Citarfunction 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

cassiani · 24 Junio 2011, 19:03 PM

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

Código [Seleccionar]


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

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

RedZer · 24 Junio 2011, 22:56 PM

mira es una opcion yo lo ago de la siguiente forma

Código (php) [Seleccionar]


<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>