Nachrichten-Skript von Werner Zenk

[struggle]

Du hast ja mal geschrieben, Xammp wäre recht kompliziert und für den "Privatanwender" eher nicht geeignet !
Mich interessiert, ob Du Xammp verwendest !

[Tommy Herrmann]

Du - das habe ich mal so vor 15 bis 20 Jahren verwendet - keine Ahnung wie XAMPP heute funzt. Das kann man natürlcih lernen, ich hatte aber keien Lust dazu. Dann war die PHP-Version ständig anders als meine am Server, usw.

[Volker]

Finde ich jetzt relativ einfach zu verstehen auch für Laien.

Hab zwar eine Uralt Version weil eben nicht mehr gebraucht zur Zeit.

Wird aber auch sehr gut beschrieben :

https://www.apachefriends.org/de/faq_windows.html

[Tommy Herrmann]

Ja - wie gesagt, ich habe das ewig nicht probiert. Das hat damals total anders ausgesehen.

Wenn es so einfach ist, dann kannst Du es ja dem Reinhard erklären. Ich brauche das nicht, denn ich teste immer am Server.

... apropos "einfach"

Bin gerade dabei die neueste "MySQL Nachrichten" Version vom 04.01.2024 hier direkt einzubauen (also ohne Iframe):

https://www.mobirise-tutorials.com/News/direkteinbau/

Wie erwartet, keine Navigation und keine Links. In nun "Mobirise5" gibt es auch noch erhebliche, zusätzliche Probleme mit der CSS.

Da bin ich jetzt auf Werner angewiesen, denn da braucht es ein neues JavaScript und einen totalen Umbau des Scripts "nachrichten.php"

Ohne Einbau in Mobirise läuft alles wie geschmiert:

https://www.mobirise-tutorials.com/News ... u/demo.php

[Volker]

Tommy,

ich brauch(te) das auch nicht um PHP zu testen. Mach ich auch auf meinem Webserver.
Das brauchte ich für diverse Anwendungen die ich nicht legal erworben hatte, die aber zwingend eine Internetverbindung haben wollen. Genau das gaukelt XAMPP ja vor

Und NEIN ich nenne keine Details

Keine Sorge, diese Anwendungen habe ich ja nun auch mittlerweile gekauft. Wollte halt vorher ausgiebig testen

[Volker]

Hallo Tommy,

ich hatte das auch mal probiert und habe nur einen HTML Block in Mobirise erstellt wo ich die nur
<?php include "nachrichten.php"; ?>
eingegeben hatt. Ohne CSS ohne Alles

Also ohne Header, Menü oder sonst was - selbst das geht nicht.
Habe ich die ganzen Scripte raus genommen, ging es

Code: Alles auswählen

<script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/smoothscroll/smooth-scroll.js"></script>
  <script src="assets/ytplayer/index.js"></script>
  <script src="assets/theme/js/script.js"></script>
  

Nun meine Frage: Sind das alle Scripte oder nur eins oder ist es die Summe der Scripte ? Da blick ich nicht durch.


Hier mein Versuch ohne Scripte

https://fotoschulungen.com/news/


Ich weiß, Anfänger Style

Aber so könnte man sich wenigsten auf dieser Seite helfen. Muss man eben immer von Hand die Scripte raus werfen. In den anderen Seiten sind sie ja vorhanden.

Ich denke mal, solange man auf der Seite keine weiteren Blöcke wie Galerie oder sonst was hat, sollte das sogar gehen.

[Werner-Zenk.de]

Neues aus Ulenbusch

Das Dorf hieß Uhlenbusch (mit dem Gockel Konstantin) https://www.youtube.com/watch?v=JBOaLqByW7A

Irgendwie hängt die Seitennavigation (Formular) so an deinen Nachrichten dran ...

[Volker]

OK, ich gebe zu nicht Profi Like, aber es klappt

https://fotoschulungen.com/news/

Oben im Menü auf Aktuelles klicken

Läuft sogar im HTML

Also oben die demo.php läuft nicht mehr, weil eben jetzt der Link hier die letzte Version ist.

Man muss eben die Scripte auf dieser Seite entfernen. Ist aber meiner Meinung nach nicht der Aufwand und klappt.

[Tommy Herrmann]

Danke für die Bemühungen und die Hilfe Volker,

... nein, also das hat mit den Mobirise-Skripten erst einmal nichts zu tun und rausschmeißen tue ich die auf gar keinen Fall. Die werden doch mit jeden Publizieren wieder eingesetzt. Das ist Krampf ...

Das hat damit zu tun, dass Mobirise die Seite neu laden muss, wenn eine URL-Aktion ins Spiel kommt und das geht auch über ein JavaScript, wie z.B. bei meinem Gästebuch:

https://www.mobirise-tutorials.com/Gast ... ontent1-aw

Ich bin aber weder in PHP fit genug um so etwas mit einem "onclick" zur JavaScript-Funktion umzuschreiben, noch das JavaScript selbst dazu zu schreiben.

Werner kann das mit links

Ich habe jetzt schon 4-5 Stunden Versuche gemacht und habe es nicht geschafft. Dazu benötige ich ein zusätzliches Paar doppelter Hochstriche für das "onclick" und das habe ich bisher nicht gebacken bekommen

Ich weiß zwar im Prinzip wie, dennoch ist es mir bisher nicht gelungen. Das "onclick" muss ja auch die gesamte "action" mit Seite und allen Variablen einschließen. Dabei tue ich mich dann auch immer mit den doppelten " und einfachen ' Hochstrichen oder auch dem accent grave `sehr schwer.

Diese "action" muss also innerhalb der "a href" mit "onclick" alle Variablen einschließen.

Code: Alles auswählen

echo ($filter == $kategorie ?
                '<span class="aktuelleKategorie">' . $kategorie . '</span>' :

                // Link zur Kategorie
                '<a href="' . $scriptName . '?seite=1&amp;filter=' . rawurlENcode($kategorie) . $ampSortierung . $ampAnzahl . '#news" title="Kategorie ' . $kategorie . ' anzeigen">' . $kategorie .
                
                // Anzahl der Nachrichten in der jeweiligen Kategorie
                '</a>') . '<small><code>(' . substr_count($kategorienListe, $kategorie . ",") . ')</code></small> ' . PHP_EOL;
        }
        echo '</p>';

Nun ist das nur ein Beispiel, in diesem Script gibt es ein Dutzend unterschiedlicher Stellen, die alle angepasst werden müssten.

Bei dem Kommentar-Skript sieht das z.B. mit dem "onclick" so aus. Hier wird dann die JavaScript-Funktion "aktion" aufgerufen:

Code: Alles auswählen

'<span class="link" onclick="aktion(`?seite=' . $AktuelleSeite . '#mycomment`)">&#10006; Bearbeiten beenden</span> &emsp;' : '';

Code: Alles auswählen

  <!-- Reload für Kommentarseiten -->
  <script>
    function aktion(seite) {
        window.location.href = seite;
    }
  </script>

Das war eben damals auch ein Grund, warum ich das damals schon mit einen Iframe eingebaut habe. Das ist nun in "Mobirise5" noch mal ein ganzes Stück komplizierter als damals in "Mobirise4", insbesondere bei der CSS.

Ich hoffe also, dass Werner mir da etwas schreibt.

Allerdings ist das für ihn natürlich auch lästig, denn das braucht ja sonst kein Mensch. Ob ich dann ein Tutorial schreiben kann, was irgendjemand noch versteht ist auch noch fraglich.

Ich weiß aber nun zumindest, dass die neueste Version der "Nachrichten" im Prinzip genau gleich mit der alten Version aus dem Jahr 2020 ist. Nur wurden eben einige kleinere Bugs korrigiert, wie das mit dem Bildaustausch. Die Datenbank ist exakt gleich geblieben. Denn ich verwende jetzt mit beiden Skripten die gleiche Datenbank.

[Volker]

Aber Du siehst Tommy, dass es läuft ?

Ich weiß das MB die Scripte immer wieder neu schreibt. Aber wir reden hier von einer Seite!
Da mal eben die Scripte löschen dauert 2 Sekunden.

Du sagst liegt nicht an den Scripten? Warum gehts dann ohne ?

[Tommy Herrmann]

hmm - ich sehe auf Deiner Seite gerade gar nichts

... aber selbst wenn das läuft - das kann man auf keinen Fall so machen.

[Volker]

Du musst oben im Menü auf Aktuelles klicken, dann kommt das Scrip

https://fotoschulungen.com/news/page1.html

[Werner-Zenk.de]

Gerade der Xampp-Webserver ist doch sehr einfach zu bedienen - Hier eine einfache Anleitung.

Um PHP-Scripte auszuführen benötigt man einen Webserver. Um nun nicht jede Datei zum testen erst per FTP auf seinen Webserver zu laden ist es sinnvoll, sich Lokal auf dem eigenen Rechner einen sogenannten lokalen Webserver (zum Beispiel: XAMPP) zu installieren.
Dieser simuliert die Internetumgebung und ermöglicht es Ihnen, Ihre Webseiten so zu betrachten als stünden diese "Online" im Internet.

Es gibt natürlich noch andere lokale Webserver wie z.B.: WAMP oder den Laragon.

[Volker]

... aber selbst wenn das läuft - das kann man auf keinen Fall so machen.

Warum nicht ?

Wegen den fehlenden Scripten ? Sehe ich ganz anders. Eine Seite die als Blog oder News dient braucht nicht zwingend Parallax oder sonstige Animationen.

Auf allen anderen Seiten ist ja alles unverändert.

[Tommy Herrmann]

Da siehst Du auch das CSS Problem mit den Bilder. Die sind zu groß und falsch platziert. Das bekommt man aber in den Griff.

Der Sprung zum Anker ist auch falsch.

Das läuft ja auch bei mir perfekt ohne die Mobirise-Skripte:

https://www.mobirise-tutorials.com/News ... u/demo.php

... aber genau das ist doch die Herausforderung - und nicht einfach die Hälfte aus Mobirise löschen - das ist doch keine Lösung

... und Du kannst doch nicht jedes mal händisch die Mobirise-Scripts löschen, die werden doch mit jeder neuen Publizierung wieder in die Seite geschrieben (generiert) - das ist doch Unsinn.

[Tommy Herrmann]

WERNER

das ist der Trick, Du hast aus dem "a href" ein <span> gamacht - ich glaube mein Pferd pfeift

Ich habe noch nichts getestet und komme auch eher erst morgen dazu (wahrscheinlich kann ich nicht warten).

Bisher nur in den Code geguckt


TAUSEND DANK - Du bist der Beste

[Tommy Herrmann]

*** ES GEHT ***



https://www.mobirise-tutorials.com/News/direkteinbau/

Der Rest ist Kleinkram.

Werner - morgen musst mir erklären warum das mit "a href" nicht ging ...

... eigentlich hatte ich mir das genau so auch abgeguckt - nur hatte ich die doppelten Hochstriche doppelt

[Volker]

Super !

Dann warte ich mal aufs TUT

[Tommy Herrmann]

... kommt (wahrscheinlich) morgen oder übermorgen, denn es wikrd recht aufwändig.

Hier mein Ergebnis für heute:

https://www.mobirise-tutorials.com/News ... bau/#anker

Die CSS für die Bilder muss/kann in Mobirise so heißen:

Code: Alles auswählen

/* Nachrichten - Bild */
dl.nachrichten dd img.bild {
  margin: 1rem 1rem 1rem 0;
  /* EDIT Tommy - Border und Schatten entfernt, Bild auf max. 250px Breite
  border: Solid Medium #808080;
  box-shadow: 0px 0px 5px #999999; */
  width: auto;
  max-width: 250px;
  height: auto;
  object-fit: Contain;
  float: Left;
}

Mir bleibt nichts anderes übrig, als dann wieder einen Download vom modifizierten Script "nachrichten.php" dazu anzubieten, denn das schafft niemand alleine.

[Werner-Zenk.de]

Werner - morgen musst mir erklären warum das mit "a href" nicht ging ...

... eigentlich hatte ich mir das genau so auch abgeguckt - nur hatte ich die doppelten Hochstriche doppelt

Man muss da halt höllisch aufpassen, um keine Zeichen zu übersehen.
Beispiel aus dem PHP-Code:

(($seite - 1) > 0 ? '&nbsp; <a href="' . $scriptName . '?seite=' . ($seite - 1) . $ampFilter . $ampSortierung . $ampAnzahl . '#anker" title="Zurück zu Seite ' . ($seite - 1) . '">&#9668; Zurück</a>' : '') . PHP_EOL .

Geändert in:

(($seite - 1) > 0 ? '&nbsp; <span class="link" onclick="aktion(`' . $scriptName . '?seite=' . ($seite - 1) . $ampFilter . $ampSortierung . $ampAnzahl . '#anker`)" title="Zurück zu Seite ' . ($seite - 1) . '">&#9668; Zurück</span>' : '') . PHP_EOL .

Damit du das in Zukunft selber machen kannst