Hallo ihr lieben,
meine Fragen bezieht sich auf den Tipp von harlekin8
(Ich war mir nicht sicher, ob ich ein neues Thema erstellen oder unter dem Beitrag von harlekin8 eine Antwort schreiben soll, hoffe ich habe mich richtig entschieden)
Ich habe versucht, das script in mein bestehendes Projekt einzubinden und habe dabei die Anleitung (weitestgehend) berücksichtigt:
- Siquando geschlossen
- die .js Datei von der Seite geladen und im Designordner (Riga) gespeichert
Anstelle von eigenen, neuen Grafiken hatte ich versucht die Akkordeon Elemente genauso aussehen zulassen, wie die, die ich direkt über Web9 erzeugt hatte. Also habe ich versucht, die CSS Klassen in das script einzubinden.
Hier nun mein weiteres vorgehen:
- 1.) in der config.ccml:
Diesen Teil habe ich eins zu eins übernommen. Die erweiterten Eigenschaften kann ich in Web9 auch sehen.
- 2.) in der global.ccml:
hier habe ich lediglich folgende Zeilen übernommen
<cc:*> DD Akkordeon </cc:*> <cc:asset src="ddaccor.js" dst="ddac.js" obj="ddac" common="0" noparse="1">
Die anderen, in der Anleitung vorhandenen Zeilen beziehen sich, soweit ich das verstanden habe, auf das Einbinden von eigenen, neuen Grafiken.
(was mir nur aufgefallen ist, dass die Datei, die man sich von der Seite runterladen kann einen leich anderen Dateinamen hat aber das habe ich angepasst)
- 3.) in der navigation.ccml vor dem schliessenden </head>-Tag:
in diesem Abschnitt habe ich ein paar Änderungen vorgenommen:
headerclass: "balken", //Shared CSS class name of headers group habe ich folgendermaßen geändert: headerclass: "sqracc .sqracchead", //Shared CSS class name of headers group
Hier habe ich versucht die bestehenden CSS Klassen der Akkordeons zu benutzen, verwirrt/verwundert hat mich dabei allerding das Leerzeichen im class name. Aber ich habe den Namen so übernommen, wie er in der style_content.css steht. Ich hoffe, dass ich da die richtige Klasse ausgewählt habe, bin mir da leider nicht so sicher.
folgende Klasse habe ich gewählt:
.sqracc .sqracchead div { padding: 10px 20px 10px 32px; border-top: 1px solid <cc:print value="&site.properties.design.boxborder">; border-left: 1px solid <cc:print value="&site.properties.design.boxborder">; border-right: 1px solid <cc:print value="&site.properties.design.boxborder">; cursor: inherit; float: left; background: #ffffff url(<cc:print value="&accclosed.svg.filename">) 10px 50% no-repeat; min-width: 30%; -webkit-user-select: none; user-select: none; }
ist das überhaupt die richtige Klasse? Also die, die das "Aussehen" der Akkordeons macht?
Oder hätte ich einfach die "Hauptklasse" .sqracc nehmen sollen?
- 4.) in der page.ccml -
Hier habe ich folgendes geändert:
und den Rest so übernommen.
- 5.) in der style_design.css:
hier habe ich lediglich dies übernommen:
.inhalt { padding: 10px; }
Beim schreiben frage ich mich grade, ob ich die .balkenopen auch mich hätte übernehmen sollen aber ich konnte diese Klasse nirgends innerhalb des scriptes finden oder habe ich sie einfach nur übersehen?
Des Weiteren habe ich nicht ganz verstanden, wie ich das in Web 9 dann verwenden kann.
Ich habe ein Menü bestehend aus 3 Registerkarten und einen "Registerbereich beenden". Also Tab1, Tab2 und Tab3
Ich möchte gerne innerhalb von Tab2 Akkordeons einfügen mittels dieses scripts. Bisher habe ich aber nicht rausfinden können, wie ich das machen kann. Ich habe verschiedene Möglichkeiten versucht:
- einen neuen Absatz Registerkarte, als "neue Registerkarte beginnen" und auch als "Akkordeonbereich beginnen" dazu mit verschiedenen Kombinationen aus den erweiterten Eigenschafen.
Wenn ich den neuen Absatz als "neue Registerkarte" eingefügt habe, hat Web9 halt auch einfach nur eine neue Registerkarte erstellt.
Wenn ich den neuen Absatz als "Akkordeonbereich beginnen" eingefügt habe, kam beim erzeugen, die Fehlermeldung, dass ich die beiden Bereiche nicht mischen darf.
Ein einfacher Text Absatz mit den erweiterten Eigenschafen hat auch nicht funktioniert.
Hier wäre ich für eine kurze Hilfe dankbar, weil ich es mir einfach nicht herleiten kann, wie das funktionieren kann.
Wenn ich einen neuen Absatz als "Akkordeonbereich beginnen" nach dem Absatz "Registerbereich beenden" eingefüge und diesen dann in den erweiterten Eigenschafen "Akkordeon vor diesem Absatz starten" auf "Ja" setze und einen zweiten neuen Absatz ebenfalls als "Akkordeonbereich beginnen" aber mit der erweiterten Eigenschaft "Akkordeon nach diesem Absatz schließen" = "Ja" einfüge und dannn die Webseite erstelle bekomme ich folgendes Ergebnis:
Die Akkordeons sind unterhalb des Tab Bereiches, die Überschrift ist verschoben und wenn ich das obere Akkordeon (den, der grade geöffnet ist) schließe, dann verschwinden beide. Der untere lässt sich hingegen problemlos öffnen und schließen.
Also, ich hoffe, dass dieser lange Beitrag nicht zu verwirrend ist und ich meine Schwierigkeiten halbwegs verständlich machen konnte.
Vielen Dank an alle, die sich die Mühe machten, bis hier her zu lesen
Liebe Grüße
Andreas
(Ps.: Ich werde dem Forum heute abend eine kleine Spende zukommen lassen, als stellvertretendes Danke an alle die mir hier so geduldig geholfen habe bzw. noch helfen)