Uncyclopedia:JQuery-Spielwiese.js

Aus Uncyclopedia
Zur Navigation springen Zur Suche springen

/* Skriptezeug hier wird nur auf Uncyclopedia:JQuery-Spielwiese geladen */

/* Test */

jQuery(document).ready(function(){
  //erst abfeuern, wenn document ready
     // (1) Beim Klick auf die Seite jeweils das erste dortige versteckte div einblenden
     jQuery("#einblenden").click(function () {
         jQuery("div:hidden:first").fadeIn("slow");
     });
     // (2) Logo ein-aus (beim Klick auf ein element mit der ID "logoeinaus")
     jQuery("#logoeinaus").click(function () {
        jQuery("#p-logo").toggle(500);
     });
     // (3) die Tabs pro klick 50px nach rechts schieben
      jQuery("#right").click(function(){
        jQuery("#p-cactions").animate({"left": "+=50px"}, "slow");
     });
     // (4) Navigation ein/ausklappen
      jQuery("#navtoggle").click(function(){
        jQuery(".pBody").toggle(500);
     });
     // Tab dazu, keine Ahnung ob das funzt
     addPortletLink ('p-cactions', '#' , ' ' , 'klippklapp' , 'ein paar tabs ein-/ausklappen' ,  , );
     // (5) den eben hinzugefügte Tab nutzen, um einige tabs ein-/auszuschalten
      jQuery("#klippklapp").click(function(){
        jQuery("#ca-delete").toggle();
        jQuery("#ca-move").toggle();
        jQuery("#ca-protect").toggle();
        jQuery("#ca-watch").toggle();
        jQuery("#ca-unwatch").toggle();
     });
     // wenn die Fensterbreite kleiner als 1200 Pixel ist, Tabs zusammenfalten (wenn das Fenster beim laden der Seite bereits kleiner ist)
      if (jQuery(window).width() < 1200) {
        jQuery("#ca-delete").hide();
        jQuery("#ca-move").hide();
        jQuery("#ca-protect").hide();
        jQuery("#ca-watch").hide();
        jQuery("#ca-unwatch").hide();
        }
     // "Suche" ins Suchfeld packen (#searchInput)
        jQuery("#searchInput").val("Suche");
        jQuery("#searchInput").css('color', '#888');
        jQuery("#searchInput").bind("blur", function(event) {
        if (jQuery("#searchInput").val() === ) {
             jQuery("#searchInput").val("Suche");
             jQuery("#searchInput").css('color', '#888');
         }
        });
        jQuery("#searchInput").bind("focus", function(event) {
        jQuery("#searchInput").val("");
        jQuery("#searchInput").css('color', );
        });
     // test
       jQuery("#p-Spezialprojekte").click(function(){
       jQuery("#p-Spezialprojekte .pBody").toggle(100);
        });
});