Hallo,
folgendes Problem habe ich aktuell. Auf meiner Hauptseite befindet sich ein Ajax-Code der Bilder beim scrollen nachlädt und eine PHP-Datei aufruft (loaddata_popular.php).
Innerhalb der loaddata_popular.php Datei, binde ich direkt am Anfang eine Javascript-Datei (lightboxtest2.js)ein. Das Problem ist jetzt das sobald die erste Salve an Bilder nachgeladen wird, die Javascript-Datei erneut aufgerufen wird und es somit zu Fehlfunktionen auf der Website kommt. Ich habe auch bereits probiert die Javascript-Datei auf der Hauptseite mit einzubinden, doch da ist sie leider ohne Funktion da sie den Inhalt der loaddata_popular.php Datei benötigt.
Hier aber noch mal beide Codes:
Ajax auf der Hauptseite:
loaddata_popular.php:
Würde mich freuen wenn jemand einen Tipp hätte wie ich die Javascript-Datei besser einbinde
folgendes Problem habe ich aktuell. Auf meiner Hauptseite befindet sich ein Ajax-Code der Bilder beim scrollen nachlädt und eine PHP-Datei aufruft (loaddata_popular.php).
Innerhalb der loaddata_popular.php Datei, binde ich direkt am Anfang eine Javascript-Datei (lightboxtest2.js)ein. Das Problem ist jetzt das sobald die erste Salve an Bilder nachgeladen wird, die Javascript-Datei erneut aufgerufen wird und es somit zu Fehlfunktionen auf der Website kommt. Ich habe auch bereits probiert die Javascript-Datei auf der Hauptseite mit einzubinden, doch da ist sie leider ohne Funktion da sie den Inhalt der loaddata_popular.php Datei benötigt.
Hier aber noch mal beide Codes:
Ajax auf der Hauptseite:
Code:
<script>
$(document).ready(function()
{
var start = 0;
var count = 12;
function morepic() {
console.log(start, count);
var params = {
start: start,
count: count
};
$.ajax({
url: "loaddata_popular.php",
type: "POST",
data: params,
success: function (output) {
console.log(output);
var newpictures = $("<div>" + output + "</div>");
start += count;
if (newpictures.find("span.end").length != 0) {
$('div#loader').empty();
}
$("#servicetext").append(newpictures);
}
});
}
$(window).scroll(function()
{
if($(window).scrollTop() == $(document).height() - $(window).height())
{
morepic();
}
});
morepic();
});
</script>
loaddata_popular.php:
Code:
<script src="lightboxtest2.js"></script>
<?php
$test = "http://192.168.178.61/PHPversion/"; // mal gucken
$idx = 0;
$start = $_POST["start"];
$count = $_POST["count"];
$count2 = $count;
try {
$pdo = new PDO('mysql:host=localhost;dbname=Datenbank_NEU', 'root', 'lehar456');
$sql = "SELECT bildtabelle.path, adressen.benutzername, adressen.vorname, adressen.profilbild, bildtabelle.timestamp, adressen.id FROM `bildtabelle`, `adressen` WHERE adressen.id = bildtabelle.user_id ORDER BY timestamp DESC LIMIT $start, $count2";
$ergebnis = $pdo->query($sql);
$countread = 0;
foreach ($ergebnis as $row) {
echo "<div class='rahmen'>
<img class='profilbild' src='".$test.$row['profilbild']."' alt='Bild'><a href=User_Seite.php?user=".$row['id']." style:'font-weight: normal; data-user='".$row['id']."''><p style='color: black; float: left; margin-left: 37px; position: absolute; font-weight: normal'>".$row['benutzername']."</p></a><div class='dropdowntest'><i class='fa fa-ellipsis-h' aria-hidden='true' style='color: #6E6E6E; float: right; margin-left: 110px; cursor: pointer; margin-top: -10px; position: absolute'></i><div class='dropdowntestcontent'><a href='#' style='font-weight: normal'><p style='color: black'>Dieses Bild melden !</p></a></div></div>
<ul class='bildermenu2'>
<li>
<div class='gallery'>
<img class='bild' data-idx='".$idx."' id='img".$idx."' src='".$test.$row['path']."' data-relurl='".$row['path']."'>
</div>
<div class='aufnahme'>
<div class='effekt'></div>
<div class='aufnahmetext'>
<i id='i' class='fa fa-star-half-o fa-2x' aria-hidden='true' style='float: left; margin-left: 100px;'></i>
<i id='i' class='fa fa-comment fa-2x' aria-hidden='true' style='float: right; margin-right: 100px;'></i>
</div>
</div>
</li>
</ul>
</div>";
$idx++;
$countread++;
}
if ($countread < $count2) {
echo '<span class="end"></span>';
}
} catch (PDOException $e) {
echo 'Fehler: ' . htmlspecialchars($e->getMessage());
}
?>
Würde mich freuen wenn jemand einen Tipp hätte wie ich die Javascript-Datei besser einbinde