Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
    Spenden
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:
    Spenden
  • Thema: Javascript richtig einbauen

    Christian|PCE

    • Mitglied
    • Beiträge: 207
    • Geschlecht:
    Javascript richtig einbauen
    am: 03. Juli 2014, 14:27:10
    Hallo zusammen,

    ich möchte die EU Cookie Richtlinie umsetzen mit Cookie Guard. Ich weiß es gibt ein Modul dafür, aber da ich es an meine Bedürfnisse weiter anpassen möchte, möchte ich es selber für mich umsetzen.
    Ich scheitere gerade, so denke ich, am richtigen Einbau des Javascripts. Es gibt ja ein mal die "globale" header.php im includes Ordner, und dann die general.js.php im jeweiligen Ordner des Styles. In letztere habe ich den Einbau vorgenommen, und habe jetzt das Problem das mir nichts angezeigt wird. Testweise habe ich es auch in der globalen header.php versucht, ohne Erfolg. Die benötigten js-Dateien habe ich natürlich in die passenden Verzeichnisse hochgeladen, und auch den Pfad angepasst mit

    Code: PHP  [Auswählen]
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jqueryCookieGuard.1.0.min.js" type="text/javascript"></script>

    Bin ich in der general.js.php überhaupt richtig mit dem Einbau des Codes, oder muss ich den Einbau an anderer Stelle vornehmen? Würde mich über eine kurze Info freuen,

    Gruß, Christian

    Linkback: https://www.modified-shop.org/forum/index.php?topic=30533.0

    Bonsai

    • Viel Schreiber
    • Beiträge: 4.127
    • Geschlecht:
    Re: Javascript richtig einbauen
    Antwort #1 am: 03. Juli 2014, 14:49:14
    Was steht denn im HTML Code?
    Code: PHP  [Auswählen]
    <script src="<was steht hier?>/javascript/jqueryCookieGuard.1.0.min.js" type="text/javascript"></script>

    Christian|PCE

    • Mitglied
    • Beiträge: 207
    • Geschlecht:
    Re: Javascript richtig einbauen
    Antwort #2 am: 03. Juli 2014, 16:14:34
    Da scheint irgendwo der Fehler zu liegen merke ich grad. Im HTML Text tauchen nur alle anderen Sachen wie der Nivo-Slider ordnungsgemäß auf, aber Cookieguard fehlt. Hab den Pfad auch mal direkt angegeben ohne Variablen, auch dann erscheint nichts im Quelltext. Den Cache habe ich gelöscht.

    WayneTsun

    • Fördermitglied
    • Beiträge: 1.082
    • Geschlecht:
    Re: Javascript richtig einbauen
    Antwort #3 am: 03. Juli 2014, 16:52:37
    Ist die js-Datei im richtigen Ordner?

    Eingebunden in der general.js.php ist schon richtig. Ansonsten einmal die general.js.php posten.

    Beste Grüße,
    Wayne

    Christian|PCE

    • Mitglied
    • Beiträge: 207
    • Geschlecht:
    Re: Javascript richtig einbauen
    Antwort #4 am: 03. Juli 2014, 16:55:51
    Hallo Wayne,

    ja sie liegt im richtigen Ordner.  Gerade noch mal gegen gecheckt  :-)

    EDIT:
    Die aktuelle general.js.php
    Code: PHP  [Auswählen]
    <?php
    /* -----------------------------------------------------------------------------------------
       $Id: general.js.php 1262 2005-09-30 10:00:32Z mz $

       XT-Commerce - community made shopping
       http://www.(( Wir dulden keine kommerziellen Werbelinks - Bitte <a href="index.php?topic=3013.0">Forenregeln</a> beachten! ))

       Copyright (c) 2003 XT-Commerce
       -----------------------------------------------------------------------------------------
       Released under the GNU General Public License
       ---------------------------------------------------------------------------------------*/



       // this javascriptfile get includes at the BOTTOM of every template page in shop
       // you can add your template specific js scripts here
    ?>
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.js" type="text/javascript"></script>
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/thickbox.js" type="text/javascript"></script>
    <?php
    if (strstr($PHP_SELF, FILENAME_DEFAULT )) {
    ?>
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.nivo.slider.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider({
            effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
            slices: 15, // For slice animations
            boxCols: 8, // For box animations
            boxRows: 4, // For box animations
            animSpeed: 500, // Slide transition speed
            pauseTime: 3000, // How long each slide will show
            startSlide: 0, // Set starting Slide (0 index)
            directionNav: true, // Next & Prev navigation
            controlNav: true, // 1,2,3... navigation
            controlNavThumbs: false, // Use thumbnails for Control Nav
            pauseOnHover: true, // Stop animation while hovering
            manualAdvance: false, // Force manual transitions
            prevText: 'Zurück', // Prev directionNav text
            nextText: 'Weiter', // Next directionNav text
            randomStart: false, // Start on a random slide
            beforeChange: function(){}, // Triggers before a slide transition
            afterChange: function(){}, // Triggers after a slide transition
            slideshowEnd: function(){}, // Triggers after all slides have been shown
            lastSlide: function(){}, // Triggers when last slide is shown
            afterLoad: function(){} // Triggers when slider has loaded
        });
    });
    </script>

    <?php
    }
    ?>
    <?php // BOF - web28 - 2010-07-09 - TABS/ACCORDION in product_info ?>
    <?php
    if (strstr($PHP_SELF, FILENAME_PRODUCT_INFO )) {
    ?>
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery-ui.js" type="text/javascript"></script>
    <script type="text/javascript">
    /* <![CDATA[ */
            //Laden einer CSS Datei mit jquery     
        $.get("<?php echo 'templates/'.CURRENT_TEMPLATE; ?>"+"/css/javascript.css", function(css) {
                    $("head").append("<style type='text/css'>"+css+"<\/style>");
            });
           
            $(function() {
                    $("#tabbed_product_info").tabs();
                    $("#accordion_product_info").accordion({ autoHeight: false });
            });
    /*]]>*/
    </script>
    <script src="templates/fb/javascript/jquery.min.js"</script>
    <script src="templates/fb/javascript/jqueryCookieGuard.1.0.min.js"</script>
    <script>
      $(document).ready(function(){
        $.cookieguard();
        $.cookieguard.cookies.add('PHP Session', 'PHPSESSID', 'This cookie is used to track important logical information for the smooth operation of the site', true);
        $.cookieguard.run();
      });
    </script>
    <?php
    }
    ?>
    <?php // EOF - web28 - 2010-07-09 - TABS/ACCORDION in product_info ?>

    Habe es vor dem Ordner templates auch ncoh mit einem / versucht, mit der Angabe des Pfades über <?php echo 'templates/'.CURRENT_TEMPLATE; ?> wie weiter oben zu lesen war, und habe testweise auch mal das einbinden von jquery.min.js rausgelassen weil ich mir nicht sicher bin, ob es bereits vorher schon geladen wird und eventuell kollidiert. Vielleicht sehe ich ja auch nur den Wald vor lauter Bäumen nicht.

    WayneTsun

    • Fördermitglied
    • Beiträge: 1.082
    • Geschlecht:
    Re: Javascript richtig einbauen
    Antwort #5 am: 03. Juli 2014, 17:08:05
    Die jquery.js ist zweimal eingebunden. Einmal als normale in Zeile 17 und einmal die min-Version in Zeile 71.

    Dann hast du einfach einen Tippfehler in Zeile 72. Das schließende ">" fehlt. Dann sollte es gehen.

    Und dann würde mir bei <script> die type="text/javascript" fehlen.

    Beste Grüße,
    Wayne

    Christian|PCE

    • Mitglied
    • Beiträge: 207
    • Geschlecht:
    Re: Javascript richtig einbauen
    Antwort #6 am: 03. Juli 2014, 17:11:52
    Hallo,

    erst mal danke, hab ich glatt übersehen. Funktioniert immer noch nicht, das letzte was auftaucht sind die Werte vom Nivo Slider. Ich habe die EInbindung von jquery.min rausgenommen und somit Zeile 71 entfernt.

    WayneTsun

    • Fördermitglied
    • Beiträge: 1.082
    • Geschlecht:
    Re: Javascript richtig einbauen
    Antwort #7 am: 03. Juli 2014, 17:14:36
    Zeile 55 die if-clause wird erst nach allem anderen geschlossen. Das müsste es dann aber sein. ;-)

    Beste Grüße,
    Wayne

    Christian|PCE

    • Mitglied
    • Beiträge: 207
    • Geschlecht:
    Re: Javascript richtig einbauen
    Antwort #8 am: 03. Juli 2014, 17:21:18
    Danke dir! Habs weiter oben eingebaut, bin ich nicht drauf gekommen  :datz:

    Wer ähnliches vor hat, hier meine general.js.php zum Vergleichen:
    Code: PHP  [Auswählen]
    <?php
    /* -----------------------------------------------------------------------------------------
       $Id: general.js.php 1262 2005-09-30 10:00:32Z mz $

       XT-Commerce - community made shopping
       http://www.(( Wir dulden keine kommerziellen Werbelinks - Bitte Forenregeln beachten! ))

       Copyright (c) 2003 XT-Commerce
       -----------------------------------------------------------------------------------------
       Released under the GNU General Public License
       ---------------------------------------------------------------------------------------*/



       // this javascriptfile get includes at the BOTTOM of every template page in shop
       // you can add your template specific js scripts here
    ?>
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.js" type="text/javascript"></script>
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/thickbox.js" type="text/javascript"></script>
    <?php
    if (strstr($PHP_SELF, FILENAME_DEFAULT )) {
    ?>
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.nivo.slider.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider({
            effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
            slices: 15, // For slice animations
            boxCols: 8, // For box animations
            boxRows: 4, // For box animations
            animSpeed: 500, // Slide transition speed
            pauseTime: 3000, // How long each slide will show
            startSlide: 0, // Set starting Slide (0 index)
            directionNav: true, // Next & Prev navigation
            controlNav: true, // 1,2,3... navigation
            controlNavThumbs: false, // Use thumbnails for Control Nav
            pauseOnHover: true, // Stop animation while hovering
            manualAdvance: false, // Force manual transitions
            prevText: 'Zurück', // Prev directionNav text
            nextText: 'Weiter', // Next directionNav text
            randomStart: false, // Start on a random slide
            beforeChange: function(){}, // Triggers before a slide transition
            afterChange: function(){}, // Triggers after a slide transition
            slideshowEnd: function(){}, // Triggers after all slides have been shown
            lastSlide: function(){}, // Triggers when last slide is shown
            afterLoad: function(){} // Triggers when slider has loaded
        });
    });
    </script>
    </script>
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jqueryCookieGuard.1.0.min.js" type="text/javascript"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        $.cookieguard();
        $.cookieguard.cookies.add('PHP Session', 'PHPSESSID', 'This cookie is used to track important logical information for the smooth operation of the site', true);
        $.cookieguard.run();
      });
    </script>
    <?php
    }
    ?>
    <?php // BOF - web28 - 2010-07-09 - TABS/ACCORDION in product_info ?>
    <?php
    if (strstr($PHP_SELF, FILENAME_PRODUCT_INFO )) {
    ?>
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery-ui.js" type="text/javascript"></script>
    <script type="text/javascript">
    /* <![CDATA[ */
            //Laden einer CSS Datei mit jquery     
        $.get("<?php echo 'templates/'.CURRENT_TEMPLATE; ?>"+"/css/javascript.css", function(css) {
                    $("head").append("<style type='text/css'>"+css+"<\/style>");
            });
           
            $(function() {
                    $("#tabbed_product_info").tabs();
                    $("#accordion_product_info").accordion({ autoHeight: false });
            });
    /*]]>*/

    <?php
    }
    ?>
    <?php // EOF - web28 - 2010-07-09 - TABS/ACCORDION in product_info ?>

    Die Cookie-Guard Dateien dafür in /templates/<dein_template>/javascript/.

    noRiddle (revilonetz)

    • Experte
    • Beiträge: 13.988
    • Geschlecht:
    Re: Javascript richtig einbauen
    Antwort #9 am: 04. Juli 2014, 16:03:04
    Zur Info:
    Ich habe eine neue Version für CookieGuard gepostet.
    Damit kann man den Cookie-Container wahlweise oben oder unten im Browser-Fenster anzeigen lassen.
    Der Rest ist lediglich CSS.

    Gruß,
    noRiddle

    Christian|PCE

    • Mitglied
    • Beiträge: 207
    • Geschlecht:
    Re: Javascript richtig einbauen
    Antwort #10 am: 05. Juli 2014, 00:17:41
    Machs trotzdem lieber selber, damit bleibe ich flexibler und weiß wo was drin steht ;)
    Shop Hosting
    5 Antworten
    3218 Aufrufe
    23. Januar 2013, 09:50:36 von noRiddle (revilonetz)
    1 Antworten
    3325 Aufrufe
    30. September 2010, 13:32:53 von ideeos.de
    2 Antworten
    3253 Aufrufe
    08. Februar 2010, 20:50:31 von Tomcraft
    25 Antworten
    14209 Aufrufe
    02. November 2012, 17:35:42 von noRiddle (revilonetz)