Contao-Camp 2024
Ergebnis 1 bis 21 von 21

Thema: [backboneit_scripts] Eine Hand voll nützliche JS-Skripte

  1. #1
    AG Core-Entwicklung
    Registriert seit
    16.10.2009.
    Ort
    Bad Lausick
    Beiträge
    437

    Standard [backboneit_scripts] Eine Hand voll nützliche JS-Skripte

    ER: http://www.contao.org/erweiterungsli...000009.de.html

    Feedback bitte hier, Tickets demnächst auf contao-forge.de
    Ihr Partner für Contao und Webentwicklung: http://www.hofff.com.

  2. #2
    Contao-Nutzer
    Registriert seit
    25.08.2009.
    Ort
    Mönchengladbach
    Beiträge
    22

    Standard

    Hi backbone,

    ich bin gerade am navigations-pulldown dran und bin mit Mootools nicht so verwandt. Für die Effekte "Siehe Mootools", wäre vll. eine Liste mit den Möglichkeiten Hilfreich oder eine Quelle wo man "Siehe Mootools" finden könnte.

    Wäre nett, Danke :-)
    Geändert von promo (21.02.2011 um 17:07 Uhr)

  3. #3
    Contao-Nutzer
    Registriert seit
    30.03.2010.
    Beiträge
    147

    Standard

    Wie binde ich das scroll richtig ein?
    Will meinen main .inside container scrollen.
    Grüße
    Grüße
    Muerto

  4. #4
    AG Core-Entwicklung
    Registriert seit
    16.10.2009.
    Ort
    Bad Lausick
    Beiträge
    437

    Standard

    Ok, da die Frage in letzter Zeit häufiger kam:
    Das Scrollscript in dieser Erweiterung ist eher ein Laufband (ähnlich dem guten alten marquee) und keine "Ich kann mit der Mausscrollen"-Area.

    Letzteres kann man mit CSS-only umsetzen... das sieht zwar meist nicht schick aus, aber Websiten sollten sowieso nur 1 Scrollbalken haben und der ist ganz rechts außen und vom Browser gesetzt. Mit fixed und absolute Positionierungen kann man dann trotzdem fast alle Effekte bzgl "Mausscrollen" erreichen.
    Ihr Partner für Contao und Webentwicklung: http://www.hofff.com.

  5. #5
    Contao-Nutzer
    Registriert seit
    30.03.2010.
    Beiträge
    147

    Standard

    Super, danke! Hab's jetzt auch mit dem Standard Scrollbalken gelöst.
    Grüße
    Muerto

  6. #6
    Contao-Nutzer
    Registriert seit
    24.07.2009.
    Beiträge
    66

    Standard

    Irgendwie habe ich das noch nicht vollständig verstanden. Könnt ihr die Arbeitsschritte vielleicht ergänzen. Ich habe

    1. Contao mit Music Academy Demo installiert.
    2. Erweiterung backboneit_scripts installiert.
    3. In den Layouts beim Mootools-Template "moo_navi_hoverpulldown" ein Häckchen gesetzt.
    4. ...? Hier habe ich im CSS-Klasse der "Main navigation" folgendes eingetragen: hpd_{3}_{navi_hoverpulldown}[_active]
    "Der einzige Mensch, der sich vernünftig benimmt, ist mein Schneider. Er nimmt jedesmal neu Maß, wenn er mich trifft, während alle anderen immer die alten Maßstäbe anlegen in der Meinung, sie passten auch heute noch." George Bernard Shaw

  7. #7
    AG Core-Entwicklung
    Registriert seit
    16.10.2009.
    Ort
    Bad Lausick
    Beiträge
    437

    Standard

    Die geschweiften (Pflichtangabe) und eckigen (optionale Angabe) Klammern müssen beim angeben der Klasse natürlich weg gelassen werden, das ist in der Beschreibung nur als Abgrenzung angegeben.


    Was du willst ist das hier:
    hpd_3_linear_active
    oder
    hpd_3_quadEaseOut_active

    Wobei die Zeitangabe 3 hier nicht in Sekunden sondern in Millisekunden angegeben ist, d.h. du wirst von dem Ausfahren nicht vielsehen...

    Also dann eher sowas:
    hpd_3000_linear_active
    Ihr Partner für Contao und Webentwicklung: http://www.hofff.com.

  8. #8
    Contao-Nutzer
    Registriert seit
    24.07.2009.
    Beiträge
    66

    Standard

    Danke für die schnelle Antwort. Das Jahr ist ja noch jung, ich brauch da noch ein bisschen...
    Die Vorschläge habe ich in der CSS-Klasse mal alle probiert (7000 Milisek. sogar verwendet), aber Effekte sehe ich keine.
    Wo finde ich denn "Siehe mootools"? Sorry, ich kapiers immer noch nicht so wirklich.
    "Der einzige Mensch, der sich vernünftig benimmt, ist mein Schneider. Er nimmt jedesmal neu Maß, wenn er mich trifft, während alle anderen immer die alten Maßstäbe anlegen in der Meinung, sie passten auch heute noch." George Bernard Shaw

  9. #9
    AG Core-Entwicklung
    Registriert seit
    16.10.2009.
    Ort
    Bad Lausick
    Beiträge
    437

    Standard

    http://mootools.net/

    Es kann auch durchaus sein das das pull down menü mit der aktuellen HTML5 syntax nicht mehr klar kommt
    Ihr Partner für Contao und Webentwicklung: http://www.hofff.com.

  10. #10
    AG CMS-Garden Avatar von felixpfeiffer
    Registriert seit
    05.06.2009.
    Ort
    Hannover
    Beiträge
    346
    Partner-ID
    372

    Standard

    Zitat Zitat von backbone Beitrag anzeigen
    Es kann auch durchaus sein das das pull down menü mit der aktuellen HTML5 syntax nicht mehr klar kommt
    Hallo,

    diese Scripte sind wirklich der Hammer ;-)

    Allerdings stimmt es, dass die Navi-Scripte in html5 Umgebungen nicht laufen, da nur auf div-Container oder Listen mit Klasse "hpd..." abzielen, nicht aber auf nav-Container.

    Das sollte allerdings leicht änderbar sein. Wobei ich das jetzt noch nicht probiert habe, da ich die Seite, in der ich das zum ersten mal einsetze, erst aufbaue.

    In der navi_hoverpulldown.js sollte es wohl so aussehen.
    HTML-Code:
    //hover fade menus	//hf_(int:duration)(_disabled)	$$("nav[class*=hpd_]", "div[class*=hpd_]", "ul[class*=hpd_]").each(function(ctx) {		var params = /(^|\s)hpd_(\d+)_([^\s_]+)(_disabled)?(\s|$)/.exec(ctx.get("class"));		params && hpd(			ctx.get("tag") == "ul" ? ctx : ctx.getFirst("ul"),			params[2].toInt(),			params[3],			params[4] ? true : false		);	});
    Gruß, Felix
    Felix Pfeiffer : Neue Medien
    Offizieller Contao Partner für den Raum Hannover

    Infos: http://www.felixpfeiffer.com

  11. #11
    Contao-Nutzer
    Registriert seit
    24.06.2009.
    Beiträge
    174

    Standard

    hallo,

    ich versuche seit einer Weile herauszufinden, wie man mit CSS (und JS) Links auf einer Webseite faden lassen kann.
    Ich habe dann diese Contao-Erweiterung hier gefunden und installiert, weil ich denke, dass es das ist, was ich gesucht habe.

    Leider passiert bei mir gar nix, wenn ich es installiere.


    habe eine Navi erstellt
    habe der navi die klasse hf_999_0_0_click_active verpasst

    im layout ist moo_navi_hoverfade aktiviert

    was muss ich jetzt noch tun?
    so richtig hab ich es glaube ich noch nicht verstanden


    grüße,
    Andi

  12. #12
    Contao-Fan Avatar von herr rilke
    Registriert seit
    29.01.2011.
    Ort
    Münster
    Beiträge
    384

    Standard

    guten morgen,

    geht mir genauso wie dir, andi,

    • moo_navi_hoverpulldown im layout aktiviert
    • die klasse hpd_3000_linear_disabled im navi-template gesetzt.


    in der seite ist auch alles da, JS und klasse.

    aber es geschieht nichts, egal ob der doctype HTML5 oder xHTML(strict) ist.

    hat das schon mal jemand ans laufen gebracht und kann einen kurzen hinweis geben ?


    viele grüße!

  13. #13
    Contao-Fan Avatar von herr rilke
    Registriert seit
    29.01.2011.
    Ort
    Münster
    Beiträge
    384

    Standard

    und es bewegt sich doch...

    mit der klasse hpd_300_linear im FE module zugewiesen,

    bewegt sich der navigationspunkt und fährt auch zusammen, die untermenu-punkte bleiben aber sichtbar (trotz style="height:0", das dann zugewiesen wird) - und eigentlich verhält es sich genau verkehrt herum:

    auf aktiven seiten ist es anfangs geschlossen und auf anderen seiten geöffnet.

  14. #14
    Contao-Fan Avatar von herr rilke
    Registriert seit
    29.01.2011.
    Ort
    Münster
    Beiträge
    384

    Standard [GELÖST]

    mh,

    habe mootoolsnav gefunden.

    wunderbar

    <seuzfz />

  15. #15
    Contao-Nutzer
    Registriert seit
    24.06.2009.
    Beiträge
    174

    Standard

    Hallo,

    mootoolsnav ist aber eine eigene Navigation.
    Ich möchte alle Links auf der Webseite faden lassen. Ob nun Bilderlinks oder Textlinks.

    Kriege das mit Contao aber irgendwie nich hin.

  16. #16
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.548
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  17. #17
    Contao-Nutzer
    Registriert seit
    24.06.2009.
    Beiträge
    174

    Standard

    danke für die links. das hatte ich auch schon gefunden. habs aber nicht hinbekommen.

  18. #18
    Contao-Nutzer Avatar von fooddesign
    Registriert seit
    01.04.2011.
    Ort
    Zürich, Schweiz
    Beiträge
    84

    Standard backboneit navi_hoverpulldown Bei Reload erscheinen die ul.level_2 wieder

    Supper cool dies backboneit scripts.

    Ich haben mir den navi_hoverpulldown installiert. Funktioniert auch alles bestens. Ausserd das bei jedem Reload der Seiten wieder alle ul.level_2 angezeigt werden wenn ich all RollOvere geht's wieder, bis ich erneut ein Menü an klicke.

    Ausserdem möchte ich das beim Aktiven Menü das ul.lever_2 Sichtbar bleibt.

    Hab nun x-Stunden versucht komme nicht weiter.

    Jemand eine Idee

    hier die Seite: http://www.amselspitz.ch/co/

  19. #19
    Contao-Nutzer Avatar von fooddesign
    Registriert seit
    01.04.2011.
    Ort
    Zürich, Schweiz
    Beiträge
    84

    Standard

    Ich habe es nun mit dem Stylesheet geschafft. Die suche in Google nach manual suckerfish hat mir die Lösung gebracht.

    Es lag eigentlich nur am
    li ul: links-9999
    und dann
    li:hover ul links: auto;

    wenn jemand mehr wissen will bitte melden.

  20. #20
    Contao-Nutzer Avatar von Hagen
    Registriert seit
    23.06.2009.
    Ort
    Leipzig
    Beiträge
    140

    Frage Verständnisfrage zu navi_hoverpulldown

    Hallo liebe Contao-Gemeinde,

    ich verstehe noch nicht , wo die Klasse (z.B. hpd_3000_linear_active) genau zugewiesen werden soll. Tut man das im Navigationsmodul hat, bei html5, das <nav>-Element die Klasse. Dieses soll aber gar nicht "auf- und zuklappen" sondern eher das Element <ul class="level_2>. Zumindest in meinem Fall. Das würde auch das Problem beheben, dass das Script eventuell nicht mit dem <nav>-Element funktioniert. Allerdings gibt es das Problem, dass ich im normalen nav_default.html5 das <ul>-Element nicht finde. Gibt es für diesen Fall schon ein modifiziertes Template? Oder liege ich völlig falsch?

    Für Hinweise bin ich dankbar
    Schöne Grüße
    Hagen

  21. #21
    AG Core-Entwicklung
    Registriert seit
    16.10.2009.
    Ort
    Bad Lausick
    Beiträge
    437

    Standard

    Zitat Zitat von Hagen Beitrag anzeigen
    Hallo liebe Contao-Gemeinde,

    ich verstehe noch nicht , wo die Klasse (z.B. hpd_3000_linear_active) genau zugewiesen werden soll. Tut man das im Navigationsmodul hat, bei html5, das <nav>-Element die Klasse. Dieses soll aber gar nicht "auf- und zuklappen" sondern eher das Element <ul class="level_2>. Zumindest in meinem Fall. Das würde auch das Problem beheben, dass das Script eventuell nicht mit dem <nav>-Element funktioniert. Allerdings gibt es das Problem, dass ich im normalen nav_default.html5 das <ul>-Element nicht finde. Gibt es für diesen Fall schon ein modifiziertes Template? Oder liege ich völlig falsch?

    Für Hinweise bin ich dankbar
    Schöne Grüße
    Hagen
    Einige der Skripte funktionieren leider noch nicht mit der HTML5 Version (aufgrund der unterschiedlich Tag-Namen). Das Skript sucht sich das erste ul unterhalb des klassen-tragenden Elements und benutzt dieses. Bei dem HPD habe ich auch grad ein paar arbeiten in der Pipe um das auf MooTools Klassen umzustellen, wo dann auch HTML5 Kompatibilität vorhanden sein sollte, leider habe ich keine Zeit zum testen, wenn das aber wer übernehmen möchte... ich sehe zu das ich die Erweiterung mal von SVN nach GitHub schiebe.
    Ihr Partner für Contao und Webentwicklung: http://www.hofff.com.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. tl_news enclosures per Hand in der DB hinzufügen
    Von Zoidberg im Forum Sonstiges zu Contao
    Antworten: 11
    Letzter Beitrag: 09.12.2015, 13:36
  2. Backup-Skripte für Contao+DB
    Von Projecta im Forum Installation / Update
    Antworten: 4
    Letzter Beitrag: 13.06.2011, 16:44
  3. Contao Website -> voll funktionstüchtige lokale Kopie erstellen?
    Von lichtfest im Forum Sonstiges zu Contao
    Antworten: 3
    Letzter Beitrag: 20.01.2011, 20:19
  4. Integration eigener Skripte
    Von joker im Forum Allgemeine Inhaltselemente
    Antworten: 2
    Letzter Beitrag: 17.12.2009, 14:36

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •