Javascript Problem?

[nonorush]

Hallo ich möchte in unserem Shop eine Horizontale Scrollbar anbieten und weil mir das Standard Design der Scrollbar nicht gefällt wollte ich diese mit UvumiTools Scrollbar stylen.

Sobald ich aber wie in der Anleitung beschrieben folgenden Javascript code in den Headbereich der Seite einfüge erscheint nur noch eine weiße Seite?
Das passiert mit jeden Javascript Code egal welchen. Was kann das sein?

    <script type="text/javascript">
            var scroller = new UvumiScrollbar("scrollbar-demo");
            window.addEvent('domready',function(){
                $('hideParagraphs').addEvent('click',function(){
                    $$('.tohide').setStyle('display','none');
                    scroller.update();
                });
                $('hideParagraphs2').addEvent('click',function(){
                    $$('.tohide, .tohide2').setStyle('display','none');
                    scroller.update();
                });
                $('hideParagraphs3').addEvent('click',function(){
                    $$('.tohide3').setStyle('display','none');
                    scroller.update();
                });
                $('showParagraphs').addEvent('click',function(){
                    $$('.tohide, .tohide2, .tohide3').setStyle('display','block');
                    scroller.update();
                });
            });
        </script>

 

[ag-websolutions.de]

AW: Javascript Problem?

mit "in den headbereich" meinst du durch modifikation der header.tpl??

Wenn ja, muss du den einzufügenden Code smarty-konform aufbauen oder aber mittels eines Plugin den js-code in den head-Bereich "impfen" lassen

 

[Dealux-GmbH]

AW: Javascript Problem?

Versuchs mal so:

   {literal} <script type="text/javascript">
            var scroller = new UvumiScrollbar("scrollbar-demo");
            window.addEvent('domready',function(){
                $('hideParagraphs').addEvent('click',function(){
                    $$('.tohide').setStyle('display','none');
                    scroller.update();
                });
                $('hideParagraphs2').addEvent('click',function(){
                    $$('.tohide, .tohide2').setStyle('display','none');
                    scroller.update();
                });
                $('hideParagraphs3').addEvent('click',function(){
                    $$('.tohide3').setStyle('display','none');
                    scroller.update();
                });
                $('showParagraphs').addEvent('click',function(){
                    $$('.tohide, .tohide2, .tohide3').setStyle('display','block');
                    scroller.update();
                });
            });
        </script>{/literal}

 

[nonorush]

AW: Javascript Problem?

Ne das mit dem "literal" geht auch nicht die Seite wird zwar angezeigt aber kein Javascript ausgeführt.
Wie geht das mit dem Impfen?

 

[ag-websolutions.de]

AW: Javascript Problem?

du muss ein Plugin schreiben, welches über Hook140 und mittels pquery den head-Block des DOM-Objects vor Ausgabe um die Einbindung des javascript-parts erweitert...um den Headblock nicht unnötig aufzublähen, würde ich aber das eigentliche js-script in eine separate Datei hinterlegen und im head nur den Link auf diese js-Datei setzen

 

[Dealux-GmbH]

AW: Javascript Problem?

Wird dann vermutlich immer noch nicht funktionieren, weil das JS eigentlich so funktionieren sollte. Da sind dann noch nen paar andere Sachen falsch.

 

[nonorush]

AW: Javascript Problem?

jetzt gehts warum auch immer