[JavaScript] string list

Pagina: 1
Acties:

  • jazz
  • Registratie: Mei 2002
  • Laatst online: 20-04-2025
Ik heb een list van verschillende waardes in een html bestand, waaraan ik een stukje <span> wil toevoegen als de waarde uit de list overeenkomt met dat uit een array uit een javascript.

een beetje als in:

HTML-pagina:
<ul>
<li>product 34</li>
<li>product 32</li>
<li>product 58</li>
<li>product 39</li>
<li>product 73</li>
<li>product 18</li>
<li>product 92</li>
<li>product 44</li>
<li>product 18</li>
<li>product 55</li>
</ul>

Javascript:
var nieuw = new Object();

nieuw['0']='product 44'
nieuw['1']='product 34'
nieuw['2']='product 92'

Dan is het de bedoeling dat er hetvolgende achter het item uit de list geprint wordt in de HTML:

<span class="new"> </span>

Daar wordt dan m.b.v. CSS vorm aan gegeven.

JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var nieuw = new Object();


nieuw['0']='product 44'
nieuw['1']='product 34'
nieuw['2']='product 92'

function checkNew(pagetype){

    if (pagetype == 'opleiding') {
        var opleiding = document.getElementsByTagName('h1')[1].firstChild.nodeValue;
        for (i = 0; i < nieuw.length; i++);
        if (nieuw[i] == opleiding) document.getElementsByTagName('h1')[1].innerHTML = "<span class=\"new\">&nbsp;</span>" + opleiding;
    }

    if (pagetype == 'vakgebied') {
        var items = new Array();
        for (var a = 0; a < document.getElementsByTagName('li').length; a++)
        for (i = 0; i < nieuw.length; i++)
            items[items.length] = document.getElementsByTagName('li')[2].innerHTML = "<span class=\"new\">&nbsp;</span>";
    }
}


Het probleem is dus dat het wel bij de H1 tags op nieuwe pagina's werkt (eerste deel van het javascript), maar niet in een list (tweede deel van het javascript) omdat ie de firstChild.nodeValue niet ondersteunt. Iemand een oplossing?

[ Voor 6% gewijzigd door jazz op 10-08-2006 15:17 ]