[javascript - css] probleem met highlighten van tabs - Softwareontwikkeling

donderdag 10 augustus 2006 09:24

Acties:

Verwijderd

Topicstarter

Hallo beste mensen,

Ik heb een probleem, ik heb dit scriptje in javascript gemaakt, maar ie geeft een foutmelding onderin, het bekende javascript gele driehoekje. Firefox doet het wel gewoon en ik kan maar niet vinden waar het in zit. Ik post even de twee functies tabCheck() heb ik in onLoad staan.

Ik heb het proberen te debuggen met firefox, maar daar krijg ik dus geen foutmelding.

code:

function removeName(el, name) {

  var i, curList, newList;

  newList = new Array();
  curList = el.className.split(" ");
  for (i = 0; i < curList.length; i++)
    if (curList[i] != name)
      newList.push(curList[i]);
  el.className = newList.join(" ");
}
function tabCheck() {
    var i,elList;
    elList = document.getElementsByTagName("a");
    
    for(i=0;i <= elList.length; i++)    {
        if(elList[i].href == document.location) {
            elList[i].className += " activeTab";
        }   else {
            removeName(elList[i]," activeTab");
        }
    }
}

Ik hoop dat iemand me verder kan helpen ben een beetje klaar met dat #$%*&#$ javascript.

donderdag 10 augustus 2006 09:36

Acties:

André

Analytics dude

Welke melding krijg je in IE?

donderdag 10 augustus 2006 09:52

Acties:

reddevil

curList = el.className.split(" ");

een class met een spatie erin??? Niet doen

donderdag 10 augustus 2006 09:52

Acties:

Verwijderd

Topicstarter

Het standaard verhaal witte blaadje met geel driehoekje en na klikken op een van de tabs, ook nog error on page.

donderdag 10 augustus 2006 09:55

Acties:

reddevil

hij bedoelt, welke error exact: welk regelnummer, welke errormelding... en als je een regelnummer hier geeft, geef even aan welke regel dat is in bovenstaande code aangezien we niet de gehele pagina hebben.
En anders: geef even een url naar de pagina waar het om gaat.

[ Voor 87% gewijzigd door reddevil op 10-08-2006 09:58 ]

donderdag 10 augustus 2006 09:58

Acties:

Victor

reddevil schreef op donderdag 10 augustus 2006 @ 09:52:
[...]

een class met een spatie erin??? Niet doen

classes kun je scheiden door middel van spaties. De class zelf bevat dus geen spatie, het gaat hier om meerdere classes.

Verder zou ik document.location in window.location.href veranderen. Een andere fout zie ik zo snel niet.

donderdag 10 augustus 2006 10:06

Acties:

Verwijderd

Topicstarter

Hmm ik post mn hele file wel even misschien dat jullie dan iets kunnen vinden. Ik ben overigens voor he t eerst bezig met divs, voorheen altijd tables gebruikt. misschien dat dat er iets mee te maken heeft.

code:

<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="page_style.css" rel="stylesheet" type="text/css" />
</head>
<script>
function removeName(el, name) {

  var i, curList, newList;

  newList = new Array();
  curList = el.className.split(" ");
  for (i = 0; i < curList.length; i++)
    if (curList[i] != name)
      newList.push(curList[i]);
  el.className = newList.join(" ");
}
function tabCheck() {
    var i,elList;
    elList = document.getElementsByTagName("a");
    
    for(i=0;i <= elList.length; i++)    {
        if(elList[i].href == window.location.href)  {
            elList[i].className += " activeTab";
        }   else {
            removeName(elList[i]," activeTab");
        }
    }
}
</script>
<body onLoad="tabCheck();">
<div class="container"> 
        <div class="header">        </div>
        <div class="nav">
                <a class="tab" href="./index.php">Home</a>
                <a class="tab" href="./webwinkel/main.php">Webwinkel</a>
                <a class="tab" href="./index.php?p=m">Medewerkers</a>
                <a class="tab" href="./Acties.php">Acties</a>
                <a class="tab" href="./index.php?p=contact">Contact</a>
        </div>
        <div class="content"> 
        <?php
            switch ($_GET['p']) {
                case 'm':
                   require "medewerkers.htm";
                   break;
                case 'contact':
                   echo "contactpage";
                   break;
                case 2:
                   echo "i equals 2";
                   break;
                default:
                    require "home.htm";
                }
            
        ?>
        </div>
    </div> 
</body>
</html>

donderdag 10 augustus 2006 10:13

Acties:

Victor

JavaScript:

1	for(i=0;i <= elList.length; i++)

Verander

JavaScript:

<=

in

JavaScript:

donderdag 10 augustus 2006 10:26

Acties:

Verwijderd

Topicstarter

ongeloofelijk het werkt.

Hartstikke bedankt.

donderdag 10 augustus 2006 10:44

Acties:

Wacky

Dr. Lektroluv \o/

Nu klopt de functie niet meer he, de loop maakt nu 1 rondje minder als de bedoeling is!

Je kan beter veranderen in

code:

=<

Nu ook met Flickr account

donderdag 10 augustus 2006 10:48

Acties:

reddevil

eeeehm =< bestaat niet echt in een programmeertaal en wat is er mis met alleen een < zetten?

Je leest vanaf 0 tot aan de lengte, dat is standaard voor een loop.

donderdag 10 augustus 2006 11:13

Acties:

Victor

Wacky schreef op donderdag 10 augustus 2006 @ 10:44:
Nu klopt de functie niet meer he, de loop maakt nu 1 rondje minder als de bedoeling is!

Je kan beter veranderen in
code:
1
=<

Length geeft de hoogste index, plus 1. Dus je wilt dat ie voor length bereikt is stopt.