[GELÖST] Toggle Tag - keine Bilder

chrissy-dizzy · 19. Januar 2013 14:13

Ich bin bei der Suche nach einem Akkordeon-Effekt auf den Toggle Tag Link gestoßen. Habe ich wie beschrieben installiert und eingebaut, aber es kommen die BG-Bilder nicht. Funktion ist da. Link.
Auch die Installation in Tiny MCE will nicht gelingen. Wo/wie genau muss ich den Code einfügen:

Hier klicken, um den Code zum Kopieren zu markieren

[== Code ==]
  Start expand/collapse-area|{toggle_start title=\'This is my expandable area\'}   End expand/collapse-area|{toggle_end}

Wer kann helfen? Danke!

Klenkes · 19. Januar 2013 14:21

404 Script not loaded:
http://www.magazin-bestens.de/bestens_c … /jquery.js

BTW... Vor dem HEAD sollten auch keine Skripte eingebunden werden.

Beitrag geändert von Klenkes (19. Januar 2013 14:21)

chrissy-dizzy · 19. Januar 2013 19:01

o.k. - Script-Zeile ist ganz raus. Funktion ist nach wie vor da, Bilder nicht

Klenkes · 19. Januar 2013 22:11

Da werden immer noch 2 Dateien nicht gefunden:

Hier klicken, um den Code zum Kopieren zu markieren

http://www.magazin-bestens.de/bestens_cms/images/template/modliv/stylesheet.css
http://www.magazin-bestens.de/lib/toggle/stylesheet.php?wd=

Klenkes · 19. Januar 2013 22:22

Bevor du weiter nach Fehlern mit dem toggle suchst, solltest du unbedingt erst die katastrophalen Markupfehler beheben.
Siehe den Validatorbericht
Wobei vermutlich die ersten 8 Fehler für die Restlichen verantwortlich sind.

chrissy-dizzy · 20. Januar 2013 12:48

Den Pfad in function.toggle.start.php habe ich vollständig angegeben, nun werden die Bilder gefunden. 5 Markup-Fehler sind immer noch drin, die sollten noch raus. Auch das h2 CSS muss ich an dieser Stelle noch ändern.
Die Integration in Tiny MCE ist nach wie vor offen.

Für Tipps immer dankbar!

Beitrag geändert von chrissy-dizzy (20. Januar 2013 12:54)

Andynium · 20. Januar 2013 13:40

Ein schönes Howto zum Thema toggle inklusive Editor-Einsatz gibts hier

http://blog.arvixe.com/how-do-add-a-nic … e-content/

mörml · 21. Januar 2013 02:17

cyberman schrieb:

Ein schönes Howto zum Thema toggle inklusive Editor-Einsatz gibts hier
http://blog.arvixe.com/how-do-add-a-nic … e-content/

Das funktioniert auch sehr schön, allerdings macht er mir aus mehreren gleichzeitig markierten Absätzen auch mehrere "Akkordeons". Wie kann ich das in den Griff bekommen?

Falls ich damit chrissys Beitrag störe, mache ich gern ein neues Thema auf.

VG mörml

chrissy-dizzy · 21. Januar 2013 16:47

@cyberman: Danke für den Hinweis. Ich habe mich dennoch erstmal weiter mit den o.a. toggle-Effekt beschäftigt und nun einige kleine Fehler aus der function.toggle_start.php eliminiert. Einen - den letzten -html-markup-Fehler in dieser Datei kriege ich allerdings nicht in den Griff.

Hier klicken, um den Code zum Kopieren zu markieren

[== Code ==]
<div id="content"><link rel="stylesheet" href="http://www.magazin-bestens.de/bestens_cms//lib/toggle/stylesheet.php?wd=" type="text/css" /><script type="text/javascript">

Fehlermeldung: document type does not allow element "link" here.

Andynium · 21. Januar 2013 16:49

Ähmm, ein Stylesheet gehört in den head-Bereich ...

chrissy-dizzy · 21. Januar 2013 17:21

Nun ja, das sah ich bisher auch so. Allerdings hat der Autor Peter das so in seine Datei geschrieben:

Hier klicken, um den Code zum Kopieren zu markieren

[== Code ==]
if ($firstToggle) { 		echo '<link rel="stylesheet" type="text/css" href="http://www.magazin-bestens.de/bestens_cms//lib/toggle/stylesheet.php?wd='.$width.'" />';

Bei meinen geringen Kenntnissen komme ich da aufs Glatteis. Wie kann ich das ändern?

mörml · 22. Januar 2013 16:29

Hallo chrissy-dizzy, ich habe aus der function.toggle_start.php die Zeile

Hier klicken, um den Code zum Kopieren zu markieren

echo '<link rel="stylesheet" href="../lib/toggle/stylesheet.php?wd='.$width.'"  type="text/css" />';

rausgeschmissen und dafür in den Head meines Templates die Zeilen

Hier klicken, um den Code zum Kopieren zu markieren

<link rel="stylesheet" href="lib/toggle/stylesheet.php" type= "text/css" />

Hier klicken, um den Code zum Kopieren zu markieren

<link rel="stylesheet" href="../lib/toggle/stylesheet.php?wd=700" type="text/css">

eingefügt. Bei mir funktioniert es.

chrissy-dizzy · 22. Januar 2013 19:01

Ich hab Kontakt zu Peter aufgenommen, der den tag geschrieben hat. Es gibt jetzt ein release, css ist ausgelagert. Einziger html-Fehler im Moment ist noch das fehlende script "type". Damit habe ich den html-code nun valide. Danke allseits für eure Hilfe!

Forum für CMS/made simple

#1 19. Januar 2013 14:13

[GELÖST] Toggle Tag - keine Bilder

#2 19. Januar 2013 14:21

Re: [GELÖST] Toggle Tag - keine Bilder

#3 19. Januar 2013 19:01

Re: [GELÖST] Toggle Tag - keine Bilder

#4 19. Januar 2013 22:11

Re: [GELÖST] Toggle Tag - keine Bilder

#5 19. Januar 2013 22:22

Re: [GELÖST] Toggle Tag - keine Bilder

#6 20. Januar 2013 12:48

Re: [GELÖST] Toggle Tag - keine Bilder

#7 20. Januar 2013 13:40

Re: [GELÖST] Toggle Tag - keine Bilder

#8 21. Januar 2013 02:17

Re: [GELÖST] Toggle Tag - keine Bilder

#9 21. Januar 2013 16:47

Re: [GELÖST] Toggle Tag - keine Bilder

#10 21. Januar 2013 16:49

Re: [GELÖST] Toggle Tag - keine Bilder

#11 21. Januar 2013 17:21

Re: [GELÖST] Toggle Tag - keine Bilder

#12 22. Januar 2013 16:29

Re: [GELÖST] Toggle Tag - keine Bilder

#13 22. Januar 2013 19:01

Re: [GELÖST] Toggle Tag - keine Bilder

Fußzeile des Forums