Programming Ideas, Logics, Tips and Tricks

Just a quick review of tips available in jQuery to manage nodes (contents) near by the content / node which is triggered an event, like click, hover etc Functions: find, parent, parents, children, first, last, closest Suppose you need to manage some nodes nearby a link or a button on an event. Say $(‘.button’).click(function(){ // [...]

You can create iPhone style flip using jQuery. Visit: http://lab.smashup.it/flip/ for more details Share

Recently I created a sliding menu for a project using jQuery and ScrollTo functions. See demo: Slider  Menu We can use the jQuery function $(“.menubar”).scrollTo(id_of_element) to scroll any scrollable area to a particular location. The idea behind every smooth sliding is using scroll function with overflow:hidden mode. You can download the source code from : [...]

For those who use fancy box and iframe inside fancy box might face the issue of changing the height. Once fancybox is loaded with a particular height and width, it does not change when you change the content inside iframe dynamically. Auto height change is only possible for images. Use the below code to change [...]

If you are using mootool and jquery same time in your html pages, it normally won’t work. Because both are using $ variable for the base object. So only the last js file included will be active. To avoid this, follow the steps: Include mootool js first Include jquery js file second Like this: <script [...]

Basically using xajax “You can directly call php functions from your javascript code” Xajax will do the rest.  For example, if you are going to write a javascript function Capitalize which captilaze your textbox content when you press a button. Here is the pure html/javascript code for that: ============================================= <script> function Capitalize() {      [...]

Start jquery for manipulating html file and execute javascript just like sql queries. Simply pointer the dom object with a $  and manipulate with different built in function. For example  $(“p.neat”).addClass(“ohmy”).show(“slow”); Don’t need to write javascript inside each node. It is like prototyping. Insted of adding an onClick=”function()” inside the node, jquery define the onclick [...]

Hello Techies , Lets watch a fun video with your browser interactive effect. Kill me if you dont like this flash + javascript effect. Dont maximise (enlarge ) your browser window  after clicking the below link. Wait a moment  after the click. REMEMBER, DONT MAXIMIZE the window http://www.fly-a-balloon.be/ Regards Sythoos Share

After a long searching, i got this IDE , Aptana which satisfies all my requirement. It is just like .net IDE with auto compiling and error displaying system, and come with built in server. You can download it from: http://aptana.com/studio/download Error display while coding time is its another feature. Auto filling is another feature. For [...]

In some cases, if you are in between any work of editing or typing a content, and you wont let the visitor to navigate away from the page without particular condition, say the document is not saved yet, you can block the navigation (even the closing of the browser window) with Javascript. Here is the [...]

Steps to create a mozilla plugin> 1) You need Mozilla Firefox Web Browser (Download from: http://www.mozilla.com/en-US/) 2) Initail steps for a Hello World program is here : http://developer.mozilla.org/en/docs/Building_an_Extension The package is zip file saved with xpi ( pronounced as zippi ). And the Interfacing language is called XUL You can edit and test your xul [...]