Soy nuevo en la codificación y necesito ayuda con la adición de un evento onclick a mi lista (que se supone que funciona como un menú desplegable)-

Este es el código de mi lista:

<div class="click-nav">

<ul class="clicker">
<ul>
            <li><a href="#">shake</a></li>
            <li><a href="#">shrink</a></li>
            <li><a href="#">melt</a></li>
        <li><a href="#">disperse</a></li>
</ul>     
</ul>
</div>

Quiero hacerlo de modo que cuando uno de estos elementos es seleccionada, una función es despedido (que llama a un montón de imágenes específicas para la categoría seleccionada para ser colocado en un div).

Yo lo he probado también con la opción seleccionar y estaba funcionando perfectamente, pero tengo que cambiar a causa de su obstinada diseño:

<label>
<select name="alphabets" id="typeface" onchange="myType();">
<option value="shake" selected>shake</option>
<option value="shrink">shrink</option>
<option value="melt">melt</option>
<option value="disperse">disperse</option>
<option value="disintegrate">disintegrate</option>

</select>
</label>

Gracias de antemano por la ayuda!

InformationsquelleAutor circariem | 2013-07-29

2 Comentarios

  1. 1

    Sólo podría agregar onclick para cada uno » y llamar a una función diferente para cada uno:

    <script>
        function shake(){
            alert('Shake');
        }
    
        function shrink(){
            alert('Shrink');
        }
    
    </script>
    <div class="click-nav">
    
    <ul class="clicker">
    <ul>
        <li><a href="#" onclick=shake();>shake</a></li>
        <li><a href="#"onclick=shrink();>shrink</a></li>
        <li><a href="#">melt</a></li>
        <li><a href="#">disperse</a></li>
    </ul>     
    </ul>
    </div>
  2. 0

    Ver esto.

    <html>
    <div id="name">text</div>
    
    <ul><li onclick="chaangeEvenet(this)">A </li><li  onclick="chaangeEvenet(this)">B </li><li  onclick="chaangeEvenet(this)">C </li></ul>
    </html>
    
    <script>
    var namefield=document.getElementById("name");
    function chaangeEvenet(e){
       namefield.innerHTML=e.innerHTML;
    }
    </script>

Dejar respuesta

Please enter your comment!
Please enter your name here