Javascript en spry

[VbOkonly]

Código HTML:

<li><a class="MenuBarItemSubmenu" href="#">Buscar Por:</a>
      <ul>
        <li><a href="#">Mascotas</a></li>
        <li><a href="#">Perdidos</a></li>
        <li><a href="#">Adopciones</a></li>
        <li><a href="#">Buscando Amor</a></li>
        <li><a href="#">Usuarios</a></li>
      </ul>
  </li>
 

Hola a todos, tengo este spry, lo que deseo es que, al oprimir cualquiera de ellos, me cambie el valor de el hidden de este formulario:

Código HTML:

<form action="buscador.php" method="get" name="busqueda" id="busqueda">
<input type="hidden" id="tipo" name="id" value="1" />
<span class="mensajedeldia">Buscador: </span>
<input name="buscar" onkeydown="funcionEnter(event);" type="text" size="16" maxlength="300" class="curved" />
<div id="navegadorder1"><img onkeydown="funcionBuscar();" src="Images/buscarindexbutton.gif" /></div>
</form>
 

digamos que cambie el valor de "tipo"(es el hidden que esta ahí)

Código Javascript:

document.busqueda.tipo.value = "1"
document.busqueda.tipo.value = "2"
document.busqueda.tipo.value = "3"
document.busqueda.tipo.value = "4"
document.busqueda.tipo.value = "5"
 

esto serian los resultados, pero nosé como hacer para que cunado se opriman cambie el numero de hidden xD, me ayudan?.

Gracias!.

PD: no entiendo bien que sintaxis usar o metodo logico para realizar esto.

[omarMusic]

Te creas una funcion q cambie el valor

function cambiarHidden(valor) {
document.busqueda.tipo.value = valor;
}

luego la llamas en los enlaces

<li><a href="javascript:cambiarHidden(1)">Mascotas</a></li>
<li><a href="javascript:cambiarHidden(2)">Perdidos</a></li>
<li><a href="javascript:cambiarHidden(3)">Adopciones</a></li>
<li><a href="javascript:cambiarHidden(4)">Buscando Amor</a></li>
<li><a href="javascript:cambiarHidden(5)">Usuarios</a></li>

Saludos!

[VbOkonly]

Hola omarMusic. tengo un problema, no me cambia el value del hidden, eso solo nomás :P

tengo así el formulario:

Código HTML:

<form action="buscador.php" method="get" name="busqueda" id="busqueda">
<input type="hidden" id="tipo" name="tipo" value="" />
<span class="mensajedeldia">Buscador: </span>
<input name="buscar" onkeydown="funcionEnter(event);" type="text" size="16" maxlength="300" class="curved" />
<div id="navegadorder1">
<img onkeydown="funcionBuscar();" src="Images/buscarindexbutton.gif" /></div>
</form>
 

lo que quisiera es que si apreto algun enlace de el spry, se cambie el valor en el hidden.

Muchas gracias por responder!.

[VbOkonly]

Quedo así:
Este es el formulario

Código HTML:

<form action="buscador.php" method="get" name="busqueda" id="busqueda">
<input type="hidden" id="tipo" name="tipo" />
<span class="mensajedeldia">Buscador: </span>
<input name="buscar" onkeydown="funcionEnter(event);" type="text" size="16" maxlength="300" class="curved" />
<div id="navegadorder1">
<img onkeydown="funcionBuscar();" src="Images/buscarindexbutton.gif" /></div>
</form>
 

Este codigo esta en el header:

Código Javascript:

function cambiarHidden(valor) {
document.busqueda.tipo.value = valor;
}
 

Y este en el spry:

Código HTML:

<li><a class="MenuBarItemSubmenu" href="#">Buscar Por:</a>
      <ul>
        <li><a href="javascript:cambiarHidden(1)">Mascotas</a></li>
        <li><a href="javascript:cambiarHidden(2)">Perdidos</a></li>
        <li><a href="javascript:cambiarHidden(3)">Adopciones</a></li>
        <li><a href="javascript:cambiarHidden(4)">Buscando Amor</a></li>
        <li><a href="javascript:cambiarHidden(5)">Usuarios</a></li>
      </ul>
  </li>
 

Pero sigue sin cambiarse el value que está en el formulario ... alguna sugerencia?

[omarMusic]

mmm..., bueno a mi me funciona en firefox, bueno agrega unas comillas simples

<li><a href="javascript:cambiarHidden('1')">Mascotas</a></li>

Suerte!

[IsaBelM]

en un principio no funcionaba por que hacías referencia a su id en vez de a su name. eso lo has corregido, por lo tanto ha de funcionar. por cierto, intenta usar dom level 2 addEventListener

[VbOkonly]

sigue sin funcionar, lo puedo corroborar cuando miro el codigo fuente del navegador despues de pulsa, y me sale esto:

<input type="hidden" value="" name="tipo" id="tipo">

[VbOkonly]

listo, funcionó, faltaba una } en una etiqueta vecina, disculpen, muchas gracais

[InKarC]

Si se quieren ahorrar horas y horas de trabajo por errores tan "sencillos" como este les sugiero que usen dreamweaver para escribir el codigo javascript.

[IsaBelM]

Iniciado por InKarC

Si se quieren ahorrar horas y horas de trabajo por errores tan "sencillos" como este les sugiero que usen dreamweaver para escribir el codigo javascript.

o aún mejor usar las consolas de chrome y firebug

[InKarC]

Iniciado por IsaBelM

o aún mejor usar las consolas de chrome y firebug

Nop, ya que dreamweaver lo hace en tiempo real señalandote la linea javascript que esta "rota" en cambio en el navegador lo tienes que abrir cada vez que haces el "debug"...

Y he usado las consolas de Chrome y Firebug y muchas veces no son tan precisas como uno quisiera.

[zerokilled]

@Inkarc,

¿de verdad crees que usar dreamweaver es mejor que una consola? lamento, pero no estoy de acuerdo contigo. en lo unico que te doy la razon es que hay interpretes que son imprecisos en la linea que realmente falla pero no todos son asi.

dos razones fundamentales: la primera es que cada interprete es distinto de modo que lo que falla en uno no necesariamente tiene que fallar en otro, salvo en circunstancias estrictas como la sintaxis. y segundo, pese a que dreamweaver incorpora su propio interprete no es un navegador y nadie lo usara como tal. y si quieres un tercer argumento adicional, nadie estaria dispuesto a invertir la suma necesaria para simplemente depurar codigo javascript con dreamweaver.

[InKarC]

salvo en circunstancias estrictas como la sintaxis

Estas "circunstancias" son las que mas hacen perder el tiempo cuando no se tiene un depurador de sintaxis en tiempo real de javascript... como lo es dreamweaver.

y segundo, pese a que dreamweaver incorpora su propio interprete no es un navegador y nadie lo usara como tal.

Nadie va a usar Eclipse para ver paginas hechas con php, lo que no significa que su depurador sea exageradamente útil. Y por cierto, dreamweaver no tiene un "interprete", solo tiene un depurador de sintaxis para ver si faltan "{}" o "()" etc.

Por otro lado en el marco de la legalidad el precio de Dreamweaver si es una razón de bastante peso.

[zerokilled]

por si no lo sabes, la consola javascript de chrome y firebug, incluso la de iexplorer7, incorpora la herramienta de depuracion en tiempo real. en chrome y firebug es un boton que dice algo como "Detener en cualquier excepcion". en iexplorer es un boton que dice algo como "iniciar depurador". el punto es que a la vez que el navegador interpreta el script, si hay un error se detiene y te avisa donde esta el error.

[InKarC]

Iniciado por zerokilled

por si no lo sabes, la consola javascript de chrome y firebug, incluso la de iexplorer7, incorpora la herramienta de depuracion en tiempo real. en chrome y firebug es un boton que dice algo como "Detener en cualquier excepcion". en iexplorer es un boton que dice algo como "iniciar depurador". el punto es que a la vez que el navegador interpreta el script, si hay un error se detiene y te avisa donde esta el error.

Con "tiempo real" me estoy refiriendo a mientras se escribe el javascript, sin tener que ejecutarlo en un navegador.