“The Little Rack Book” http://goo.gl/dTXCs

IMPORTANT

You Do NOT Have Rights to Edit, Resell, Copy or Claim Ownership to this Book!

However…You DO Have the Right to Pass this Book Along to Others Who Might Benefit from it!

Feel free to share it with your blog readers and give it away as a freebie.

ALL RIGHTS RESERVED: You do not have any rights to sell or profit from this book. All content is to remain unedited and all links must stay in tact as they are. You can not claim any type of ownership without express written permission from the creator and only the creator, Satish Talim. All rights to this book belong to the author only.

3. Reboot machine

Here’s project source: https://github.com/borey/hash_handler

In this talk, I’m going to introduce the DOM & Event using pure JavaScript without any help from other library. At the end of the talk, I’m expecting to get all the participants get more understanding on usage of DOM & Event in JavaScript.

Open Tech Talk flyer

here’s the slide:

]]> http://limborey.com/2010/09/03/building-native-mobile-application-using-javascript/feed/ 0 http://limborey.com/2010/05/30/cannot-install-sun-jdk-on-ubuntu-10-04/ http://limborey.com/2010/05/30/cannot-install-sun-jdk-on-ubuntu-10-04/#comments Sun, 30 May 2010 08:07:19 +0000 Borey http://limborey.com/?p=156 [...]]]> Recently, I’ve upgraded to use Ubuntu 10.04. It seems that by default, I can’t just use “sudo apt-get install sun-java6-bin” to download the java package. After doing Google for the solution, I’ve come across a working solution. I need to add apt repository first, before I can download the java package:

sudo add-apt-repository “deb http://archive.canonical.com/ lucid partner”
sudo apt-get update

NOTE: Be mindful of the double-quotes in case you are doing a copy-paste from the webpage.

//Create dom
var bar = document.createElement("div");
progressBar = document.createElement("div");
with(bar.style){
    width = "200px";
    height = "10px";
    position = "absolute";
    border = "1px solid #949DAD";
};

with(progressBar.style){
    width = "0px";
    height = "100%";
    background = "#D4E4FF none repeat scroll 0 0";
};

bar.appendChild(progressBar);
document.body.appendChild(bar);

//start setInterval
var x = window.setInterval(
	function(){
                progressBar.style.width = parseInt(progressBar.style.width) + 5 + "px";
            //stop interval when progress bar width = 200
            if(parseInt(progressBar.style.width) == 200) clearInterval(x);
	},
	40
);

Given the scenario that we have a webpage which has many links & a form for users to complete. In this case we see that the main focus is the form not the links before the form. If users were to use tabkey to browse to the form, it would take many keypress before users are able to go to form. We can solve our problem by specifying the tabindex property.

Here’s a simple example:

<pre><form>
    <label for="name">Your Name</label>
    <input value="" id= "name" name="name" type="text" tabindex = "1">

    <label for="email">Your E-mail</label>
    <input value="" name="email" id="email" type="text" tabindex = 2>

    <label for="mobile">Your mobile</label>
    <input value="" name="mobile" id="mobile" type="text" tabindex = -1 >

    <label for="message">Message</label>
    <textarea rows="4" cols="30" name="message" id="message" tabindex = 3></textarea>
</form>
</pre>

“tabindex = -1″ will make the tab not go though the field when the user clicks tabkey.