Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

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.