Jump to content


Photo

Problema Com Navegadores


  • Faça o login para participar
2 replies to this topic

#1 Srkupper

Srkupper

    Turista

  • Usuários
  • 55 posts
  • Sexo:Masculino
  • Localidade:Pinda Sp

Posted 07/08/2011, 20:20

bom galera tem o codigo abaixo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="JavaScript1.2" type="text/javascript">

function showAjuda(event,caminho){
IMG = document.all? document.all.img : document.getElementById("img");
IMG.innerHTML ="<img src='"+caminho+"' onMouseOut='hideAjuda();'>";


caixa = document.all? document.all.boxAjuda : document.getElementById("boxAjuda");
caixa.style.visibility = "visible";
caixa.style.top = event.clientY + document.body.scrollTop + 5;
caixa.style.left = event.clientX + document.body.scrollLeft + 5;
}

function hideAjuda(){
caixa = document.all? document.all.boxAjuda : document.getElementById("boxAjuda");
caixa.style.visibility = "hidden";
}

</script>
</head>

<body>
<p><a name="topo" id="topo"></a></p>
<table width="600" border="0" align="center">
  <tr>
    <td width="150" rowspan="5" valign="top"><a onmouseover="showAjuda(event,'imagens/snapshot_35d2ec4d_35f90740.jpg')" onMouseOut='hideAjuda();' href="#"><img src="imagens/snapshot_35d2ec4d_35f90740.jpg" alt="" width="150" height="150" border="0" style="background-color: #FFFFFF" /></a></td>
    <td width="380">Titulo</td>
    <td width="56" rowspan="5"><table width="50" border="0">
      <tr>
        <td><a onmouseover="showAjuda(event,'imagens/snapshot_35d2ec4d_35f90740.jpg')" onMouseOut='hideAjuda();' href="#"><img src="imagens/snapshot_35d2ec4d_15f907bf.jpg" alt="" name="" width="50" height="50" style="background-color: #FFFFFF" /></a></td>
      </tr>
      <tr>
        <td><a onmouseover="showAjuda(event,'imagens/snapshot_35d2ec4d_35f90740.jpg')" onMouseOut='hideAjuda();' href="#"><img src="imagens/snapshot_35d2ec4d_35f90660.jpg" alt="" name="" width="50" height="50" style="background-color: #FFFFFF" /></a></td>
      </tr>
      <tr>
        <td><a onmouseover="showAjuda(event,'imagens/snapshot_35d2ec4d_35f90740.jpg')" onMouseOut='hideAjuda();' href="#"><img src="imagens/snapshot_35d2ec4d_75f9071d.jpg" alt="" name="" width="50" height="50" style="background-color: #FFFFFF" /></a></td>
      </tr>

só que só funciona no IE o script não funfa no opera crome e firefox
o que pode ser?

#2 Lucaswdm

Lucaswdm

    Lucas WDM

  • Usuários
  • 284 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte
  • Interesses:PHP

Posted 08/08/2011, 01:11

Meu amigo.

Para criar elementos em tempo de execução, você deve utilizar document.createElement('TIPO_DO_ELEMENTO');

Como por exemplo...

Primeiramente, crie um <DIV> vazio chamado "container" e coloque ele no lugar onde quer que apareça sua imagem criada dinamicamente... Vai ficar assim:

<div id='container'></div>

Agora esse é o codigo pra criar elementos do tipo img (IMAGEM) dinamicamente:
var IMG = document.createElement('img');
IMG.src = caminho;
IMG.onmouseout = "hideAjuda();";

//Agora vamos INSERIR essa imagem no div #container
document.getElementById('container').appendChild(IMG);

Com certeza vai funcionar em 99% dos navegadores atuais! ;)

Um forte abraço!

Edição feita por: Lucaswdm, 08/08/2011, 01:11.

Lucas Mariano - Data2 Soluções para Internet
Idealizador :: Concurso #GatasdoTW
Belo Horizonte, MG

#3 Srkupper

Srkupper

    Turista

  • Usuários
  • 55 posts
  • Sexo:Masculino
  • Localidade:Pinda Sp

Posted 08/08/2011, 20:16

o problema não está na div, mais sim no top, left (erro que dá no momzila)em css, mais não sei por que?!

Já resolvi,
na verdade o firefox não interpreta valores left e top sem uma unidade de medida, por tanto tive que colocar +'px'; no final das linhas onde tinha top




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq