• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

passado

[Resolvido] Duvida com links de navegação

30 mensagens neste tópico

Boas eu, neste site, www.ctdesag.no.sapo.pt, queria no botao que diz intercambio em vez de abrir uma pagina mostar uns sub-menus e depois entao conforme o sub-menu escolhido assim ele abrir a pagina, fizme entender? O codgio que a Navbar tem é este

<div  id="menu">  
	  <ul>
		<li><a href="index.html">Home</a></li>
		<li><a href="Quem Somos.html">Quem Somos</a></li><li><a href="intercambio.html">Intercambio</a></li>
		<li><a href="triatlo.html">Triatlo</a></li><li><a href="vi-ue-challenge.html">VI UE Challenge</a></li>
		<li><a href="fotos.html">Fotos</a></li><li><a href="forum.html">Forum</a></li>
		<li><a href="contactos.html">Contactos</a></li>	
	  </ul>
    </div>

Como faço para adicionar sem mudar os restantes botoes?

Uma outra questao é, eu tenho um ficheiro em SWF e queria que o user ao carregar nesse ficheiro fosse redireccionado para uma outra pagina, ou seija o ficheiro SWF servir de botao, como e que faço? eu tou a introduzir os ficheiros no Dreamweave como ficheiro flash, mas depois nao sei como por o rediccionamento

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Uma outra questao é, eu tenho um ficheiro em SWF e queria que o user ao carregar nesse ficheiro fosse redireccionado para uma outra pagina, ou seija o ficheiro SWF servir de botao, como e que faço? eu tou a introduzir os ficheiros no Dreamweave como ficheiro flash, mas depois nao sei como por o rediccionamento

Alguem me pode ajudar

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Se entendi a primeira questão tens de utilizar script para isso (javascript por exemplo). Dá uma vista de olhos neste exemplo: http://www.dhtmlgoodies.com/index.html?page=menuScripts

A questão do botão em Flash:

Eu desta tecnologia pouco entendo, mas no IDE de Flash não será possível adicionares um evento de Click ao botão, e este abre um url?

Penso que outra opção é fazer o seguinte:

<a href="(url)">
    <object width="..." height="...">
        <param name="..." value="*.swf">
        <embed src="*.swf" width="..." height="...">
        </embed>
    </object>
</a>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

No link que deste para os codigos do menu, nao percebi muito bem como fazer, eu realemnte mesmo aquilo que quero mas nao consigo implementar aquilo no estilo que tenho montado e nos botoes que ja tenho feitos

Sim eu quando constrou o botao á la essa opçao mas depois quando meto na pagina, ele reconhece o reencaminhamento mas nao faz nada, e a meneira que me deste nao funciona :S o swf nao aparece, obrigado na mesma

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Na link que te indiquei acima tens o exemplo Unobtrusive slide out menu que é muito semelhante ao menu da tua páginas.

Faz download do código do exemplo e tenta entender. Para conseguíres entender tens de conhecer minimamente Javascript e um pouco de DOM.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Pois esses conhecimento so tenho mesmo o que vou aprendendo em tuturiais e vou aprendendo com o que vou vende que cada code faz :cheesygrin: ou seija nao tenho nenhuma ;)

Ja tive a tentar fazer, e consegui +/- , o problema agora é mesmo adaptar o codigo para o meu CSS ou seija, o codigo que tenho no menu no ficheiro CSS és te:

/* Menu */
#menu{
clear: both;	
margin: 0 auto; padding: 0;
background: url(menu.jpg) repeat-x 0 0;	
font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif;
height: 37px;
width: 780px;	
}
#menu ul {
float:right;
list-style: none;
margin:0; padding: 0;
}
#menu ul li {
display: inline;
}
#menu ul li a {
display: block;
float: left;
padding: 0 12px;
color: #FFF;	
text-decoration: none;
}
#menu ul li.last a {
padding-right: 20px;	
}
#menu ul li a:hover {
color: #D4E59F;	
}
#menu ul li#current a {	
color: #D4E59F;
}

penso ser so adicionar a parte dos submenus que o outro codigo tem, esta:

}
.dhtmlgoodies_subMenu{
visibility:hidden;
position:absolute;
overflow:hidden;
border:1px solid #000;
background-color:#FAFAFA;
font-family:arial;
text-align:left;

}
.dhtmlgoodies_subMenu ul{
margin:0px;
padding:0px;
}
.dhtmlgoodies_subMenu ul li{
list-style-type:none;
margin:0px;
padding:1px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
}
.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
white-space:nowrap;	/* No line break */
text-decoration:none;	/* No underline */
color:#000;	/* Black text color */

height:16px;	/* 16 pixels height */
line-height:16px;	/* 16 pixels height */
padding:1px;	/* 1px of "air" inside */

display:block;	/* Display as block - you shouldn't change this */
}
.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
color:#FFF;	/* White text */
background-color:#317082;	/* Blue background */
}

eu ja la meti esta parte e alterei a parte que dizia dhtmlgoodies para menu depois fui ao ficheiro de javascript e alterei os seguintes valores:

var MENUDIV_ID = "menu";
var SUBMENU_CLASS = 'menu_subMenu';

os valores originais sao:

var MENUDIV_ID = "dhtmlgoodies_menu";
var SUBMENU_CLASS = 'dhtmlgoodies_subMenu';

Fiz isto e nao funcionou, o que e que fiz de mal?

Tenho de alterar mais alguma coisa, tenho de fazer o que?

Eu ja consegui por a trabalhar mas é com a barra de lado e sem o estilo do meu site ou seija copiei o codigo todo para a pagina html e ficou tudo fino, agora quero adaptar esse codigo ao meu estilo de CSS sem ter que andar pagina por pagina a adicionar os menus outra vez e por isso a funcionar sem ser de lado e com o estilo do site, que tenho de fazer?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Copiaste a parte do javascript que faz o registo de funções nos eventos onmouseover, onmouseout, onclick, etc...?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

sim eu antes do comando de menu ponho um <script></script> onde vou buscar o ficheiro JS que ai vem

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

O CSS é só para a formatação da página. Quando tu em cima dizes que tentaste aplicar o exemplo ao teu menu e não deu deve ser problema da lógica definida na página e no javascript...

Eu desconfio que estas a fazer mal o registo de eventos ou a associar mal os ID's dos menu's... mas para verificar teria de ver mesmo o código todo da página.

Bem, podes também fazer uma coisa. Instala no Firefox a extensão Firebug, dá uma grande ajuda no desenvolvimento de aplicações WEB.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Á más é que eu estava a tentar associar o codgio ao ficherio CSS da pagina que era para mudar em todas automaticamente, entendes? e ser só criar mesmo o menu.

Isso nao dá para fazer?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

O ficheiro CSS a única coisa que te faz é mudar a apresentação do documento.

Tu tens o HTML onde defines o Menu que queres. Agora tens de integrar o javascript para fazer com que parte do menu seja dinâmico.

Uma coisa... tu mudaste esta estrutura?

    <div  id="menu">  
	  <ul>
		<li><a href="index.html">Home</a></li>
		<li><a href="Quem Somos.html">Quem Somos</a></li><li><a href="intercambio.html">Intercambio</a></li>
		<li><a href="triatlo.html">Triatlo</a></li><li><a href="vi-ue-challenge.html">VI UE Challenge</a></li>
		<li><a href="fotos.html">Fotos</a></li><li><a href="forum.html">Forum</a></li>
		<li><a href="contactos.html">Contactos</a></li>	
	  </ul>
    </div>

se não mudaste é capaz de não correr muito bem, pois para o JavaScript fornecido parte-se do pressuposto que o menu tem a seguinte estrutura:

<div id="dhtmlgoodies_menu">
<ul>
  <li><a href="#">New scripts</a>
    <ul>
      <li><a href="#">Slide out menu</a></li>
      <li><a href="#">Content organizer</a></li>
      <li><a href="#">Slide in pane</a></li>
      <li><a href="#">Chess widget</a></li>
      <li><a href="#">Color picker</a></li>
    </ul>
  </li>
  <li><a href="#">Updated scripts</a>
    <ul>
      <li><a href="#">Calendar script</a></li>
      <li><a href="#">Tab menu</a></li>
      <li><a href="#">DHTML menu</a></li>
      <li><a href="#">Slide in pane</a></li>
    </ul>
  </li>
  ...
</ul>
</div>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Sim eu mudei essa estrutura e consegui por o menu a funcionar a unica coisa que me falta mesmo e por os sub-menus iguais aos menus...

Eu consegui por tudo a trabalhar mas foi com o "estilo" que eles tem criado entendes?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Ah ok, quando disseste que não funcionava pensei que o sub-menu não aparecia, afinal é o aspecto que não é o que pretendes. ok!

Disses que alteraste as variáveis MENUDIV_ID e SUBMENU_CLASS e no CSS mudaste dhtmlgoodies para menu . Também fizeste a correcta correspondência entre o valor de SUBMENU_CLASS e o selectors das CSS?

Outra coisa, pelo que vi estavas a usar selectors para ID e no exemplo são aplicados às classes.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

ááá entre class nao alterei nada xD

Vou ver se descobro

á outra coisa, que me esqueci de referir, e que o menu ta vertical e eu queria horizontal xD

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

O código está feito para deslocações na horizontal (eixo x), e podes escolher direita ou esquerda. Para fazer o deslocamento na vertical terás de ir mexer no código :D

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Nao o codigo esta para a vertical, eu queria na horizontal xD nao sabes onde mexer nos eixos?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Nao o codigo esta para a vertical, eu queria na horizontal xD nao sabes onde mexer nos eixos?

Eu disse que o deslocamento está na horizontal... :D

Eu não estive a analisar o código do exemplo... mas diria que no exemplo eles andam a alterar a posição do sub-menu de X em X tempo, ou seja, a distância em relação à margem esquerda (por exemplo) é incrementada/decrementada de forma periódica.

0

Partilhar esta mensagem


Link 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