Kategorien

Archiv

  • [-]2010(13)
29.07.2010
09:31

DIV verlinken

JQuery Script um ein DIV-Element zu verlinken. Es wird das ganze Element mit einem link der im Element liegt verlinkt.

Quelltext:  Alles auswählen  |  Zeilennummerierung an/aus
  1. jQuery(document).ready(function(){
  2.     jQuery(".klassevomcontainer").click(function(){
  3.         window.location=jQuery(this).find("a").attr("href");
  4.         return false;
  5.     });
  6. });
29.07.2010
09:11

Wie finde ich die richtige Locale auf meinem Server

Mit fogendem Code kannst du deine LOCALE im Browser anzeigen.

Quelltext:  Alles auswählen  |  Zeilennummerierung an/aus
  1. <?php
  2.     $locale_de = setlocale(LC_ALL, 'de_DE at euro', 'de_DE', 'de', 'ge', 'de_DE.utf8');
  3.     echo "Die LOCALE f&uuml;r dein System ist ' $locale_de '";
  4. ?>
30.06.2010
17:06

TYPO3 Gewrappe: WrapItemAndSub, allWrap, stdWrap, linkWrap...

Man kann mit TYPO3 wirklich fast jedes Menükonstrukt bauen. Wenn man nur weiss, welcher Wrap wo greift.

Eine schöne Darstellung vereinfacht das Leben ungemein!

Quelltext:  Alles auswählen  |  Zeilennummerierung an/aus
  1. <wrapItemAndSub>
  2.   <allWrap>
  3.     <allStdWrap>
  4.       <before>
  5.         <beforeImg beforeImgTagParams>
  6.           <linkWrap>
  7.             <A href=… ATagParams TITLE=ATagTitle>
  8.               <stdWrap.dataWrap> TMENUITEM </stdWrap>
  9.             </A>
  10.           </linkWrap>
  11.       <after>
  12.     </allStdWrap>
  13.   </allWrap>
  14.    UNTERMENU 1
  15.    UNTERMENU 2
  16. </wrapItemAndSub>
02.06.2010
21:54

jQuery & Navigation: Aktiven Menüpunkt mit einer Klasse versehen

Mit jQuery lässt sich der aktive Zustand eines Menüeintrages einfach anpassen. Die Funktion entfernt vorher aktivierte Einträge und markiert den angeklickten Punkt als aktiv.

Quelltext:  Alles auswählen  |  Zeilennummerierung an/aus
  1. jQuery('#navigation a').click(function () {
  2.     jQuery('#navigation a').removeClass('selected');
  3.     jQuery(this).addClass('selected');
  4. });
02.06.2010
21:52

jQuery-Tooltip mit voller Kontrolle über den Code

jQuery-Tooltips ohne viel Ballast, dafür einfach kontrollierbar.

Quelltext:  Alles auswählen  |  Zeilennummerierung an/aus
  1. jQuery(document).ready(function ()
  2. {
  3.   tooltip();
  4. });
  5.  
  6. function tooltip()
  7. {
  8.   jQuery("img.tooltip").mouseover(    
  9.     function (event)
  10.     {
  11.       var text = this.alt;
  12.  
  13.       // X- und Y-Koordinaten des Cursor ermitteln
  14.       x = event.pageX+10;
  15.       y = event.pageY+10;
  16.  
  17.       / ein DIV für den Tooltip erstellen
  18.       jQuery("body").append("<div id='tooltip'>"+text+"</div>");
  19.  
  20.       // das erstellte DIV mit CSS positionieren
  21.       jQuery("#tooltip").css("left", x).css("top", y);
  22.     }
  23.   );
  24.  
  25.   jQuery("img.tooltip").mouseout(
  26.     function (event)
  27.     {
  28.       // das DIV beim verlassen des Events entfernen
  29.       jQuery("#tooltip").remove();
  30.     }
  31.   );
  32. }
« September 2010 »
S M T W T F S
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30