Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 40 von 46

Thema: Lightbox bei Seitenaufruf

  1. #1
    Alter Contao-Hase
    Registriert seit
    06.07.2009.
    Beiträge
    1.493

    Standard Lightbox bei Seitenaufruf

    Mal ne Frage... wie funktioniert den sowas???

    https://contao.org/

    Die Lightbox die aufgeht ?

  2. #2
    Buchautor 'Websites erstellen mit Contao' Avatar von pmmueller
    Registriert seit
    19.06.2009.
    Ort
    Groningen (NL)
    Beiträge
    1.523

    Standard

    Wenn du genau hinschaust, wird an die URL der Zusatz #new-name gehängt.

    Im Quelltext der Startseite steht dann folgendes JavaScript:
    PHP-Code:
    <script type="text/javascript"
    <!--
    //--><![CDATA[//><!--
    window.addEvent('domready', function() {
      var 
    = new URI(document.URL);
      if (
    u.get('fragment') == 'new-name') {
        
    Mediabox.open('#mb_inline''''380 200');
      }
    });
    //--><!]]>
    </script> 
    Fraachmichnich nach Details, aber dieser Code macht das

  3. #3
    Contao-Nutzer Avatar von marrxx
    Registriert seit
    06.08.2009.
    Ort
    Mölln, S-H
    Beiträge
    48

    Standard

    Also, Du erstellst im /templates Verzeichnis eine Datei z.B. moo_popup.tpl mit folgendem Inhalt:
    Code:
    <?php
    
    // Add mediabox style sheet
    $GLOBALS['TL_CSS'][] = 'plugins/mediabox/css/mediabox.css|screen';
    ?>
    
    <script type="text/javascript" src="plugins/mediabox/js/mediabox.js"></script>
    <script type="text/javascript">
    <!--//--><![CDATA[//><!--
    Mediabox.scanPage = function() {
      var links = $$("a").filter(function(el) {
        return el.rel && el.rel.test(/^lightbox/i);
      });
      $$(links).mediabox({/* Put custom options here */}, null, function(el) {
        var rel0 = this.rel.replace(/[[]|]/gi," ");
        var relsize = rel0.split(" ");
        return (this == el) || ((this.rel.length > 8) && el.rel.match(relsize[1]));
      });
    };
    window.addEvent("domready", Mediabox.scanPage);
    //--><!]]>
    </script>
    
    <script type="text/javascript">
    <!--//--><![CDATA[//><!--
    window.addEvent('domready', function() {
      var u = new URI(document.URL);
      if (u == 'http://www.xxxxxxxxx.xx/xxxxxxxxxxxxxx.html') {
          Mediabox.open('#mb_popup', '', '380 200');
      }
    });
    //--><!]]>
    </script>
    nun bindest Du diese Datei im entsprechenden Seitenlayout (falls "moo_mediabox" bereits ausgewählt ist, bitte deaktivieren) ein.
    Auf der Seite/Artikel auf der das Popup erscheinen soll erstellst Du ein Textelement mit der CSS ID mb_popup (siehe code). Diese CSS ID mußt Du noch in deiner CSS-Definition auf display:none setzen.

    Code:
    #mb_popup{display:none;}
    Dieser Eintrag http://www.xxxxxxxxx.xx/xxxxxxxxxxxxxx.html im obigen Code muß natürlich durch die entsprechende URL erstetzt werden.

    So, ich hoffe ich habe nichts vergessen und konnte ein wenig helfen.

    Gruß
    Marrxx

  4. #4
    Alter Contao-Hase
    Registriert seit
    10.05.2010.
    Ort
    Andernach / Rlp
    Beiträge
    1.158
    User beschenken
    Wunschliste

    Fehler Ergänzung zu Marrxx Script ===> Einmaliger Aufruf des Popup Fensters

    Falls man wie bei der Contao Site ein Popup-Hinweis mit Hilfe der light4award Box vor der eigentlichen Startseite seiner Homepage anzeigen möchte, so ist der obige Code oben Marrxx eine sehr schöne Lösung.

    Bei dieser Variante wird jedoch bei jedem Aufruf der Startseite das Popup Fenster angezeigt. Das heißt jedesmal wenn ein User in eine Unterseite verzweigt und anschließend wieder ins Hauptmenü zurück kommt so öffnet sich das Popup Fenster.

    Dies läßt sich jedoch mittels eines Cookies unterbinden so das, dass Popup Fenster für den User nur einmal innerhalb einer einstellbaren Zeit (in Tage) erscheint.

    Hierfür muss der vorhandene Code von Marrxx wie folgt ergänzt werden:

    <script type="text/javascript">
    <!--//--><![CDATA[//><!--
    window.addEvent('domready', function() {
    var u = new URI(document.URL);
    if ((u == 'http://www.xxxxxxxxx.xx/xxxxxxxxxxxxxx.html') && !Cookie.read('POPUP')) {Cookie.write('POPUP', '1',{duration: 365})
    Mediabox.open('#mb_popup', '', '380 200');
    }
    });
    //--><!]]>
    </script>

    Der Wert {duration: 365} besagt, das der Cookie 365 Tage bestand hat, wenn der User also seine Cookies nicht löscht, wírd das Popup erst nach einem Jahr wieder erscheinen.

    An diese Stelle noch mal ein Dankeschön an Marrxx für den Code!

    MiTsch
    Wer nichts weiss muss alles Glauben !

  5. #5
    Contao-Nutzer Avatar von Rocksoft
    Registriert seit
    14.07.2009.
    Ort
    Lima - Peru
    Beiträge
    107

    Daumen hoch

    Super, vielen Dank für die lössung, funktioniert prima, was ist aber wenn man die moo_mediabox doch braucht?

  6. #6
    Contao-Nutzer Avatar von marrxx
    Registriert seit
    06.08.2009.
    Ort
    Mölln, S-H
    Beiträge
    48

    Standard

    Hallo Rocksoft,

    die Mediabox sollte trotzdem funktionieren, das Popup ist nur eine Ergänzung!
    Das original Template muß nur deaktiviert werden, weil es sonst der Java Script doppelt aufgerufen wird, was zu Problemen führt!

    Gruß
    Marrxx

  7. #7
    Contao-Nutzer Avatar von Rocksoft
    Registriert seit
    14.07.2009.
    Ort
    Lima - Peru
    Beiträge
    107

    Standard

    Hallo Marrxx,

    ok vielen Dank für die Antwort.

    Mfg
    Robert

  8. #8
    Alter Contao-Hase
    Registriert seit
    20.06.2009.
    Ort
    Graz (Austria)
    Beiträge
    1.455

    Standard

    Hallo,

    ganz komm ich mit dem noch nicht klar.

    Ich möchte, dass die Lightbox erscheint, wenn man die Domain eingibt.

    Wenn ich also www.hohenburgerhof.at eingebe soll dann die Lightbox erscheinen.

    Ich weiss nur nicht, wo ich den Text hinstellen soll. Ich hab nun einen Artikel unter Restaurant mit dem Text eingebaut. Da funktioniert es auch. Wenn ich also im Browser zur Domain noch /restaurant.html (was eigentlich auch die Startseite ist) eingebe, dann kommt die Lightbox.

    Ich möchte aber, dass diese nur erscheint, wenn man nur die Domain eingibt.

    Kann mir da mal jemand bitte belhilflich sein?
    LG, Andi

  9. #9
    Contao-Nutzer
    Registriert seit
    07.07.2010.
    Ort
    cologne
    Beiträge
    166

    Standard

    wenn ich http://www.hohenburgerhof.at/index.html angebe, funktioniert die weiterleitung.

    wenn ich nur http://www.hohenburgerhof.at eingebe nicht...

    das würde mich auch mal interessieren

  10. #10
    Contao-Nutzer Avatar von marrxx
    Registriert seit
    06.08.2009.
    Ort
    Mölln, S-H
    Beiträge
    48

    Standard

    Versucht mal anstelle von
    Code:
    <script type="text/javascript">
    <!--//--><![CDATA[//><!--
    window.addEvent('domready', function() {
      var u = new URI(document.URL);
      if (u == 'http://www.hohenburgerhof.at/restaurant.html')
    
      {      Mediabox.open('#mb_popup', '', '350 250');
      }
    });
    //--><!]]>
    </script>
    folgenden Code

    Code:
    <script type="text/javascript">
    <!--//--><![CDATA[//><!--
    window.addEvent('domready', function() {
      var u = location.pathname;
      if (u == '/' || u == '/restaurant.html') {
           Mediabox.open('#mb_popup', '', '350 250');
      }
    });
    //--><!]]>
    </script>
    Gruß
    Marrxx

  11. #11
    Alter Contao-Hase
    Registriert seit
    20.06.2009.
    Ort
    Graz (Austria)
    Beiträge
    1.455

    Standard

    Spitze, danke marrxx, das funktioniert.

    Ich hätte sonst noch eine andere Lösung gehabt. Und zwar habe ich in der Seitenstruktur vor dem Punkt Restaurant eine neue Seite mit einer Internen Weiterleitung auf Restaurant erstellt. Diese Seite habe ich veröffentlicht und aus dem Menü weggeblendet.

    Das hätte auch funktioniert.

    In der Adresszeile hat sich dann immer nach eingabe der Domain die Adresse um /restaurant.html erweitert.

    Wie gesagt, das hätte auch funktioniert, aber im Template ist es schöner.

    Danke nochmals
    LG, Andi

  12. #12
    Contao-Nutzer Avatar von hensmatt
    Registriert seit
    18.11.2010.
    Beiträge
    72

    Standard

    Hi,

    das ist genau das was ich suche, leider basiert meine seite nicht auf contao.
    Denkt ihr es ist auch möglich den code so umzubauen das er auch ohne cantao funktioniert.

    Sprich die .js .css und .jpg dateien laden neue verknüpfen?

    Muss man die CSS dann wirklich so renladen? Und muss es ein php doc sein?

    PHP-Code:
    <?php

    // Add mediabox style sheet
    $GLOBALS['TL_CSS'][] = 'plugins/mediabox/css/mediabox.css|screen';
    ?>
    Danke schon mal.

    Gruß Matthias
    Geändert von hensmatt (18.11.2010 um 11:46 Uhr)

  13. #13
    Contao-Fan Avatar von JanoschSkuplik
    Registriert seit
    13.08.2009.
    Ort
    Raesfeld
    Beiträge
    536
    Partner-ID
    6909
    User beschenken
    Wunschliste

    Standard

    Hallo Matthias,

    da das ganze nicht auf Code von Contao zurückgreift, funktioniert das auch in allen Seiten, die nicht mit Contao erstellt wurden.

    Weitere Infos, u.a. zum Einbinden der von Contao verwendeten Mediabox findest du hier: http://iaian7.com/webcode/mediaboxAdvanced

    Gruß Janosch

  14. #14
    Contao-Nutzer Avatar von hensmatt
    Registriert seit
    18.11.2010.
    Beiträge
    72

    Standard

    Hi Janosch,

    vielen dank für den link, der hat mich schon mal ein gutes Stück weiter gebracht.
    Es klappt auch soweit, jedoch kann ich die lighbox nur auf linkklick hin öffnen,
    der automatische startup kappt noch nicht.

    Hier mal die Beispielseite:
    http://demo.studio-thiel.de/

    Und hier der Code:

    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Unbenanntes Dokument</title>
    
    <link href="css/mediaboxAdvBlack21.css" rel="stylesheet" type="text/css" />
    
    <script src="js/mootools-core-1.3-full-compat-yc.js" type="text/javascript"></script> 
    <script src="js/mediaboxAdv-1.3.4b.js" type="text/javascript"></script>
    
    <script type="text/javascript">
    <!--//--><![CDATA[//><!--
    Mediabox.scanPage = function() {
      var links = $$("a").filter(function(el) {
        return el.rel && el.rel.test(/^lightbox/i);
      });
      $$(links).mediabox({/* Put custom options here */}, null, function(el) {
        var rel0 = this.rel.replace(/[[]|]/gi," ");
        var relsize = rel0.split(" ");
        return (this == el) || ((this.rel.length > 8) && el.rel.match(relsize[1]));
      });
    };
    window.addEvent("domready", Mediabox.scanPage);
    //--><!]]>
    </script>
    
    <script type="text/javascript">
    <!--//--><![CDATA[//><!--
    window.addEvent('domready', function() {
      var u = new URI(document.URL);
    	if ((u == '/index.html') && !Cookie.read('POPUP')) {Cookie.write('POPUP', '1',{duration: 365})
    	Mediabox.open('#mb_popup', '', '380 200');
    	}
    });
    //--><!]]>
    </script>
    
    </head>
    
    <body>
    	
    	<a href="#mb_popup" rel="lightbox[inline 360 180]" title="">inline content</a>
    
    	
    	<div id="mb_popup" style="display: none;"> <span style="color: #999999; text-align: center;">This is an example of content that was hidden on the page, and opened in Mediabox using an anchor link.<br/><br/> <a href="" onclick="Mediabox.close();return false;">close onClick »</a></span></div>
    
    
    </body>
    </html>

  15. #15
    Contao-Fan Avatar von JanoschSkuplik
    Registriert seit
    13.08.2009.
    Ort
    Raesfeld
    Beiträge
    536
    Partner-ID
    6909
    User beschenken
    Wunschliste

    Standard

    Hallo,

    wenn du dir das ganze z.B. im Firefox mit Firebug anschaust, siehst du, dass das JavaScript diese Fehlermeldung erzeugt:
    URI is not defined
    [Break on this error] var u = new URI(document.URL);


    Dies kann daran liegen, dass Contao derzeit noch mit Mootools 1.2 arbeitet, du aber bereits die 1.3 verwendest.

    Gruß Janosch

  16. #16
    Contao-Nutzer Avatar von hensmatt
    Registriert seit
    18.11.2010.
    Beiträge
    72

    Standard

    An irgendwie sowas wird es liegen... :-(

    Ich hab mir jetzt mal die Dateien von www.contao.org aus dem Quelltext gezogen und die Elemente auch so angeordnet wie bei Ihnen also die Scripts am ende des Bodys.

    Aber es geht leider immer noch nicht. Das Aufrufen über den link ist nun auch nicht mehr möglich.

    Firebug zeigt jetzt den Fehler an:

    HTML-Code:
    $("mainmenu") is null
    [Break on this error] window.addEvent("domready",function(){...(a,{duration:300}).start({opacity:1})
    contao.js (Zeile 1)

    Die testseite habe ich aktualisiert http://demo.studio-thiel.de/ hier mein aktueller Code:

    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Unbenanntes Dokument</title>
    
    <link href="css/mediabox.css" rel="stylesheet" type="text/css" />
    
    <script src="js/mootools-yui-compressed.js" type="text/javascript"></script> 
    <script src="js/mootools-more.js" type="text/javascript"></script>
    <script src="js/contao.js" type="text/javascript"></script>
    
    </head>
    
    <body>
    		
    <a href="#mb_popup" rel="lightbox[inline 360 180]" title="">inline content</a>
    
    
    <script src="js/mediabox.js" type="text/javascript"></script>
    
    <script type="text/javascript">
    <!--//--><![CDATA[//><!--
    Mediabox.scanPage = function() {
      var links = $$("a").filter(function(el) {
        return el.rel && el.rel.test(/^lightbox/i);
      });
      $$(links).mediabox({/* Put custom options here */}, null, function(el) {
        var rel0 = this.rel.replace(/[[]|]/gi," ");
        var relsize = rel0.split(" ");
        return (this == el) || ((this.rel.length > 8) && el.rel.match(relsize[1]));
      });
    };
    window.addEvent("domready", Mediabox.scanPage);
    //--><!]]>
    </script>
    
    <div id="mb_popup" style="display: none;"> <span style="color: #999999; text-align: center;">This is an example of content that was hidden on the page, and opened in Mediabox using an anchor link.<br/><br/> <a href="" onclick="Mediabox.close();return false;">close onClick »</a></span></div>
    
    <script type="text/javascript">
    <!--//--><![CDATA[//><!--
    window.addEvent('domready', function() {
      var u = new URI(document.URL);
    	if ((u == '/index.html') && !Cookie.read('POPUP')) {Cookie.write('POPUP', '1',{duration: 365})
    	Mediabox.open('#mb_popup', '', '380 200');
    	}
    });
    //--><!]]>
    </script>
    
    
    </body>
    </html>

  17. #17
    Contao-Nutzer Avatar von marrxx
    Registriert seit
    06.08.2009.
    Ort
    Mölln, S-H
    Beiträge
    48

    Standard

    Hallo hensmatt,

    der Fehler kommt aus der
    <script src="js/contao.js" type="text/javascript"></script>
    Datei.
    Wenn das richtig sehe, brauchst Du die garnicht. Kommentier die mal raus, mal sehen was dann passiert.

    Gruß
    Marrxx

  18. #18
    Contao-Nutzer Avatar von hensmatt
    Registriert seit
    18.11.2010.
    Beiträge
    72

    Standard

    Hallo marrxx,

    ich hab die datei rausgeworfen und die Konsole ist nun schon mal fehlerfrei, die box lässt sich nun auch wieder über den link öffnen.

    Aber beim besuchen der Seite passiert noch nix.
    Ich hab auch schon die cookies gelöscht.

    Er schreibt auch gar keine neuen cookies mehr.
    Oder unter welchem eintrag muss ich da suchen?
    Hab den domainnamen eingegeben bei der Firefox cookie verwaltung.

    so far...
    matthias

  19. #19
    AG Core-Entwicklung Avatar von Psi
    Registriert seit
    19.06.2009.
    Ort
    Mittelfranken
    Beiträge
    930
    Partner-ID
    5583
    User beschenken
    Wunschliste

    Standard

    Soll die Lightbox nur beim ersten betreten der Seite aufgehen oder jedes mal wenn man auf die Startseite geht?

    Ich habe mir in templates/lbStartseite.php angelegt mit
    Code:
    <script type="text/javascript">
    window.addEvent('load',function(){
    Mediabox.open([
    	['tl_files/content/bild01.jpg','Title Bild1'],
    	['tl_files/content/bild02.jpg','Title Bild2']
    ],0,Mediabox.customOptions);
    });
    </script>
    und per HTML-Inhaltselement mit {{file::lbStartseite.php}} eingebunden.

    Hier wird KEINE URL-Prüfung gemacht sondern bei jedem Aufruf der Startseite die Lightbox geöffnet. (Also entweder Mediabox oder Lightbox4ward)

  20. #20
    Contao-Nutzer Avatar von hensmatt
    Registriert seit
    18.11.2010.
    Beiträge
    72

    Standard

    Hallo,

    der Hinweis soll nur erscheinen wenn der user das erste mal die Seite betritt.

    Ich arbeite ja auch nicht mit dem contao cms, sonst würde es ja wahrscheinlich schon gehen.

    Gruß Matthias

  21. #21
    AG Core-Entwicklung Avatar von Psi
    Registriert seit
    19.06.2009.
    Ort
    Mittelfranken
    Beiträge
    930
    Partner-ID
    5583
    User beschenken
    Wunschliste

    Standard

    Dann setz doch einfach n Cookie:

    HTML-Code:
    <script type="text/javascript">
    window.addEvent('load',function(){
    if(Cookie.read('POPUP')) return;
    Cookie.write('POPUP', '1',{duration: 365});
    Mediabox.open([
    	['tl_files/content/bild01.jpg','Title Bild1'],
    	['tl_files/content/bild02.jpg','Title Bild2']
    ],0,Mediabox.customOptions);
    });
    </script>

  22. #22
    Contao-Nutzer Avatar von hensmatt
    Registriert seit
    18.11.2010.
    Beiträge
    72

    Standard Gelöst

    Sooo ich habe es hinbekommen,

    ich hab deinen Code mal angepasst und es klappt

    Hier noch mal der Code:

    Code:
    <script type="text/javascript">
    window.addEvent('load',function(){
    if(Cookie.read('POPUP')) return;
    Cookie.write('POPUP', '1',{duration: 365});
    Mediabox.open('#mb_popup', '', '380 200');
    });
    </script>
    Vielen Dank für die Hilfe!

  23. #23
    Contao-Nutzer Avatar von hensmatt
    Registriert seit
    18.11.2010.
    Beiträge
    72

    Standard

    Zu früh gefreut,

    also der Testballon hat ja geklappt, aber als ich den Code dann in die richtige Seite einfügen wollte ging es natürlich nicht.

    Problem sind die anderen Scripte, wenn ich diese rausnehme geht es.
    Aber das ist natürlich nicht sinn der Sache.

    Ich glaub es liegt daran das wenn alle mit dem gleichen Ereignis (onLoad, onClick) gestartet werden sollen kommen die sich in die quere.
    Wie kann ich eigentlich mehrere Scripte in einem Dokument laufen lassen?

    Die Fehlerkonsole meckert über die prototype.js aber wenn ich die rausnehme dann tauchen auf einmal Fehler in der mud_Script_hochzeit1.js und mediabox.js auf.

    Hier mal ein link zur aktuellen Seite:http://mb.studio-thiel.de/

    Hier der Head Bereich:


    HTML-Code:
    <link href="style/all.css" rel="stylesheet" type="text/css" media="screen" />
    	<link href="style/mediabox.css" rel="stylesheet" type="text/css" media="screen" />
    	
    	<script src="scripts/mootools-yui-compressed.js" type="text/javascript"></script> 
    	<script src="scripts/mootools-more.js" type="text/javascript"></script>
    	
    	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    	<script src="scripts/cufon-yui.js" type="text/javascript"></script>
    	<script src="scripts/helv_unsecure.font.js" type="text/javascript"></script>
    	
    	<script src="scripts/prototype.js" type="text/javascript"></script>
    	<script src="scripts/mud_ShiftContent.js" type="text/javascript"></script>
    	<script src="scripts/mud_Script_hochzeit1.js" type="text/javascript"></script>
    	
    	<script type="text/javascript">
    		Cufon.replace('#navVertical li a',{hover: true});
    		Cufon.replace('#navHorizontal li',{hover: true});
    		Cufon.replace('h2');
    		Cufon.replace('h3');
    	</script>

  24. #24
    AG Core-Entwicklung Avatar von Psi
    Registriert seit
    19.06.2009.
    Ort
    Mittelfranken
    Beiträge
    930
    Partner-ID
    5583
    User beschenken
    Wunschliste

    Standard

    Sieht für mich aus als würde sich was nicht mit Prototype vertrage - ist das Framework wirklich nötig? Gibts kein Mootools-Pendant?

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

    Support Contao

    Standard

    Vielleicht müsste man jQuery im sog. "noConflict"-Modus betreiben...
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  26. #26
    AG Core-Entwicklung Avatar von Psi
    Registriert seit
    19.06.2009.
    Ort
    Mittelfranken
    Beiträge
    930
    Partner-ID
    5583
    User beschenken
    Wunschliste

    Standard

    There is no jQuery
    Ich würds mal ohne Prototype probiern

  27. #27
    Contao-Nutzer Avatar von hensmatt
    Registriert seit
    18.11.2010.
    Beiträge
    72

    Standard

    Wie schon geschrieben, wenn ich die prototype.js rausnehme klappt es trozdem nicht es kommen nur andere fehlermeldungen.

    HTML-Code:
    Event.observe is not a function
    [Break on this error] Event.observe(window, 'load', init, false);
    mud_Sc...eit1.js (Zeile 197)
    $(document.body).adopt is not a function
    [Break on this error] var Mediabox;(function(){var A,h,P,H,O...new Element("div",{id:"mbCaption"}));
    mediabox.js (Zeile 2)

    Wenn ich die "jquery.min.js" und die "protoype.js" rausnehme geht es erst.

    Und ich brauch die prototype.js auch damit das mit den Bildern funktioniert und die jquery brauch ich für die Schriftformatierung.

    Edit: Die "jquery.min.js" kann ich doch rausnehmen, jetzt funkt nur noch die "prototype.js" dazwischen.
    Geändert von hensmatt (18.11.2010 um 17:39 Uhr)

  28. #28
    AG Core-Entwicklung Avatar von Psi
    Registriert seit
    19.06.2009.
    Ort
    Mittelfranken
    Beiträge
    930
    Partner-ID
    5583
    User beschenken
    Wunschliste

    Standard

    Ich hab kein jQuery im Source gefunden?
    ABER wenn wir von Cufon reden, dann brauchst du dafür jQuery NICHT. Cufon kann auch die selector-engine von Mootools nutzen und wenn du nur trivial Selectoren nutzt wie "h1" dann brauchst du nicht mal Mootools.

  29. #29
    Contao-Nutzer Avatar von hensmatt
    Registriert seit
    18.11.2010.
    Beiträge
    72

    Standard

    Doch doch, jQuery war drin.

    Code:
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    Wie du schon geschrieben hast, mootools macht es unnötig, deshalb hab ich es rausgemommen.


    Wie bekomm ich denn jetzt die prototype.js angepasst damit es klappt?

    Ich hab auch schon alle möglichen Anordnungen bzw. Reihnfolgen der scripts druchprobiert.

  30. #30
    Alter Contao-Hase
    Registriert seit
    22.06.2009.
    Ort
    Köln
    Beiträge
    1.342

    Standard

    Hallo zusammen,

    sorry stehe gerade aufm Schlauch...

    Wie binde ich das Script denn ins Seitenlayout ein?

    Ich möchte, dass beim Aufruf der Startseite eine spezielle NEws aufgerufen wird!

    Danke

    EDIT: Bin wieder vom Schlauch runter, musste natürlich komplett ins Seitenlayout (<script>)
    Geändert von matuweb (26.04.2011 um 10:17 Uhr)

  31. #31
    Contao-Fan Avatar von pandroid
    Registriert seit
    15.08.2009.
    Ort
    Jena
    Beiträge
    314

    Standard Lightbox alle 60 Minuten bei Seitenaufruf

    Hallo zusammen,

    die Lösung hier funktioniert prima. Herzlichen Dank dafür.
    Ich möchte nun noch, dass die Lightbox einem Besucher alle 60 Minuten angezeigt wird. Durch das Einbinden ins Seitenlayout bekomme ich das Script ja auf jede Seite, aber wie kann ich die Cookie-Zeit auf Sekunden/Minuten einstellen?
    In der Mootools-Doku habe ich auch nur die Duration mit Tagen gefunden.

    Hat jemand eine Idee?

    Grüße
    PAndroid

  32. #32
    Contao-Nutzer Avatar von marrxx
    Registriert seit
    06.08.2009.
    Ort
    Mölln, S-H
    Beiträge
    48

    Standard

    Hallo PAndroid,
    dann mußt Du es nur dezimal angeben, also
    0.5 wären z.B. ca. 10 Stunden

    Ich habe es mit:
    Cookie.write('POPUP', '1',{duration: 0.125});

    ausprobiert, dass ist ca. 1 Stunde.

    Gruß
    Marrxx

  33. #33
    Contao-Fan Avatar von pandroid
    Registriert seit
    15.08.2009.
    Ort
    Jena
    Beiträge
    314

    Standard

    Hallo Marrxx,

    vielen Dank für Deine schnelle Lösung. Das funktioniert prima.
    Eigentlich logisch, aber manchmal sieht man den Wald...

    Wäre es auch möglich, die Lightbox erst nach ein paar Minuten nachdem der Besucher das erste Mal auf der Seite war zu laden und dann wieder nach ein paar Minuten?

    Hintergrund: Ich möchte gern auf eine Umfrage zur Webseite aufmerksam machen. Das macht aber erst Sinn, wenn der Besucher ein paar Minuten auf der Seite war. Wenn die Lightbox gleich beim ersten Aufruf kommt, wird sie der Großteil wegklicken.

    Grüße
    PAndroid

  34. #34
    Contao-Nutzer Avatar von marrxx
    Registriert seit
    06.08.2009.
    Ort
    Mölln, S-H
    Beiträge
    48

    Standard

    Ich glaube das wird mit Mootools schwierig. Da muss ich passen und an die Anderen kompetenten Forumsbesucher verweisen.

    Gruß
    Marrxx

  35. #35
    Contao-Fan Avatar von pandroid
    Registriert seit
    15.08.2009.
    Ort
    Jena
    Beiträge
    314

    Standard

    Hallo Marrxx,

    vielen Dank für Deine Rückmeldung.
    Dann stelle ich das Thema nochmal neu in die Runde - wohl mehr Richtung Cookie-Verarbeitung.

    Gruß
    PAndroid

  36. #36
    Contao-Fan Avatar von Zero
    Registriert seit
    25.05.2010.
    Ort
    Korntal
    Beiträge
    520
    User beschenken
    Wunschliste

    Standard

    Zitat Zitat von marrxx Beitrag anzeigen
    Code:
    <?php
    
    // Add mediabox style sheet
    $GLOBALS['TL_CSS'][] = 'plugins/mediabox/css/mediabox.css|screen';
    ?>
    
    <script type="text/javascript" src="plugins/mediabox/js/mediabox.js"></script>
    <script type="text/javascript">
    <!--//--><![CDATA[//><!--
    Mediabox.scanPage = function() {
      var links = $$("a").filter(function(el) {
        return el.rel && el.rel.test(/^lightbox/i);
      });
      $$(links).mediabox({/* Put custom options here */}, null, function(el) {
        var rel0 = this.rel.replace(/[[]|]/gi," ");
        var relsize = rel0.split(" ");
        return (this == el) || ((this.rel.length > 8) && el.rel.match(relsize[1]));
      });
    };
    window.addEvent("domready", Mediabox.scanPage);
    //--><!]]>
    </script>
    
    <script type="text/javascript">
    <!--//--><![CDATA[//><!--
    window.addEvent('domready', function() {
      var u = new URI(document.URL);
      if (u == 'http://www.xxxxxxxxx.xx/xxxxxxxxxxxxxx.html') {
          Mediabox.open('#mb_popup', '', '380 200');
      }
    });
    //--><!]]>
    </script>
    Ergänzend zu dem Beitrag von Marrxx. Eigentlich gibt es immer das Problem, dass die domain mit "http://www.domain.de" und "http://domain.de" aufgerufen werden kann. Mit einer kleinen "oder" Abfrage kann auch das abgefangen werden.

    Code:
     if (u == 'http://www.xxxxxxxxx.xx/xxxxxxxxxxxxxx.html' || u == 'http://xxxxxxxxx.xx/xxxxxxxxxxxxxx.html') {
          Mediabox.open('#mb_popup', '', '380 200');
      }
    Einfach den Code bei Marrxx an dieser Stelle mit dem Ersetzen.

    Dieser Eintrag [ url]http://www.xxxxxxxxx.xx/xxxxxxxxxxxxxx.html[ /url] im obigen Code muß natürlich durch die entsprechende URL erstetzt werden.

    Viel Spaß damit

  37. #37
    Contao-Nutzer
    Registriert seit
    12.03.2010.
    Beiträge
    79

    Standard

    sehr gut, vielen dank für die infos hier!

    ein problem habe ich noch. das pop-up funktioniert bestens, wenn ich den ganzen link eingebe (sowohl im code als auch in der adresszeile des browsers):

    http://myweibel.ch/index.php/willkommen-50.html

    wenn ich aber über:

    www.myweibel.ch oder myweibel.ch

    gehe, dann funktioniert es nicht. auch wenn ich den link im code entsprechend anpasse.

  38. #38
    Contao-Nutzer
    Registriert seit
    12.03.2010.
    Beiträge
    79

    Standard

    ok, hab die lösung grad selbst gefunden!

  39. #39
    Contao-Nutzer Avatar von rockmo10
    Registriert seit
    15.05.2010.
    Beiträge
    47

    Standard Automatische Größenanpassung?

    Hallo zusammen,

    gibt es auch eine Möglichkeit für eine automatische Größenanpassung?
    Momentan wird ja 380 x 200 px für das Popup verwendet.

    Grund:
    Ich habe eine Seite die responsive ist und z.B. in der Smartphoneversion wäre das Popup zu groß.

    ODER
    Gibt es eine Möglichkeit in dem Script zu sagen, dass ab einer bestimmten Browsergröße das Popup nicht aufgerufen werden soll?

    Leider bin ich in Javascript nicht so fit, daher würde ich mich SEHR freuen, wenn Ihr ein paar Tipps/Lösungen hättet.

    Vielen Dank schonmal in die Runde !

  40. #40
    Administrator Avatar von Nina
    Registriert seit
    04.06.2009.
    Ort
    Hamburg
    Beiträge
    4.755
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ich muss diese unsägliche Technik gerade notgedrungen bei einem Kunden auf der Startseite einbauen (ja, ich weiß, gruselig).

    Bei dem Kunden ist auf der Seite Mootools schon aktiv und ebenso die Mediabox (hat im Content der Seite noch Bilder die vergrößerbar sind).

    Deshalb habe ich den Code so zusammengekürzt:
    HTML-Code:
    <script type="text/javascript">
    <!--//--><![CDATA[//><!--
    window.addEvent('domready', function() {
      var u = new URI(document.URL);
      if (u == 'http://www.domain.de' || u == 'http://domain.de' || u == 'http://www.domain.de/startseite.html' || u == 'http://domain.de/startseite.html') { 
          Mediabox.open('#mb_popup', '', '800 600');
      }
    });
    //--><!]]>
    </script>
    Auf der Startseite selbst habe ich ein Bild-Element mit der ID mb_popup angelegt und im Seitenlayout zusätzlich zum schon bestehenden Mediabox-Template dahinter auch dieses Popup-Template eingebunden. Ruft man die Startseite auf, kommt aber kein Popup zum Vorschein.

    Könnte das mit der sitemap-Erweiterung zusammenhängen die bewirkt, dass die Startseite immer mit (www).domain.de (ohne startseite.html) aufgerufen wird? Bin für Anregungen dankbar.

Aktive Benutzer

Aktive Benutzer

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

Ähnliche Themen

  1. Lightbox bei Seitenaufruf!
    Von GermanDevil im Forum Bilder/Dateien
    Antworten: 25
    Letzter Beitrag: 20.01.2012, 09:40
  2. Seitenaufruf: bla/ statt bla/index.html
    Von NoName26 im Forum Layout / Templates / Holy Grail
    Antworten: 20
    Letzter Beitrag: 19.04.2011, 10:49
  3. Bildergalerie - Geschwindigkeitsproblem beim Seitenaufruf
    Von bonnsolar im Forum Bilder/Dateien
    Antworten: 3
    Letzter Beitrag: 21.07.2010, 13:33
  4. Fehler beim Seitenaufruf
    Von schneeheinz im Forum Installation / Update
    Antworten: 12
    Letzter Beitrag: 04.02.2010, 17:48
  5. Internal Server Error 500 bei Seitenaufruf
    Von MasterFu99 im Forum Sonstiges zu Contao
    Antworten: 28
    Letzter Beitrag: 05.08.2009, 15:15

Lesezeichen

Lesezeichen

Berechtigungen

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