Printable View
Salve a tutti...
sapete dirmi dove sbaglio....
Codice PHP:<script type="text/javascript">
var menu = '
<div id="MenuTxDx">
<a href="#" class="MenuTxDx">Pippo</a>
<a href="#" class="MenuTxDx">Pluto</a>
</div>';
function ApriMenuTxDx(){
menu.style.top = window.event.clientY;
menu.style.left = window.event.clientX;
menu.style.visibility = "Visible";
}
function ChiudiMenuTxDx(){
menu.style.visibility = "Hidden";
}
</script>
Queste funzioni sono associate a qualche evento (oncontextmenu, onmousedown)?
E comunque in javascript per continuare una riga a capo devi mettere un escape (\):
Codice PHP:var menu = '\
<div id="MenuTxDx">\
<a href="#" class="MenuTxDx">Pippo</a>\
<a href="#" class="MenuTxDx">Pluto</a>\
</div>';
lo provato non funziona lo stesso...
Codice PHP:<script type="text/javascript">
var menu = '\
<div id="MenuTxDx">\
<a href="#" class="MenuTxDx">Pippo</a>\
<a href="#" class="MenuTxDx">Pluto</a>\
</div>';
function ApriMenuTxDx(){
menu.style.top = window.event.clientY;
menu.style.left = window.event.clientX;
menu.style.visibility = "Visible";
}
function ChiudiMenuTxDx(){
menu.style.visibility = "Hidden";
}
</script>
<body oncontextmenu="ApriMenuTxDx(); return false;" onclick="ChiudiMenuTxDx()">
Così come è ora lo script penso funzioni solo su IE (vedi event...)
P.S. Solo ora mi sono reso conto che menu non è un oggetto ma una semplice stringa ...
ma neanche con Ie...
Codice PHP:<style type="text/css">
body{
background: #000000;
}
div{
font-size: 11px;
font-family: Verdana;
}
#MenuTxDx{
position: Absolute;
visibility: Hidden;
background: #E0E0E0;
padding: 3px 3px 3px 3px;
width: 100px;
border: Solid 1px #AAAAAA;
}
a.MenuTxDx{
display: Block;
position: Relative;
background: #E0E0E0;
color: #000000;
text-decoration: None;
padding: 3px 3px 3px 3px;
border: Solid 1px #E0E0E0;
}
a.MenuTxDx:hover{
display: Block;
position: Relative;
background: #336699;
color: #FFFFFF;
text-decoration: None;
padding: 3px 3px 3px 3px;
border: Solid 1px #000000;
}
</style>
<script type="text/javascript">
var menu = '\
<div id="MenuTxDx">\
<a href="#" class="MenuTxDx">Pippo</a>\
<a href="#" class="MenuTxDx">Pluto</a>\
</div>';
function ApriMenuTxDx(e){
menu.style.top = e.clientY;
menu.style.left = e.clientX;
menu.style.visibility = "Visible";
}
function ChiudiMenuTxDx(){
menu.style.visibility = "Hidden";
}
</script>
<body oncontextmenu="ApriMenuTxDx(event); return false;" onclick="ChiudiMenuTxDx()">
Non so se hai letto questo.Citazione:
Originalmente inviato da mycarlo
La variabile menu non è un oggetto (DOM) ma come ti ho detto una semplice stringa.
Se vuoi creare un oggetto, devi usare document.createElement, appendChild (in pratica DOM).
P.S. Oppure lo crei direttamente con HTML, gli assegni un id, imposti la visibilità a hidden e poi accedi all'elemento tramite document.getElementByIdCodice:
window.onload = function() {
var menu = document.createElement("ul");
menu.innerHTML = '<a href="#" class="MenuTxDx">Pippo</a>\
<a href="#" class="MenuTxDx">Pluto</a>'; // per essere veloci...
menu.style.visibity = 'Hidden';
document.body.appendChild(menu);
}
pero non funziona come vorrei io...
io volevo fare che quando l'utente clicca sulla pagina in qualsiasi punto x-y in quei determinati punti venga visualizzato un menu creato da me...
Questa funzione dovrebbe farlo...Codice:function ApriMenuTxDx(e){
menu.style.top = e.clientY + "px";
menu.style.left = e.clientX + "px";
menu.style.visibility = "Visible";
}
non funziona...
errore e quie quiCitazione:
menu.style.top = e.clientY + "px";
Citazione:
menu.style.visibility = "Hidden";
Codice PHP:<style type="text/css">
body{
background: #000000;
}
div{
font-size: 11px;
font-family: Verdana;
}
#MenuTxDx{
position: Absolute;
visibility: Hidden;
background: #E0E0E0;
padding: 3px 3px 3px 3px;
width: 100px;
border: Solid 1px #AAAAAA;
}
a.MenuTxDx{
display: Block;
position: Relative;
background: #E0E0E0;
color: #000000;
text-decoration: None;
padding: 3px 3px 3px 3px;
border: Solid 1px #E0E0E0;
}
a.MenuTxDx:hover{
display: Block;
position: Relative;
background: #336699;
color: #FFFFFF;
text-decoration: None;
padding: 3px 3px 3px 3px;
border: Solid 1px #000000;
}
</style>
<script type="text/javascript">
var menu = '<div id="MenuTxDx"><a href="#" class="MenuTxDx">Pippo</a><a href="#" class="MenuTxDx">Pluto</a></div>';
function ApriMenuTxDx(e){
menu.style.top = e.clientY + "px";
menu.style.left = e.clientX + "px";
menu.style.visibility = "Visible";
}
function ChiudiMenuTxDx(){
menu.style.visibility = "Hidden";
}
</script>
<body oncontextmenu="ApriMenuTxDx(event); return false;" onclick="ChiudiMenuTxDx()">
Si, hai ragione.
Non funziona perchè menu non è globale.
Codice:var menu;
window.onload = function() {
menu = document.createElement("ul");
menu.innerHTML = '<a href="#" class="MenuTxDx">Pippo</a>\
<a href="#" class="MenuTxDx">Pluto</a>'; // per essere veloci...
menu.style.visibity = 'Hidden';
document.body.appendChild(menu);
}