Thursday, February 16, 2012

Right Click,Mouse Wheel and Print using Jquery

0 comments
In the web application or browsers we cant use the right click property.Using this plugin we can use rightclick,Ctrl+click,Shift+Click.I think this will help for web designers and programmers.As as designer i think using this application we can make so many user friendly designs and Interactive designs.
 The RightClickPlugin.js solve the right click problems in web application. he extendedClick plug-in contain so many functions that represent the combination of different helper keys you can press with a mouse. The functions include ctrlclick(), ctrlshiftclick(), altshiftclick(),shiftclick(), altclick(), ctrlaltclick() and ctrlaltshiftclick().A simple example for Mousewheel. using mousewheel the div you named will increase the width.
// set up the div that will capture our events
// attach an event handler for the wheel to this div // notice that we use the e.delta to determine how many "notches" the wheel // was moved. One notch is either 1 (if up), or -1 (if down). So, as // a result, we can simply add it to the current width, letting the // sign of the delta grow or shrink the div. $("#wheelSample").wheel(function(e){ $(this).width($(this).width()+50*(e.delta)); });
Using the such a nice printarea plugin we can print a HTML document easily.Using the printAreaplugin we can print a specific elements on a page not all.a simple example for print area plugin.
An advertisement that you don't want printed out.


Another advertisement that you don't want printed out.


NameAgeHeight
John Q236'1"
Jane Q235'1"
Jimmy R235'6"
All the annoying disclaimer text you don't want printed out. // Capture the click on the "Print" button. Then, you can call the printArea() // function on the "printable" div we used to wrap the portion of the page we want // printed. The only thing that will get printed to the printer will // be the table, and all the annoying text won't be. $("#printButton").click(function(){ $("#printable").printArea(); });
You can download the example from here 

Thanks: http://www.ibm.com/developerworks/web/library/wa-aj-jquery4/index.html?ca=dgr-twtrwrkg-jQueryP1dth-WD#ibm-pcon

Read more...

Thursday, February 9, 2012

Google Chrome in Android Phones

0 comments
Google Android OS and Chrome was introduced same year .But there is no Chrome for Android. Finally a beta chrome is supporting Android 4.0 versions The android version chrome is good tab system, fast browsing using one finger flicks and auto complete URLs and Searches. The problem is it will not support Plug-in`s and Flash. Please check the video for a good view of Chrome in Android.


Read more...

Friday, February 3, 2012

Drawing a Sprial in HTML 5

0 comments
In this tutorial, we'll draw a spiral by connecting a series of  lines to form a spiral path.

 Follow these steps to draw a centered spiral:

1.Define a 2D canvas context and initialize the spiral parameters:

2. Set the spiral style:

context.lineWidth = 10;
context.strokeStyle = "#0096FF"; // blue-ish color
context.beginPath();
context.moveTo(canvas.width / 2, canvas.height / 2);

3. Rotate about the center of the canvas three times (50 iterations per full revolution) while increasing the radius by 0.75 for each iteration and draw a line segment to the
current point from the previous point with lineTo(). Finally, make the spiral visible
with stroke():

for (var n = 0; n < 150; n++) {
radius += 0.75;
// make a complete circle every 50 iterations
angle += (Math.PI * 2) / 50;
var x = canvas.width / 2 + radius * Math.cos(angle);
var y = canvas.height / 2 + radius * Math.sin(angle);
context.lineTo(x, y);
}
context.stroke();
};

4. Embed the canvas tag inside the body of the HTML document:



.
5.How it works.
To draw a spiral with HTML5 canvas, we can place our drawing cursor in the center of the canvas, iteratively increase the radius and angle about the center, and then draw a super short line from the previous point to the current point. Another way to think about it is to imagine yourself as a kid standing on a sidewalk with a piece of colored chalk. Bend down and put the chalk on the sidewalk, and then start turning in a circle (not too fast, though, unless you want to get dizzy and fall over). As you spin around, move the piece of chalk outward away from you. After a few revolutions, you'll have drawn a neat little spiral.



Read more...