HappyLife.In

HappyLife.In
happylife

Friday, August 19, 2011

such great place for all menus

Hi here you can find varieties of menus

http://www.noupe.com/css/multilevel-drop-down-navigation-menus-examples-and-tutorials.html

Thursday, January 7, 2010

Typical Validation

Idea Is Form with 5 text box's. validation ,

Form with 5 text boxes, that five text box's are via1,via2,via3,via4,via5 ,

if they filled the via2 textbox then they should enter the via1 also,

Some time user have only one diversion , In that time they have to enter his diversion only in the via1 textbox , not an via2 textbox,


If all fields are empty , then no validation alert,


<script>
function validate_form(myForm){
for(var i = 5; i > 1; i--) {
if (myForm.elements['via'+i].value != '' && myForm.elements['via'+(i-1)].value == '')
{
alert('You need to fill field via' + (i-1) + ' before!');
return false
}
}
}
</script>

<form name='myForm' method='post' onsubmit="return validate_form(this);">
<input type="text" id="txt_vai1" name="via1" class="valiMe" />
<input type="text" id="txt_vai2" name="via2" class="valiMe" />
<input type="text" id="txt_vai3" name="via3" class="valiMe" />
<input type="text" id="txt_vai4" name="via4" class="valiMe" />
<input type="text" id="txt_vai5" name="via5" class="valiMe" />
<input type="submit" />
</form>


The snippet Source From IRc

Wednesday, January 6, 2010

Array Check box validation

Hi all,


Array Check box validation ...


<html>
<head>
<script type="text/javascript">
function validate_array_checkbox(form_object,checkbox_name){
var total=0;
for(var i=0; i < form_object[checkbox_name].length; i++)
{
if(form_object[checkbox_name][i].checked)
{

return true;
}
}
alert("Please select your place") ;
return false;
}
</script>
</head>
<body>
<form method="post" onSubmit="return validate_array_checkbox(this,'pl[]');">
<input type="checkbox" name="pl[]" value="Chennai" />Chennai
<input type="checkbox" name="pl[]" value="Madurai" />Madurai
<input type="checkbox" name="pl[]" value="Delhi" /> Delhi
<input type="submit" value="Validate" />
</form>
</body>
</html>

Thursday, October 29, 2009

JQUERY FLY ANIMATION

Hi all ,

Past couple of days am very much struggled for this effect ,

At last yesterday night i got the solution ,

But this same solution may available in Google , but is sure this JQUERY BASKET SNIPPET surly different one in functionality view ,I take this snippet demo from jquery fly to basket site,
I customized based on my requirement ,


Code description :

Basically this is e-commerce application ,

Assume using coming to our shopping portal ,

Assume they click the Add To Cart

Then the image mirror will be fly to cart and

then the cart count get contents ,

Just try this...

Use full one ...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Image Fly To Basket</title>
<script src="http://code.jquery.com/jquery-latest.js"> </script>
<script type="text/javascript">
$(document).ready(function(){
$("#add_to_basket").click(function(){
var productY = "56";
var productX = "277.5";
var basketY = "91";
var basketX = "926.5";
var gotoY = "35";
var gotoX="649";
var newImageWidth= "23.66666666666667";
var newImageHeight= "44";
$("#imagepreivew" + " img")
.clone()
.prependTo("#imagepreivew")
.css({'position' : 'absolute'})
.animate({opacity: 0.4}, 100 )
.animate({opacity: 0.1, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight}, 1200, function() {
$(this).remove();
});
});
});
</script>
</head>
<body>
<div id="imagepreivew"><img src="http://t2.gstatic.com/images?q=tbn:Bm9iOrDIO8DuXM:http://www.globwon.com/images/nokia%25205800.jpg" border="0" /></div>
<div id="add_to_basket" style="background-color:#666666; color:#FFFFFF; font-weight:bold; width:90px; height:30px; vertical-align:middle; text-align:center;">Add to cart</div>
</body>
</html>


Thanks

Saturday, October 10, 2009

What is callback

Hi all ,

Its general question what is callback ,

But lot of fresh programmer dont know ,

Call back is nothing but an function call...

Friday, October 9, 2009

scheduling or cron jobs

Hi friends ,

You want to do some scheduling job or some automatic updates in some situation do the scheduling job/ cron job ,

In windows its scheduling, in linux its cron job ,

Here is the script , very simple code.

I dont want to waste your life time...So go head...


'VBScript File

Sub MyASPJob()

Dim oXMLHttp
Dim sURL

on error resume next

Set oXMLHttp = CreateObject("MSXML2.XMLHTTP.3.0")
'sURL = "http://192.168.1.89:99/managingautoamtion/readPnnNews.aspx"
sURL = "http://192.168.1.89:99/scheduling/dbbackup.php"

oXMLHttp.open "GET", sURL, false
oXMLHttp.send()

if oXMLHttp.status = 200 Then
' Retrieve enter HTML response
'MsgBox oXMLHttp.ResponseText
else
' Failed
'MsgBox "Failed"
end if


Set oXMLHttp = nothing

End Sub

Call MyASPJob()



Thanks By

Bharanikumar.B.S

Thursday, May 28, 2009

Select All,Select None,Select Invertion




<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready( function() {

// Select all
$("A[href='#select_all']").click( function() {
$("#" + $(this).attr('rel') + " INPUT[type='checkbox']").attr('checked', true);
return false;
});

// Select none
$("A[href='#select_none']").click( function() {
$("#" + $(this).attr('rel') + " INPUT[type='checkbox']").attr('checked', false);
return false;
});

// Invert selection
$("A[href='#invert_selection']").click( function() {
$("#" + $(this).attr('rel') + " INPUT[type='checkbox']").each( function() {
$(this).attr('checked', !$(this).attr('checked'));
});
return false;
});

});
</script>

<fieldset id="group_1">
<form>
<input type="checkbox" name="numbers" value="0" />
<input type="checkbox" name="numbers" value="1" />
<input type="checkbox" name="numbers" value="2" />
<input type="checkbox" name="numbers" value="3" />
<input type="checkbox" name="numbers" value="4" />
<input type="checkbox" name="numbers" value="5" />
<input type="checkbox" name="numbers" value="6" />
<input type="checkbox" name="numbers" value="7" />
<input type="checkbox" name="numbers" value="8" />
<input type="checkbox" name="numbers" value="9" />
</form>
</fieldset>.

<a rel="group_1" href="#select_all">Select All</a>
<a rel="group_1" href="#select_none">Select None</a>
<a rel="group_1" href="#invert_selection">Invert Selection</a>

This is basically jquery check all checkboxes

Wednesday, May 27, 2009

Get checkbox count using JQUERY










Demo Snippet is below

<script src="jquery.js" type="text/javascript">
function chk_box_count(){
var lenChkBox = $("input:checked").length;
alert(lenChkBox);
}
<script>

<form>
<input type="checkbox" name="chk1" >
<input type="checkbox" name="chk1" >
<input type="checkbox" name="chk1" >
<input type="button" value="Check box count" onclick="chk_box_count()" >
</form>




Select All,Select None,Select Invertion

Select All Select None Invert Selection

Add to basket JQUERY

Image Fly To Basket
Add to cart
Code take from jbasket fly to basket site,,,,