[JS] HTML tags worden weergegeven maar niet uitgevoerd - Softwareontwikkeling

donderdag 15 januari 2009 18:40

Acties:

<---->

Topicstarter

Ik heb een array en daarvan wil ik de output met regels ertussen. Zie de volgende code:

code:

<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 += " "; // voor de regel tussen de array records

Mijn output is nu als volgt:
boek1 boek2 boek3 boek4 

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

donderdag 15 januari 2009 18:42

Acties:

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

donderdag 15 januari 2009 18:43

Acties:

Wolfboy

ubi dubium ibi libertas

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

Blog [Stackoverflow] [LinkedIn]

donderdag 15 januari 2009 18:54

Acties:

JvdM

<---->

Topicstarter

Wolfboy schreef op donderdag 15 januari 2009 @ 18:43:
Je zal appendChild moeten gebruiken in plaats van 'theText += " ";'. Of... document.getElementById("assortiment").innerHTML += ...

ah kijk eens aan het werkt!.

Super!

donderdag 15 januari 2009 19:04

Acties: