[Resolvido] Duvida com links de navegação

[passado]

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

[djthyrax]

Um aparte, o footer não aparece bem no FF 2.0.

[saunde]

Nem no 3.0, beta 5

[passado]

Pois eu tenho testado no IE

[passado]

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

[DanielAmorim]

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>

[passado]

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

[DanielAmorim]

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.

[passado]

Pois esses conhecimento so tenho mesmo o que vou aprendendo em tuturiais e vou aprendendo com o que vou vende que cada code faz 😁 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?

[DanielAmorim]

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

[passado]

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

[passado]

ninguem me consegue ajudar?

[DanielAmorim]

Só mesmo vendo o teu código...

[passado]

http://www.4shared.com/file/47716285/ae2e5e3c/main_style.html?dirPwdVerified=61b5dc58 ta aqui o ficheiro CSS

[DanielAmorim]

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.

[passado]

Á 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?

[DanielAmorim]

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>

[passado]

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?

[DanielAmorim]

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.

[passado]

ááá 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