domingo, 6 de agosto de 2000Menu drop-down com links
Se já tem uma considerável quantidade de links no seu blog, pondere arrumar a informação. Uma das hipóteses é utilizar um menu drop-down. Visível fica apenas uma linha com o primeiro link. Carregando na seta do lado direito o utilizador tem acesso ao resto dos links escolhendo depois aquele para onde pretender navegar.
Entre as TAGS <head></head>:
<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_jumpMenuGo(selName,targ,restore){ //v3.0
var selObj = MM_findObj(selName); if (selObj) MM_jumpMenu(targ,selObj,restore);
}
//-->
</script>
Onde quiser colocar o menu:
<strong>Como quer ganhar dinheiro ?</strong><form id="form1" name="form1">
<select onchange="MM_jumpMenu('parent',this,0)" name="menu1">
<option value="http://ahdinheiro.blogspot.com/search/label/Criatividade"/>Com a minha criatividade.
<option value="http://ahdinheiro.blogspot.com/search/label/Ganhar%20a%20navegar"/>Ganhar enquanto navego.
<option value="http://ahdinheiro.blogspot.com/search/label/Inqueritos%20e%20sondagens"/>Respondendo a inquéritos online.
<option value="http://ahdinheiro.blogspot.com/search/label/Jogar%20on-line"/>Ganhar a jogar na internet.
<option value="http://ahdinheiro.blogspot.com/search/label/Ganhar%20a%20negociar"/>Comprar e vender pela internet.
<option value="http://ahdinheiro.blogspot.com/search/label/Offline"/>Negócios offline.
<option value="http://ahdinheiro.blogspot.com/search/label/Afiliar"/>Rentabilizar o meu blog ou site.
<option/></select>
<input value="Escolher" name="Button1" onclick="MM_jumpMenuGo('menu1','parent',0)" type="button"/>
</form>
Os links neste exemplo são de páginas deste blog. Substitua-os pelos seus links. O título do menu (a vermelho) também deverá ser susbtituido para sua conveniência.
reportar dúvida / erro nesta dica
0 Comentários:
Enviar um comentário