LinkBack URL
About LinkBacksSalve 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>
Visualizzazione risultati 1 fino 10 di 10
Discussione: tasto destro menu js
-
16-02-2010, 14.36.38 #1Guest
tasto destro menu js
-
16-02-2010, 20.20.35 #2
Utente attivo
- Data registrazione
- 06-10-2009
- Residenza
- $this->s50
- Messaggi
- 467
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>';
-
16-02-2010, 20.25.36 #3Guest
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()">
-
16-02-2010, 20.36.22 #4
Utente attivo
- Data registrazione
- 06-10-2009
- Residenza
- $this->s50
- Messaggi
- 467
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 ...
-
16-02-2010, 20.39.48 #5Guest
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()">
-
16-02-2010, 20.44.11 #6
Utente attivo
- Data registrazione
- 06-10-2009
- Residenza
- $this->s50
- Messaggi
- 467
Non so se hai letto questo.
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); }Ultima modifica di mycarlo : 16-02-2010 alle ore 20.46.46
-
16-02-2010, 20.48.55 #7Guest
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...
-
16-02-2010, 20.54.14 #8
Utente attivo
- Data registrazione
- 06-10-2009
- Residenza
- $this->s50
- Messaggi
- 467
Questa funzione dovrebbe farlo...Codice:function ApriMenuTxDx(e){ menu.style.top = e.clientY + "px"; menu.style.left = e.clientX + "px"; menu.style.visibility = "Visible"; }
-
16-02-2010, 21.00.58 #9Guest
non funziona...
errore e quie quimenu.style.top = e.clientY + "px";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()">
-
16-02-2010, 23.37.48 #10
Utente attivo
- Data registrazione
- 06-10-2009
- Residenza
- $this->s50
- Messaggi
- 467
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); }
