Toon posts:

[HTML / JS] IE6 hover functie werkt alleen lokaal

Pagina: 1
Acties:

Onderwerpen


Acties:
  • 0 Henk 'm!

Verwijderd

Topicstarter
Ik ben met een website aan het werk: http://www.forextradingpal.com

In het menu bij "strategies" wordt er een uitklapmenu gebruikt dat bij hoveren uitklapt. Dit werkt in FF en IE7 prima en voor IE6 heb ik een oplossing die ik van de volgende pagina heb:

http://www.xs4all.nl/~peterned/csshover.html

Deze csshover class, die te vinden is in http://www.forextradingpal.com/csshover.htc, zorgt er voor dat er met JS een hover functionaliteit in IE6 wordt toegevoegd, een erg mooie oplossing leek mij. Nu heb ik de opossing in de site verwerkt en lokaal bij mij op de testserver werkt deze prima, ik krijg inderdaad in IE6 netjes een uitklapmenu met behulp van de csshover class

Als ik echter de handel upload en online test dan werkt het niet. Ik heb echt alle benodigde bestanden online staan en alles is dus precies zoals ik het lokaal heb staan.

Op de website die ik noem werk ik met een iets oudere versie van de class dan dat op de website staat waarnaar ik verwijs waar ik hem vandaan heb. Ik heb het echter ook met de nieuwste versie geprobeerd met hetzelfde resultaat, lokaal werkt het en online niet.

Hoe kan het nu dat het lokaal wel prima werkt en online niet? Ik heb het met meerdere websites geprobeerd (waarin ik dus ook een dergelijk menu heb zitten), telkens hetzelfde resutlaat, lokaal werkt het prima en online niet...

Acties:
  • 0 Henk 'm!

  • DoubleJ
  • Registratie: December 2002
  • Laatst online: 07-02 09:46

DoubleJ

Een ninjja!

Ik kan het probleem ook niet vnden. Is suckerfish niet gewoon makkelijker?

Daar heb je enkel dit aan JavaScript voor nodig..

JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
sfHover = function() {
    var sfEls = document.getElementById("nav").getElementsByTagName("LI");
    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
    }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

[ Voor 5% gewijzigd door DoubleJ op 05-03-2009 13:02 ]


Acties:
  • 0 Henk 'm!

  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
Geheid je probleem:
NOTE 2: Make sure your webserver sends htc files with the mime-type set to text/x-component. For more info on this, check Aldo's blog. In case of an .htaccess file, it's:
AddType text/x-component .htc
En da's niet voor 't eerst dat het hier voorbij komt :)

Ik heb 't even bekeken en inderdaad: Content-Type: text/plain wordt gestuurd.

[ Voor 16% gewijzigd door RobIII op 05-03-2009 13:09 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij