Botões expandiveis, javascript

PHP, Java, JavaScript, XML, XHTML, HTML, CSS, ASP, Delphi, Assembly, LaTeX, C, UML, Flash, Perl, SQL, Python, Zope, Pascal, WML. Se conhece mais de 3 siglas referidas, este é o forum para si.

Moderadores: Administradores, Moderadores

Botões expandiveis, javascript

Mensagempor Devil » Sexta Jan 06, 2006 13:03

Boas!

Eu kria criar uns botões k se expandissem de preferencia javascript!
Estilo o botão "todos os programas" do menu iniciar!

Cumps.
Devil
Membro de Prata
Membro de Prata
 
Mensagens: 368
Registado: Segunda Fev 14, 2005 18:09
Localização: leiria

Mensagempor xirix » Sexta Jan 06, 2006 14:49

Moderador alfatek: A sua mensagem/tópico foi moderada(o) por termos considerado que o seu conteudo é desinteressante ou não está muito relacionada com este tópico.

De acordo com as nossas regras, mensagens "ocas" de interesse podem ser moderadas para não estragarem forums/tópicos bons.

Pode ler as regras no endereço:
http://www.hardware.com.pt/forum/viewtopic.php?t=5831
X|r|X
=================
Não subscrevam a VIANETWORKS, TVTel ADSL, ASDL.XL, CyclopNet. A VIA aldraba todos os seus clientes iludindo-os c/ velocidades q nunca tem na realidade. Uma ligação 1024/256 (128kB/32kB) na prática é de 6kB/4kB c/ o emule.
xirix
Membro de Ouro
Membro de Ouro
 
Mensagens: 673
Registado: Terça Out 05, 2004 21:07

Mensagempor xgOd » Sexta Jan 06, 2006 16:46

Código: Seleccionar todos
<script type="text/javascript">
function showHideText(isto,textId) {
  var block  = document.getElementById(textId);
  // alert(block.style.display);
  if (block.style.display == "none") {
  // mostrar texto
     block.style.display = "";
     isto.innerHTML = "Esconder texto";
  } else {
  // esconder texto
     block.style.display = "none";
     isto.innerHTML = "Mostrar texto";
  }
}
</script>
</head>
<body>
<p><u><a onClick="showHideText(this,'texto1')" style="cursor:pointer">Esconder texto</a></u></p>
<table id="texto1" style="display:block;" width="100%" border="0" cellspacing="0" cellpadding="4">
  <tr>
    <td>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
      eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
      voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
      clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
      amet.</td>

  </tr>
</table>
<p><u><a onClick="showHideText(this,'texto2')" style="cursor:pointer">Mostrar texto</a></u></p>
<table id="texto2" style="display:none;" width="100%" border="0" cellspacing="0" cellpadding="4">
  <tr>
    <td>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
      eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
      voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
      clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
      amet.</td>
  </tr>
</table>
</body>
xgOd
Aprendiz
Aprendiz
 
Mensagens: 61
Registado: Domingo Jul 03, 2005 13:21

Mensagempor Devil » Sábado Jan 07, 2006 1:08

Obrigado! :wink:

Mas eu precisava de outra coisa...
É k o texto que está "escondido", n fosse um texto mas sim botões daqueles que se mudam quando passamos com o rato tudo em javascript de preferencia! :wink:
Devil
Membro de Prata
Membro de Prata
 
Mensagens: 368
Registado: Segunda Fev 14, 2005 18:09
Localização: leiria

Mensagempor xgOd » Sábado Jan 07, 2006 12:43

Devil Escreveu:Obrigado! :wink:

Mas eu precisava de outra coisa...
É k o texto que está "escondido", n fosse um texto mas sim botões daqueles que se mudam quando passamos com o rato tudo em javascript de preferencia! :wink:

Basta pores o código que está no texto no botão
Código: Seleccionar todos
<a onClick="showHideText(this,'texto1')">

Onde o texto1 é o ID da table/td/tr/div que queres esconder
Se quiseres quando se passa o rato por cima em vez de onClick metes onMouseOver :wink:
xgOd
Aprendiz
Aprendiz
 
Mensagens: 61
Registado: Domingo Jul 03, 2005 13:21

Mensagempor Devil » Sábado Jan 07, 2006 21:03

N precebeste o k eu cria dizer! :?

N era a imagem/texto que esconde a table/td/tr/div ! Mas sim o conteudo escondido da table/td/tr/div é k kero por "on mouse over" (imagens)!
Devil
Membro de Prata
Membro de Prata
 
Mensagens: 368
Registado: Segunda Fev 14, 2005 18:09
Localização: leiria

Mensagempor xgOd » Sábado Jan 07, 2006 21:21

Devil Escreveu:N precebeste o k eu cria dizer! :?

N era a imagem/texto que esconde a table/td/tr/div ! Mas sim o conteudo escondido da table/td/tr/div é k kero por "on mouse over" (imagens)!

Não percebi. Queres que o que tá escondido onMouseOver apareça/desapareça? Cm é que queres fazer um onMouseOver de uma cena escondida? Explica-te uma beca melhor, sff.
xgOd
Aprendiz
Aprendiz
 
Mensagens: 61
Registado: Domingo Jul 03, 2005 13:21

Mensagempor Devil » Sábado Jan 07, 2006 21:34

Eu n consigo explicar bem!

o k eu kero é carregar no botão e aparecer outros botões com efeito on mouse over!
Devil
Membro de Prata
Membro de Prata
 
Mensagens: 368
Registado: Segunda Fev 14, 2005 18:09
Localização: leiria

Mensagempor xgOd » Sábado Jan 07, 2006 21:43

Devil Escreveu:Eu n consigo explicar bem!

o k eu kero é carregar no botão e aparecer outros botões com efeito on mouse over!

Ah já percebi, lol!

Queres algo deste tipo:
http://www.w3schools.com/dhtml/tryit.as ... orizontal2
http://www.w3schools.com/dhtml/tryit.as ... tml_menu10
xgOd
Aprendiz
Aprendiz
 
Mensagens: 61
Registado: Domingo Jul 03, 2005 13:21

Mensagempor Devil » Sábado Jan 07, 2006 22:14

:cry: :cry: :cry: :cry: :cry: :cry: :cry:
:oops: :oops: :oops: :oops: :oops: :oops:
:lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol:

Ok desculpa!

vou te dar o link de uma página por pm (pk é uma loja) com o efeito k kero!
Só tem uma coisa diferente em vez de ser pra baixo é pró lado!
Mas tive a pensar e axo k o melhor efeito é mesmo akelo do site da loja!
Devil
Membro de Prata
Membro de Prata
 
Mensagens: 368
Registado: Segunda Fev 14, 2005 18:09
Localização: leiria

Mensagempor xgOd » Sábado Jan 07, 2006 22:22

A única ajuda que te posso dar é ires ao Google e pesquisares um Drop Down menu :)
Acho que o dreamweaver dava pa fazer isso, mas não me lembro onde é.
xgOd
Aprendiz
Aprendiz
 
Mensagens: 61
Registado: Domingo Jul 03, 2005 13:21

Mensagempor Devil » Sábado Jan 07, 2006 22:33

xgOd Escreveu:A única ajuda que te posso dar é ires ao Google e pesquisares um Drop Down menu :)
Acho que o dreamweaver dava pa fazer isso, mas não me lembro onde é.


Ok vou começar a chorar!
:cry: :cry: :cry: :cry: :cry: :cry:

Eu n consigo encontrar nd!

Só aparece programas pra eu comprar ou pra fazer download!

Desculpa pelo incómodo disto tudo! :roll:
Devil
Membro de Prata
Membro de Prata
 
Mensagens: 368
Registado: Segunda Fev 14, 2005 18:09
Localização: leiria


Voltar para Programação

Quem está ligado:

Utilizador a ver este Fórum: Nenhum utilizador registado e 1 visitante

cron