Søg
Avatar billede spacey Nybegynder
15. april 2000 - 19:28 Der er 22 kommentarer og
1 løsning

Drag layer.

Okay eksperter, her kommer så et af de større javascript spørgsmål.

Jeg sidder og roder med filen der ligger på http://pixelcore.dk/drag/default.htm, men har et par ting jeg gerne vil vide hvordan jeg gør:

Hvordan sørger jeg for at hvis man trækker det flytbare billede ind over midterbilledet så skifter midterbilledet til
mouseover.gif, samtidigt med at det billede jeg trækker i forsvinder?

Det skulle gerne være sådan at jeg kan have flere forskellige billeder jeg kan trække i, og så alt efter hvilket jeg flytter derind, skulle
der blive vist et billede der var defineret i forhold til det flyttede billede.

Derudover vil jeg høre om det kan lade sig gøre at få det billede man kan flytte til at "svæve" tilbage på sin oprindelige plads hvis det
bliver dropped udenfor bg.gif (billedet i midten).


Mine JS filer ligger i samme dit og hedder dynlayer.js og drag.js.


Jeg håber nogen af jer vil hjælpe mig.

Mvh. Jens

PS: Points'ene kan sagtens sættes op hvis i syntes.

Avatar billede olebole Juniormester
16. april 2000 - 05:12 #1
<ole>
Ugh...jeg har lavet en foreløbig NS4 version. Den er dog knap så sexy, som Eriks - tror jeg - men den funker pænt. Næsten!...Der er en skønhedsfejl ved 'halv' mouseover i højre side :-(
Den gider jeg ikke rette nu.
I morgen aften virker den X-browser - forhåbentlig ;-)
Den ligger på:
http://www.webtile.dk/drag_test/
/VH
</bole>
Avatar billede erikjacobsen Ekspert
16. april 2000 - 09:17 #2
Værsgo Ole, når du ligefrem vil lave det for ham, så er det
naturligvis dine points !
Avatar billede spacey Nybegynder
16. april 2000 - 10:55 #3
Ej, fedt gutter, det var meget mere svar end jeg havde turdet drømme om!!!

Ole>>>> Svarer du lige så du kan få points når den er crossbrowser?
Avatar billede olebole Juniormester
17. april 2000 - 10:51 #4
Erik >> det var ikke for at træde dig over tæerne, hvilket jeg også håber du ved ;-)
Sagen er, at jeg ikke rigtig havde lavet andet en totalt basalt DHTML - indtil for et få måneder siden. Det her spørgsmål syntes jeg var en rigtig god 'øver', da det grundlæggende script (dynlayer.js) er ganske velskrevet og anvendeligt (Tak, Spacey!).
Samtidig finder jeg ideen med en 'billed-brønd' - hvori man kaster sine billeder for at få dem vist - en ret sjov idé. Faktisk kunne jeg sagtens selv finde på at bruge den på et tidspunkt ;-)

Min Mac har desværre været uforsigtig og været ude på det store net at lege - UDEN kondomer! :-((
Selvfølgelig med 'en dårlig' som resultat! Så jeg har siddet og bakset med ny OS...DAMNED!!!
Derfor er jeg lidt forsinket, men mon ikke jeg når at lave det i løbet af dagen?...Det håber jeg ;-)
/VH
Avatar billede olebole Juniormester
17. april 2000 - 21:30 #5
OK, Spacey...så skulle der være en X-browser version på samme adresse :-)

Du må meget gerne teste den i NS og IE i flere versioner og give en tilbagemelding. Lad venligst være med at kopier den, som den er nu. Når du har sagt OK, bliver den lige pudset af og lagt i en separat '.js', så der kun skal sættes nogle få variabler i 'index.html'.

/VH
Avatar billede spacey Nybegynder
17. april 2000 - 21:37 #6
Tjahh, jeg får en fejl i linie 47 med min IE 5, på win2k
Avatar billede spacey Nybegynder
17. april 2000 - 22:07 #7
Dette her er jo for vildest service, jeg havde regnet med lidt anvisning også kommer Ole met et færdigt script, som han endda finpudser.......

Tak du!
Avatar billede olebole Juniormester
17. april 2000 - 22:36 #8
Hhmmmm...jeg må nok lige ud og hente en IE5 oven på den 'forkølelse'!
Hvad siger fejlen mere?
Avatar billede spacey Nybegynder
17. april 2000 - 22:41 #9
I linie 47 siger den Mydiv is not a object..?


Bare lige for at høre hvad du regner med, tror du at jeg er så heldig at du kan nå at kigge på det idag/nat eller hvornår skøre webudviklerer nu er oppe?
Avatar billede olebole Juniormester
18. april 2000 - 09:56 #10
Ja, så heldig var du...jeg nåede bare aldrig til at få kundgjort, at der eksisterer en 'index2.htm' i samme dir :-(

Prøv lige at se, om den har en mere samarbejdsvillig linie 47 ;-)
Avatar billede spacey Nybegynder
18. april 2000 - 14:26 #11
Ole>>> DEt er den desværre slet ikke :-(
Jeg får den samme fejl.
Avatar billede olebole Juniormester
18. april 2000 - 15:11 #12
Jeg får noget vers.5 ned på maskinen senere i dag, så skal jeg se på det. Det er næsten nødvendigt.
ZU
Avatar billede spacey Nybegynder
18. april 2000 - 21:26 #13
Ole>>> Jeg håber sq at du kan fikse det iaften for jeg skulle gerne bruge det så hurtigt som muligt...
Avatar billede olebole Juniormester
19. april 2000 - 09:10 #14
Hi Spacey.
Nu ligger der en 'index2.htm, der NÆSTEN fungerer i IE5. Der er en anelse 'geografi-rod', når man slipper div'et udenfor baggrundsbilledet. Det returnerer til en position med lidt lavere x- og y-værdier. Det må jeg lige have styr på...burde være et mindre problem ;-)
/VH
Avatar billede spacey Nybegynder
19. april 2000 - 14:57 #15
Tak, men nu virker ingen af dem i Bugscape mere???

Men MANGE MANGE MANGE MANGE og en masse flere gange tak!
Avatar billede olebole Juniormester
19. april 2000 - 15:47 #16
Hmmm.,,,jeg har først i dette øjeblik udskiftet den oprindelige 'index.html'...?!?...Sååeeee...!
Anyway, NU skulle den virke i NS4, IE4 og IE5 - om den så også gør det i NS6, ved jeg endnu ikke.
Fanden tage de forskellige DOM'er :-(((((

Jeg vil stadig gerne 'møge' det lidt pænere sammen og smide det i en remote-fil ;-)

/VH
Avatar billede erikjacobsen Ekspert
01. maj 2000 - 13:22 #17
Hovsa - fik jeg points for dette ???
Avatar billede spacey Nybegynder
01. maj 2000 - 16:16 #18
erik, se http://eksperten.dk/spm.asp?id=16112 så vil du forstå at det IKKE var mig der accepterede! Undskyld ulejligheden!

Mvh. Jens
Avatar billede erikjacobsen Ekspert
01. maj 2000 - 17:40 #19
Ok - det giver lidt mere mening. Send mig en email hvis du skal have dine
points tilbage - og admin ikke klare ærterne.
Avatar billede admin Novice
02. maj 2000 - 00:02 #20
Tidligere accepteret svar:
fra erikjacobsen 16-04-00 01:53:48
Point : 150
Gaab, det er altså lidt sent... Men et par helt uafprøvede ideer:

Det midterste billede propper du ind i en

  <a href="#" onmouseover="f()"><img ...></a>

Jeg gætter på at f() bliver kaldt når du dragger ind over billedet.
For at skelne mellem almindelig mouseover og og et drag (og også
skelne mellem hvilket billede, der bliver dragget), sætter du en
global variabel til en passende værdi ved start af drag, og sætter
den tilbage, når du giver slip. Denne globale variabel tester du i
f().

"Svæve tilbage"? Lad os lige få det andet prøvet først!

Er blevet slettet pga.: http://www.eksperten.dk/spm.asp?id=16112

Spørgsmålet er nu blevet åbnet igen.
Avatar billede olebole Juniormester
02. maj 2000 - 03:37 #21
<ole>
Seneste reviderede version - og formodentligt den endelige - ligger en tid på:
  http://www.webtile.dk/Ny_drag_test/
...der er to versioner: 'index.html' og 'index2.html'.
Det har været en lærerig udfordring, og jeg vil i den anledning gerne 'pushe' Dan Steinman og hans DHTML-tutorial 'DynamicDuo' og hans JavaScript API-lag 'DynAPI', der gør det til a piece of cake at lave X-browser DHTML.
/Vh
</bole>
Avatar billede spacey Nybegynder
02. maj 2000 - 08:13 #22
Tak ole, du har virkeligt hjulpet MEGET!!!
Avatar billede Lasse Novice
24. oktober 2000 - 13:06 #23
er det sådan så man kan se det script der er blevet produceret? Jeg er nemlig helt vildt interesseret i det...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 14:58 Scanner program til PC Af fjorbak i Andet software
16/1016:25 En "Gammel" & "Retro" PC Service ? Husker ikke navnet .... Af Ikke-ekspert i Diverse
16/1016:17 Jeg har lige købt en Samsung mobil telefon Af Strawberry i Mobiltelefoner
16/1013:20 Lotus Approach Af Carsten i Andet software
15/1015:34 Epson scanner forbinder ikke til computer Af bbkdk i Printere
White papers
Flere white papers »