check checkbox with specific value ( using jQuery )
To check/uncheck checkbox with specific value using jQuery.
To check checkbox with id lead with "chk_hobby_" and has value = 7 :
$("#data-form input[id^='chk_hobby_'][value=7]").prop('checked',true);
To uncheck checkbox with id lead with "chk_hobby_" and has value = 2 :
$("#data-form input[id^='chk_hobby_'][value=2]").prop('checked',false);
HTML Sample :
<form id="data-form">Hobby <div><input id="chk_hobby_2" type="checkbox" name="hobby[]" value="2" checked="true" /> <label>Swimming</label></div> <div><input id="chk_hobby_6" type="checkbox" name="hobby[]" value="6" /> <label>Watching Movie</label></div> <div><input id="chk_hobby_7" type="checkbox" name="hobby[]" value="7" /> <label>Bowling</label></div> </form>
| Demo : http://jsfiddle.net/B6Jks/ |
Javascript UI library
Here some javascript library for make your website user interface (UI) looks good and cut your time to create common UI.They have many common feature which is we need for common website, datagrid, tree, window, menu, accordion, datepicker, etc . |
| jQuery UI http://jqueryui.com jQuery EasyUI jqWidgets |
10 Cartoon wallpaper for your desktop
Here some cartoon wallpaper to make your desktop (computer) looks nice .
Toast's Death 1 Wallpaper, by milkbun
Free tool for draw Diagram

Sometimes we need to draw our idea or business flow so other people can easily understand our idea. I found one good online software to draw diagram . It's free and no need to install anything, just open it using browser (Firefox, Google Chrome, Safari, etc) .
it's Diagramly. Diagramly is diagramming application that enables you to draw Flowchart, UML, Database structure, Business Process, organization structure, etc. You can save your works as Vector, Jpg, Png, XML .
You can access Diagramly @ http://www.diagram.ly/ or if you use Google Chrome you can install it into it https://chrome.google.com/webstore/detail/plgmlhohecdddhbmmkncjdmlhcmaachm ( You can save your works into Google Drive )
CSS Generator Tools
Here some useful web design tools for make your live easier :) .
CSS Button Generator - button.csscook.com

CSS Layout Generator - csslayoutgenerator.com

hear music online



basic jquery tutorial
What is jquery ? jquery is one of most popular javascript library to make your live easier
, you can make animation, ajax, manipulate html with only few line code. You can download jquery file from www.jquery.com . Here same sample jquery for basic usage
.
Hello World
//make sure you use ready state to make sure all element is loaded before execute the script inside
$(document).ready(function(){
alert("Hello World");
});
Full code :
<html>
<head>
<title>Untitled Document</title>
</head>
<body>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert("Hello World");
});
</script>
</body>
</html>
Free Photo Editor Online

If you want to edit your photo , here i found a free online tools to edit your photos become nicer
.
You can try Pixlr . Pixlr provide some usefull tools to edit your photos :
Here some javascript library for make your website user interface (UI) looks good and cut your time to create common UI.









