Lightbox combinado com Javascript

ydiwonko · Março 11, 2010

Caros colegas do IMaster, recorro a vocês para desvendar este mistério.

Colocarei o código utilizado logo abaixo, porém desde já informo que não estou conseguindo combinar o lightbox com este recurso do Javascript <onMouseover>, uma vez que utilizo este recurso do Javascript para um menu dinâmico do lado esquerdo da página.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>::titulo da pagina::</title>

<!--

.style13 {color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

.style15 {

color: #FFFF00;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold;

}

.style18 {color: #000099}

a:link {

text-decoration: none;

color: #FFFFFF;

}

a:visited {

text-decoration: none;

color: #FFFFFF;

}

a:hover {

text-decoration: none;

color: #FFFFFF;

}

a:active {

text-decoration: none;

color: #FFFFFF;

}

.style19 {color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }

.style21 {color: #FFFF00}

.style22 {color: #FF0000}

.style23 {color: #000000; }

.style25 {color: #FFFFFF}

.style29 {font-weight: bold; color: #FFFF00;}

.style30 {font-weight: bold; color: #FFFF00; font-size: 18px; }

.style28 {font-size: 18px}

-->

</style>

</head>

<tr>

<tr>

<tr>

</tr>

</table>

<tr>

<td width="88"><div align="center" class="style19"><a href="sobrenos.html"><span class="style21">Sobre nós </span></a><a href="sobrenos.html"></a> </div></td>

<td width="76"><div align="center" class="style19"><a href="servicos.html"></a><a href="produtos.html"><span class="style21">Produtos</span></a></div></td>

<td width="82"><div align="center" class="style19"><a href="noticias.html"><span class="style21">Noticias</span></a><a href="noticias.html"></a></div></td>

<td width="89"><div align="center" class="style19"><a href="localizacao.html"><span class="style21">Localização</span></a></div></td>

<td width="58"><div align="center" class="style19"><a href="contato.html"><span class="style21">Contato</span></a></div></td>

</tr>

</table></td>

</tr>

<tr>

</tr>

<tr>

<tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<tr>

</tr>

<p align="left" class="style22"><a href="http://www.pagina.com.br/produtos.html" class="style15" onMouseover="showit(1)"><span class="style21"> Calandra</span></a></p> </td>

</tr>

</table>

</div></td>

</tr>

<tr>

</tr>

</table></td>

<tr>

<tr>

<td height="26"><div align="center"><span class="style29"> <span class="style28"> Produtos da pagina</span></span></div></td>

</tr>

</table></td>

</tr>

<tr>

</tr>

<tr>

</p>

</ilayer>

var submenu=new Array()

submenu[1]='<font size="2" face="Verdana"><span class="style22"> <STRONG>Calandra</STRONG></span><br><br><a rel="lightbox_vlb" href="data/images/eletroerosao.jpg" title="eletroerosao"><img src="data/thumbnails/eletroerosao.png" alt="eletroerosao"/></a><a id="vlb" href="http:www.pagina.com.br"></a><script src="engine/js/visuallightbox.js" type="text/javascript"></script></div></font>'

var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""

function showit(which){

clear_delayhide()

thecontent=(which==-1)? "" : submenu[which]

if (document.getElementById||document.all)

menuobj.innerHTML=thecontent

else if (document.layers){

menuobj.document.write(thecontent)

menuobj.document.close()

}

function resetit(e){

if (document.all&&!menuobj.contains(e.toElement))

delayhide=setTimeout("showit(-1)",delay_hide)

else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))

delayhide=setTimeout("showit(-1)",delay_hide)

}

function clear_delayhide(){

if (window.delayhide)

clearTimeout(delayhide)

}

function contains_ns6(a, B) {

while (b.parentNode)

if ((b = b.parentNode) == a)

return true;

return false;

}

</script>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table> </td>

<tr>

</tr>

<tr>

</tr>

<tr>

<tr>

</tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table></td>

</tr>

<tr>

</tr>

</table> </td>

</tr>

</table></td>

</tr>

<tr>

</tr>

<tr>

<td height="32" background="IMAGES/bottom_bg.gif" class="copyright style18"><p align="center"><span class="style21">© 2009. All Rights Reserved. Design by</span> <A href="index.html">Empresa S.A.</A> </p></td>

</tr>

</table></td>

</tr>

<tr>

</tr>

</table>

</body>

</html>

A quem conseguir tirar esta dúvida agradeço muito.

Abraço

Ydiwonko.

Elektra · Março 13, 2010

Oi ydiwonko, seja bem vindo ao fórum.

Pelo que observei no código que você postou, trata-se de Html com JavaScript.

Nada de Flash na sua página, ou seja, vamos aguardar algum moderador conferir a sua solicitação, e, se minha observação estiver correta, transferir o seu tópico para o fórum de JavaScript.

PS: (para colaborar), quando precisar postar algum código no fórum, fica legal acionar o ícone <> (inserir code) e colar entre code e /code, facilita a visualização.

Abraços

Entrar

Arquivado

Lightbox combinado com Javascript

Recommended Posts

ydiwonko 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Elektra 102

Compartilhar este post

Link para o post

Compartilhar em outros sites

PHP+Codeigniter - Adicionar Registro Plano de Contas

Javascript - Passar Parâmetros para uma Função.

PHP - Consulta MySql para prazo de dias

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante