Gibt es eine fertige Blätterfunktion in Joomla

addi · 3. Dezember 2020

Die Fehlermeldung besagt, dataContainer nicht existiert, darum ist die Eigenschaft html auch nicht verfügbar. Ich gehe mal davon aus, dass dies der Container ist, in den die Daten ausgegeben werden, den müsstest du vorher definieren.

HTML

<div id="datacontainer-tabelle" title="hier werden Daten ausgegeben"></div>

JavaScript

let dataContainer = jQuery('#datacontainer-tabelle")

Weiterhin würde ich unbedingt empfehlen, mit der Ausführung auf dom ready zu warten, sonst könnte es sein, dass nicht alles bis zur Ausführung geladen wurde, worauf sich das Script bezieht.

JavaScript

jQuery('document').ready(function($){
  // hier folgt mein jQuery - Kram auch gerne mit $()
  let dataContainer = jQuery('#datacontainer-tabelle")
  $('#pagination-container').pagination({ ... })
});

sven101079 · 3. Dezember 2020

Vorausgesetzt du hast das derart gemeint:

PHP

<script>
jQuery('document').ready(function($){
let dataContainer = jQuery('#datacontainer-tabelle")
$('#pagination-container').pagination({
dataSource: <?php echo json_encode($ergebnisse_abfrage); ?>,
pageSize: 1,
showGoInput: true,
showGoButton: true,
callback: function(data, pagination) {
// template method of yourself
var html = '<?php $ergebnisse_abfrage; ?>';
dataContainer.html(html);
}
})
</script>

Alles anzeigen

dann habe ich damit zwar die Fehlermeldung zum dataContainer weg, dafür aber unten die Fehlermeldung und immer noch keine Ausgabe.

Zitat

Uncaught SyntaxError: Invalid or unexpected token

addi · 3. Dezember 2020

Der nächste Fehler liegt daran, dass du PHP-Code zwischen einfachen Anführungszeichen einschließt, dann steht da aber der reale String und nicht PHP, du kannst es so machen:

PHP

<?php echo '"' . $ergebnisse_abfrage . '"';?>;

gehen würde auch

"<?=$ergebnisse_abfrage;?>"

sven101079 · 3. Dezember 2020

Okay, aber den Fehler behebt das leider nicht. Der ist unverändert da.

addi · 3. Dezember 2020

Ich denke da sind noch andere, grundsätzliche Fehler, der Ausdruck var html = ... kann ja schon gar nicht sein, vermutlich ist es eher

Code

dataContainer.html(data);

Elwood · 3. Dezember 2020

Weiß nicht, ob richtig/wichtig:

sven101079 · 3. Dezember 2020

Zitat von Elwood

Weiß nicht, ob richtig/wichtig:

Ja, das hatte ich auch schon gesehen. Ich habe aber beides ausprobiert mit ' und mit ", weil ich auch schon dachte, dass die Fehlermeldung dadurch entsteht. Aber das war es auch nicht.

sven101079 · 3. Dezember 2020

Zitat von sven101079

Ja, das hatte ich auch schon gesehen. Ich habe aber beides ausprobiert mit ' und mit ", weil ich auch schon dachte, dass die Fehlermeldung dadurch entsteht. Aber das war es auch nicht.

Also der Code sieht aktuell so aus:

Code

<script>
jQuery('document').ready(function($){


let dataContainer = jQuery('#datacontainer-tabelle')
jQuery('#pagination-container').pagination({
dataSource: "<?=$ergebnisse_abfrage;?>",
pageSize: 1,
showGoInput: true,
showGoButton: true,
callback: function(data, pagination) {
// template method of yourself
var html = dataContainer.html(data);
dataContainer.html(html);
}
})
</script>

Alles anzeigen

Das hier

Code

('#datacontainer-tabelle')

habe ich in der Tat von " auf ' geändert, da ich den Code mal in einen Editor gepackt habe und mir der Editor das auch als Fehler deklariert hat. ABER: Da muss immer noch etwas in der gleichen Zeile sein, dass diesen Syntax Fehler auslöst. Ich dachte schon an einen Klammer-Fehler, wenn ich mich nicht verzählt habe. Aber wo???

LukasHH · 3. Dezember 2020

Auf jeden Fall fehlen ein paar Semikolon am Zeilenende

JavaScript

let dataContainer = jQuery('#datacontainer-tabelle'); //Semikolon fehlt


jQuery('#pagination-container').pagination({
    dataSource: "<?=$ergebnisse_abfrage;?>",
    pageSize: 1,
    showGoInput: true,
    showGoButton: true,
    callback: function(data, pagination) {
        // template method of yourself
        var html = dataContainer.html(data);
        dataContainer.html(html);
    }
}); //Semikolon fehlt

Alles anzeigen

sven101079 · 6. Dezember 2020

Letztes Hilfegesuch bevor ich mit dem Thema Pagination aufgebe.

Ich bin anscheinend gar nicht soweit davon entfernt, die Sache zum laufen zu bringen. Ich habe aber nun festgestellt, dass sobald ich diesen HTML Code

PHP

<?php
$ergebnisse_abfrage[] = "
<table class=\"table\" style=\"background-color: #FFFFFF; border-radius: 20px 0 20px 0; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.05);\">
<thead>
<tr>
<td rowspan=\"3\" style=\"auto; vertical-align: top; width: 21%; height: 117px;\"><img src=\"$logo_pfad\" width=\"$imagewidth\" height=\"$imageheight\" style=\"vertical-align: middle; margin-top: 5px;\"></td>
<td colspan=\"2\" style=\"width: 79%; vertical-align: middle;\">$browserfenster</td>
</tr>
<tr>
<td colspan=\"2\" style=\"width: 79%; vertical-align: top; border-style: none;\">$firmenname</td>
</tr>
<tr>
<td style=\"width: 37%; vertical-align: top; border-style: none;\"><span class=\"uk-icon-calendar\"> $datum</td>
<td style=\"width: auto; vertical-align: top; border-style: none;\"><span class=\"uk-icon-home\"> $arbeitsort</td>
</tr>
</thead>
</table>
";
?>

Alles anzeigen

Mit json_encode umwandle, ich ziemlichen Kauderwelch erhalte. Das sieht dann je Datensatz in etwa so aus:

["\r\n\r\n\r\n\r\n\r\n\r\n

Ich weiß inzwischen, dass HTML mit json_encode problematisch ist, aber wie soll man das sonst umsetzen?

addi · 6. Dezember 2020

So wird das leider nichts. Datenbank auslesen -> Array -> JSON (kein HMTL). Das HTML kommt ganz am Ende und wird dynamisch pro Datensatz erzeugt.

sven101079 · 7. Dezember 2020

Ich habs aufgegeben und baue mir meine Pagination mittels PHP ohne JSON und Javascript selbst. Danke trotzdem für die Hilfe bis hierher.