Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Daniel o rei

problema com uma função chamado pelo onmouseover

Por , em Javascript

Recommended Posts

Daniel o rei    14

Daniel o rei
Postado

To criando um site de jogos em php e não sei muito bem javascript.

Vou mostrar meu script já compilado:

SELECT * FROM `juegos` WHERE `cat` =2 LIMIT  0,10<head>
  <title>paginaçao</title>
<script type="javascript">
function table(title, body)
{

return ' <table cellpadding="0" cellspacing="0" border="0" bgcolor="blue">
<tr>
<td width="11" valign="top" align="left"><img src="es-ci.gif"></td>

<td>
<center>'+title+'</center>
</td>

<td width="11" valign="top" align="right">  <img src="di-ci.gif"></td>
</tr>
<tr>
<td/>
<td>'+body+'</td>
<td width="11">j</td>

</tr>
<tr>
<td width= "11" valign="bottom" align="left"><img src="es-ba.gif"></td >
<td/>
<td width="11" valign="bottom" align="right" ><img src="di-ba.gif" ></td>
</tr>



</table> ' ;

}


function MontaTexto(Texto)
{ 
alert('vai funciona. funcionou!') ;
window.areaTexto.innerText = Texto;
// alert(window.areaTexto.innerText);
return true;
}

function DesmontaTexto(numberofid2)
{ 
window.areaTexto.innerText = "";
// alert(window.areaTexto.innerText);
return true;
} 

</script>
</head>
<body>
<table>
<tr>
<td><img src="img/es-ba.gif" onmouseover="MontaTexto(table('x','xxxxxxxxxxxd'));" onmouseout="DesmontaTexto();"></td>
<td></td>
<td></td>
<td></td>

<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</table>1</body>






?>
Eu quero que apareça uma tabela azul com bordas arredondadas, que está na função table

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Eu quero que apareça uma tabela azul com bordas arredondadas, que está na função table

 

Nao entendi onde entra o Javascript nisso..

pq nao aplica a imagem de fundo azul, e com bordas arredondadas nessa tabela ai ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

brunobortolotti.com    0

brunobortolotti.com
Postado

Bom, isso ai é simples, mas sinceramente esse código está bastante bagunçado, e o HTML da "tabela" tem varios erros.

Dica: Tenta limpar o maximo possivel os scripts, pode ajudar a visualizar uma solução.

 

eu resolveria essa questão da seguinte forma:

1º cria um span invisível com todo o conteudo da tabela que deverá ser exibida.

NO HTML (já corrigido):

<span id="tabela_arredondada" ´style="display:none;"...>
    <table cellpadding="0" cellspacing="0" border="0" bgcolor="blue">
        <tr>
            <td width="11" valign="top" align="left">
                <img src="es-ci.gif">
            </td>
            <td>
                <center>&!&:titulo;</center>
            </td>
            <td width="11" valign="top" align="right">
                <img src="di-ci.gif">
            </td>
        </tr>
        <tr>
            <td width="11">> </td>
            <td>&!&:conteudo;</td>
            <td width="11">j</td>
        </tr>
        <tr>
            <td width= "11" valign="bottom" align="left">
                <img src="es-ba.gif">
            </td >
            <td> </td>
            <td width="11" valign="bottom" align="right" >
                <img src="di-ba.gif" >
            </td>
        </tr>
    </table>
</span>

Beleza, dentro desta TAG span você terá a sua tabela arredondada, mas ela não será exibida. Caso queira conferir se está tudo certinho com ela, basta remover o [ Style="display:none;" ]

 

NO JAVASCRIPT:

function MostrarTabela(titulo,conteudo)
{
    var TabelaTemp = document.getElementById('tabela_arredondada').innerHTML
        TabelaTemp = TabelaTemp.replace("&!&:titulo;",titulo)
        TabelaTemp = TabelaTemp.replace("&!&:conteudo;",conteudo)

    SEU_DESTINO.innerHTML = TabelaTemp
}

function RemoveTabela()
{
    SEU_DESTINO.innerHTML = ""
}

NO ELEMENTO

<img src="img/es-ba.gif" onmouseover="MostrarTabela('x','xxxxxxxxxxxd')" onmouseout="RemoveTabela()">

Pronto, agora você tem um script com 10 linhas e muito mais facil de entender.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daniel o rei    14

Daniel o rei
Postado

Não deu certo. A tabela acabou exibida sem ter tocado na img . E é para colocar o que no seu_destino?Eu quero que a tabela apareça um pouco embaixo do canto inferior direito da tabela. E meu script não vai ficar com 10 linhas e sim com mais de 100, o script que eu coloquei ja estava interpretado(eu coloquei compilado no tópico).

 

Descubri porque aparecia a tabela! Tinha uma aspa no seu script.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito