Ir para conteúdo

POWERED BY:

Arquivado

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

rtapias

m-me

Por , em Javascript

Recommended Posts

rtapias    0

rtapias
Postado

Srs,

 

Alguém sabe me dizer que efeito que foi usado nessa página, quando clica no titulo, desce a informação, se clica de novo a caixinha some.

UNIP

 

E mais uma coisinha, eu to precisando de um programa bom para fazer menu pop-up, eu não sei fazer na mão, infelizmente, e já tentei utilizar o FIREWORKS, entretanto o mesmo só funciona se você fizer uma imagem de rollover, e no caso eu quero um todo em HTML, com tables se posssível, alguém pode me ajudar????? ;)

 

Obs: só posso utilizar JS...nenhuma outra técnologia.

 

Abraços

Rogério

Compartilhar este post

Link para o post
Compartilhar em outros sites

cassitos    2

cassitos
Postado

Isso que ele fez foi em vb script:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Documento sem título</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<script language="JavaScript">

function quadro (id)

{

elemento=document.all[id];

 

if (elemento.style.display == "")

  elemento.style.display = "none"

else

  elemento.style.display = ""

}</script>

<body>

<p>

  <input type="button" name="Submit" value="Linha1" onClick="quadro('tr1')">

  <input type="submit" name="Submit2" value="Linha2" onClick="quadro('tr2')">

  <input type="button" name="Submit3" value="Linha3" onClick="quadro('tr3')">

  <input type="submit" name="Submit4" value="Linha4" onClick="quadro('tr4')">

  <input type="button" name="Submit5" value="Linha5" onClick="quadro('tr5')">

</p>

<table width="250" border="0" cellspacing="0" cellpadding="0">

  <tr bgcolor="#FFFF00" id="tr1">

    <td> </td>

    <td> </td>

    <td> </td>

    <td> </td>

    <td> </td>

  </tr>

  <tr bgcolor="#009900" id="tr2">

    <td> </td>

    <td> </td>

    <td> </td>

    <td> </td>

    <td> </td>

  </tr>

  <tr bgcolor="#66FFFF" id="tr3">

    <td> </td>

    <td> </td>

    <td> </td>

    <td> </td>

    <td> </td>

  </tr>

  <tr  bgcolor="#99FF00" id="tr4">

    <td> </td>

    <td> </td>

    <td> </td>

    <td> </td>

    <td> </td>

  </tr>

  <tr  bgcolor="#FF0000" id="tr5">

    <td> </td>

    <td> </td>

    <td> </td>

    <td> </td>

    <td> </td>

  </tr>

</table>

 

</body>

</html>

Os TR's estão com um id, daí aplica o estilo display.

 

É bem simples.

Compartilhar este post

Link para o post
Compartilhar em outros sites

rtapias    0

rtapias
Postado

Eu tenho um modo mais facil em javascript....Posto amanha ele, pq tenho q procurar ele lá em casa...Alica CWB

valeu Alica, eu fico no aguardo.... :wacko:

Compartilhar este post

Link para o post
Compartilhar em outros sites

alicacwb    0

alicacwb
Postado 

<html><head><title>JavaScript - Menu</title><script language=javascript>itens = new Array();subitens = new Array();itens[1] = "items 1";itens[2] = "items 2";subitens[1] = "subitem 1 A|subitem 1 B";subitens[2] = "subitem 2 A|subitem 2 B";aux = 0;function teste(n){ if(aux==n){  e = document.all["item"+n];  e.innerHTML = ""; }else{  if(aux!=0){   e = document.all["item"+aux];   e.innerHTML = "";  }  aux = n;  e = document.all["item"+n];  retornar = "";  vetor = subitens[n].split("|");   for(i=0;i<vetor.length;i++){   retornar += "<br> - " + vetor[i];   }  e.innerHTML = retornar; }}</script></head><body bgcolor=ffffff text=000000><table border=0 cellspacing=0 cellpadding=0><script language=javascript>for(i=1;i<itens.length;i++){document.write("<tr><td><a href=\"javascript:;\" onclick=\"teste("+i+");\">"+itens[i]+"</a><span name=item"+i+" id=item"+i+"></span></td></tr>");}</script></table></body></html>

 

Alica CWB

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