Top 10 JQuery / JavaScript Code Snippets

Autor: Kay Sturm am 17.01.2010 – 17:26

Wer kennt es nicht: “Weißt du noch, wie der Code war, um Bilder mit JQuery per Fade zu ersetzen?” - “Oh man, das hatte ich doch irgendwo…Verdammter Mist!”

Hier findet Ihr meine Top 10 JQuery / JavaScript Code Snippets! Ich hoffe, dem Einen oder Anderen werden sie hilfreich sein.

1. E-Mail validator

  1. var email = ‘info@tympanus.net’
  2. if(!(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(email)))
  3. alert(‘Invalid Email’);

2. Rechtsklick der Maus deaktivieren

  1. $(document).ready(function(){
  2. $(document).bind("contextmenu",function(e){
  3. return false;
  4. });
  5. });

3. Image Fade-Out, Image Fade-In

  1. $(‘imageelement’).fadeOut(function() {
  2. $(this).load(function() {
  3. $(this).fadeIn();
  4. }).attr(’src’, AnotherSource);
  5. });

4. Checken, ob ein Element existiert

  1. if ($("#elementid").length) {
  2. //it does!
  3. }

5. Ajax Abfrage abbrechen

  1. var req = $.ajax({
  2. type: "POST",
  3. url: "someurl",
  4. data:"id=1",
  5. success: function(){
  6. //something
  7. }
  8. });
  9. //Cancel the Ajax Request
  10. req.abort()

6. Checkbox toggle

  1. var tog = false; // or true if they are checked on load
  2. $(‘a’).click(function() {
  3. $("input[type=checkbox]").attr("checked",!tog);
  4. tog = !tog;
  5. });

7. Aktuelle URL auslesen

  1. $(document).ready(function() {
  2. var pathname = window.location.pathname;
  3. });

8. Nach String in JQuery suchen

  1. var foundin = $(‘*:contains("some string bla bla")’);

9. Besucher IP auslesen

  1. $.getJSON("http://jsonip.appspot.com?callback=?",function(data){
  2. alert( "Your ip: " + data.ip);
  3. });

10. Cookie Check

  1. $(document).ready(function() {
  2. var dt = new Date();
  3. dt.setSeconds(dt.getSeconds() + 60);
  4. document.cookie = "cookietest=1; expires=" + dt.toGMTString();
  5. var cookiesEnabled = document.cookie.indexOf("cookietest=") != -1;
  6. if(!cookiesEnabled){
  7. //cookies are not enabled
  8. }
  9. });
Share:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • De.lirio.us
  • E-mail this story to a friend!
  • Furl
  • LinkedIn
  • Live
  • MisterWong
  • MisterWong.DE
  • MySpace
  • Print this article!
  • Technorati
  • TwitThis
  • Yahoo! Buzz
  • YahooMyWeb
  • Yigg

Ähnliche Artikel


Tags: , , , ,
Kategorie: Ajax, JQuery, JavaScript, Web 2.0, Webdesign |

Einen Kommentar schreiben