KiPiPo.com blog gadget design wallpaper web programming review

20Aug/120

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/
Tagged as: No Comments
24Jul/120

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
This library is created  based on jQuery.
http://www.jeasyui.com

jqWidgets
This library is created  based on jQuery and also support for mobile device.
http://www.jqwidgets.com

23Jul/120

10 Cartoon wallpaper for your desktop

Here some cartoon wallpaper to make your desktop (computer) looks nice .

Toast's Death 1 Wallpaper, by milkbun

15Jul/120

Free tool for draw Diagram

Diagramly - Draw Diagrams Online

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 )

Diagramly - Draw Diagrams Online

Diagramly - Draw Diagrams Online

Diagramly - Draw Diagrams Online

Diagramly - Draw Diagrams Online2

Diagramly - Draw Diagrams Online2

Diagramly - Draw Diagrams Online2

Diagramly - Draw Diagrams Online3

Diagramly - Draw Diagrams Online3

Diagramly - Draw Diagrams Online3

Diagramly - Draw Diagrams Online4

Diagramly - Draw Diagrams Online4

Diagramly - Draw Diagrams Online4
19Jun/110

CSS Generator Tools

Here some useful web design tools for make your live easier  :) .

CSS Button Generator - button.csscook.com

CSS Button Generator

CSS Layout Generator - csslayoutgenerator.com

Tagged as: Continue reading
10Apr/110

hear music online

If you have fast internet connection, i think you must try this one.  Online Music Website. In here you can search your favorite song and play it directly no need to download it. You can create your playlist also dan save it. It's free :) . They have so many type  of song, from west, japan, to chinese , etc. Try it at :
12Feb/110

basic jquery tutorial

What is jquery ? jquery is one of most popular javascript library to make your live easier :-D , 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>

7Jan/110

10 awesome Sunset wallpapers

Here 10 awesome Sunset wallpapers

Sunset behind rock

Burning Sunset

Coastal Sunset

10Dec/100

Free Photo Editor Online

photo-editor-online
If you want to edit your photo , here i found a free online tools to edit your photos become nicer   :lol:  .
You can try Pixlr . Pixlr provide some usefull tools to edit your photos :

7Dec/100

create simple menu navigation using CSS

Here i will explain how to make simple menu using CSS (without table) like this.
First create menu using list tag li and make inside <div> element and give it name as "main-menu". After that make css for styling the list.  We must make the list become one line using float:left to make horizontal menu. For the detail you can see in