Problem in Javascript Funktion: Ersetzen von HTML-Inhalten aus Arrays

Crackp0t · 21.03.2010

Im laufe der Arbeiten an meiner Page bin ich mal wieder an auf Problem gestoßen:

Ich möchte per Javascript Inhalte aus einem assoziativen Array auslesen und in das Dokument schreiben. Der Auslöser soll ein Link sein und ich habe mir dafür folgende Funktion gebastelt:

Die PHP-Code-Funktion habe ich nur genutzt, damit Syntax-Highlighting vorhanden ist.

PHP:

function load(current) {
    
    current = parseInt(current);
    var picture_data = new Array();
    picture_data[0] = new Object();
    picture_data[0]["dateiname"] = "comp_1m"; //Dies ist ein Dateiname eines Bildes, welches später ausgetauscht werden soll
    picture_data[1]["comment"]  = '<p id="comment">Anmerkung: Aufnahme erfolge durch Mitschüler,  Nachbearbeitung durch mich.</span>'; //Dies ist ein dazugehöriger Textabschnitt, der an anderer Stelle eingebunden werden soll
    
    picture_data[1] = new Object();
    picture_data[1]["filename"] = "comp_2m";
    picture_data[1]["comment"] = '<p id="comment">Anmerkung: Aufnahme erfolge durch Mitschüler, Nachbearbeitung durch mich.</span>';
    
    var info = document.getElementById("info_box");
    var mid_pic = document.getElementById("prev_image");
    document.preview.src = picture_data[current].dateiname; //Soll die Quelle des Bildes "preview" mit der im Array gespeicherten austauschen.
    //Die Funktion zum Schreiben des anderen Elements habe ich erstmal außen vor gelassen
}

Der passende HTML Abschnitt:

HTML:

<div id="prev_image">
    <img src="comp_3m.jpg" name="preview" id="preview"></img>
</div>

<a href="javascript:load(1)"><img src="comp_1.jpg" border="1"></a>

Leider funktioniert an der Funktion rein garnix und auch die Firefox Fehlerkonsole schweigt.

Wäre nett, wenn ihr mal einen Blick drauf werfen würdet

Duddle · 21.03.2010

AW: Problem in Javascript Funktion: Ersetzen von HTML-Inhalten aus Arrays

Du hast 2 Schusselfehler drin: einmal benutzt du "dateiname" und einmal "filename", weiterhin willst du in Zeile 7 picture_data[1]["comment"] definieren, bevor [1] überhaupt erstellt wurde. Du willst dort sicherlich die [0] haben.

Das andere unwichtige habe ich in meinem Test rausgefiltert, jedenfalls funktioniert diese Datei:

PHP:

<html>
    <head>
        <script type="text/javascript">
                 function load(num) { 
                var picture_data = new Array(); 
                picture_data[0] = new Object(); 
                picture_data[0]["filename"] = "http://farm5.static.flickr.com/4014/4410391795_2c5cb9e704_b.jpg"; //Dies ist ein Dateiname eines Bildes, welches später ausgetauscht werden soll 
                picture_data[0]["comment"]  = '<p id="comment">Anmerkung: Aufnahme erfolge durch Mitschüler,  Nachbearbeitung durch mich.</span>'; //Dies ist ein dazugehöriger Textabschnitt, der an anderer Stelle eingebunden werden soll 

                picture_data[1] = new Object(); 
                picture_data[1]["filename"] = "http://farm4.static.flickr.com/3474/3226358452_14572d5570.jpg"; 
                picture_data[1]["comment"] = '<p id="comment">Anmerkung: Aufnahme erfolge durch Mitschüler, Nachbearbeitung durch mich.</span>'; 
                document.preview.src = picture_data[num]["filename"]; 
                alert(picture_data[num]["comment"]); 
            }  
</script>
    </head>
    <body>
        <img src="blaaaa.jpg" id="preview" />
        <hr />
        <a href="javascript:load(1)">klick</a>
    </body>
</html>

Duddle