Hej,
"Kenneth Brøgger" <broegger@pc.dk> skrev i en meddelelse
news:3e45bed3$0$71659$edfadb0f@dread11.news.tele.dk...
> Jeg har lavet
www.broeggers.dk/creativeminds.ny/index3.htm
> ... hvis i klikker på information > Medarbejdere > Kenneth Brogger så
kommer
> der to lag op... Man kan dragge toppen... dvs. det ene lag, men når man
> dragger i det, så skal det andet også følge med... how???
Tag og drop den der dragfuntion du har lavet der....sjælendt har jeg da set
så ringe og stresset kode blot for at flytte lidt rundt på et par lag.
Her får du lige "ud af hukommelsen" kode til at flytte et lag...det er
muligt det kikser, men så /msg URL'en du tester det på, så skal jeg kigge på
det igen:
Jeg antager fx. du har 2 lag "lag_1" og "lag_1_1" som skal flyttes...ok?
// Først et par globale variable:
var layer1
var layer1_left
var layer1_top
var layer2
var layer2_left
var layer2_top
var x
var y
// Denne funktion starter dragget....
function drags(){
if (event.srcElement.className=="drag"){
dragging=true
layer1=event.srcElement
layer2=layer1.name+"_1"
layer1_left=layer1.style.pixelLeft
layer1_top=layer1.style.pixelTop
layer2_left=layer2.style.pixelLeft
layer2_top=layer2.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
// Denne funtktion flytter så lagene:
function move(){
if (event.button==1&&dragging){
layer1.style.pixelLeft=layer1_left+event.clientX-x
layer2.style.pixelLeft=layer2_left+event.clientX-x
layer1.style.pixelTop=layer1_top+event.clientY-y}
layer2.style.pixelTop=layer2_top+event.clientY-y}
return false
}
Så skal du blot have dine 2 lag som skal kunne flyttes:
Fx:
<div id="lag_1" class="drag">hjsegfhje</div>
<div id="lag_1_1" class="drag">hjsegfhje</div>
Og det _skulle_ virke :) Du kan nemt tilpasse koden til at tage dynamiske
lag...så alle vinduer/lag kan flyttes. Blot lidt overensstemmelse mellem
ID'erne og noget gennemløb i javascripten...
Håber det kan bruges...
mvh
TH
Hej,
"Kenneth Brøgger" <broegger@pc.dk> skrev i en meddelelse
news:3e45bed3$0$71659$edfadb0f@dread11.news.tele.dk...
> Jeg har lavet
www.broeggers.dk/creativeminds.ny/index3.htm
> ... hvis i klikker på information > Medarbejdere > Kenneth Brogger så
kommer
> der to lag op... Man kan dragge toppen... dvs. det ene lag, men når man
> dragger i det, så skal det andet også følge med... how???
Tag og drop den der dragfuntion du har lavet der....sjælendt har jeg da set
så ringe og stresset kode blot for at flytte lidt rundt på et par lag.
Her får du lige "ud af hukommelsen" kode til at flytte et lag...det er
muligt det kikser, men så /msg URL'en du tester det på, så skal jeg kigge på
det igen:
Jeg antager fx. du har 2 lag "lag_1" og "lag_1_1" som skal flyttes...ok?
// Først et par globale variable:
var layer1
var layer1_left
var layer1_top
var layer2
var layer2_left
var layer2_top
var x
var y
// Denne funktion starter dragget....
function drags(){
if (event.srcElement.className=="drag"){
dragging=true
layer1=event.srcElement
layer2=layer1.name+"_1"
layer1_left=layer1.style.pixelLeft
layer1_top=layer1.style.pixelTop
layer2_left=layer2.style.pixelLeft
layer2_top=layer2.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
// Denne funtktion flytter så lagene:
function move(){
if (event.button==1&&dragging){
layer1.style.pixelLeft=layer1_left+event.clientX-x
layer2.style.pixelLeft=layer2_left+event.clientX-x
layer1.style.pixelTop=layer1_top+event.clientY-y}
layer2.style.pixelTop=layer2_top+event.clientY-y}
return false
}
Så skal du blot have dine 2 lag som skal kunne flyttes:
Fx:
<div id="lag_1" class="drag">hjsegfhje</div>
<div id="lag_1_1" class="drag">hjsegfhje</div>
Og det _skulle_ virke :) Du kan nemt tilpasse koden til at tage dynamiske
lag...så alle vinduer/lag kan flyttes. Blot lidt overensstemmelse mellem
ID'erne og noget gennemløb i javascripten...
Håber det kan bruges...
mvh
TH