Newsgroup: it.comp.lang.javascript
Titolo: E' possibile che nessuno sappia come si fa?

Salve a tutti
Un pò di tempo fa ho inviato due messaggi di Help
ma nessuno mi ha risposto  :-(
In pratica chiedevo una cosa che ho gia visto in altri
siti, quindi non impossibile. es. 
www.mtv.it
In pratica vorrei fare in modo che alcune piccole gif
sul mio sito possano essere trasportate, tenendoci il
mouse premuto sopra, in qualsiasi parte dello schermo,
in particolar modo sopra ad una foto.
Faccio un esempio
Immaginate un'insieme di dischi CD messi uno vicino
all'altro, per esempio, ed un'immagine di uno stereo al
centro.
Se clicco sopra ad un disco e tengo premuto, il disco si 
sposta per poterlo mettere sopra allo stereo.
Ovviamente se lascio il disco deve rimanere li,  però
non deve necessariamente succedere niente una volta
che lascio il mouse. (tipo lascio il disco e sento la musica)
Ovvio se mi dite pure come si fa quest'ultimo sarebbe
simpatico.
Spero che qulcuno legga e mi sappia dire almeno
dove andare a prendere una cosa di questo tipo.
N.B. un qualcosa di prefatto sarebbe meglio perchè non 
         saprei altrimenti dove mettere le mani
GRAZIE 
e vi prego RISPONDETEMI
Ciao
Stefano

Il sito di MTV.it č fatto con ASP, prova a postare sul it.comp.www.asp,
magari ti sapranno dare una mano piů di noi...
Se volessi farlo in JS cmq, dovresti lavorare con i layer dinamici (e di
conseguenza devi implementare due versioni della pagina, una per IE e
l'altra con NS) e poi non so se č possibile ottenere la posizione x,y
corrente del mouse con JS.
CIAO :)

Eccoti qualcosina di simpatico per il Drag 'n drop, preso da 
www.html.it
 
Funziona solo con IE, ma volendo, con un po' di tempo, si potrebbe renderlo cross-browser.
File: DragDrop.js
   var dragapproved=false
   var z,x,y
   function move()
   {
  if (event.button==1&&dragapproved)
  {
   z.style.pixelLeft=temp1+event.clientX-x
   z.style.pixelTop=temp2+event.clientY-y
   return false
  }
   }
   function drags()
   {
  if (!document.all)
  return
  if (event.srcElement.className=="drag")
  {
   dragapproved=true
   z=event.srcElement
   temp1=z.style.pixelLeft
   temp2=z.style.pixelTop
   x=event.clientX
   y=event.clientY
   document.onmousemove=move
  }
   }
   document.onmousedown=drags
   document.onmouseup=new Function("dragapproved=false")
File .HTML
  <STYLE>
   .drag{position:relative;cursor:hand}
  </STYLE>
<DIV class="drag" .....>
Per far partire la musica appena uno lasica il CD dovrebbe bastare se prendi un oggetto, gli dai un attributo class="CD" e style="position:relative;", e poi nel file DragDrop.js imposti la funzione OnMouseUp() (da creare) mettendo una robina del tipo:
   x=event.clientX
   y=event.clientY
if(event.srcElement.className=="CD")                // se hai appena mollato il CD
    if (Math.abs(x-CDPlayerX)<=20 && Math.abs(y-CDPlayerY)<=20)  // se l'hai mollato
                                                                                                                        // vicino al lettore CD
        document.embeds['nomeembed'].run();        // ti parte la musica...
Ti avrei fatto molto volentieri anche tutto il codice, ma purtroppo sono impegnatisssssimo in questi giorni. Se nel frattempo non se ne occupa nessun altro magari un giorno lo posto, ok?
Ciao.
Darius. (
www.infotronica.it/darius/
)


Ciao Darius
Sono rimasto esterefatto
Tanto che mi è assolutamente venuta la voglia di andarmi a comprare un
libro ed imparare tutto quello che c'è da sapere.
Io purtroppo non ne capisco molto anzi so solo quello che vorrei ma
come ho gia scritto, cerco qualcosa di prefatto.
Come hai detto, aspetto che tu non abbia impegni per vedere il
lavoro concluso (non c'è fretta, ma non ti dimenticare di me)
Ciao
Stefano

lavoro concluso (non c'è fretta, ma non ti dimenticare di me)
Ok... non me ne dimenticherò. Magari un giorno caricherò qualcosa del genere anche sul mio sito...
:)
Ciao.
Darius. (
www.infotronica.it/darius/
)