Skip to main content

Home/ javascript/ Group items tagged tips

Rss Feed Group items tagged

mikhail-miguel

Téléchargement : Xoops kraven30 - 0 views

  •  
    Xoops Tips - TIPS - Themes - jQuery and XOOPS
Mike More

Topsy Tip: Another Retweet Button to Embed Anywhere! - 1 views

  •  
    Topsy has just released a Wordpress plugin that gives you another retweet button. But, what if you can only work with a JavaScript widget? here is a small hack..
Javier Neira

12 Tips to improve your jQuery code | Geekology - 2 views

  • DOM manipulation is one of the slowest operations JavaScript (and hence, jQuery) can perform.
  • Use IDs instead of classes in selectors
  • When you need to perform multiple methods on elements, jQuery can chain those methods together.
  • ...2 more annotations...
  • 11. Use jQuery’s noConflict() method to rename the jQuery object when working with multiple frameworks: Many JavaScript frameworks use the “$” symbol to reference the framework. If you use multiple frameworks in your project, use the jQuery.noConflict() method to release the “$” object and assign jQuery to a custom-named object:
  • 12. Use shorthand for the $(document).ready() event:
Mike More

Lazy Loading Videos - 4 views

  •  
    When you have a web page containing a video that will not be played until clicked, you can speedup page loading by applying this quick tip which you may have seen on Facebook.
Javier Neira

The difference between 'return false;' and 'e.preventDefault();' | The Hostma... - 2 views

  •  
    function() { return false; } // IS EQUAL TO function(e) { e.preventDefault(); e.stopPropagation(); }
yc c

Better, Stronger, Safer jQuerify Bookmarklet » Learning jQuery - Tips, Techni... - 0 views

  •  
    when you're on a page in which you want to play around with jQuery in the console, just click the bookmarklet.
Javier Neira

The Dark side of JavaScript - Part 1 @ Milkshake Systems - 3 views

  • var foo = "foo"; // same as window.foo function doSomething() { bar = "bar"; // same as window.bar }
Javier Neira

The Dark side of JavaScript - Part 2 @ Milkshake Systems - 1 views

  • In JavaScript, where functions are objects and aren’t declared as part of anything, the object referenced by this is called the function context and is determined by how the function is invoked not by how its declared.
  • This means that the same function can have different contexts depending on which object calls it.
Eunikorn Imazinator

How to Monitor If an Image Loads Completed - HTML and Javascript Tips |JAVASCRIPT CODES - 0 views

  • imgDom.onreadystatechange
    • Eunikorn Imazinator
       
      cross browser way to deal with loading of single dom elements.  Note : this does not ensure that entire subsidiary dom tree has loaded and also it does not ensure that the event will be immediately fired if dom has already loaded.  Doing the same thing through JQuery :  $("..something..").load(function() { ... });
seth kutcher

The Best Remote PC Support I Ever Had - 1 views

The Remote PC Support Now excellent remote PC support services are the best. They have skilled computer tech professionals who can fix your PC while you wait or just go back to work or just simpl...

remote PC support

started by seth kutcher on 12 Sep 11 no follow-up yet
Javier Neira

6 Advanced JavaScript Techniques You Should Know - 3 views

  • function showStatistics(args) { document.write("<p><strong>Name:</strong> " + args.name + "<br />"); document.write("<strong>Team:</strong> " + args.team + "<br />"); if (typeof args.position === "string") { document.write("<strong>Position:</strong> " + args.position + "<br />"); } if (typeof args.average === "number") { document.write("<strong>Average:</strong> " + args.average + "<br />"); } if (typeof args.homeruns === "number") { document.write("<strong>Home Runs:</strong> " + args.homeruns + "<br />"); } if (typeof args.rbi === "number") { document.write("<strong>Runs Batted In:</strong> " + args.rbi + "</p>"); } } showStatistics({ name: "Mark Teixeira" }); showStatistics({ name: "Mark Teixeira", team: "New York Yankees" }); showStatistics({ name: "Mark Teixeira", team: "New York Yankees", position: "1st Base", average: .284, homeruns: 32, rbi: 101 });
  • Object-oriented JavaScript implements namespace-like principles due to the fact that properties and methods are declared inside of objects, thus there are less likely to be conflicts. A conflict could arise, however, through object names. And very likely, the conflict will occur "silently", thus you may not be alerted to the issue immediately.
  • if (typeof MY == "undefined") { MY = new Object(); MY.CUSTOM = new Object(); } MY.CUSTOM.namespace = function() { function showStatistics(args) { document.write("<p><strong>Name:</strong> " + args.name + "<br />"); document.write("<strong>Team:</strong> " + args.team + "<br />"); if (typeof args.position === "string") { document.write("<strong>Position:</strong> " + args.position + "<br />"); } if (typeof args.average === "number") { document.write("<strong>Average:</strong> " + args.average + "<br />"); } if (typeof args.homeruns === "number") { document.write("<strong>Home Runs:</strong> " + args.homeruns + "<br />"); } if (typeof args.rbi === "number") { document.write("<strong>Runs Batted In:</strong> " + args.rbi + "</p>"); } } showStatistics({ name: "Mark Teixeira", team: "New York Yankees", position: "1st Base", average: .284, homeruns: 32, rbi: 101 }); } MY.CUSTOM.namespace();
  • ...1 more annotation...
  • Rendering Readable HTML
  •  
    //2. Object Literals to Pass Optional Arguments function showStatistics(args) { document.write("Name: " + args.name + "
    "); document.write("Team: " + args.team + "
    "); if (typeof args.position === "string") { document.write("Position: " + args.position + "
    "); } if (typeof args.average === "number") { document.write("Average: " + args.average + "
    "); } if (typeof args.homeruns === "number") { document.write("Home Runs: " + args.homeruns + "
    "); } if (typeof args.rbi === "number") { document.write("Runs Batted In: " + args.rbi + ""); } } showStatistics({ name: "Mark Teixeira" }); showStatistics({ name: "Mark Teixeira", team: "New York Yankees" }); showStatistics({ name: "Mark Teixeira", team: "New York Yankees", position: "1st Base", average: .284, homeruns: 32, rbi: 101 }); //Using Namespaces to Prevent Conflicts if (typeof MY == "undefined") { MY = new Object(); MY.CUSTOM = new Object(); } MY.CUSTOM.namespace = function() { function showStatistics(args) { .................. } showStatistics({ name: "Mark Teixeira", team: "New York Yankees", position: "1st Base", average: .284, homeruns: 32, rbi: 101 }); } MY.CUSTOM.namespace();
1 - 20 of 20
Showing 20 items per page