[JS] HTML tags worden weergegeven maar niet uitgevoerd

Pagina: 1
Acties:

Acties:
  • 0 Henk 'm!

  • JvdM
  • Registratie: April 2004
  • Laatst online: 22-09 22:32
Ik heb een array en daarvan wil ik de output met regels ertussen. Zie de volgende code:

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<html>
<head>

<title>Javascript</title>

<link rel="stylesheet" href="style.css" type="text/css">

 <script type="text/javascript">
              // setup the main array
              var setArray = Array("Boek1", "Boek2", "Boek3", "Boek4", "Boek5","Boek6");
          var set = "false";
              // insert the array into the DIV smalltest object
              function insertArray()
              {

        if(set=="false") { //kijken of assortiment al is weergegeven

                     var theText = ""; // set the theText output to an empty string otherwise it would start with null.
                     for (var i=0; i < setArray.length; i++)
                     {
                            // create the array of text to insert
                            theText += setArray[i];
                theText += "<br />"; // voor de regel tussen de array records
             }
                     // create the createTextNode
                     var insertText = document.createTextNode(theText);
                     document.getElementById("assortiment").appendChild(insertText);
        
        }
        set = "true"; // zodat het assortiment maar 1 keer wordt weergegeven. 
              }
       </script>
    
</head>

<body>


    <div class="loginbalk">
        <div class="divcenter">
          <div class="loginkolom">
          
        <img src="images/stip.gif" border="0" height="5" width="266">
            <span class="blauw">ASSOR</span><span class="zwart">TIMENT</span>
                <img src="images/stip.gif"  border="0" height="5" width="266">

              <div class="tekstzwart" id="assortiment">
            </div>
        </div>
        </div>
              
<input type="submit" value="Bekijk alle boeken" onClick="javascript:insertArray()" />

</div>
</body></html>


Het gaat hierom:

theText += setArray[i];
theText += "<br />"; // voor de regel tussen de array records

Mijn output is nu als volgt:
boek1 <br /> boek2 <br /> boek3 <br /> boek4 <br />

Terwijl dit zou moeten zijn:
boek1
boek2
boek3
boek4

Hoe kan het dat mn HTML tag wordt weergegeven ipv uitgevoerd ? Ik heb ook al "\n" geprobeerd, deze laat hij niet zien in het tekstveld maar hij voert hem ook niet uit.

bvd

Acties:
  • 0 Henk 'm!

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 22:09

crisp

Devver

Pixelated

createTextNode - it's already in the name
Gebruik innerHTML, of bijvoorbeeld een PRE-element (of white-space: pre in CSS) en dan gewone newlines.

[ Voor 11% gewijzigd door crisp op 15-01-2009 18:42 ]

Intentionally left blank


Acties:
  • 0 Henk 'm!

  • Wolfboy
  • Registratie: Januari 2001
  • Niet online

Wolfboy

ubi dubium ibi libertas

Je zal appendChild moeten gebruiken in plaats van 'theText += "<br />";'. Of... document.getElementById("assortiment").innerHTML += ...

Blog [Stackoverflow] [LinkedIn]


Acties:
  • 0 Henk 'm!

  • JvdM
  • Registratie: April 2004
  • Laatst online: 22-09 22:32
Wolfboy schreef op donderdag 15 januari 2009 @ 18:43:
Je zal appendChild moeten gebruiken in plaats van 'theText += "<br />";'. Of... document.getElementById("assortiment").innerHTML += ...
ah kijk eens aan het werkt!.

Super!

Acties:
  • 0 Henk 'm!

  • mcDavid
  • Registratie: April 2008
  • Laatst online: 22-09 20:16
Ik had de oplossing ook al op FOK! gepost hoor ;)

Acties:
  • 0 Henk 'm!

  • JvdM
  • Registratie: April 2004
  • Laatst online: 22-09 22:32
mcDavid schreef op donderdag 15 januari 2009 @ 19:04:
Ik had de oplossing ook al op FOK! gepost hoor ;)
Ik zie nu pas je edit, eerder vandaag zag ik ´m niet ;)

Acties:
  • 0 Henk 'm!

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 22:09

crisp

Devver

Pixelated

FOK :')

[ Voor 14% gewijzigd door crisp op 16-01-2009 02:12 ]

Intentionally left blank

Pagina: 1