Bene ragazzi, visto che devo partire vi scrivo un altra pillola....L'idea mi è nato "sempre" dopo aver studiato dei tutorial del mitico HTML.it e di JSDIR sui menu a tasto destro
o un menu sensibile al tasto destro fate come volete...Ultimamente però sfogliando dei tutorial di HTML.it ne ho trovato un altro abbastanza carino (3d). Cmq il menu a tasto destro di JSDIR non funzionava quasi su nessun navigatore di vecchia generazione, quindi ne ho creato uno IO...Funziona su tutti i browser tranne su tutte le versioni di OPERA...ECCOLO:
<html>
<head>
<title></title>
<style type="text/css">
<!--
body {font-family:arial}
a {font:bold 1pc arial; color:blue}
a:link, a:active, a:visited {font:normal 1pc arial; color:black; text-decoration:none}
a:hover {color:black; text-decoration:none}
table {border:#333333 2px solid; background-color:gray}
-->
</style>
<script language="javascript">
<!--
var x=null; var y=null;
function visual(event) {
if(document.layers) {
if(event.which==3) {
document.layers["menu"].top=y;
document.layers["menu"].left=x;
document.layers["menu"].visibility="show";
return false;
};
}
else if(document.all) {
document.all["menu"].style.top=y;
document.all["menu"].style.left=x;
document.all["menu"].style.visibility="visible";
return false;
}
else if(document.getElementById&&!document.all) {
document.getElementById("menu").style.top=y;
document.getElementById("menu").style.left=x;
document.getElementById("menu").style.visibility=" visible";
return false;
}
};
function eventXY(event) {
if(document.layers) {
x=event.pageX;
y=event.pageY;
}
else if(document.all) {
event=window.event;
x=event.clientX;
y=event.clientY;
}
else if(document.getElementById&&!document.all) {
x=event.clientX;
y=event.clientY;
}
};
function noVisual() {
if(document.layers) {
document.layers["menu"].top=0;
document.layers["menu"].left=0;
document.layers["menu"].visibility="hide";
}
else if(document.all) {
document.all["menu"].style.top=0;
document.all["menu"].style.left=0;
document.all["menu"].style.visibility="hidden";
}
else if(document.getElementById&&!document.all) {
document.getElementById("menu").style.top=0;
document.getElementById("menu").style.left=0;
document.getElementById("menu").style.visibility=" hidden";
}
};
function colora(questo, colore) {
if((document.all)||(document.getElementById&&!docu ment.all)) questo.style.backgroundColor=colore;
};
function funX() {
window.status=funX.arguments[0];
return true;
};
if(document.layers) {
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.CLICK);
document.onmousedown=visual;
};
if((document.all)||(document.getElementById&&!docu ment.all)) {
document.oncontextmenu=visual;
};
document.onmousemove=eventXY;
document.onclick=noVisual;
//-->
</script>
</head>
<body bgcolor="black">
<div id="menu" style="position:absolute; visibility:hide; visibility:hidden; z-index:5">
<script language="javascript">
<!--
function len(obj) {
var k=0;
while (obj[k]!=undefined) k++;
return k;
}
var menuAll=null;
menuAll=new Object();
menuAll[0]={URL:"articoli.htm",NAME:"Articoli"};
menuAll[1]={URL:"chat.htm",NAME:"Chat"};
menuAll[2]={URL:"mailto:brunelleskosi@tiscali.it?subject=x lo Staff BRUNELLESKOSI",NAME:"E-Mail"};
menuAll[3]={URL:"forum.htm",NAME:"Forum"};
menuAll[4]={URL:"javascript:location.reload();",NAME:"HomePa ge"};
menuAll[5]={URL:new String("view-source:"+window.location), NAME:"Vedi HTML"};
menuAll[6]={URL:"svago.htm",NAME:"Svago"};
menuAll.length=len(menuAll);
var tabella="<table width=\"120\">";
for(var x=0; x<menuAll.length; x++) tabella+="<tr><td align=\"center\" onmouseover=\"colora(this, \'rgb(10,36,106)\');\" onmouseout=\"colora(this, \'gray\');\"><a href=\""+menuAll[x].URL+"\" title=\""+menuAll[x].NAME+" - BRUNELLESKOSI\" onmouseover=\"return funX(\'"+menuAll[x].NAME+" - BRUNELLESKOSI\');\" onmouseout=\"return funX(\'\');\">"+menuAll[x].NAME+"</a></td></tr>";
document.write(tabella+"</table>");
//-->
</script>
</div>
<DIV
style="FONT-WEIGHT: bold; FONT-SIZE: 56px; LEFT: 50px; WIDTH: 600px; COLOR: #444444; FONT-STYLE: normal; FONT-FAMILY: impact; POSITION: absolute; TOP: 120px">Prova
a cliccare il tasto destro del mouse....</DIV>
<DIV
style="FONT-WEIGHT: bold; FONT-SIZE: 56px; LEFT: 46px; WIDTH: 600px; COLOR: orange; FONT-STYLE: normal; FONT-FAMILY: impact; POSITION: absolute; TOP: 116px">Prova
a cliccare il tasto destro del mouse....</DIV>
</body>
</html>
Giocate voi con i lo stile del menu...Cmq un avviso le line di codice potevano essere diminuite di molto, pero ho preferito cosi....Un ultima cosa se volete rendere il codice valido per HTML salvate l'intero codice JS in un file esterno cosi da nascondere il codice JS che contiene HTML al validatore del w3c.
Rispondi quotando
