Ziehharmonika ("Accordion")

klawin · 21.02.2020 17:02:25

In diesem Beitrag https://forum.wbce.org/viewtopic.php?id=3089 von florian wird beschrieben, wie sich die Skripte für eine Ziehharmonika sehr einfach in das Modul Itemz integrieren lassen. Natürlich habe ich es sofort ausprobiert :-)

Da ich es auch als alleinstehendes Modul haben wollte, habe ich mir das Modul 'Ziehharmonika' gebaut und möchte es hier nun zur Verfügung stellen.

Viel Spaß mit dem Modul Ziehharmonika.

Neue Version 1.0.6 angehangen

Verschieben der Einträge in der Listenübersicht jetzt mit 'Drag & Drop'. 'Rauf-und-Runter' - Buttons sind entfallen

Viele Grüße
klawin

Last edited by klawin (13.03.2021 18:38:59)

florian · 21.02.2020 17:54:25

Kurz getestet. Funktioniert schon recht gut, aber bei den ganzen Nur-Text-Eingabefeldern (Titel, Einstellungen > Symbole) müssten dringend die Eingaben noch escaped werden, sonst gibt es Probleme, wenn ein Hochkomma enthalten ist oder es lässt sich da mit <script> Schindluder treiben.

Bei den Einstellungen sollten die Eingabefelder für die offen/geschlossen-Zeichen mit maxlength="1" nur die Eingabe eines einzigen Zeichens zulassen.

Kleiner Tipp noch am Rande: Module brauchen keine für die Standards wie Hinzufügen, bearbeiten usw. nicht unbedingt eigene Icons mitzubringen, es können entweder FontAwesome-Symbole verwendet werden oder die Symbole eingebunden werden, die vom BE-Theme bereitgestellt werden (<img src="<?php echo THEME_URL; ?>/images/up_16.png" border="0" alt="^" /> usw).

Last edited by florian (21.02.2020 17:56:39)

klawin

klawin · 21.02.2020 19:55:34

Vielen Dank für diese Hinweise.

Ich habe jetzt alles so umgesetzt und das Archiv oben ausgetauscht.

Viele Grüße
klawin

giz · 22.02.2020 09:34:48

Hallo,
beim Einfügen von Text, und/oder Bildern im Backend-Editor wird daraus in der Frontendansicht nur Quelltext.

bernd · 22.02.2020 11:06:04

@klawin:
da biste beim "cleanen" bischen über's Ziel hinausgeschossen ;-)
Für $wysiwwyg reicht in der save_line.php ein einfaches

$wysiwyg = $admin->get_post_escaped('wysiwyg');

Um die "evil_pieces" kümmert sich bereits der CKE ...

klawin · 22.02.2020 11:17:45

giz wrote:

Hallo,
beim Einfügen von Text, und/oder Bildern im Backend-Editor wird daraus in der Frontendansicht nur Quelltext.

Danke für den Hinweis. Ich hab's gerade nachgebessert.

Bitte tausche Deine Datei save_line.php einfach gegen die aus dem neuen Archiv aus. Dann geht es.

Gruß
klawin

Last edited by klawin (22.02.2020 11:21:40)

klawin · 22.02.2020 11:19:14

Guten Morgen,

bernd wrote:

@klawin:
da biste beim "cleanen" bischen über's Ziel hinausgeschossen ;-)
Um die "evil_pieces" kümmert sich bereits der CKE ...

ja, zuviel des Guten.

Ist jetzt 'repariert'.

Gruß
Klawin

giz · 22.02.2020 12:09:42

klawin wrote:

giz wrote:
Hallo,
beim Einfügen von Text, und/oder Bildern im Backend-Editor wird daraus in der Frontendansicht nur Quelltext.
Danke für den Hinweis. Ich hab's gerade nachgebessert.
Bitte tausche Deine Datei save_line.php einfach gegen die aus dem neuen Archiv aus. Dann geht es.
Gruß
klawin

thumb_up

Noch was:

Die Titelformatierung h3 führt zu einem nicht gewünschten weiteren (natürlich!) nicht nutzbaren Akkordion im wysiwyg-abschnitt, wenn man dort h3 für die Textformatierung nutzt... wink
Bild: das "eigener text mit <h3> formatiert" ist der wysiwyg-Abschnitt des Titel 2-Akkordions.

bernd · 22.02.2020 12:46:21

Jepp, das passiert halt, wenn Scripte auf generische Tags triggern tongue
Dann sind halt alle "h3" dran, ohne wenn und aber.

Da hilft nur den Ziehharmonika h3's eine explizite Klasse zu geben:
view.php Zeile 30

echo '<h3 class="zh-entry">'.stripslashes($row['title']).'</h3>'.PHP_EOL;

frontend.js Zeile 10

headline: 'h3.zh-entry',

frontend.css Zeile 3

.ziehharmonika h3.zh-entry {

giz · 22.02.2020 13:05:06

Danke, läuft! thumb_up

klawin · 22.02.2020 14:38:58

bernd wrote:

Jepp, das passiert halt, wenn Scripte auf generische Tags triggern ...

diese gemeinen Scripte wink

Vielen Dank für die sehr guten Hinweise und Tipps.

Reparierte Version hängt oben an der Ursprungsnachricht.

Gruß
klawin

bernd · 22.02.2020 15:19:54

Na wäre doch gelacht, wenn wir dein Erstlingswerk nicht erwachsen kriegen lol

Keinigkeit noch:
in der modify_settings.php fehlt bei der ersten Tabelle der table-Tag aussenrum.

Und kleiner Tipp: ruhig bei den Fixes in der info.php deine Versionsnummer an der letzten Stelle hochzählen, dann kann man - wenn man keine lokale Testumgebung hat - beim testen einfach drüberinstallieren und muss nicht die Dateien per FTP rumschaufeln.

klawin

Slugger · 22.02.2020 15:29:49

OT:
Was für ein Traffic am Fasching/ Karneval und sonst wie es sich nennt.

Nettes buntes Treiben hier und vielen Dank an alle für die nützlichen Informationen.

klawin · 22.02.2020 15:51:48

Hallo Bernd,

bernd wrote:

... in der modify_settings.php fehlt bei der ersten Tabelle der table-Tag aussenrum.

Vielen Dank, dass Du es so genau nimmst. Habe ich natürlich gleich gefixt.
Ich erlebe gerade Qualitätssicherung, wie sie im Lehrbuch steht. Gefällt mir sehr gut.

bernd wrote:

Und kleiner Tipp: ruhig bei den Fixes in der info.php deine Versionsnummer an der letzten Stelle hochzählen, dann kann man - wenn man keine lokale Testumgebung hat - beim testen einfach drüberinstallieren und muss nicht die Dateien per FTP rumschaufeln.

Oben ist dann auch schon die entsprechend angepasste Version 1.0.1

Viele Grüße
klawin

bernd, florian

klawin · 22.02.2020 15:52:16

Slugger wrote:

OT:
Was für ein Traffic am Fasching/ Karneval und sonst wie es sich nennt.
Nettes buntes Treiben hier und vielen Dank an alle für die nützlichen Informationen.

Gerne.

florian · 22.02.2020 19:13:44

Eine Kleinigkeit noch:
modify.php, Zeile 27, am Ende fehlt der / bei </a>, dadurch ist der Link nicht geschlossen. Ändern zu:

echo '<a href ="'.$mod_url.'/modify_settings.php?page_id='.$page_id.'&section_id='.$section_id.'">'.$ZIEHTEXT['SETTINGS'].'</a>';

florian · 04.03.2020 08:58:37

Zur Info: Ich habe das hier nicht vergessen, ich bin noch am Überlegen, wie sich ein kleiner Bug bei den Eingabefeldern für die Geöffnet/Geschlossen-Symbole am besten lösen lässt.

klawin · 06.03.2020 10:47:20

Hallo florian,

florian wrote:

Zur Info: Ich habe das hier nicht vergessen, ich bin noch am Überlegen, wie sich ein kleiner Bug bei den Eingabefeldern für die Geöffnet/Geschlossen-Symbole am besten lösen lässt.

was ist das denn für ein Bug, Anomalie?

Gruß
klawin

klawin · 06.03.2020 10:55:22

florian wrote:

Eine Kleinigkeit noch:
modify.php, Zeile 27, am Ende fehlt der / bei </a>, dadurch ist der Link nicht geschlossen. Ändern zu:

Eine neue Version v1.0.2 ist oben gleich angehangen.

Viele Grüße
Klawin

florian · 06.03.2020 11:54:44

was ist das denn für ein Bug, Anomalie?

Das Problem tritt auf, wenn im Feld für das Geöffnet/Geschlossen-Symbol ' oder " eingegeben wird. Die Felder werden noch nicht escaped, aber selbst mit Escaping kommt es im Frontend dann dazu, dass das Accordion wegen eines JS-Fehlers dann nicht mehr funktioniert.

klawin · 06.03.2020 12:14:07

florian wrote:

Das Problem tritt auf, wenn im Feld für das Geöffnet/Geschlossen-Symbol ' oder " eingegeben wird. Die Felder werden noch nicht escaped, aber selbst mit Escaping kommt es im Frontend dann dazu, dass das Accordion wegen eines JS-Fehlers dann nicht mehr funktioniert.

Ich kann es gar nicht speichern. Wenn ich es versuche kommt: "You have an error in your SQL syntax; check the ....."

Wie bekommst Du es in die Datenbank :-)

Nachtrag: Wenn ich es direkt in die Db schreibe (phpmyadmin) dann kommt der Fehler. Ok, aber ich bekomme es nicht über das Backend da rein. Sicherheitshalber kann man diese Zeichen ja generell sperren.

Gruß
klawin

Last edited by klawin (06.03.2020 12:21:43)

florian · 06.03.2020 12:43:58

Du brauchst in der save_settings.php nur die Zeilen

$direction    = $_POST['direction'];
$highlander   = $_POST['highlander'];
$openfirst    = $_POST['openfirst'];
$openedsymbol = $_POST['openedsymbol'];
$closedsymbol = $_POST['closedsymbol'];

zu ändern in

$direction    = $admin->add_slashes($_POST['direction']);
$highlander   = $admin->add_slashes($_POST['highlander']);
$openfirst    = $admin->add_slashes($_POST['openfirst']);
$openedsymbol = $admin->add_slashes($_POST['openedsymbol']);
$closedsymbol = $admin->add_slashes($_POST['closedsymbol']);

dann ist jeglicher SQL-Syntax-Error-Ärger schonmal ausgeschlossen.

Dann müsste da in der Tat noch eine Abfrage rein, die das Speichern von ', ", evtl. auch ´,` verhindert.

klawin · 06.03.2020 13:18:44

florian wrote:

Dann müsste da in der Tat noch eine Abfrage rein, die das Speichern von ', ", evtl. auch ´,` verhindert.

Es ist nur das Zeichen -> ' welches die Probleme verursacht. Die anderen Zeichen haben (hier) keine Auswirkungen und werden einfach so angezeigt.

Oder ist das jetzt Systemabhängig?

Gruß
klawin

Last edited by klawin (06.03.2020 13:19:18)

florian · 06.03.2020 13:28:50

" geht zwar im Frontend, verschwindet aber nach dem Speichern in der BE-Ansicht.
\ (Backslash) verursacht im FE auch JS-Fehler.

klawin · 06.03.2020 14:21:15

florian wrote:

" geht zwar im Frontend, verschwindet aber nach dem Speichern in der BE-Ansicht.
\ (Backslash) verursacht im FE auch JS-Fehler.

Die 'boesen' Zeichen werden jetzt durch die Standardvorgabe ersetzt.

// 'Boese' Zeichen ausfiltern und durch Standardzeichen ersetzen
if ($closed == "'" or $closed == "\\" or $closed == "\"") {$closed="+";}
if ($opened == "'" or $opened == "\\" or $opened == "\"") {$opened="-";}
$closedsymbol = $admin->add_slashes($closed);
$openedsymbol = $admin->add_slashes($opened);

Neue Version oben angehangen.

Vielen Dank für Deine Unterstützung und die vielen Tipps!

Gruß
klawin

WBCE CMS Forum

#1 21.02.2020 17:02:25

Ziehharmonika ("Accordion")

#2 21.02.2020 17:54:25

Re: Ziehharmonika ("Accordion")

#3 21.02.2020 19:55:34

Re: Ziehharmonika ("Accordion")

#4 22.02.2020 09:34:48

Re: Ziehharmonika ("Accordion")

#5 22.02.2020 11:06:04

Re: Ziehharmonika ("Accordion")

#6 22.02.2020 11:17:45

Re: Ziehharmonika ("Accordion")

#7 22.02.2020 11:19:14

Re: Ziehharmonika ("Accordion")

#8 22.02.2020 12:09:42

Re: Ziehharmonika ("Accordion")

#9 22.02.2020 12:46:21

Re: Ziehharmonika ("Accordion")

#10 22.02.2020 13:05:06

Re: Ziehharmonika ("Accordion")

#11 22.02.2020 14:38:58

Re: Ziehharmonika ("Accordion")

#12 22.02.2020 15:19:54

Re: Ziehharmonika ("Accordion")

#13 22.02.2020 15:29:49

Re: Ziehharmonika ("Accordion")

#14 22.02.2020 15:51:48

Re: Ziehharmonika ("Accordion")

#15 22.02.2020 15:52:16

Re: Ziehharmonika ("Accordion")

#16 22.02.2020 19:13:44

Re: Ziehharmonika ("Accordion")

#17 04.03.2020 08:58:37

Re: Ziehharmonika ("Accordion")

#18 06.03.2020 10:47:20

Re: Ziehharmonika ("Accordion")

#19 06.03.2020 10:55:22

Re: Ziehharmonika ("Accordion")

#20 06.03.2020 11:54:44

Re: Ziehharmonika ("Accordion")

#21 06.03.2020 12:14:07

Re: Ziehharmonika ("Accordion")

#22 06.03.2020 12:43:58

Re: Ziehharmonika ("Accordion")

#23 06.03.2020 13:18:44

Re: Ziehharmonika ("Accordion")

#24 06.03.2020 13:28:50

Re: Ziehharmonika ("Accordion")

#25 06.03.2020 14:21:15

Re: Ziehharmonika ("Accordion")

Board footer