Salve, sono nuovo del Form, ma leggendo gia' qualcosa in passato ho appreso che siete tutti in gamba.
Avrei bisogno di un vostro aiuto circa un problema presentatomi da qualche giorno:
In una pagina ASP.NET 2.0, ho un'immagine che raffiguara una mappa sulla quale devo gestire l'evento click del mouse in modo da sovrapporre una o piu' immagini per segnalare i punti di maggiore interesse sulla mappa, il tutto deve essere gestito con JavaScript.
HELP ME PLEASE!!!
Ser Legolas
Benvenuto, ritengo sia abbastanza complessa come operazione hai provato a vedere su jquery? Visto che da quanto scrivi di javascript ne "mastichi" poco, ed eseguire tale operazione per un profano penso sia impossibile.
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
Non ho provato con jquery perché fino ad ora ho gestito tutto con JavaScript, però mi sta bene qualsiasi soluzione affiché possa venirmi utile per la risoluzione del mio problema.
Ser Legolas
Ragazzi forse il mio problema e' stato frainteso, quel che vorrei fare e' inserire ad ogni evento click del mouse un'immagine (sempre la stessa) alla posizione x,y della mappa.
Dai non posso crederci che non ci sia nessuno che possa darmi una mano!
Ser Legolas
Ragazzi ci sono riuscito!!!
Magari lo script sara' da ottimizzare per cio' riguarda il counter dei punti o altro, ma visto che funziona e fa cio' che volevo, lo voglio condividere con voi, possibilmente a qualcuno potra' rusultare utile;
<html>
<head>
<title>Segnare un mark point su mappa</title>
</head>
<body>
[img]Images/map.JPG[/img]
</p>
punti:
<input id="Text1" style="width: 80px" type="text" />
</p>
<script language="JavaScript">
var MarkPointList = new Array();
var MyDiv = new Array();
var _div = new Array();
var ie4;
var ie5;
var ns4;
var ns6;
var w3c;
var wid;
ns4 = (navigator.appName.indexOf("Netscape") >=0 && !document.getElementById)? 1:0;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape") >=0 )? 1:0;
w3c = (document.getElementById)? 1:0;
ie4 = (document.all && !document.getElementById)? 1:0;
ie5 = (document.getElementById && document.all)? 1:0;
wid = (ie4||ie5)?window.document.body.clientWidth-20:window.innerWidth-36;
for (i=0; i<=20; i++){
if (ns4){
MyDiv[i] = '<layer name="di' + i + '"></layer>';
} else{
MyDiv[i] = '<div id="di' + i + '" style="position:absolute;z-index:100" ></div>';
}
document.write (MyDiv[i]);
if (ns4) _div[i] = document.layers['di' + i]
if (w3c) _div[i] = document.getElementById('di' + i)
if (ie4) _div[i] = document.all['di' + i]
}
function move_div(x, y, i){
if (isNaN(x+y)) return
if (ns4){
_div[i].moveTo(x, y)
} else{
_div[i].style.left = x + 'px';
_div[i].style.top = y + 'px';
}
}
function write_div(text, i){
if (ns4){
_div[i].document.open();
_div[i].document.write(text);
_div[i].document.close();
} else{
_div[i].innerHTML = text;
}
}
function MarkPoint(n){
MarkPointList.push(MyDiv);
i = MarkPointList.length;
Text1.value = i;
ondiv = n
write_div("[img] + n + [/img]", i);
move_div(x, y, i)
}
function MarkPoint_hide(i){
ondiv = 0;
t3 = window.setTimeout('MarkPoint_hide2(' + i + ')', 100)
}
function MarkPoint_hide2(i){
if (ondiv == 0){
write_div("", i);
move_div(-1000,-1000, i)
}
}
//y=x=0
function dragIt (evt){
if (ie4||ie5){
x = window.event.clientX + document.body.scrollLeft - 6;
y = window.event.clientY + document.body.scrollTop - 9;
} else{
x = evt.pageX - 6;
y = evt.pageY - 9;
}
}
function cursor_crux() {
document.body.style.cursor = 'crosshair';
}
function cursor_clear() {
document.body.style.cursor = 'default';
}
document.onmousemove = dragIt;
if (ns4){
document.captureEvents(Event.MOUSEMOVE)
}
</script>
</body>
</html>
ciao ciao ...
Ser Legolas
Permessi di invio
Rispondi quotando