Profil von ka1995

ka1995

21.05.2014, 23:00

JavaScript-Funktion soll HTML ausgeben - funktioniert nicht

Guten Aben :-)

ich bin grad am Verzweifeln... ich hab in JavaScript eine Funktion geschrieben die einen HTML-Code erstellt. Die Funktion selber funktioniert problemlos und gibt mir genau den Code raus den ich will (konnte ich in einem Editor testen). Allerdings hab ich hier für die Ausgabe immer console.log("HTML-Code"); benutzt. Das funktioniert ja nicht mehr wenn ich es im Browser ausführen will (Funktion soll auch sofort beim Aufruf ausgeführt werden). Ich find aber über Google, in diversen Foren etc. nichts was mir hier weiterhilft. Ob den HTML-Code in einer Variable speichern und die dann aufrufen oder mit document.write etc. ... hab schon viel probiert aber irgendwie funktioniert nichts.

Momentan hab ich drei Dateien:

index.php (brauch ich später wegen einer Datenbank) (läd die HTML-Seite -> funktioniert)

<?php
isset ($_GET['seite']) ? $seite = $_GET['seite'] : $seite = 'startseite';
include ('vorlage.html');
?>

vorlage.html (funktioniert bis auf die Funktion)

<!DOCTYPE html>
<html lang="de">
    <head>
        <meta charset="utf-8" />
        <title>index</title>
        <link rel="stylesheet" type="text/css" href="style\style.css">
        <link rel="stylesheet" type="text/css" href="style\style_2.css">
     
        <script src="script.js" type="text/javascript"></script>
    </head>
    <body>
    <!-- Code -->
        <script>erstellen()</script>
    <!-- Code -->
    </body>
</html>

script.js (Funktion würde funktionieren, hier vereinfacht dargestellt)

var anzahl = 100;
var x = 1;
            
function erstellen() {
    var zeile = 0;
    var spalte = 0;

for(x = 1; x <= elementeAnzahl; x++) {
if(x == 1 || x == 2 || x == 3 || x == 4 || x == 5 || x == 6) {
zeile = "zeile1";
} if(x == 7 || x == 8 || x == 9 || x == 10) {
zeile = "zeile2";
/*und so weiter, das gleiche mit der Spalte, die Zahlen sind nur anders sortiert:*/
if(x == 1 || x == 14 || x == 54 || x == 70) {
spalte = "spalte1";
} if(x == 7 || x == 15 || x == 34 || x == 100) {
spalte = "spalte2";
/*und so weiter*/
        
console.log("<a href=\"#" + x + "\"><div class=\" + zeile + " " + spalte + "\"><div class=\"small\">Text</div></div></a>");

} }

console.log müsste ja durch etwas ersetzt werden was den HTML-Code ausgibt. Leider finde ich nirgends etwas was es mir ermöglicht den Code so, wie er in den (" ") steht, auszugeben. Oder es liegt woanders ein Fehler vor den ich nicht seh... Bitte um Hilfe. Danke!