Newsgroup: it.comp.lang.javascript
Titolo: il drag and drop

Salve a tutti, vorrei sapere come hanno fatto a realizzare il drag and drop
nel sito in questione.
http://www.hse.it
, poi cliccate sull'immagine della Panca per inversione, e
poi dopo che avrete visualizzato il dettaglio del prodotto provate a
trascinare l'immagine sul carrello (nella frame sinistro dello schermo).
Spero che abbiate capito
Ciao
--
Marco Lala
------------------------------------------
~~~~~> 
marco...@tin.it
~~> 
webm...@marcolala.it
~~~~~> 
http://www.marcolala.it
------------------------------------------
Nulla è più sicuro che volare...
è schiantarsi che è pericoloso.

 trascinare l'immagine sul carrello (nella frame sinistro dello schermo).
Vuoi capire come ha fatto a spostare l'immagine da un frame e l'altro? :)
Allora fai così: rimpicciolisci la finestra del browser abbastanza da far
comparire la barra di scorrimento in mezzo al primo ed il secondo frame...
poi scorri il frame di sinistra un po' in giù e trascina l'immagine come
facevi prima... vedi che inizia a sfasarsi un
po'................................. capito il trucco? :)
sono 2 layer, in realtà, che vengono spostati ed allineati insieme in modo
che quando si passa da un frame all'altro, non si spezzi l'immagine al
confine tra i due frame.
L'idea è molto bella, peccato che non l'abbiano fatto compatibile con
mozilla (la prima volta l'avevo guardato con quello, infatti, e non rendeva
esattamente l'effetto che ho visto ora, quasi per caso, con IE)
Au revoir :)
--
Dario Mannu
~~ ~~ ~~ ~~ ~~ ~~ ~~
Ðarius. <----------------------- (my name)
www.darius.it
 <---------------- (my site)
"JavaScript per Esempi" <------ (my book)
..
:

ma la mia domanda era come faceva js ad aggiungere il carrello della spesa
l'immagine che si trovava sopra...
e poi, come si fa a far spostare le immagini da un frame all'altro???
Grazie per le risposte. Ciao

 e poi, come si fa a far spostare le immagini da un frame all'altro???
Ho salvato la pagina (i vari frames meglio) ed ho dato un occhio ai 
sorgenti... l'idea e' carina e son d'accordo con Darius, ma e' un 
casino... IMHO :-))
Spero che non me lo venga a chiedere un cliente... faccio prima a 
comprare lo script da HSE :-)
-- 
Ciao, Riccardo
------------------------------------------------------------------------
http://www.jsdir.com
 ---- Bring Your Site To Life!!!!
------------------------------------------------------------------------
http://www.dev2dev.it
 - La rete ha connesso nuove particelle - D2D006
------------------------------------------------------------------------
Per rispondere: togli il PUNTO e metti un .

 e poi, come si fa a far spostare le immagini da un frame all'altro???
crei un layer in un frame ed uno uguale nell'altro. ciascuno contiene una
copia dell'immagine in causa... quindi sposti entrambi i layer vicino al
bordo del frame... entrambi ne vengono tagliati ma visto che sono 2 e sono
allineati bene, sembra che sia la stessa immagine... :)
per come si copia un oggetto immagine da una finestra all'altra si č parlato
qualche messaggio fa...
Au revoir.
--
Dario Mannu
~~ ~~ ~~ ~~ ~~ ~~ ~~
Đarius. <----------------------- (my name)


secondo me è un sito molto ben fatto per quanto riguarda IE, ma purtroppo
non per nn. Che peccato. Cmq scusate se vi rompo ancora... come l'hanno
realizzato lo zoom di questa pagina???
http://www.hse.it/nhse/zoom.php?sku=108185
Grazie e ciao

, 
marco...@tin.it
 
says...

Sorpresa sorpresa: 
http://www.hse.it/himg/1040/108185.jpg
 :-)
E' un'immagine piu' grande di quanto specificato nel tag IMG, 
posizionata in un layer (sopra ad un'altra immagine che ha solamente il 
bordo sfumato), il dubbio dovrebbe venirti perche' ci mette un bel po' a 
caricarsi (almeno a 33,6 circa 20 secondi)
Quando clicchi su + e - credo che vengano cambiate le dimensioni nel tag 
IMG (e forse dico forse sottolineo forse si puo' fare solo con IE, ma 
e' probabile che si possa estendere a Moz+) pero' dato che il clip del 
livello rimane fisso nella "finestra" data dal clip vedi sempre lo 
stesso rettangolo.
Poi per il drag hanno usato altre funzioni varie che stanno 
probabilmente insieme al resto qua: 
http://www.hse.it/nhse/zoom.js
Ho scritto "credo" perche' cmq non ho indagato a fondo nel codice, e' 
come lo farei io e cmq mi sa che ci ho azzeccato visto che nel sorgente 
della pagina che hai segnalato c'e' tanto di: 
<div width=320 height=320 style="position:absolute;left=12;top=
47;clip=rect(0,320,320,0);";>
Ho vinto qualche cosa?
Marco (e tutti gli altri) fatevi del bene, armatevi di un Browser con la 
B maiuscola (Mozilla e derivati) e vedrete quante cose si scoprono con 
facilità :-)))


 Bozilla? :-)
[B]rowser :-))
Sicuro che nella versione MAC non ci sia la possibilita' di 
precaricarlo?
In Winzozz parte nella task bar ed e' accessibile al volo con un click
