Forum für CMS/made simple

fargrat

Gast

[GELÖST] jQuery Sortierungssnippet

Guten Abend,
bin nochmal auf ein Problem gestoßen, an welchem ich mir grad wiedermal die Zähne ausbeiße.

Ich versuche ein Snippet einzubauen, welches Bilder ordnet (http://net.tutsplus.com/tutorials/javas … th-jquery/).
Mein head sieht atm etwa so aus:

 Hier klicken, um den Code zum Kopieren zu markieren

<script type="text/javascript">
$(document).ready(function() {
    $('ul#filter a').click(function() {
        $(this).css('outline','none');
        $('ul#filter .current').removeClass('current');
        $(this).parent().addClass('current');
        
        var filterVal = $(this).text().toLowerCase().replace(' ','-');
                
        if(filterVal == 'all') {
            $('ul#portfolio li.hidden').fadeIn('slow').removeClass('hidden');
        } else {
            
            $('ul#portfolio li').each(function() {
                if(!$(this).hasClass(filterVal)) {
                    $(this).fadeOut('normal').addClass('hidden');
                } else {
                    $(this).fadeIn('slow').removeClass('hidden');
                }
            });
        }
        
        return false;
    });
});
</script>
{/literal}

und die Seite, in welcher das Plugin sein soll:

 Hier klicken, um den Code zum Kopieren zu markieren

{if !$ccuser->loggedin()}{redirect_page page='login'}{/if}


<div id="container">

    <ul id="filter">
        <li class="current"><a href="#">All</a></li>
        <li><a href="#">Design</a></li>
        <li><a href="#">Development</a></li>
        <li><a href="#">CMS</a></li>
        <li><a href="#">Integration</a></li>
        <li><a href="#">Information Architecture</a></li>
    </ul>

    <ul id="portfolio">
        <li class="cms integration"><a href="#"><img src="images/a-list-apart.png" alt="" height="115" width="200" />A List Apart</a></li>
        <li class="integration design"><a href="#"><img src="images/apple.png" alt="" height="115" width="200" />Apple</a></li>
        <li class="design development"><a href="#"><img src="images/cnn.png" alt="" height="115" width="200" />CNN</a></li>
        <li class="cms"><a href="#"><img src="images/digg.png" alt="" height="115" width="200" />Digg</a></li>
        <li class="design cms integration"><a href="#"><img src="images/espn.png" alt="" height="115" width="200" />ESPN</a></li>
        <li class="design integration"><a href="#"><img src="images/facebook.png" alt="" height="115" width="200" />Facebook</a></li>
        <li class="cms information-architecture"><a href="#"><img src="images/google.png" alt="" height="115" width="200" />Google</a></li>
        <li class="integration development"><a href="#"><img src="images/netflix.png" alt="" height="115" width="200" />Netflix</a></li>
        <li class="information-architecture"><a href="#"><img src="images/nettuts.png" alt="" height="115" width="200" />NETTUTS</a></li>
        <li class="design information-architecture cms"><a href="#"><img src="images/twitter.png" alt="" height="115" width="200" />Twitter</a></li>
        <li class="development"><a href="#"><img src="images/white-house.png" alt="" height="115" width="200" />White House</a></li>
        <li class="cms design"><a href="#"><img src="images/youtube.png" alt="" height="115" width="200" />YouTube</a></li>
    </ul>
</div>

Habe schon einige Zeit gegooglet, die Suche benutzt, doch nichts hat geholfen.
Ich bekomme 2 Fehler, wovon ich glaube, dass der obere nicht hiervon bedingt ist.

string(131) "Smarty error: [in content:content_en line 1]: syntax error: unidentified token ';loggedin()' (Smarty_Compiler.class.php, line 1410)"
Parse error: syntax error, unexpected '&' in /is/htdocs/wp1161730_L22OSBR240/niels/tmp/templates_c/56^%%70^707^707A8977%%content%3Acontent_en.php on line 5

CMSMS Version:  1.9.4.3
PHP Version: 5.2.17
Apache Version: 2.2

LG Niels

dc2

kennt CMS/ms

Registriert: 26. November 2010

Beiträge: 140

Webseite

Re: [GELÖST] jQuery Sortierungssnippet

 Hier klicken, um den Code zum Kopieren zu markieren

{if !$ccuser->loggedin()}

muss heißen

 Hier klicken, um den Code zum Kopieren zu markieren

{if !$ccuser->loggedin()}

Beitrag geändert von dc2 (05. September 2011 22:04)

fargrat

Gast

Re: [GELÖST] jQuery Sortierungssnippet

Danke, es ist nur leider so, dass es sich nach kurzer Zeit zurück ändert.
(WYSIWYG ist deaktiviert).

Außerdem wird das jQuery anscheinend nicht berücksichtigt, alles wird richtig dargestellt
klickt man nun lediglich auf die Links (all, design, development u.s.w) gelangt man zur Startseite.

dc2

kennt CMS/ms

Registriert: 26. November 2010

Beiträge: 140

Webseite

Re: [GELÖST] jQuery Sortierungssnippet

Schau mal in die Fehlerkonsole. Ich vermute, dass ein JavaScript Fehler (Syntax oder sonstiger Natur) vorliegt und die Ausführung daher abgebrochen wird.

Dass die Änderung verloren geht hört sich sehr komisch an. Bist du sicher, dass WYSIQWG wirklich immer inaktiv ist / war?

Beitrag geändert von dc2 (05. September 2011 22:19)

fargrat

Gast

Re: [GELÖST] jQuery Sortierungssnippet

Doofe Frage, aber wo ist die Fehlerkonsole?

Außerdem habe ich herausgefunden, dass anscheinend WYSIWYG doch als
Standard festgelegt ist, wo kann ich das ändern?

Beitrag geändert von fargrat (05. September 2011 22:24)

dc2

kennt CMS/ms

Registriert: 26. November 2010

Beiträge: 140

Webseite

Re: [GELÖST] jQuery Sortierungssnippet

Mit welchem Browser arbeitest du? Im Firefox ist sie unter Extras > Webentwickler > Fehlerkonsole.

Es ist hilfreich, die Konsole vorher einmal zu leeren, damit du nur die Meldungen von deiner Seite zu sehen bekommst und nicht die ganzen vorher schon gesammelten.

Den WYSIWYG-Editor kannst du unter My Preferences > User Preferences > Erste Option (Select WYSIWYG to use) aus- und abwählen.

Beitrag geändert von dc2 (05. September 2011 22:27)

fargrat

Gast

Re: [GELÖST] jQuery Sortierungssnippet

Ich nutze Chrome, gibt es dort aber anscheinend auch.

 Hier klicken, um den Code zum Kopieren zu markieren

Uncaught ReferenceError: $ is not defined

Hab übrigends das WYSIWYG Problem gelöst

Beitrag geändert von fargrat (05. September 2011 22:30)

dc2

kennt CMS/ms

Registriert: 26. November 2010

Beiträge: 140

Webseite

Re: [GELÖST] jQuery Sortierungssnippet

Das deutet darauf hin, dass jQuery nicht richtig eingebunden wurde - daher ist natürlich auch die $-Funktion nicht definiert.
Überprüf mal, ob bzw. wie jQuery ansich eingebunden wurde.

fargrat

Gast

Re: [GELÖST] jQuery Sortierungssnippet

 Hier klicken, um den Code zum Kopieren zu markieren

{literal}
<script type="text/javascript"> 
<!--
 // Das Script stammt von W. Zenk
 // eMail: webmaster@homepage-total.de
 // Homepage: www.homepage-total.de
 // Das Script darf frei genutzt werden,
 // Bitte entfernen Sie den Vermerk nicht !
   text='       + + +         Neu! 17" Original Superpad von Janex - Zum Kennenlernpreis für nur 3,07 € pro Stück';   function walk()
   {
      text=text.slice(1,text.length)+text.slice(0,1);
      document.tickerform.tickerfeld.value=text;
      window.setTimeout("walk()",150)
   }
   window.setTimeout("walk()",150);
 
 document.write('<FORM NAME="tickerform">');
 document.write('<div style="border-style:dashed;');    // Border-Rahmentyp
 document.write(' width:30%; border-width:1;');         // Border - Größe
 document.write(' border-color:#FFF">');             // Border - Color
 document.write('<INPUT TYPE=TEXT NAME="tickerfeld" ');
 document.write('style="width:720px; ');                // Ticker Größe
 document.write('background-color:#FFF; ');          // Hintergrundfarbe
 document.write('font-family:Arial; ');                 // Schriftsatz
 document.write('font-size:20 px; ');                   // Schriftgröße
 document.write('font-weight:medium; ');                // Schrift Gewicht (bold, lighter)
 document.write('color:#333333; ');                     // Schriftfarbe
 document.write('text-align:left; ');                   // Text zentrieren (left, right)
 document.write('border:0; overflow:no" readonly>');                 // (Input)Rahmen aus
 document.write("</div></FORM></center>");
// -->
</script> 
<script type="text/javascript">
$(document).ready(function() {
    $('ul#filter a').click(function() {
        $(this).css('outline','none');
        $('ul#filter .current').removeClass('current');
        $(this).parent().addClass('current');
        
        var filterVal = $(this).text().toLowerCase().replace(' ','-');
                
        if(filterVal == 'all') {
            $('ul#portfolio li.hidden').fadeIn('slow').removeClass('hidden');
        } else {
            
            $('ul#portfolio li').each(function() {
                if(!$(this).hasClass(filterVal)) {
                    $(this).fadeOut('normal').addClass('hidden');
                } else {
                    $(this).fadeIn('slow').removeClass('hidden');
                }
            });
        }
        
        return false;
    });
});
</script>
{/literal}

So sieht der Head gesamt aus.
Mit dem jQuery Modul ging es nicht, bzw. weiß ich nicht, wie
es überhaupt eingebunden wird.

dc2

kennt CMS/ms

Registriert: 26. November 2010

Beiträge: 140

Webseite

Re: [GELÖST] jQuery Sortierungssnippet

jQuery wird also garnicht eingebunden - kein Wunder, dass es nicht geht

Folgendes muss vor deinen eigenen Code:

 Hier klicken, um den Code zum Kopieren zu markieren

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>

Fürs erste sollte das reichen - du könntest das ganze auch auf deinen eigenen Server laden, aber das kann man ja später immer noch ändern.

Wofür soll übrigens der erste Teile deines Scripts - also das mit

 Hier klicken, um den Code zum Kopieren zu markieren

 // Das Script stammt von W. Zenk
 // eMail: webmaster@homepage-total.de
 // Homepage: www.homepage-total.de
 // Das Script darf frei genutzt werden,
 // Bitte entfernen Sie den Vermerk nicht !

markierte - gut sein. Sieht irgendwie nach einer Art Ticker aus.

fargrat

Gast

Re: [GELÖST] jQuery Sortierungssnippet

Warum ich da nicht draufgekommen bin ^^
Viele Dank erstmal

Das Script hab ich früher mal gefunden, als ich noch nicht mit
jQuery angefangen habe, werde mir in nächster Zeit mal selber
einen Newsticker schreiben.
Problem gelöst.