Hallo ich hba eine Thumbnailgallerie und möchte die "großen" bilder per AJAX laden. Wo ist mein fehler? ich bekomme beim klicken auf ein Thumbnail immer ein JS Fehler angezeigt das ein Objekt erwartet wird. Weiß aber nicht was ich falsch gemacht habe.
Hier meine Thumbnails mit meinem JS Handle onclick, zuvor in der Seite hab eich oben natürlich meine JS Datei eingebunden. name der JS-Datei ajax.js
ebenfalls ist mein Span auch in der Seite eingebunden und zwar so
Dann meine ajax.js
und anschließend meine ganz kleine ajax.php, die ist momentan nur zum test da.
Hoffe mir kann einer sagen wo mein Fehler ist.
Danke und Gruß
jochen
Hier meine Thumbnails mit meinem JS Handle onclick, zuvor in der Seite hab eich oben natürlich meine JS Datei eingebunden. name der JS-Datei ajax.js
ebenfalls ist mein Span auch in der Seite eingebunden und zwar so
PHP-Code:
<span id="bild">
PHP-Code:
<td>
<a href="bilder.php" onClick="sndReq('<?php echo $row_bilder_pfad[0].$row_bilder_limit[3]; ?>','<?php echo $row_bilder_limit[0]; ?>')">
<div style="background-color:white; width:36px; height:36px; border:1px; border-style:solid; padding:1px; cursor: pointer;">
<img border="0" height="36" width="36" src="phps/thumbs.php?pfad=<?php echo $row_bilder_pfad[0].$row_bilder_limit[3];?>">
</div>
</a>
</td>
PHP-Code:
var resObjekt;
if(navigator.appName.search("Microsoft") > -1){
resObjekt = new ActiveXObject("Microsoft.XMLHTTP");
//resObjekt = new ActiveXObject("MSXML2.XMLHTTP");
}
else {
resObjekt = new XMLHttpRequest();
}
function sndReq(pfad, id_pic) {
resObjekt.open('get', 'ajax.php?id='+id_pic+'&pfad='+pfad,true);
resObjekt.onreadystatechange = handleResponse;
resObjekt.send(null);
}
function handleResponse() {
if(resObjekt.readyState == 4) {
document.getElementById("bild").innerHTML =
resObjekt.responseText;
}
}
PHP-Code:
<?
header('Content-Type: text/html; charset=iso-8859-1');
$id = isset($_GET['id_pic']) ? $_GET['id_pic'] : '';
$pfad = isset($_GET['pfad']) ? $_GET['pfad'] : '';
echo $id."<br>";
echo $pfad;
?>
Danke und Gruß
jochen
Kommentar