[IE] Anchors door script, hovers reageren niet, bug in IE? - Softwareontwikkeling

zondag 27 juni 2004 20:29

Acties:

Verwijderd

Topicstarter

Het volgende script voegt anchors toe aan een element, maar resulteerd dat de hover class niet reageerd? In mozilla werkt het wel, en doet het wat het moet doen, heb ik hier een bug te pakken in IE? ..

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script type="text/javascript">
function tabpage(element){
    this.element = element;
    this.tabs = [];
}
tabpage.prototype = {
    attach:function(objref){
        this.element.appendChild(objref);
        this.tabs.push(objref);
    }
}
function tab(label,element,visible){
    this.label = label;
    this.element = element;
    this.visible = visible;
    return this.paint();
}
tab.prototype = {
    paint:function(){
        var tmp = document.createElement('A');
        tmp.appendChild(document.createTextNode(this.label));
        if(this.visible){
            tmp.className='sel';
        }
        return tmp;
    }
}
</script>
<style type="text/css">
.tabs{
    height:40px;
    padding: 0 10px;
    overflow:hidden;
}
.tabs a{
    height:25px;
    width:120px;
    margin:15px 2px 0 0;
    padding:6px 0 0 0;
    font: 11px tahoma;
    color: #666;
    float:left;
    text-align:center;
    text-decoration: none;
    display:block;
}
.tabs a.sel, .tabs a.sel:hover{
    margin:12px 2px 0 0;
    color: blue;
    height:28px;
    width:124px;
}
.tabs a:hover{
    color:red;
}
</style>
</head>

<body>
<div id="tabs" class="tabs">
<a href="#">predefined</a>
</div>
<script type="text/javascript">
var tp = new tabpage(document.getElementById('tabs'));
tp.attach(new tab('General',document.getElementById('general'),false));
tp.attach(new tab('Story',document.getElementById('story'),false));
tp.attach(new tab('Advanced',document.getElementById('story'),false));
</script>
</body>
</html>

zondag 27 juni 2004 20:34

Acties:

Johnny

ondergewaardeerde internetguru

Volgens mij maakt MSIE er helemaal geen links van, de muiscursor verandert niet niet en, als ik de kleur uit de CSS weghaal worden de "links" zwart in plaats van blauw.

Als je bij de predefined link het href attribuut weghaalt doet hij hetzelfde, MSIE ziet een link zonder href attribuut dus niet als een link, en ik zie in de JavaScript code daar nergens iets over staan...

[ Voor 41% gewijzigd door Johnny op 27-06-2004 20:37 ]

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.

zondag 27 juni 2004 20:35

Acties:

Verwijderd

Topicstarter

Ik ben er al achter, ... zonder href attribute op de A wil de hover niet

.. erm.. foutje? ..

Mozilla maakt het schijnbaar niet uit

[ Voor 73% gewijzigd door Verwijderd op 27-06-2004 20:38 ]

zondag 27 juni 2004 20:38

Acties:

Annie

amateur megalomaan

je moet een href toevoegen

/edit: me is mosterd na maaltijd...

[ Voor 43% gewijzigd door Annie op 27-06-2004 20:39 ]

Today's subliminal thought is:

zondag 27 juni 2004 20:49

Acties:

Verwijderd

Mozilla maakt het schijnbaar niet uit

Als je 'a:link:hover' had gebruikt wel. Nu is het gewoon ':hover', wat werkt op elk element.

(In IE is het dus een bug.)

zondag 27 juni 2004 21:02

Acties:

crisp

Devver

Pixelated

Verwijderd schreef op 27 juni 2004 @ 20:49:
[...]
Als je 'a:link:hover' had gebruikt wel. Nu is het gewoon ':hover', wat werkt op elk element.

(In IE is het dus een bug.)

mwa, een bug is een groot woord; het is gewoon niet volledig geimplementeerd. Ik noem dat een tekortkoming

Intentionally left blank

maandag 28 juni 2004 10:40

Acties:

djluc

Is hier die HTC van Clay niet bedoeld voor? [rml][ css] meer css met htc voor IE[/rml]