Ir para o conteúdo
acao

clikar no menu abrir sub menu

Mensagens Recomendadas

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

Editado por acao

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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%.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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

Editado por acao

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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%.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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

Editado por Rui Carlos

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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%.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.