Como C A C??

donquinto · #1 (**permalink**) 17/12/2002, 21:33

Saludos...

Mi pregunta es...... yo kiero hacer un diccionaro.......es como una lista de palabras utilizadas en la cocina.........todas las palabras estaran en una sola pagina y arriba en el principio de la lista una casillita........lo ke yo necesito es k cuando el visitante introdusca una letra la pagina baje a la primera palabra k empiece con esa letra..........ejemplo......si el visitante introduce Z la pagina bajara a la primera palabra d la lista k empiece con Z........

Como se hace???

Gracias!!

Kaopectate · #2 (**permalink**) 18/12/2002, 08:42

Hola DonQuinto.

Si vas a poner un elemento text solo para aproximar el primer caracter, mas te convendría poner 27 botoncitos con letras ¿no?.

Bueno, supongo que no estas pidiendo opiniones de diseño sino de realización. Voy a prepararte un ejemplito como lo quieres y ya veremos.

Saludos.

Kaopectate · #3 (**permalink**) 18/12/2002, 10:33

Hola DonQuinto, disculpa la demora. Había olvidado mi promesa. Te preparé una solución bien completa (creo), con ejemplos de salto por link, por botón y por texto para que escojas el diseño a tu conveniencia.

Saludos.

Código PHP:

  <html> 
 <head> 
  <script language="JavaScript"> 
 
   function salta(sChar){ 
    location.href = "#" + sChar; 
   } 
 
   function procesa(){ 
    if(window.event.keyCode == 65) salta("a"); 
    if(window.event.keyCode == 66) salta("b"); 
    if(window.event.keyCode == 67) salta("c"); 
    if(window.event.keyCode == 68) salta("d"); 
    if(window.event.keyCode == 69) salta("e"); 
   } 
 
  </script> 
 </head> 
 <body> 
  <form name="frm"> 
   <table border="0"> 
    <tr> 
     <td> 
      <a href="#a">A</a> 
      <a href="#b">B</a> 
      <a href="#c">C</a> 
      <a href="#d">D</a> 
      <a href="#e">E</a> 
     </td> 
     <td> 
      <input type="button" value="A" onclick="salta('a')"> 
      <input type="button" value="B" onclick="salta('b')"> 
      <input type="button" value="C" onclick="salta('c')"> 
      <input type="button" value="D" onclick="salta('d')"> 
      <input type="button" value="E" onclick="salta('e')"> 
     </td> 
     <td> 
      <input type="text" onKeyUp="procesa()"> 
     </td> 
    </tr> 
   </table> 
   <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
   <a name="a"></a>Letra A: 
   <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
   <a name="b">Letra B: 
   <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
   <a name="c">Letra C: 
   <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
   <a name="d">Letra D: 
   <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
   <a name="e">Letra E: 
  </form> 
 </body> 
</html>

donquinto · #4 (**permalink**) 19/12/2002, 07:00

GRACIAS!!