[DHTML] MSIE 6 bug?

Pagina: 1
Acties:

  • Willem2
  • Registratie: Oktober 2000
  • Laatst online: 24-08 14:05

Willem2

Ω is futile

Topicstarter
Ik heb ruzie met een dragable/resizable layer onder MSIE 6.0.

Ik heb een foto, en mbv. de layer wil ik een selectie kunnen maken om die later door PHP te laten croppen.
Layer werkt prima; resizen ook, alleen als ik in het gebied van de foto kom, blijft de layer aan mijn muis 'kleven'. Het gekke is dat hij dit niet alleen boven de foto doet; maar ook rechts & link van de foto over de hele hoogte.

In Mozilla 1.2/Netscape7/Opera 7b1 doen het allemaal prima, dus ik heb het idee dat mijn code wel ok is.

Als ik de layer echter niet transparant (wit bv) maak of een alpha blending meegeef werkt het wel. Maar ja, niet transparant is niet echt lekker selecteren en alpha blending wordt alleen ondersteunt door MSIE...


Is dit een bug of zie ik toch iets over het hoofd?

Ter info/inzage:
http://wnailer.vddh.com/crop.html

en nee, ik houd niet van voetbal... :)


  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

Je document mist aan het begin de opening van html:
code:
1
<html>

Ik zeg niet dat dat het is, maar IE6 is wat zeikeriger op zulke dingen (eindelijk)

www.jurgroessen.nl


  • Willem2
  • Registratie: Oktober 2000
  • Laatst online: 24-08 14:05

Willem2

Ω is futile

Topicstarter
nou, als (bijna) alle dhtml het doet; zal het niet aan die tag liggen...

maar je hebt gelijk; hij ontbrak idd. :)

en nee, ik houd niet van voetbal... :)


  • eXtReMeBiE
  • Registratie: Februari 2002
  • Laatst online: 26-08 10:42
Even melden: hij blijft ook aan mijn muis hangen, en ik heb MSIE 5.5... Gewoon IE support droppen 8)7
* eXtReMeBiE moet ineens aan een signature van een bepaald persoon denken :)

  • Willem2
  • Registratie: Oktober 2000
  • Laatst online: 24-08 14:05

Willem2

Ω is futile

Topicstarter
80 a 90% van de gebruikers heeft op het moment IE 5 of hoger... helaas gebruiken maar weinig mensen (+/- 5%) netscape/mozilla/opera.

IE support droppen op een website is dus niet echt een optie vandaag de dag...

en nee, ik houd niet van voetbal... :)


  • Willem2
  • Registratie: Oktober 2000
  • Laatst online: 24-08 14:05

Willem2

Ω is futile

Topicstarter
heb het nu tijdelijk gefixed door een alpha filter op de layer te zetten voor IE, maar mijn vraag blijft staan natuurlijk! :)

en nee, ik houd niet van voetbal... :)


  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Ik heb zelf ook eens een cropper gemaakt; misschien kan je er wat mee: cropper
Ik zal straks even kijken wat er bij jou precies misgaat in IE6, maar ik moet eerst koffie hebben... :)

Edit: ik heb even getest in IE6; het blijkt dat de onmousdown/onmouseup van de draggable div niet getriggered wordt op het moment dat 'ie zich boven een ander element bevindt, tenzij de div content of een background (anders dan transparent) bevat.
Dit lijkt me dus inderdaad een bug...

[ Voor 38% gewijzigd door crisp op 14-12-2002 15:08 ]

Intentionally left blank


  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Even een testcase gemaakt:
HTML:
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
45
46
47
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Big IE6 error?</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#div1 {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 400px;
  height: 400px;
  background-color: #ffff00;
  border: 1px solid #000000;
  z-index: 1;
}
#div2 {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 80px;
  height: 80px;
  background-color: #ff0000;
  border: 1px solid #000000;
  z-index: 2;
}
#div3 {
  position: absolute;
  top: 160px;
  left: 160px;
  width: 80px;
  height: 80px;
  background-color: transparent;
  border: 1px solid #000000;
  z-index: 3;
}
</style>
</head>

<body>
<div id="div1" onmousedown="alert('I am div number 1'); return false">
  [img]"plaatje.jpg"[/img]
</div>
<div id="div2" onmousedown="alert('I am div number 2'); return false"></div>
<div id="div3" onmousedown="alert('I am div number 3'); return false"></div>
</body>
</html>

Als je nu op div3 klikt in IE6, dan krijg je de alert voor div1!
Dit lijkt te komen doordat div1 een image bevat, stel ik plaatje.jpg in als achtergrond van div1 en/of zet ik in div1 iets anders (bijvoorbeeld een table van 400x400) dan gaat het wel goed!
Rare jongens daar bij Microsoft....

[ Voor 14% gewijzigd door crisp op 17-12-2002 12:51 ]

Intentionally left blank


Verwijderd

Uniek is het in ieder geval wel...ik heb het nog niet op een andere browser kunnen reproduceren. In de W3C CSS specs staat dit:
This property sets the background color of an element, either a <color> value or the keyword 'transparent', to make the underlying colors shine through.
Niks over het doorpassen van events...hmmm. :?

Als je op de border klikt krijg je overigens wel de event op DIV3.
Pagina: 1