Ciao, ho un problemino, ho la necessita di far apparire un'immagine in un punto preciso della pagina, o meglio..., quando si clicca con il mouse in un punto deve apparire un'immagine (o una lettera) in quella posizione.
Mi potete dare una mano?
Grazie
Marco
Che dite e meglio che lascio perdere?
Pensate che in javascript sia possibile?
Vi provo a spiegare meglio quello che vorrei fare:
Ho creato un bersaglio, avete presente quello di tiro con l'arco, vorrei che quando si clicca un punto di questo bersaglio rimanga un "buco" (si fà per dire). Trovare le coordinate del mouse non è un problema ma fare in modo che in quel punto rimanga il famoso "buco", questo si che è un problema
Ciao
Marco
hai l' immagine del "buco" in un div in posizionamento assoluto e con visibility:hidden nello stile
quando rilevi le coordinate assolute le setti come top e left del div, e setti la visibilita' a visiblecodice:<div id="buco" style="position:absolute;top:0px;left:0px;visibility:hidden"> [img]buco.gif[/img]</div>
ciaocodice:var obj=document.getElementById('buco'); obj.style.top=coordinataY+'px'; obj.style.left=coordinataX+'px'; obj.style.visibility='visible';
Ciao Xinod,
grazie mille, cominciavo a non sperarci più
io provo a farti un'altra domanda ( e intanto provo a vedere se trovo io la soluzione), è possibile far si che l'immagine non si sposti ogni volta che clicco ma che rimanga nel punto del click, alla fine dovrei avere una serie di "buchi" sull'immagine.
Grazie per il tuo prezioso aiuto.
Marco
gioca un po' di DOM, clonando il div con l' immagine e lasciando l' originale sempre invisibile
fermo restando questo
richiama funz passando le coordinate assolute del punto in cui visualizzare il clonecodice:<div id="buco" style="position:absolute;top:0px;left:0px;visibility:hidden"> [img]buco.gif[/img]</div>
ciaocodice:var num=0 function funz(coordinataX,coordinataY){ var source=document.getElementById('buco'); var obj=source.cloneNode(true); obj.setAttribute('id','buco'+num); obj.style.position='absolute'; obj.style.top=coordinataX+'px'; obj.style.left=coordinataY+'px'; obj.style.visibility='visible'; document.body.appendChild(obj); num++; }
Scusami ma proprio non riesco a farlo funzionare
ho usato questo codice:
<script language="JavaScript">
var num=0;
document.onmousemove = MenuTxDx2;
function MenuTxDx2() {
coordinataX = window.event.x;
coordinataY = window.event.y;
document.form1.T1.value= (coordinataX);
document.form1.T2.value= (coordinataY);
}
document.onclick = MenuTxDx;
function MenuTxDx(coordinataX,coordinataY) {
document.form1.T3.value= (coordinataX);
document.form1.T4.value= (coordinataY);
var source=document.getElementById('buco');
var obj=source.cloneNode(true);
obj.setAttribute('id','buco'+num);
obj.style.position='absolute';
obj.style.top=coordinataX+'px';
obj.style.left=coordinataY+'px';
obj.style.display='block';
document.body.appendChild(obj);
num++;
}
</script>
<body>
<form name="form1" method="POST" action="--WEBBOT-SELF--">
<div id="buco" style=" position:absolute;top:0px;left:0px;visibility:hidd en">
[img]buco.jpg[/img]</div>
Dove sbaglio? in T1 e T2 ho le coordinate, in T3 e T4 "undefined".
Ciao
Marco
Ciao Xinod, grazie per la disponibilità, sono riuscito a risolvere
Mi sto appassionando al javascript, mi sai consigliare qualche testo interessante, livello.... medio, forse e meglio basso
Grazie
Marco
se con testo intendi libri purtoppo non ho niente da suggerirti, a parte un mega reference tipo bibbia di flanagan che fa sempre comodo studiare ed avere a portata di mano
se intendi online, x la teoria, prova partendo dalla guida x esempi a javascript di html.it, spostati poi agli articoli di pro.html.it
per la pratica: smonta tutto quello che ti trovi tra le mani
(x iniziare gli script della newsletter "un javascript a settimana" di html.it sono ottimi)
ma soprattutto non demordere: javascript/dhtml e' bastardo
sembra elementare ma offre continui spunti x approfondimenti
Ciao Xinod,
grazie per i preziosi consigli che mi hai dato.
In effetti mi sono accorto che javascript da molte soddisfazioni e ogni tanto...
Approfitto della tua disponibiltà per chiederti se puoi dare un'occhiata al post che ho inserito ieri e dirmi se hai qualche consiglio.
http://forum.html.it/forum/showthrea...hreadid=919447
Grazie ancora
Marco
Permessi di invio
Rispondi quotando