Transformar Link em Function

[oprogramador2012 1]

Olá mais uma vez aqui gente!

 

Estou com uma pequena dúvida.

Tenho o segunte link que ao ser clicado abre um Lightbox com uma tela de galeria de imagens normalmente!

<a href="galeria.php" class="iframe cboxElement">Galeria de Fotos</a>

Reparem que acima, o lightbox utiliza duas classes no link para funcionar: "iframe e cboxElement".

 

 

Só que, eu não quero utilizar o link dessa forma para abrir o lightbox.

Gostaria de utilizar uma outra estrutura de link para executar a ação do lightbox, tipo:

<a href="javascript:void(0);" onClick="abrir_lightbox();">Galeria de Fotos</a>

 

Daí.. ao ser executado o onClick acima, execute uma função e consequentemente execute o lightbox.

<script>
function abrir_lightbox()
{
    // AÇÃO DO LIGHTBOX AQUI...   
}
</script>

 

Será que deu pra entender gente?

 

Desde já agradeço!

 

 

[Fiote 24]

Entendi o que você quis dizer... mas não entendi o problema.

 

O onclick não está funcionando?

[William Bruno 1501]

Essa forma é incorreta. Misturar js com html é uma má prática, e não devemos mais usar atributos de eventos no html.

[oprogramador2012 1]

Entendi o que você quis dizer... mas não entendi o problema.

 

O onclick não está funcionando?

 

Na verdade não tenho noção de como fazer! :(

 

você poderia me dar um exemplo de como fazer essa ação dentro da função abrir_lightbox()???

 

Ficarei muitíssimo grato!

 

abraços!

[cristianoolv 93]

<a id="id">Galeria de Fotos</a>

 

 

document.getElementById("id").addEventListener("click", abrir_lightbox, false);

[oprogramador2012 1]

 

<a id="id">Galeria de Fotos</a>


document.getElementById("id").addEventListener("click", abrir_lightbox, false);

 

 

 

Opa Cristiano,

acho q ainda não é isso..

 

na verdade eu quero usar a estrutura, assim:

<a href="javascript:void(0);" onClick="abrir_lightbox();">Galeria de Fotos</a>

 

E executar a function abrir_lightbox();

Ao ser executado, ele faça alguma ação dentro da função com as caracteristica do lightbox q utiliza as classes "iframe e cboxElement" para funcionar.

 

Entendeu?

 

Abçs!