Hi here you can find varieties of menus
http://www.noupe.com/css/multilevel-drop-down-navigation-menus-examples-and-tutorials.html
HappyLife.In
happylife
Friday, August 19, 2011
Friday, November 12, 2010
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
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>
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
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...
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
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
Subscribe to:
Posts (Atom)
Add to basket JQUERY
Image Fly To Basket
Add to cart
Code take from jbasket fly to basket site,,,,