Toon posts:

[js/css] floating div werkt wel in IE maar niet in FF

Pagina: 1
Acties:

zaterdag 3 december 2005 16:45

Acties:

Verwijderd

Topicstarter
Ik heb een site gemaakt met een simpele maar strakke layout.
Nu dacht ik dat het wel eens leuk zou zijn om de content in aparte verplaatsbare layers te zetten.

Het basis idee werkt erg leuk en ik heb een paar mooie scriptjes op internet gevonden om dit te doen.

Maar nu het probleem.
Het voorbeeld doet het prima in FireFox maar nu ik het implementeer op de site werkt er niets meer van.

www.bekir.nl/~tankeriv/boudewijn/floatingdiv

Op deze pagina heb ik de site tijdelijk even geupload.
Klik de info link aan om te zien wat ik bedoel.
Het punt is dat het wel werkt in Internet Explorer.

zaterdag 3 december 2005 16:47

Acties:
  • .daan
  • Registratie: Januari 2002
  • Laatst online: 23-09-2023

.daan

{visibility:hidden;}

Krijg de site niet echt geladen hier. Typo in je link misschien?

public void ik()

zaterdag 3 december 2005 17:20

Acties:

Verwijderd

Topicstarter
Daantjuh schreef op zaterdag 03 december 2005 @ 16:47:
Krijg de site niet echt geladen hier. Typo in je link misschien?
Hmmz, als over de duvel.

De server is down. :(

zaterdag 3 december 2005 20:48

Acties:

Verwijderd

Topicstarter
Goed, de server is up.

http://www.bekir.nl/~tankeriv/boudewijn/#

Ik ben achter de oorzaak van het probleem.
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
Wanneer ik dit weglaat werkt het perfect in FireFox, op het feit dat het niet meer W3C valid is na dan.
Goed, wanneer je zou zeggen goed het is wel niet zo netjes maar het werkt toch?
Ja en nee.
In IE werkt het ook nog maar IE lijnt nu de algehele content links uit. :(

Zou iemand me kunnen vertellen welke doctype ik nu moet hebben?

Want blijkbaar is het scriptje of type script niet XHTML 1.0 valid.

Code van het scriptje :
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

<!--

//Generic Drag Script- © Dynamic Drive (www.dynamicdrive.com)
//For full source code and terms of usage,
//visit http://www.dynamicdrive.com

var ie=document.all
var ns6=document.getElementById&&!document.all

var dragapproved=false
var z,x,y

function move(e){
if (dragapproved){
z.style.left=ns6? temp1+e.clientX-x: temp1+event.clientX-x
z.style.top=ns6? temp2+e.clientY-y : temp2+event.clientY-y
return false
}
}

function drags(e){
if (!ie&&!ns6)
return
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "HTML" : "BODY"

while (firedobj.tagName!=topelement&&firedobj.className!="drag"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}

if (firedobj.className=="drag"){
dragapproved=true
z=firedobj
temp1=parseInt(z.style.left+0)
temp2=parseInt(z.style.top+0)
x=ns6? e.clientX: event.clientX
y=ns6? e.clientY: event.clientY
document.onmousemove=move
return false
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
//-->


Of anders eventueel hoe ik de code aanpas zodat het wel XHTML 1.0 Valid is.
Aangezien de W3C validator geen opmerkingen geeft over de Javascript code.

[ Voor 18% gewijzigd door Verwijderd op 03-12-2005 20:55 ]

Reageer