Jump to content
acao

clikar no menu abrir sub menu

Recommended Posts

acao

boas

necessito de ajuda em criar um menu idêntico ao do pap (o seu perfil, notificações).

já consigo abrir o submenu só que os links não funcionam, fica como se fosse texto normal.

estou a usar estas funções.

$(function(){
$('#menuNav ul #clicar a').click(function(){
$('#menuNav li ul').css('display','block');
 $ ('#menuNav ul #clicar').css('background-color','#CCC');
 return false;
});
});



$(function(){
$('#menuNav ul #clicar a').blur(function(){
$('#menuNav li ul').css('display','none');
 $ ('#menuNav ul #clicar').css('background-color','peru');
 return false;
});
});

a nav sem este código funciona bem , ma ao aplicar esta funções os links deixa de ser links.

cumps

acao

Edited by acao

Share this post


Link to post
Share on other sites
brunoais

Quantos elementos é que têm o id "clicar"?


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites
acao

Quantos elementos é que têm o id "clicar"?

obrigado pela resposta.

tem um elemento.

tenho esta nav em ambiente de teste para conseguir o pretendido.

<li id="clicar"><a href="#">O meu perfil v</a>
 <ul>
		 <li class="selected"><a href="EditRegistoAv.php">Editar Registo</a></li>
 </ul>
</li>

estou no caminho certo ou é feito de maneira diferente?

cumps

acao

Edited by acao

Share this post


Link to post
Share on other sites
brunoais

estou no caminho certo ou é feito de maneira diferente?

É "fishy"

Se mostrares todo o HTML dessa parte da página (parece ser um menu, por isso, todo o HTML desse menu) já consigo dizer-te com melhor certeza.


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites
acao

É "fishy"

Se mostrares todo o HTML dessa parte da página (parece ser um menu, por isso, todo o HTML desse menu) já consigo dizer-te com melhor certeza.

<nav>
			<div id="menuNav">
				<ul class="UlMenuNav">
					 <li id="clicar"><a href="#">O meu perfil v</a>
								<ul class="ulMenuNav">
									<li class="selected"><a href="EditRegistoAv.php">Editar Registo</a></li>
								</ul>
						</li>
				</ul>
			</div>
		</nav>

nav {
margin:0;
padding:0;
height:40px;
background-color: peru;
}
#menuNav{
height: 40px;
	width: auto;
padding-left:200px;
}
#menuNav ul{
	letter-spacing: 0.0em;
font: normal 100% 'lucida sans unicode', arial, sans-serif;
background:transparent;
height:40px;
list-style:none;
margin:0;
padding:0;
}
#menuNav li{
float:left;
padding:0px;
}
#menuNav li a{
background: transparent;
color:#ffffff;
display:block;
font-weight:normal;
line-height:40px;
margin:0px;
padding:0px 15px;
text-align:center;
text-decoration:none;
}
#menuNav li a:hover, #menuNav ul li:hover a{
background:  #CCC;
color:#FFFFFF;
text-decoration:none;
}
#menuNav li ul{
background:peru;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:225px;
z-index:200;
}
#menuNav li:hover ul{
display:block;
}
#menuNav li li {
display:block;
float:none;
margin:0px;
padding:0px;
width:225px;
}
#menuNav li:hover li a{
background:none;
}
#menuNav li ul a{
display:block;
height:40px;
font-size:18px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
#menuNav li ul a:hover, #menuNav li ul li:hover a{
background: #CCC;
border:0px;
color:#ffffff;
text-decoration:none;
}
#menuNav  ul .selected a, #menuNav ul ul .selected a{
background-color: #CCC;
display:block;
}

$(function(){
$('#menuNav ul #clicar a').click(function(event){
	event.preventDefault();
$('#menuNav li ul').css('display','block');
	$ ('#menuNav ul #clicar').css('background-color','#CCC');
	return false;
});
});

$(function(){
$('#menuNav ul #clicar a').blur(function(event){
	event.preventDefault();
$('#menuNav li ul').css('display','none');
	$ ('#menuNav ul #clicar').css('background-color','peru');
	return false;
});
});

cumps

acao

@brunoais eu já o questionei se será mesmo isto que eu queria, respondeu nem sim nem não, mas eu também já tenho duvidas se assim consigo fazer o pretendido:

eu pretendo ter espécie de um pequeno form que abra num botao e feche clicando fora e que dê para la colocar links e pequenos posts é bastante idêntico as notificações e perfil aqui do PAP.

cumps

acao

Edited by Rui Carlos

Share this post


Link to post
Share on other sites
brunoais

Isso é um menu muito estranho...

O mais estranho é a parte de que tens uma lista de opções das quais só existe 1 opção.

Os seletores para o jQuery tb dão uma reação de "WTF!?!?".

Se a situação é cofusa para ti, agora imagina quando tentas pedir tu ajuda como intermediário.

Ele que venha cá e pergunte de uma maneira aceitavelmente completa o que quer, mais exactamente.


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites
acao

boas

peço desculpa só hoje responder, estive ausente.

eu sei que é confuso para quem tenta ajudar, a lista de opções não tem nada a ver para a questão em causa, se tem as opções todas ou apenas uma,

diga-me apenas:

é possível fazer um menu responder ao clik, e os links ficarem activos?

(ou seja conseguir redimensionar através deles.)?

ps: eu segui outra via mas provavelmente ainda terei que voltar esta situação. caso a sua resposta seja positiva.

obrigado

cumps

acao

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.