[SOLUCIONADO] Cómo ejecutar una función javascript desde un link?

[NaRanJiTo78]

Hola!

Me gustaría saber lo siguiente, tengo la siguiente función Javascript, que consiste en abrir una ventana pulsando un icono:

Código:

    $(function(){
        $('.slide-out-div').tabSlideOut({
            tabHandle: '.handle',                   
            pathToTabImage: 'imagenes/bg/chat-button.png', 
            imageHeight: '37px',                     
            imageWidth: '19px',                       
            tabLocation: 'right',                      
            speed: 300,                            
            action: 'click',                         
            topPos: '200px',                         
            fixedPosition: true                      
        });

    });

 
  $(document).ready(function(){
$(".selector").click(function(){
    var id = $(this).attr("id");
    if ($("."+id).css("display") == "none")
        $("."+id).show();
    else
        $("."+id).hide();
});
});

Cómo puedo hacer para que pulsando una imagen también se ejecute la función de abrir dicha ventana?

Muchas gracias por adelantado!

[maycolalvarez]

asignándole el mismo evento, en el DOM muchos objetos comparten los mismos eventos, y en el caso de jQuery solo necesitas colocarle un identificador (sea una clase css o ID)

[NaRanJiTo78]

Gracias por tu respuesta maycolalvarez, pero si la ventana se abre con una función asignada a una determinada clase, como voy aplicar a un "li"

Código HTML:

<li class="lamismaclase"><a href=""></li> 

si el otro elemento no tiene la misma clase?

(Pregunto desde mi ignorancia de jQuery)

[PHPeros]

Puedes aplicar a varias clases con los selectores:

Código:

$(".clase1,.clase2")

Saludos

[NaRanJiTo78]

Gracias por las respuestas, pero ejecuto lo siguiente (añadir la clase "chat" al "li" que lo quiero aplicar) al el código inicial:

Código Javascript:

$(document).ready(function(){
$(".selector",".chat").click(function(){
    var id = $(this).attr("id");
    if ($("."+id).css("display") == "none")
        $("."+id).show();
    else
        $("."+id).hide();
});
});
 

Código HTML:

<li class="chat" id="segundo"><a href="#"><img src="imagenes/chat.png" alt=""></a> </li>
 

y sigue sin abrirse la ventanita... qué es lo que estoy haciendo mal?

[NaRanJiTo78]

Aquí lo explico mejor:




La cuesstón es poder abrrir la ventanita desde ambos sitios

URL: Aquí

[PHPeros]

Ponlo tal cual, sé lo que me digo:

Código:

$(".selector,.chat")

[NaRanJiTo78]

No me funciona como dices :(

[andresgarciadev]

primero... estas haciendo que se muestre apartir de el id... no puedes hacer eso con dos objetos diferentes ya que el id deberia ser unico...
lo que podrias hacer es usar esto
http://www.etnassoft.com/2011/03/26/jquery-data/
darle al elemento un nuevo atributo y invocarlo con data()
asignales a ambos el mismo texto en ese data y que sea el nombre de la clase que quieres mostrar que por lo que veo asi es como funciona tu scrip

[NaRanJiTo78]

Muchas gracias Andrés! :)