tag:blogger.com,1999:blog-27385934052566823302024-03-19T15:44:49.084-07:00Dynamic ViewsHTML 5,JQUERY,CSS,Java ScriptAnonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.comBlogger30125tag:blogger.com,1999:blog-2738593405256682330.post-80793652202772970622013-07-08T23:38:00.000-07:002013-07-08T23:38:54.416-07:00Cross Browser CSS<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
Import <b>css_browser_selector.js in your head section</b></div>
<div>
<b><a href="https://raw.github.com/rafaelp/css_browser_selector/master/css_browser_selector.js" target="_blank">css_browser_selector.js</a></b></div>
<ul>
<li>Internet Explorer - yellow</li>
<li>Internet Explorer 7 - orange</li>
<li>Gecko Engine on Windows (Firefox, Mozilla, Camino) - red</li>
<li>Gecko Engine on Linux (Firefox, Mozilla, Camino) - pink</li>
<li>Gecko Engine on Other OS (Firefox, Mozilla, Camino) - gray</li>
<li>Opera - green</li>
<li>Konqueror - blue</li>
<li>Safari - black</li>
<li>Chrome - cyan</li>
</ul>
<div>
<br /></div>
<div>
<b>Example</b></div>
<div>
<b><br /></b></div>
<div>
<b><div>
<html></div>
<div>
<head></div>
<div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script></div>
<div>
<script src="css_browser_selector.js"></script></div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><style type="text/css"></div>
<div>
.ie .example {</div>
<div>
background-color: yellow</div>
<div>
}</div>
<div>
.ie7 .example {</div>
<div>
background-color: orange</div>
<div>
}</div>
<div>
.gecko .example {</div>
<div>
background-color: gray</div>
<div>
}</div>
<div>
.win.gecko .example {</div>
<div>
background-color: red</div>
<div>
}</div>
<div>
.linux.gecko .example {</div>
<div>
background-color: pink</div>
<div>
}</div>
<div>
.opera .example {</div>
<div>
background-color: green</div>
<div>
}</div>
<div>
.konqueror .example {</div>
<div>
background-color: blue</div>
<div>
}</div>
<div>
.webkit .example {</div>
<div>
background-color: black</div>
<div>
}</div>
<div>
.example {</div>
<div>
width: 100px;</div>
<div>
height: 100px;</div>
<div>
}</div>
<div>
.no_js { display: block }</div>
<div>
.has_js { display: none }</div>
<div>
.js .no_js { display: none }</div>
<div>
.js .has_js { display: block }</div>
<div>
</style></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
</head></div>
<div>
<body></div>
<div>
<p class="example"> Hi Test </p></div>
<div>
</body></div>
<div>
</html></div>
</b></div>
</div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-12957161892740631332013-06-14T07:08:00.001-07:002013-06-14T07:08:27.245-07:00Find Mime Type Of a file in java<div dir="ltr" style="text-align: left;" trbidi="on">
<pre>
import java.io.File;
import javax.activation.MimetypesFileTypeMap;
public class TestMimeType {
public static void main(String[] args) {
String fileName = "C://bunny.mp4";
MimetypesFileTypeMap mimeTypesMap = new MimetypesFileTypeMap();
// only by file name
String mimeType = mimeTypesMap.getContentType(fileName);
// or by actual File instance
File file = new File(fileName);
mimeType = mimeTypesMap.getContentType(file);
System.out.println(mimeType);
}
}
</pre>
<br /></div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-1806148035969538822013-06-06T04:11:00.003-07:002013-06-06T04:11:56.294-07:00Iterate Java Map Through Javascript<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Verdana,sans-serif;">for (var i = 0, keys = Object.keys(<span style="color: #0b5394;">a_hashmap</span>), ii = keys.length; i < ii; i++) </span><br />
<span style="font-family: Verdana,sans-serif;">{<br /> console.log('key : ' + <span style="color: #38761d;">keys[i]</span> + ' val : ' + a_hashmap[<span style="color: #cc0000;">keys[i]</span>]);<br />}</span></div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-81095052063937094372013-05-30T03:00:00.001-07:002013-05-30T03:00:55.945-07:00Read Only Checkbox Jquery<div dir="ltr" style="text-align: left;" trbidi="on">
<input type="checkbox" checked="true" onclick="return false"/></div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-69938577517302823672013-05-29T23:58:00.000-07:002013-05-29T23:59:30.113-07:00Iterate Java Map Using Jquery<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-size: x-small;"><span style="font-family: Verdana,sans-serif;"><span style="color: #0b5394;"><b> $.each(data., function(key, value) {<br /> alert(key);<br /> });</b></span></span></span></div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-44440678789829257042013-04-16T00:13:00.001-07:002013-04-16T00:15:00.460-07:00Multiple Select Box onselect/onclick Jquery Event<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<h4 style="background-color: white; box-sizing: border-box; color: #333333; line-height: 22.5px; margin: 0px 0px 1em;">
<span class="desc" style="box-sizing: border-box; color: #666666; font-style: italic; padding: 5px 15px 0px;"><span style="font-family: Trebuchet MS, sans-serif;">Attaches a change event to the select that gets the text for each selected option and writes them in the div. It then triggers the event for the initial text draw.</span></span></h4>
<div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;">!DOCTYPE html></span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"><html></span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"><head></span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> <style></span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> div { color:red; }</span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> </style></span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script></span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"></head></span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"><body></span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> <select name="garden" multiple="multiple"></span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> </span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> <option>Flowers</option></span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> <option selected="selected">Shrubs</option></span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> <option>Trees</option></span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> <option selected="selected">Bushes</option></span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> </span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> <option>Grass</option></span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> <option>Dirt</option></span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> </select></span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> <div></div></span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"><script></span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;">$("select").change(function () {</span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> var str = "";</span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> $("select option:selected").each(function () {</span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> str += $(this).text() + " ";</span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> });</span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> $("div").text(str);</span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;">})</span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;">.trigger('change');</span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"></script></span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"> </span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"></body></span></div>
<div>
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;"></html></span></div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-56982757090799265652013-04-11T03:57:00.001-07:002013-04-16T00:13:33.915-07:00Length of class<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<pre><code><b><span style="font-family: Trebuchet MS, sans-serif;"><span class="keyword">var</span> n = $(<span class="string">"#id"</span>).length;</span></b></code></pre>
</div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-18466865200667396782013-04-11T03:49:00.001-07:002013-04-11T03:52:05.761-07:00Multiple Checkbox Select/Deselect using jQuery<div dir="ltr" style="text-align: left;" trbidi="on">
<table border="0" cellpadding="0" cellspacing="0" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #222222; direction: ltr !important; float: none !important; font-size: 13px !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 643px;"><tbody style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="code" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 643px;"><div class="container" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line number1 index0 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Trebuchet MS, sans-serif;"><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><SCRIPT language=</code><code class="jscript string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"javascript"</code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></span></div>
<div class="line number2 index1 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Trebuchet MS, sans-serif;"><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="jscript keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></span></div>
<div class="line number3 index2 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Trebuchet MS, sans-serif;"> </span></div>
<div class="line number4 index3 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Trebuchet MS, sans-serif;"><code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #aa3333; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript comments" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">// add multiple select / deselect functionality</code></span></div>
<div class="line number5 index4 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Trebuchet MS, sans-serif;"><code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #aa3333; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="jscript string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"#selectall"</code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).click(</code><code class="jscript keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code> <code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">() {</code></span></div>
<div class="line number6 index5 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Trebuchet MS, sans-serif;"><code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #aa3333; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="jscript string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'.case'</code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).attr(</code><code class="jscript string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'checked'</code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">, </code><code class="jscript keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">this</code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">.checked);</code></span></div>
<div class="line number7 index6 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Trebuchet MS, sans-serif;"><code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #aa3333; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></span></div>
<div class="line number8 index7 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Trebuchet MS, sans-serif;"> </span></div>
<div class="line number9 index8 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Trebuchet MS, sans-serif;"><code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #aa3333; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript comments" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">// if all checkbox are selected, check the selectall checkbox</code></span></div>
<div class="line number10 index9 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Trebuchet MS, sans-serif;"><code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #aa3333; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript comments" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">// and viceversa</code></span></div>
<div class="line number11 index10 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Trebuchet MS, sans-serif;"><code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #aa3333; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="jscript string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">".case"</code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).click(</code><code class="jscript keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></span></div>
<div class="line number12 index11 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Trebuchet MS, sans-serif;"> </span></div>
<div class="line number13 index12 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Trebuchet MS, sans-serif;"><code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #aa3333; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">if</code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">($(</code><code class="jscript string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">".case"</code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).length == $(</code><code class="jscript string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">".case:checked"</code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).length) {</code></span></div>
<div class="line number14 index13 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Trebuchet MS, sans-serif;"><code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #aa3333; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="jscript string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"#selectall"</code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).attr(</code><code class="jscript string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"checked"</code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">, </code><code class="jscript string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"checked"</code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></span></div>
<div class="line number15 index14 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Trebuchet MS, sans-serif;"><code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #aa3333; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">} </code><code class="jscript keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">else</code> <code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">{</code></span></div>
<div class="line number16 index15 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Trebuchet MS, sans-serif;"><code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #aa3333; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="jscript string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"#selectall"</code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).removeAttr(</code><code class="jscript string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"checked"</code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></span></div>
<div class="line number17 index16 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Trebuchet MS, sans-serif;"><code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #aa3333; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}</code></span></div>
<div class="line number18 index17 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Trebuchet MS, sans-serif;"> </span></div>
<div class="line number19 index18 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Trebuchet MS, sans-serif;"><code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #aa3333; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></span></div>
<div class="line number20 index19 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Trebuchet MS, sans-serif;">});</span></code></div>
<div class="line number21 index20 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 2px 1em 2px 0em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Trebuchet MS, sans-serif;"></SCRIPT></span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-38583520376891246742013-04-10T23:56:00.001-07:002013-04-10T23:56:14.002-07:00Set Value In Hidden Field Using JQuery<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="color: #0b5394; font-family: Trebuchet MS, sans-serif;">$('input[name="currentPage"]').attr('value',currentPage);</span></div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-79435080393317439432013-04-10T23:54:00.000-07:002013-04-10T23:55:30.911-07:00Select Value From Input Box onChange<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<br />
<span style="color: #073763; font-family: Trebuchet MS, sans-serif;"> $("#whereToId").change(function () {</span><br />
<span style="color: #073763; font-family: Trebuchet MS, sans-serif;"> var str = "";</span><br />
<span style="color: #073763; font-family: Trebuchet MS, sans-serif;"> $("#whereToId option:selected").each(function () {</span><br />
<span style="color: #073763; font-family: Trebuchet MS, sans-serif;"> str += $(this).val() + " ";</span><br />
<span style="color: #073763; font-family: Trebuchet MS, sans-serif;"> });</span><br />
<span style="color: #073763; font-family: Trebuchet MS, sans-serif;"> alert(str);</span><br />
<br />
<span style="color: #073763; font-family: Trebuchet MS, sans-serif;"> </span><br />
<span style="color: #073763; font-family: Trebuchet MS, sans-serif;"> })</span><br />
<span style="color: #073763; font-family: Trebuchet MS, sans-serif;">.change();</span><br />
</div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-17558492713092119382013-04-10T06:55:00.002-07:002013-04-10T23:54:34.774-07:00Jquery Html Append<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<span style="color: #0b5394; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span>
<span style="color: #0b5394; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><!DOCTYPE html></span><br />
<span style="color: #0b5394; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><html></span><br />
<span style="color: #0b5394; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><head></span><br />
<span style="color: #0b5394; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"> <style></span><br />
<span style="color: #0b5394; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"> p { background:yellow; }</span><br />
<span style="color: #0b5394; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"></style></span><br />
<span style="color: #0b5394; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script></span><br />
<span style="color: #0b5394; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"></head></span><br />
<span style="color: #0b5394; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><body></span><br />
<span style="color: #0b5394; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"> <p>I would like to say: </p></span><br />
<span style="color: #0b5394; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"> <div id="mydiv"></div></span><br />
<span style="color: #0b5394; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><script></span><br />
<span style="color: #0b5394; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"> $("p").append("<strong>Hello</strong>");</span><br />
<span style="color: #0b5394; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"> $("#mydiv").append("<p><strong>Hello</strong></p>");</span><br />
<span style="color: #0b5394; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"> </span><br />
<span style="color: #0b5394; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"></script></span><br />
<br />
<span style="color: #0b5394; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"></body></span><br />
<span style="color: #0b5394; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"></html></span><br />
</div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-48041699167112184282013-03-11T02:47:00.001-07:002013-03-11T02:49:36.991-07:0013 Free Online Books and 17 Free eBooks (PDF) Tutorials For Web Designers<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<h3 style="background-color: white; border: 0px; color: #333333; font-family: Oswald, sans-serif; font-size: 24px; font-weight: 300; letter-spacing: 1px; line-height: 1.62em; margin: 0px 0px 18px; padding: 0px; vertical-align: baseline;">
Web Designing Online Books</h3>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
1. <a href="http://gettingreal.37signals.com/" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Getting Real</a> from 37Signals</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-full wp-image-400" height="265" src="http://www.journaldev.com/wp-content/uploads/2011/05/GettingReal-37Signals-OnlineBook.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="GettingReal-37Signals-OnlineBook" width="400" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Getting real is one of the most famous books for web designing. It covers everything you need to know to create a faster, smarter and successful web application. The book comes in PDF, Paperback and Online format. Good thing is that the online version is free to read and use. So get some time to read it for sure.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
2. <a href="http://www.flazoom.com/usability/" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Developing User-Friendly Flash Content</a> from Flazoom</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-full wp-image-402" height="89" src="http://www.journaldev.com/wp-content/uploads/2011/05/Flazoom-Developing-User-Friendly-Flash-Content.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="Flazoom-Developing-User-Friendly-Flash-Content" width="329" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
This online white paper is for Flash developers but anyone serious about web design/development should read this. It is well written and practical. Showing you how to make your web site from the users side of view instead of the designers side of view, taking into account how to make it accessible for everyone, all the little things most web developers and designers miss along the way.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
3. <a href="http://www.squiz.co.uk/news-and-events/white-papers/a-hitchhikers-guide-to-the-obvious-web-usability-101" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">A Hitchhikers Guide to the Obvious: Web Usability 101</a></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-medium wp-image-405" height="178" src="http://www.journaldev.com/wp-content/uploads/2011/05/a-hitchhikers-guide-to-the-obvious-web-usability-101-450x178.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="a-hitchhikers-guide-to-the-obvious-web-usability-101" width="450" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
A very small whitepaper but very effective. It provides insight about the web designing ideas and things to care through few case studies. I found it very interesting to read and an eye opener. Even if you are not in web designing field but still I would suggest you to read it. If you have your own blog or website, you will find it very useful.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
4. <a href="http://universalusability.com/access_by_design/" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Access by Design</a> from Universal Usability Written by Sarah Horton</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-medium wp-image-408" height="450" src="http://www.journaldev.com/wp-content/uploads/2011/05/Access-by-Design-Web-Designers-450x450.jpg" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="Access-by-Design-Web-Designers" width="450" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Access by Design is organized into tight, well-constructed chapters each of which focuses on a key area of design, such as forms, color, and layout. I highly recommend “Access by Design” on the merits of its conscientious but practical promotion of accessibility combined with its focus on functionality and usability.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
5. <a href="http://jqfundamentals.com/book/" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">jQuery Fundamentals</a></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
jQuery is one of the most widely used Javascript based framework for creating exceptional web pages. If you want to learn jQuery that is must for any front-end developer, then this is the best place to start off. It starts with basics and provide all the jQuery functions in a very easy-to-read manner. A good read for beginners.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
6. <a href="http://www.the-web-book.com/index.php" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">The Web Book</a></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
The Web Book is a 350-page book that tells you everything you need to know in order to create a home or business Web site from scratch. It covers everything from registering a domain name and renting some hosting space, to creating your first HTML page, to building full online database applications with PHP and MySQL. It also tells you how to market and promote your site, and how to make money from it. Earlier they used to charge for the PDF eBook but it seems that its free now and you just need to subscribe to their newsletter.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
7. <a href="http://designingfortheweb.co.uk/book/index.php" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Designing for the Web</a></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
A basic web design book written by Mark Boulton and divided into five simple steps – Getting Started, Research and Ideas, Typography, Colour and Layout.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
8. <a href="http://www.webstyleguide.com/index.html" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Web Style Guide</a> written by Patrick J. Lynch and Sarah Horton</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-medium wp-image-411" height="234" src="http://www.journaldev.com/wp-content/uploads/2011/05/Web-Style-Guide-450x234.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="Web Style Guide" width="450" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Web Style Guide 3rd Edition can be read online for free. It contains 12 chapters which covers topics about Process, Universal Usability, Information Architecture, Interface Design, Site Structure, Page Structure, Page Design, Typography, Editorial Style, Forms and Applications, Graphics and Multimedia.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
9. <a href="http://webtypography.net/" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">The Elements of Typographic Style Applied to the Web</a></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-medium wp-image-413" height="233" src="http://www.journaldev.com/wp-content/uploads/2011/05/The-Elements-of-Typographic-Style-Applied-to-the-Web-450x233.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="The Elements of Typographic Style Applied to the Web" width="450" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
A classic book in the field of Typographic styles. Indeed the renowned typographer Hermann Zapf proclaims the book to be “a must for everybody in the graphic arts, and especially for our new friends entering the field.”</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
10. <a href="http://diveintohtml5.org/" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Dive Into HTML5</a> by Mark Pilgrim</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-medium wp-image-415" height="219" src="http://www.journaldev.com/wp-content/uploads/2011/05/Dive-Into-HTML5-450x219.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="Dive-Into-HTML5" width="450" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Dive Into HTML5 seeks to elaborate on a hand-picked Selection of features from the HTML5 specification and other fine Standards. A must read for anybody want to know the basics of HTML5.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
11. <a href="http://www.uiaccess.com/accessucd/index.html" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Just Ask: Integrating Accessibility Throughout Design</a></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-medium wp-image-416" height="366" src="http://www.journaldev.com/wp-content/uploads/2011/05/Just-Ask-Integrating-Accessibility-Throughout-Design-450x366.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="Just Ask- Integrating Accessibility Throughout Design" width="450" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
“Shawn Henry lives and breathes accessibility. Her book is everything you’d expect it to be: straightforward, practical, rigorous, and uplifting.” – Comment from Jeffrey Zeldman, publisher and creative director of A List Apart, author of Designing with Web Standards.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
12. <a href="http://searchuserinterfaces.com/book/" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Search User Interfaces</a> by Marti A. Hearst</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-medium wp-image-438" height="450" src="http://www.journaldev.com/wp-content/uploads/2011/05/search-user-interface-315x450.jpg" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="search-user-interface" width="315" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
This book presents the state of the art of search interface design, based on both academic research and deployment in commercial systems. It has been selected by Search Engine Land as one of the best SEO books of 2009.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
13. <a href="http://www.peachpit.com/guides/guide.aspx?g=webdesign" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Web Design Reference Guide</a> by Peachpit</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-medium wp-image-439" height="88" src="http://www.journaldev.com/wp-content/uploads/2011/05/Web-Design-reference-Guide-450x88.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="Web Design reference Guide" width="450" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
This guide provides a snapshot of everything about Web design. The information in this guide includes reference, news, and access to the Web design community.</div>
<h3 style="background-color: white; border: 0px; color: #333333; font-family: Oswald, sans-serif; font-size: 24px; font-weight: 300; letter-spacing: 1px; line-height: 1.62em; margin: 0px 0px 18px; padding: 0px; vertical-align: baseline;">
Web Designing eBooks in PDF – Free Download</h3>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
1. <a href="http://woork.blogspot.com/2009/01/woork-handbook.html" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">The Woork Handbook</a> by Antonio Lupetti</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-full wp-image-419" height="216" src="http://www.journaldev.com/wp-content/uploads/2011/05/Woork-Handbook.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="Woork-Handbook" width="355" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
The book contains the posts from the authors blog that is very popular among web designers. The eBook is also available on Scribd and it has been selected on Scribd as a featured document.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
2. <a href="http://www.airgid.com/book/" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Web Designer’s Success Guide</a></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-full wp-image-409" height="366" src="http://www.journaldev.com/wp-content/uploads/2011/05/Web-Designers-Success-Guide.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="Web-Designers-Success-Guide" width="440" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Web Designer’s Success Guide is the definitive guide to starting your own freelance Web design business.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
3. <a href="http://www.webguru-india.com/free-webdesign-ebook.php" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Design Your Imagination</a> by WebGuru India</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-medium wp-image-420" height="181" src="http://www.journaldev.com/wp-content/uploads/2011/05/Design-Your-Imagination-450x181.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="Design-Your-Imagination" width="450" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
This free ebook can be termed as a complete and comprehensible guide on website design. Almost every aspect of website design is exemplified in this ebook by representing ample examples. This web design ebook will definitely help the beginners to hone their creativity.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
4. <a href="http://changethis.com/manifesto/show/6.HowToBeCreative" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">How To Be Creative</a> by Hugh MacLeod</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-medium wp-image-422" height="327" src="http://www.journaldev.com/wp-content/uploads/2011/05/HowToBeCreative-450x327.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="HowToBeCreative" width="450" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
MacLeod, an advertising executive and popular blogger with a flair for the creative, gives his 26 tried-and-true tips for being truly creative. Each point illustrated by a cartoon drawn by the author himself.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
5. <a href="http://www.peterpixel.nl/writings/introduction-to-good-usability/" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Introduction to Good Usability</a> written by Peter Pixel</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
A good and short book defining web design principles and usage of Breadcrumbs, Tags, Drop Downs, Overlays, Icons etc.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
6. <a href="http://www.zeldman.com/2009/04/16/taking-your-talent-to-the-web-is-now-a-free-downloadable-book-from-zeldmancom/" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Taking Your Talent to the Web</a> from zeldman written by Jeffrey Zeldman</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-full wp-image-423" height="314" src="http://www.journaldev.com/wp-content/uploads/2011/05/Taking_Your_Talent_to_the_Web.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="Taking_Your_Talent_to_the_Web" width="404" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Its one of the oldest book on Web designing published way back in 2001. However its good to read and the advices given still hold true.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
7. <a href="http://www.aiga.org/content.cfm/why-design" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Why Design?</a> by AIGA</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-full wp-image-424" height="179" src="http://www.journaldev.com/wp-content/uploads/2011/05/aiga_designingprocess.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="aiga_designingprocess" width="353" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
What designers offer to clients is a way of thinking. The “Why design?” booklet outlines the role of design in business strategy. It seeks a common framework for why design adds value to clients’ interests.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
8. <a href="http://changethis.com/manifesto/show/48.04.DesignFunnel" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">The Design Funnel: A Manifesto for Meaningful Design</a> by Stephan Hey</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-medium wp-image-425" height="330" src="http://www.journaldev.com/wp-content/uploads/2011/05/DesignFunnel-450x330.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="DesignFunnel" width="450" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
The Design Funnel doesn’t introduce any new tools. It’s simply a roadmap of when a designer can use which tools to stimulate better work. As a matter of fact, many successful creatives use similar processes on a daily basis.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
9. <a href="http://diveintoaccessibility.org/" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Dive Into Accessibility</a></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-full wp-image-426" height="81" src="http://www.journaldev.com/wp-content/uploads/2011/05/Dive-Into-Accessibility.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="Dive Into Accessibility" width="358" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
The eBook can be downloaded as PDF or in the HTML format. It provides basic insight of accessibility of websites and good read for new web designers as a basic guide book.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
10. <a href="http://www.dubberly.com/wp-content/uploads/2008/06/ddo_designprocess.pdf" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">How Do You Design?</a></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-medium wp-image-427" height="420" src="http://www.journaldev.com/wp-content/uploads/2011/05/How-Do-You-Design-450x420.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="How-Do-You-Design" width="450" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Hugh Dubberly’s book looks at “over one-hundred descriptions of design and development processes, from architecture, industrial design, mechanical engineering, quality management, and software development”.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
11. <a href="http://www.vignelli.com/canon.pdf" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">The Vignelli Canon</a></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Massimo Vignelli’s book covers everything you could want to know about typography in graphic design.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
12. <a href="http://sethgodin.typepad.com/seths_blog/2005/09/free_ebook_1_no.html" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">KnockKnock</a> by Seth Godin</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-medium wp-image-431" height="368" src="http://www.journaldev.com/wp-content/uploads/2011/05/Knock-Knock-SeyhGodin-450x368.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="Knock-Knock-SeyhGodin" width="450" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Seth Godin is the founder of Squidoo Lenses, one of the famous web marketing tool used by online marketers. In this book he provide his inputs to make a successful website. A must read to learn a lot from his experience.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
13. <a href="http://eloquentjavascript.net/" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Eloquent JavaScript</a></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-medium wp-image-433" height="114" src="http://www.journaldev.com/wp-content/uploads/2011/05/Eloquent-JavaScript-450x114.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="Eloquent JavaScript" width="450" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Eloquent JavaScript is a book providing an introduction to the JavaScript programming language and programming in general.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
14. <a href="http://www.free4allreports.com/Create_Your_First_Website.pdf" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Create Your First Website</a></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-full wp-image-434" height="393" src="http://www.journaldev.com/wp-content/uploads/2011/05/Create-Your-First-Website.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="Create-Your-First-Website" width="314" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
This is an eBook for beginners who are trying to create their first website. Its a step by step guide that you can follow and create your own website in very less time. Good for starters in World Wide Web.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
15. <a href="http://www.oe-design.com/ebook-wow-website.php" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Put The Wow In Your Website</a></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<img alt="" class="aligncenter size-medium wp-image-435" height="315" src="http://www.journaldev.com/wp-content/uploads/2011/05/OE-Design-Put_The_Wow_In_Your_Website-450x315.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="OE-Design-Put_The_Wow_In_Your_Website" width="450" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Another eBook for startup in website design. Good read for the newbie in in website creation and designing field.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
16. <a href="http://freehtml5templates.com/html5-quick-learning-guide/" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">HTML5 Quick Learning Guide</a><br /><img alt="" class="aligncenter size-full wp-image-436" height="300" src="http://www.journaldev.com/wp-content/uploads/2011/05/html5quickguide.png" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" title="html5quickguide" width="400" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
This guide introduces you to just the main elements of HTML5 that you’ll probably want to use right away. This guide is for those who want to get the basics figured out first, and worry about the finer details later on.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
17. <a href="http://justcreativedesign.com/featured-articles/type-classification-ebook/" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Type Classification eBook</a> by Just Creative Design</div>
</div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-61261569622186910202013-03-11T02:46:00.000-07:002013-03-11T02:49:50.447-07:006 CSS Sprites Generator Online Tools<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="background-color: white; border: 0px; color: #333333; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<span style="font-family: Trebuchet MS, sans-serif;">Here I am providing 6 online CSS Sprite Generator tools and all of them have something unique to be in the list.</span></div>
<h3 style="background-color: white; border: 0px; color: #333333; font-weight: 300; letter-spacing: 1px; line-height: 1.62em; margin: 0px 0px 18px; padding: 0px; vertical-align: baseline;">
<span style="font-family: Trebuchet MS, sans-serif; font-size: small;">1. <a href="http://cssspritegenerator.net/" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">CSS Sprite Generator</a>:</span></h3>
<div style="background-color: white; border: 0px; color: #333333; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<span style="font-family: Trebuchet MS, sans-serif;"><a class="cboxElement" href="http://www.journaldev.com/wp-content/uploads/2011/05/cssspritegenerator.png" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="" class="aligncenter size-medium wp-image-446" height="345" src="http://www.journaldev.com/wp-content/uploads/2011/05/cssspritegenerator-450x345.png" style="border: 1px solid rgb(238, 238, 238); box-shadow: rgb(238, 238, 238) 0px 0px 3px; display: block; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 98.5%; padding: 5.8125px; vertical-align: baseline;" title="cssspritegenerator" width="450" /></a><br />This is one of the best online tool for CSS Sprite images and getting their CSS Code and HTML code. The best part is that you can create your account here and then login after sometime to get your older project data. You can add up more images in the project and again generate the code. A very useful tool for designers who create themes and use CSS Sprite techniques a lot.</span></div>
<h3 style="background-color: white; border: 0px; color: #333333; font-weight: 300; letter-spacing: 1px; line-height: 1.62em; margin: 0px 0px 18px; padding: 0px; vertical-align: baseline;">
<span style="font-family: Trebuchet MS, sans-serif; font-size: small;">2. <a href="http://spritegen.website-performance.org/" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Website Performance CSS Sprite Generator</a>:</span></h3>
<div style="background-color: white; border: 0px; color: #333333; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<span style="font-family: Trebuchet MS, sans-serif;"><a class="cboxElement" href="http://www.journaldev.com/wp-content/uploads/2011/05/spritegen.website-performance.png" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="" class="aligncenter size-medium wp-image-450" height="349" src="http://www.journaldev.com/wp-content/uploads/2011/05/spritegen.website-performance-450x349.png" style="border: 1px solid rgb(238, 238, 238); box-shadow: rgb(238, 238, 238) 0px 0px 3px; display: block; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 98.5%; padding: 5.8125px; vertical-align: baseline;" title="spritegen.website-performance" width="450" /></a><br />This is one of the most widely used tool having a lot of options. They provide option to create the image in either and vertical format, ignore duplicate images, image size options. The two things I really liked a lot about this tool are:</span></div>
<ul style="background-color: white; border: 0px; color: #333333; line-height: 24.296875px; list-style-image: initial; list-style-position: initial; margin: 0px 0px 24px 30px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 4px 0px 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Trebuchet MS, sans-serif;">Support for various languages</span></li>
<li style="border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 4px 0px 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Trebuchet MS, sans-serif;">Upload files in zip format, very handy if you have 50+ files to use.</span></li>
</ul>
<h3 style="background-color: white; border: 0px; color: #333333; font-weight: 300; letter-spacing: 1px; line-height: 1.62em; margin: 0px 0px 18px; padding: 0px; vertical-align: baseline;">
<span style="font-family: Trebuchet MS, sans-serif; font-size: small;">3. <a href="http://css-sprit.es/" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">CSS Sprit</a>:</span></h3>
<div style="background-color: white; border: 0px; color: #333333; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<span style="font-family: Trebuchet MS, sans-serif;"><a class="cboxElement" href="http://www.journaldev.com/wp-content/uploads/2011/05/css-sprit.png" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="" class="aligncenter size-medium wp-image-445" height="450" src="http://www.journaldev.com/wp-content/uploads/2011/05/css-sprit-303x450.png" style="border: 1px solid rgb(238, 238, 238); box-shadow: rgb(238, 238, 238) 0px 0px 3px; display: block; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 98.5%; padding: 5.8125px; vertical-align: baseline;" title="css-sprit" width="303" /></a><br />If you want to have rollover effect with your CSS Sprite image, this is the tool to use. The only demerit with the tool is that the each file size should be less than 5kb. They provide CSS and HTML code to use and you can even load images from the URL in Custom Sprites mode.</span></div>
<h3 style="background-color: white; border: 0px; color: #333333; font-weight: 300; letter-spacing: 1px; line-height: 1.62em; margin: 0px 0px 18px; padding: 0px; vertical-align: baseline;">
<span style="font-family: Trebuchet MS, sans-serif; font-size: small;">4. <a href="http://www.spritebox.net/" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Sprite Box</a>:</span></h3>
<div style="background-color: white; border: 0px; color: #333333; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<span style="font-family: Trebuchet MS, sans-serif;"><a class="cboxElement" href="http://www.journaldev.com/wp-content/uploads/2011/05/spritebox.png" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="" class="aligncenter size-medium wp-image-448" height="255" src="http://www.journaldev.com/wp-content/uploads/2011/05/spritebox-450x255.png" style="border: 1px solid rgb(238, 238, 238); box-shadow: rgb(238, 238, 238) 0px 0px 3px; display: block; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 98.5%; padding: 5.8125px; vertical-align: baseline;" title="spritebox" width="450" /></a><br />Reverse tool to generate CSS code to display selected image from a single image. The visual WYSIWYG editor and JQuery based interface is easy and awesome to use. A great tool to use if you just want some part of the image to display using CSS Sprites.</span></div>
<h3 style="background-color: white; border: 0px; color: #333333; font-weight: 300; letter-spacing: 1px; line-height: 1.62em; margin: 0px 0px 18px; padding: 0px; vertical-align: baseline;">
<span style="font-family: Trebuchet MS, sans-serif; font-size: small;">5. <a href="http://css.spritegen.com/" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Sprite Gen</a>:</span></h3>
<div style="background-color: white; border: 0px; color: #333333; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<span style="font-family: Trebuchet MS, sans-serif;"><a class="cboxElement" href="http://www.journaldev.com/wp-content/uploads/2011/05/spritegen.png" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="" class="aligncenter size-medium wp-image-449" height="450" src="http://www.journaldev.com/wp-content/uploads/2011/05/spritegen-443x450.png" style="border: 1px solid rgb(238, 238, 238); box-shadow: rgb(238, 238, 238) 0px 0px 3px; display: block; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 98.5%; padding: 5.8125px; vertical-align: baseline;" title="spritegen" width="443" /></a><br />A simple online tool to create CSS Sprite image and getting its CSS code. Good for basic usage, Ajax based and simple interface.</span></div>
<h3 style="background-color: white; border: 0px; color: #333333; font-weight: 300; letter-spacing: 1px; line-height: 1.62em; margin: 0px 0px 18px; padding: 0px; vertical-align: baseline;">
<span style="font-family: Trebuchet MS, sans-serif; font-size: small;">6. <a href="http://csssprites.com/" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">CSS Sprites</a>:</span></h3>
<div style="background-color: white; border: 0px; color: #333333; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<span style="font-family: Trebuchet MS, sans-serif;"><a class="cboxElement" href="http://www.journaldev.com/wp-content/uploads/2011/05/csssprites.png" style="-webkit-transition: color 0.25s ease, margin 0.25s ease; border: 0px; color: #21759b; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="" class="aligncenter size-medium wp-image-447" height="450" src="http://www.journaldev.com/wp-content/uploads/2011/05/csssprites-285x450.png" style="border: 1px solid rgb(238, 238, 238); box-shadow: rgb(238, 238, 238) 0px 0px 3px; display: block; font-style: inherit; font-variant: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 98.5%; padding: 5.8125px; vertical-align: baseline;" title="csssprites" width="285" /></a><br />If none of the above tool is working, then you can go for it. A simple tool providing basic CSS rules, CSS Sprite image and sample HTML page to use it.<br />If you have many images to use, avoid this tool.</span></div>
<div style="background-color: white; border: 0px; color: #333333; line-height: 24.296875px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<span style="font-family: Trebuchet MS, sans-serif;">I hope you liked the post, don’t forget to share it with others.</span></div>
</div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-33328278821894998092013-03-02T03:40:00.001-08:002013-03-02T03:40:27.565-08:00how to format javascript date<div dir="ltr" style="text-align: left;" trbidi="on">
<table><tbody>
<tr><td class="votecell"><div class="vote">
<span style="font-family: Trebuchet MS, sans-serif;">
</span></div>
</td>
<td class="answercell">
<div class="post-text">
<strong><a href="http://momentjs.com/"><span style="font-family: Trebuchet MS, sans-serif;">Moment.js</span></a></strong><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;">It is a lightweight (3.7 KB) JavaScript date library for parsing, manipulating, and formatting dates.</span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<pre class="default prettyprint prettyprinted"><code><span style="font-family: Trebuchet MS, sans-serif;"><b><span class="kwd">var</span><span class="pln"> a </span><span class="pun">=</span><span class="pln"> moment</span><span class="pun">([</span><span class="lit">2010</span><span class="pun">,</span><span class="pln"> </span><span class="lit">1</span><span class="pun">,</span><span class="pln"> </span><span class="lit">14</span><span class="pun">,</span><span class="pln"> </span><span class="lit">15</span><span class="pun">,</span><span class="pln"> </span><span class="lit">25</span><span class="pun">,</span><span class="pln"> </span><span class="lit">50</span><span class="pun">,</span><span class="pln"> </span><span class="lit">125</span><span class="pun">]);</span></b></span></code></pre>
<pre class="default prettyprint prettyprinted"><code><span style="font-family: Trebuchet MS, sans-serif;"><span class="pln">
<b>a</b></span><b><span class="pun">.</span><span class="pln">format</span><span class="pun">(</span><span class="str">"dddd, MMMM Do YYYY, h:mm:ss a"</span><span class="pun">);</span></b><span class="pln"> </span><span class="com">// "Sunday, February 14th 2010, 3:25:50 pm"</span></span></code></pre>
<pre class="default prettyprint prettyprinted"><code><span style="font-family: Trebuchet MS, sans-serif;"><span class="pln">
<b>a</b></span><b><span class="pun">.</span><span class="pln">format</span><span class="pun">(</span><span class="str">"ddd, hA"</span><span class="pun">);</span></b><span class="pln"><b> </b> </span><span class="com">// "Sun, 3PM"</span></span></code></pre>
</div>
</td></tr>
</tbody></table>
</div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-5935472917393514102013-02-21T23:42:00.001-08:002013-03-02T03:40:15.631-08:00<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="code">
<span style="color: #cc0000;"><script language=</span><span style="color: #3366ff;">"javascript"</span><span style="color: #cc0000;">></span><br /><span style="font-weight: bold;">function </span>changeText<span style="color: #000099; font-weight: bold;">(</span>idElement<span style="color: #000099; font-weight: bold;">){</span><br /><span style="color: #009900;">if</span><span style="color: #000099; font-weight: bold;">(</span>idElement<span style="color: #3366ff;">==</span><span style="color: red;">1</span><span style="color: #000099; font-weight: bold;">){</span><br /><span style="color: #cc66cc;">document</span>.getElementById<span style="color: #000099; font-weight: bold;">(</span><span style="color: #3366ff;">'element'</span>+idElement<span style="color: #000099; font-weight: bold;">)</span>.innerHTML<span style="color: #3366ff;"> ='<a href="http://www.google.com">Google</a>';</span><br /><span style="color: #000099; font-weight: bold;">}</span> <span style="color: #009900;">else if</span><span style="color: #000099; font-weight: bold;">(</span>idElement<span style="color: #3366ff;">==</span><span style="color: red;">2</span><span style="color: #000099; font-weight: bold;">){</span><br /><span style="color: #cc66cc;">document</span>.getElementById<span style="color: #000099; font-weight: bold;">(</span><span style="color: #3366ff;">'element'</span>+idElement<span style="color: #000099; font-weight: bold;">)</span>.innerHTML<span style="color: #3366ff;"> ='<a href="http://woork.blogspot.com">Woork</a>'</span>;<br /><span style="color: #000099; font-weight: bold;">}</span><br /><span style="color: #000099; font-weight: bold;">}</span><br /><span style="color: #cc0000;"></script></span><br /><br /><span style="color: #000099;"><ul></span><br /><span style="color: #000099;"><li id="</span><span style="color: #3366ff;">element1</span><span style="color: #000099;">"></span>Google<span style="color: #000099;"></li></span><br /><span style="color: #000099;"><li id="</span><span style="color: #3366ff;">element2</span><span style="color: #000099;">"></span>Woork<span style="color: #000099;"></li></span><br /><span style="color: #000099;"></ul></span><br /><span style="color: #009900;"><a href="</span><span style="color: #3366ff;">#</span><span style="color: #009900;">" onClick="</span><span style="color: #3366ff;">javascript:changeText(1)</span><span style="color: #009900;">"></span>Change Google into a link<span style="color: #009900;"></a></span><span style="color: #000099;"><br/></span><br /><span style="color: #009900;"><a href="</span><span style="color: #3366ff;">#</span><span style="color: #009900;">" onClick="</span><span style="color: #3366ff;">javascript:changeText(2)</span><span style="color: #009900;">"></span>Change Woork into a link<span style="color: #009900;"></a></span><span style="color: #000099;"><br/></span></div>
</div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-29285757436712248792013-02-21T05:33:00.001-08:002013-02-21T05:33:18.302-08:00Iterate Java List in Java Script?<div dir="ltr" style="text-align: left;" trbidi="on">
<pre class="default prettyprint prettyprinted"><b><span style="font-family: "Trebuchet MS",sans-serif;"><span style="font-size: small;"><span style="color: #0b5394;"><code><span class="kwd">for</span><span class="pln"> </span><span class="pun">(</span><span class="kwd">var</span><span class="pln"> i </span><span class="pun">=</span><span class="pln"> </span><span class="lit">0</span><span class="pun">;</span><span class="pln"> i </span><span class="pun"><</span><span class="pln"> myStringArray</span><span class="pun">.</span><span class="pln">length</span><span class="pun">;</span><span class="pln"> i</span><span class="pun">++)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
alert</span><span class="pun">(</span><span class="pln">myStringArray</span><span class="pun">[</span><span class="pln">i</span><span class="pun">]);</span><span class="pln">
</span><span class="com">//Do something</span><span class="pln">
</span><span class="pun">}</span></code></span></span></span></b></pre>
</div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-75328634144694427582013-02-03T22:27:00.002-08:002013-02-21T05:33:27.465-08:00Set maxlength in Html Textarea<div dir="ltr" style="text-align: left;" trbidi="on">
<strong><span style="font-family: "Trebuchet MS", sans-serif;">simple way to do maxlength for textarea in html4 is:</span></strong><span style="font-family: "Trebuchet MS", sans-serif;"><br /></span><br />
<span style="font-family: "Trebuchet MS", sans-serif;"><br /></span>
<span style="color: #0b5394;"><span style="font-family: "Trebuchet MS", sans-serif;"><span style="background-color: #fff2cc;"><textarea cols="60" rows="5" onkeypress="if (this.value.length > 100) { return false; }"></textarea></span></span></span><span style="font-family: "Trebuchet MS", sans-serif;"><br /></span><span style="font-family: "Trebuchet MS", sans-serif;"><br /></span><span style="font-family: "Trebuchet MS", sans-serif;">Change the "100" to however many characters you want</span></div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-88663775809985658162013-01-30T21:57:00.002-08:002013-02-21T05:33:34.164-08:00How to use prettify with blogger/blogspot? <div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;">Following is the trick that will guide you to implement the same in your blogger blog.<br />
<br />
<a href="http://www.blogger.com/blogger.g?blogID=2738593405256682330" name="more"></a>Step -1 ) Go to your blogger dashboard -> Template -> Edit HTML -> Proceed<br />
<br />
Step-2) Copy the following snippet and paste it immediately after "<code><head></code>"<br />
<br />
</span></span><pre class="prettyprint prettyprinted"><span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span class="tag"><link</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">'http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css'</span><span class="pln"> </span><span class="atn">rel</span><span class="pun">=</span><span class="atv">'stylesheet'</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">'text/css'</span><span class="tag">/></span><span class="pln">
</span><span class="tag"><style></span><span class="pln">
code</span><span class="pun">.</span><span class="pln">prettyprint</span><span class="pun">,</span><span class="pln"> pre</span><span class="pun">.</span><span class="pln">prettyprint</span><span class="pun">{</span><span class="pln">
</span><span class="kwd">font-family</span><span class="pun">:</span><span class="pln"> Courier</span><span class="pun">,</span><span class="pln">monospace</span><span class="pun">,</span><span class="pln">Courier New</span><span class="pun">;</span><span class="pln">
</span><span class="kwd">font-size</span><span class="pun">:</span><span class="pln"> </span><span class="lit">13px</span><span class="pun">;</span><span class="pln">
</span><span class="kwd">color</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">rgb</span><span class="pun">(</span><span class="lit">0</span><span class="pun">,</span><span class="pln"> </span><span class="lit">0</span><span class="pun">,</span><span class="pln"> </span><span class="lit">0</span><span class="pun">);</span><span class="pln">
</span><span class="kwd">border</span><span class="pun">:</span><span class="pln"> </span><span class="lit">2px</span><span class="pln"> dashed </span><span class="kwd">rgb</span><span class="pun">(</span><span class="lit">222</span><span class="pun">,</span><span class="pln"> </span><span class="lit">222</span><span class="pun">,</span><span class="pln"> </span><span class="lit">222</span><span class="pun">);</span><span class="pln">
</span><span class="kwd">padding</span><span class="pun">:</span><span class="pln"> </span><span class="lit">10px</span><span class="pun">;</span><span class="pln">
</span><span class="kwd">line-height</span><span class="pun">:</span><span class="pln"> </span><span class="lit">16px</span><span class="pun">;</span><span class="pln">
</span><span class="kwd">width</span><span class="pun">:</span><span class="pln"> </span><span class="lit">547px</span><span class="pun">;</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
code</span><span class="pun">,</span><span class="pln"> pre</span><span class="pun">{</span><span class="pln">
</span><span class="kwd">white-space</span><span class="pun">:</span><span class="pln"> pre-wrap</span><span class="pun">;</span><span class="pln"> </span><span class="com">/* css-3 */</span><span class="pln">
</span><span class="kwd">white-space</span><span class="pun">:</span><span class="pln"> -moz-pre-wrap</span><span class="pun">;</span><span class="pln"> </span><span class="com">/* Mozilla, since 1999 */</span><span class="pln">
</span><span class="kwd">white-space</span><span class="pun">:</span><span class="pln"> -pre-wrap</span><span class="pun">;</span><span class="pln"> </span><span class="com">/* Opera 4-6 */</span><span class="pln">
</span><span class="kwd">white-space</span><span class="pun">:</span><span class="pln"> -o-pre-wrap</span><span class="pun">;</span><span class="pln"> </span><span class="com">/* Opera 7 */</span><span class="pln">
</span><span class="kwd">word-wrap</span><span class="pun">:</span><span class="pln"> break-word</span><span class="pun">;</span><span class="pln"> </span><span class="com">/* Internet Explorer 5.5+ */</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
</span><span class="tag"></style></span><span class="pln">
</span><span class="tag"><script</span><span class="pln"> </span><span class="atn">language</span><span class="pun">=</span><span class="atv">'javascript'</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">'http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js'</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">'text/javascript'</span><span class="tag">/></span><span class="pln">
</span><span class="tag"><script</span><span class="pln"> </span><span class="atn">language</span><span class="pun">=</span><span class="atv">'javascript'</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">'http://google-code-prettify.googlecode.com/svn/trunk/src/lang-css.js'</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">'text/javascript'</span><span class="tag">/></span><span class="pln">
</span></span></span></pre>
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;">
Step-3) Now replace "<code><body></code>" with "<code><body onload='prettyPrint()'></code>"<br />
<br />
Step-4) Click "SAVE TEMPLATE"<br />
<br />
Step-5) Come back to Blogger Dashboard -->Posts-->New Post.<br />
<br />
Step-6) The programming code snippen that you put in, needs to have its HTML cleaned from. Hence
to do this just paste your code in here: <a href="http://www.simplebits.com/cgi-bin/simplecode.pl?mode=process">http://www.simplebits.com/cgi-bin/simplecode.pl</a> <br />
<br />
Step-7) Put your code inside a "<pre>" tag and add a <code>"prettyprint" </code>class to your <pre> tag Ex: <code> </code><br />
</span></span><pre class="pretyprint"><span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><pre class="prettyprint">int foo=0;
NSLog(@"%i", foo);
</pre></span></span></pre>
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;">
<br />
OR<br />
<code><pre class="prettyprint">int foo=0;
NSLog(@"%i", foo);
</pre></code> <br />
Step-8) In your Blogger Text Editor, switch from Compose mode to HTML mode<br />
<br />
Step-9) Paste it into blogger and publish it.
</span></span></div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-78961664482455838252013-01-30T21:45:00.001-08:002013-01-30T21:45:40.236-08:00JQuery Autocomplete<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtzLXYv0Wt3_l5_38CGDnZpMMxdPS2wAfKb3OvYHtaX3ey6HAlW6Yvf15OcGCARe_zTRvoV_Wzh9QMddB4wDO3JjtjbEHUt71YsZozD42KQkbEqlQWbgWMNZpnq_RGdTZKANfLK-fAtwmz/s1600/2013_01_31_11_10_20_Autocomplete_jQuery_UI.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtzLXYv0Wt3_l5_38CGDnZpMMxdPS2wAfKb3OvYHtaX3ey6HAlW6Yvf15OcGCARe_zTRvoV_Wzh9QMddB4wDO3JjtjbEHUt71YsZozD42KQkbEqlQWbgWMNZpnq_RGdTZKANfLK-fAtwmz/s1600/2013_01_31_11_10_20_Autocomplete_jQuery_UI.png" /></a></div>
<b><span style="color: #0b5394;"><a href="https://haritkumarblog.opendrive.com/files?N184NDE3NjQ2X1I0ZHNp" target="_blank">Download Here</a></span></b><br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-83994969292577394462013-01-30T21:05:00.002-08:002013-01-30T21:05:52.980-08:00jQuery Time Entry<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-J3w9BR24ZRSbjplTBN5sjq-6aYCoTwASwgX8xezh4cyCdve_IjidJIXCRXBnmdO_ytJlQPLHO_KVN4mlaC8Co03A-VXum1VMmbZwDBqdK8i3Ua2IyJIgJwDt1GurpwJDKQRCbHmZ1o0Q/s1600/screenshot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-J3w9BR24ZRSbjplTBN5sjq-6aYCoTwASwgX8xezh4cyCdve_IjidJIXCRXBnmdO_ytJlQPLHO_KVN4mlaC8Co03A-VXum1VMmbZwDBqdK8i3Ua2IyJIgJwDt1GurpwJDKQRCbHmZ1o0Q/s320/screenshot.png" width="320" /></a></div>
<span style="color: #6aa84f;"><b>Download Here:</b></span><a href="https://haritkumarblog.opendrive.com/files?N184NDE2NjI0X0hlc2NP" target="_blank">Click Here</a><br /><br /></div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-40530315021601885722013-01-30T00:01:00.002-08:002013-01-30T00:01:29.602-08:00HTML Comment<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<span style="font-family: Trebuchet MS, sans-serif;"><!DOCTYPE html></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><html></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><body></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;"><!--This is a comment. Comments are not displayed in the browser--></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><p>This is a paragraph.</p></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;"></body></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"></html></span><br />
<br />
</div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-52281195501858978082013-01-29T23:56:00.001-08:002013-01-29T23:58:06.358-08:00Related Posts Widget With Thumbnails<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: #fce5cd;"><br /></span>
<div style="color: #333333; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 24px; outline: none medium;">
<a href="http://lh5.ggpht.com/-qmQ0PI0FGVM/T1lGpFTH_TI/AAAAAAAAAdg/NTEfm1N1R4U/s1600-h/related%252520posts%252520widget%25255B4%25255D.png" style="background-color: #fce5cd; color: #0f630c; outline: none medium; text-decoration: none;"><img alt="related posts widget" border="0" src="http://lh6.ggpht.com/-XX0-5dtnDxI/T1lGqq-ixVI/AAAAAAAAAdo/voA0aUicBlc/related%252520posts%252520widget_thumb%25255B2%25255D.png?imgmax=800" style="background-image: none; border: 0px none rgb(229, 229, 229); display: block; float: none; height: 280px; margin: 5px auto 0px; max-width: 100%; outline: none medium; padding: 0px 0px 5px; width: 340px;" title="related posts widget" /></a></div>
<div align="justify" style="color: #333333; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 24px; outline: none medium;">
<span style="background-color: #fce5cd;">Adding Related Posts <a href="http://theoriginalbloggertricks.blogspot.in/search/label/widget" style="color: #ab1418; outline: none medium; text-decoration: none;" target="_blank">Widget</a> is the smart way to increase your blog’s page views and your blog’s visits. This <a href="http://theoriginalbloggertricks.blogspot.in/search/label/widget" style="color: #ab1418; outline: none medium; text-decoration: none;" target="_blank">widget</a> shows the related posts <a href="http://theoriginalbloggertricks.blogspot.in/search/label/widget" style="color: #ab1418; outline: none medium; text-decoration: none;" target="_blank">widget</a> at the bottom of the posts because when your reader have read one post then it will attract your reader to read related posts so your visits will increase ! </span><br />
<span style="background-color: #fce5cd;"><br style="outline: none medium;" /></span>
<span style="background-color: #fce5cd;">Just follow the simple steps to add related posts <a href="http://theoriginalbloggertricks.blogspot.in/search/label/widget" style="color: #ab1418; outline: none medium; text-decoration: none;" target="_blank">widget</a>. </span><br />
<span style="background-color: #fce5cd;"><br style="outline: none medium;" /></span>
<span style="background-color: #fce5cd;">1. Open <a href="http://www.linkwithin.com/learn?ref=widget" style="color: #ab1418; outline: none medium; text-decoration: none;" target="_blank">linkwithin</a> </span><br />
<span style="background-color: #fce5cd;"><br style="outline: none medium;" /></span>
<span style="background-color: #fce5cd;">2. Now enter your Details and click on get widget </span></div>
<span style="background-color: #fce5cd;"><a href="http://lh5.ggpht.com/-lX3gcWlvCNk/T1lGrhqhiOI/AAAAAAAAAdw/mcQCYPb8cGc/s1600-h/related%252520posts%252520widget%2525202%25255B3%25255D.png" style="color: #ab1418; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 24px; outline: none medium; text-decoration: none;"><img alt="related posts widget 2" border="0" height="221" src="http://lh6.ggpht.com/-1ynIZG_1KbY/T1lGsyQJQtI/AAAAAAAAAd4/gu3drFv9RnY/related%252520posts%252520widget%2525202_thumb%25255B1%25255D.png?imgmax=800" style="background-image: none; border: 0px; display: block; float: none; margin: 5px auto 0px; outline: none medium; padding: 0px 0px 5px;" title="related posts widget 2" width="335" /></a><span style="color: #333333; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 24px;"></span></span><br />
<span style="background-color: #fce5cd;"><span style="color: #333333; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 24px;">3. Now just click on INSTALL </span><a href="http://theoriginalbloggertricks.blogspot.in/search/label/widget" style="color: #ab1418; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 24px; outline: none medium; text-decoration: none;" target="_blank">Widget</a><span style="color: #333333; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 24px;"> (see the bellow snapshot ) </span></span><br />
<span style="background-color: #fce5cd;"><br style="color: #333333; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 24px; outline: none medium;" /></span>
<span style="background-color: #fce5cd;"><a href="http://lh5.ggpht.com/-hfMFAiIJwLw/T1lGuWeyp6I/AAAAAAAAAeA/jE2ju66ECXE/s1600-h/related%252520posts%252520widget%2525203%25255B6%25255D.png" style="color: #ab1418; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 24px; outline: none medium; text-decoration: none;"><img alt="related posts widget 3" border="0" height="236" src="http://lh4.ggpht.com/-DOz1ovaXtp4/T1lGv0SrrOI/AAAAAAAAAeI/wcgnEQ1BtTU/related%252520posts%252520widget%2525203_thumb%25255B2%25255D.png?imgmax=800" style="background-image: none; border: 0px; display: block; float: none; margin: 5px auto 0px; outline: none medium; padding: 0px 0px 5px;" title="related posts widget 3" width="308" /></a><span style="color: #333333; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 24px;"></span></span><br />
<div align="justify" style="color: #333333; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 24px; outline: none medium;">
<span style="background-color: #fce5cd;">4. Now just select your blog and click on Add <a href="http://theoriginalbloggertricks.blogspot.in/search/label/widget" style="color: #ab1418; outline: none medium; text-decoration: none;" target="_blank">Widget</a>.(see the bellow snapshot) </span></div>
<span style="background-color: #fce5cd;"><a href="http://lh5.ggpht.com/-ueLcv3IxR18/T1lGy7wwOsI/AAAAAAAAAeQ/GBzsUVBKM94/s1600-h/related%252520posts%252520widget%2525204%25255B3%25255D.png" style="color: #ab1418; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 24px; outline: none medium; text-decoration: none;"><img alt="related posts widget 4" border="0" height="148" src="http://lh4.ggpht.com/-lHQpuhlADFY/T1lG0buxjkI/AAAAAAAAAeY/_WRBz0jKzEY/related%252520posts%252520widget%2525204_thumb%25255B1%25255D.png?imgmax=800" style="background-image: none; border: 0px; display: block; float: none; margin: 5px auto 0px; outline: none medium; padding: 0px 0px 5px;" title="related posts widget 4" width="324" /></a><span style="color: #333333; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 24px;"></span></span><br />
<div style="color: #333333; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 24px; outline: none medium;">
<span style="background-color: #fce5cd;">And you have Done !</span></div>
</div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-67883340136941693922013-01-29T22:51:00.002-08:002013-01-29T23:39:33.217-08:00Reload Page Using JQuery<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<span style="font-family: Trebuchet MS, sans-serif;"><!DOCTYPE html></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><html></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><head></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><script></span><br />
<span style="font-family: Trebuchet MS, sans-serif;">function reloadPage()</span><br />
<span style="font-family: Trebuchet MS, sans-serif;"> {</span><br />
<span style="font-family: Trebuchet MS, sans-serif;"> location.reload()</span><br />
<span style="font-family: Trebuchet MS, sans-serif;"> }</span><br />
<span style="font-family: Trebuchet MS, sans-serif;"></script></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"></head></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><body></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;"><input type="button" value="Reload page" onclick="reloadPage()"></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;"></body></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"></html> </span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<br />
<h2>
<span style="font-family: Trebuchet MS, sans-serif; font-size: small;">Syntax</span></h2>
<div class="code notranslate">
<span style="font-family: Trebuchet MS, sans-serif;">
location.reload(<em>forceGet</em>)</span></div>
<h2>
<br /></h2>
<table class="reference"><tbody>
<tr><th style="width: 17%;"><span style="font-family: Trebuchet MS, sans-serif;">Parameter</span></th>
<th style="width: 14%;"><span style="font-family: Trebuchet MS, sans-serif;">Type</span></th>
<th><span style="font-family: Trebuchet MS, sans-serif;">Description</span></th>
</tr>
<tr>
<td><em><span style="font-family: Trebuchet MS, sans-serif;">forceGet</span></em></td>
<td><span style="font-family: Trebuchet MS, sans-serif;">Boolean</span></td>
<td><span style="font-family: Trebuchet MS, sans-serif;">Optional. default <em>false</em> which reloads the page from the cache. Set this paramter to <em>true</em> if you want to force the browser to get the page from the server</span></td>
</tr>
</tbody></table>
<h2>
<span style="font-family: Trebuchet MS, sans-serif; font-size: small;">Return Value</span></h2>
<span style="font-family: Trebuchet MS, sans-serif;">No return value</span><br />
<br />
</div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-47193233485538050462012-11-21T01:56:00.001-08:002013-01-29T23:57:12.524-08:00Convert String to Integer : Like parseInt() in java<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: "Courier New",Courier,monospace;">var a=3;</span><br />
<span style="font-family: "Courier New",Courier,monospace;">var b='6';</span><br />
<span style="font-family: "Courier New",Courier,monospace;"><br /></span>
<span style="font-family: "Courier New",Courier,monospace;">var c=a+parseInt(b);</span><br />
<span style="font-family: "Courier New",Courier,monospace;">alert("Sum:"+c);</span><br />
<br />
<br />
<span style="color: #0b5394;"><span style="font-family: Georgia,"Times New Roman",serif;"><b>Output:</b></span></span><br />
Sum: 9</div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0tag:blogger.com,1999:blog-2738593405256682330.post-3805592906702025452012-11-21T01:33:00.000-08:002013-01-29T23:57:12.522-08:00Jquery Show/Hide Div<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV2MvrTL0Hif-afnhfgLPnfDF0g9kZj4oiugoNeKiSVOp2OoQ0r5vvvAQfT2Od3l7gcpiNuTllp420fXof1WsQBcBJ4eEIsGCPHeNDqok6htvGWFwvt1XRd2RIaSauosUTvmXXjC_1vbtu/s1600/Untitled.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV2MvrTL0Hif-afnhfgLPnfDF0g9kZj4oiugoNeKiSVOp2OoQ0r5vvvAQfT2Od3l7gcpiNuTllp420fXof1WsQBcBJ4eEIsGCPHeNDqok6htvGWFwvt1XRd2RIaSauosUTvmXXjC_1vbtu/s1600/Untitled.png" /></a></div>
<br />
<br />
Jquery Show/Hide a div onclick.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;"><style></span><br />
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;">body{</span><br />
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;">font-family:Verdana, Geneva, sans-serif;</span><br />
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;">font-size:14px;}</span><br />
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;">.slidingDiv {</span><br />
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;"><span class="Apple-tab-span" style="white-space: pre;"> </span>height:100px;</span><br />
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;"><span class="Apple-tab-span" style="white-space: pre;"> </span>width:150px;</span><br />
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;"><span class="Apple-tab-span" style="white-space: pre;"> </span>background-color: #99CCFF;</span><br />
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;"><span class="Apple-tab-span" style="white-space: pre;"> </span>padding:20px;</span><br />
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;"><span class="Apple-tab-span" style="white-space: pre;"> </span>margin-top:10px;</span><br />
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;"> border-bottom:5px solid #3399FF;</span><br />
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;">}</span><br />
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;">.show_hide {</span><br />
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;"><span class="Apple-tab-span" style="white-space: pre;"> </span>display:none;</span><br />
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;">}</span><br />
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #3d85c6; font-family: Courier New, Courier, monospace;"></style></span><br />
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<span style="font-family: Courier New, Courier, monospace;"><script src="jquery.js" type="text/javascript"></script></span><br />
<span style="color: #cc0000; font-family: Courier New, Courier, monospace;"><script type="text/javascript"></span><br />
<span style="color: #cc0000; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #cc0000; font-family: Courier New, Courier, monospace;">$(document).ready(function(){</span><br />
<span style="color: #cc0000; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #cc0000; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #cc0000; font-family: Courier New, Courier, monospace;"> $(".slidingDiv").hide();</span><br />
<span style="color: #cc0000; font-family: Courier New, Courier, monospace;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$(".show_hide").show();</span><br />
<span class="Apple-tab-span" style="white-space: pre;"><span style="color: #cc0000; font-family: Courier New, Courier, monospace;"> </span></span><br />
<span style="color: #cc0000; font-family: Courier New, Courier, monospace;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$('.show_hide').click(function(){</span><br />
<span style="color: #cc0000; font-family: Courier New, Courier, monospace;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$(".slidingDiv").slideToggle();</span><br />
<span style="color: #cc0000; font-family: Courier New, Courier, monospace;"><span class="Apple-tab-span" style="white-space: pre;"> </span>});</span><br />
<span style="color: #cc0000; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #cc0000; font-family: Courier New, Courier, monospace;">});</span><br />
<span style="color: #cc0000; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #cc0000; font-family: Courier New, Courier, monospace;"></script></span><br />
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #6aa84f; font-family: Courier New, Courier, monospace;"> <a href="#" class="show_hide">Show/hide</a><br /></span><br />
<span style="color: #6aa84f; font-family: Courier New, Courier, monospace;"> <div class="slidingDiv"></span><br />
<span style="color: #6aa84f; font-family: Courier New, Courier, monospace;"><br /></span>
<span style="color: #6aa84f; font-family: Courier New, Courier, monospace;"> <a href="profile.htm" style="text-decoration:none;">Profile</a></br> </span><br />
<span style="color: #6aa84f; font-family: Courier New, Courier, monospace;"><span class="Apple-tab-span" style="white-space: pre;"> </span> </span><br />
<span style="color: #6aa84f; font-family: Courier New, Courier, monospace;"> <a href="changepassword.htm" style="text-decoration:none;">Change Password</a></br> </span><br />
<span style="color: #6aa84f; font-family: Courier New, Courier, monospace;"> <a href="logout.htm" style="text-decoration:none;">Profile</a> </span><br />
<span style="color: #6aa84f; font-family: Courier New, Courier, monospace;"><span class="Apple-tab-span" style="white-space: pre;"> </span></br></span><br />
<span style="color: #6aa84f; font-family: Courier New, Courier, monospace;"><span class="Apple-tab-span" style="white-space: pre;"> </span><a href="#" class="show_hide">hide</a></span><br />
<span style="color: #6aa84f; font-family: Courier New, Courier, monospace;"> </div></span><br />
<br />
<br />
<br />
</div>
Anonymoushttp://www.blogger.com/profile/05365064495300552543noreply@blogger.com0