Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: dynaaminen valikko ja IE

pistemies [15.04.2009 19:51:42]

#

Olen tehnyt valikon, joka firefoxissa toimii ihan css-pohjalla, mutta hiukan on ongelmia saada tätä Ie-versiota toimimaan.

 <script type="text/javascript">
/* IE6  */

startList = function() {

/* utilize this function also to preload XML */

 /* preload finished */
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
navRoot2 = navRoot.childNodes[0];
for (i=0; i<navRoot2.childNodes.length; i++) {
node = navRoot2.childNodes[i];

if (node.nodeName=="li") {
node.onmouseover=function() {
this.className+=" over";
}

node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
checkBrowserWidth();
}

window.onload=startList;

</script>
<div id="nav">
  <ul id="navlist">
  <li style="width:auto" class="naviotsikko1">Otsikko
<ul>
<li><a href="index.php?ilmoitus=1&os=1">eka</a></li>
<li><a href="index.php?ilmoitus=1&os=2">toka</a></li>
<li><a href="index.php?ilmoitus=1&os=3">kolmas</a></li>
</ul>
</li>
<li style="width:auto" class="naviotsikko2">Otsikko2
<ul>
<li><a href="index.php?ilmoitus=2&os=1">eka</a></li>
<li><a href="index.php?ilmoitus=2&os=2">toka</a></li>
<li><a href="index.php?ilmoitus=2&os=3">kolmas</a></li>
</ul>
</li>
....

Mahtaako vaikuttaa tuo, että olen joutunut muuttamaan eri class-nimen noille li-elementeille, jotta voin tyylitellä ne eri tavoin.


Ps. Huomasin juuri, ettei tuo checkBrowserWidth() ole määritelty. Minulta puuttuu tuosta yksi js-tiedosto. Katsotaan, auttaako miten pitkälle tuon lisäys.

pistemies [15.04.2009 22:07:58]

#

Eipä vaikuttanut tuo muutos. Olen ottanut mallia tuolla sivulla olevasta valikosta:

http://www.ubuntu-fi.org/

Minulla on ubuntussa testausta varten pelkästään ie6, en tiedä, toimiiko uudemmissa IE-versioissa.

Miten tuo saa kangettua?

Merri [16.04.2009 08:48:20]

#

Käytä vaikka Dean Edwardsin IE7.js -skriptiä, se kasvattaa IE6:n CSS-tukea kylliksi. Toinen vaihtoehto on käyttää Whatever:hoveria.

Deanin skripti kasvattaa IE:n CSS-tukea ylipäätään, mutta saattaa monimutkaisilla sivuilla aiheuttaa uusia ongelmia (esim. merkittävä hidastuminen). Whatever:hover tarjoaa pelkän :hover-tuen kaikille elementeille.

pistemies [16.04.2009 10:34:59]

#

Kiitos.

Tuolla lyhyellä pätkällä sain sen toimimaan.

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta