Ir para conteúdo

POWERED BY:

Arquivado

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

Darkjouse

[]Menu Sanfona

Por , em Javascript

Recommended Posts

Darkjouse    0

Darkjouse
Postado

Olá pessoal, antes de mais nada quero dizer que sou leigo em javascritp.

Porem a unica saida no meu caso foi usar ele =P

 

Estou com esse problema:

 

Estou usando esse menu sanfona Aqui (link do dynamicdrive)

 

Eu preciso que quando você clique no menu que expande ele leve pra uma outra pagina, ou seja alem de ele expandir outras opções ele leva para um link também.

 

Adicionei apenas a tag <a> e não deu certo, ele apenas expande o menu, modificando algumas coisas consegui fazer ao contrário u.u

 

Vlw

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

 

Poderia partilhar-nos seu código para a gente puder ver o problema no entanto a solução para colocar um link seria mesmo:

<li><a href="link.html">Link</a></li>
<li><a href="link1.html">Link1</a></li>
<li><a href="link2.html">Link2</a></li>
Cumps \o/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Darkjouse    0

Darkjouse
Postado

Bom webflex

 

Usando esse codigo ele não abre o link, apenas exapande o menu.

 

CODE
<html>

<head>

<script type="text/javascript" src="jquery-1.2.2.pack.js"></script>

 

<script type="text/javascript" src="ddaccordion.js">

 

/***********************************************

* Accordion Content script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)

* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts

* This notice must stay intact for legal use

***********************************************/

 

</script>

 

 

<script type="text/javascript">

 

 

ddaccordion.init({

headerclass: "expandable", //Shared CSS class name of headers group that are expandable

contentclass: "categoryitems", //Shared CSS class name of contents group

revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover

collapseprev: true, //Collapse previous content (so only one open at any time)? true/false

defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content

animatedefault: false, //Should contents open by default be animated into view?

persiststate: true, //persist state of opened contents within browser session?

toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]

togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)

animatespeed: "normal", //speed of animation: "fast", "normal", or "slow"

oninit:function(headers, expandedindices){ //custom code to run when headers have initalized

//do nothing

},

onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed

//do nothing

}

})

 

 

</script>

 

<style type="text/css">

@import url(teste.css);

</style>

</head>

 

<body>

<div id="caixa">

<div id="conteudo">

<div id="esquerda"><img src="logo.gif" alt="Boutin - Campo e Jardim" />

<!-- MENU: COMEÇA -->

 

 

 

<h3 class="menuheader expandable"><a href="hist.html">Empresa</a></h3>

<ul class="categoryitems">

<li><a href="hist.html">História</a></li>

<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Filosofia</a></li>

<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Fotos</a></li>

</ul>

 

<h3 class="menuheader expandable">Produtos</h3>

<ul class="categoryitems">

<li><a href="http://www.cssdrive.com">Ferramentas</a></li>

<li><a href="http://www.cssdrive.com/index.php/menudesigns/">Ração</a></li>

<li><a href="http://www.cssdrive.com/index.php/news/">Tesouras</a></li>

<li><a href="a">Potes</a></li>

</ul>

 

<a href="hist.html"><h3 class="menuheader" style="cursor: hand;">Localização</h3></a>

 

<a href="http://www.cssdrive.com"><h3 class="menuheader" style="cursor: hand;">Fale Conosco</h3></a>

 

 

<!-- MENU: FIM -->

</body>

</html>

Na linha em negrito, se você por a tag <a> antes do h3 ele abre o link e não expande, e como está ele não abre o link.

 

Vlw

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