Category: JQuery

Posted on

Append new row in table

Append new row in table after an ID


var tr = '<tr style="display:none:width:100%" >';
tr += '<td align="left" bgcolor="#FFFFFF" class="product_name">'+sku+'</td>';
tr += '<td align="left" bgcolor="#FFFFFF">'+productname+'</td>';
tr += '<td align="left" bgcolor="#FFFFFF"><input class="ed_pro_input quantity" style="width:100px" type="text" id="quantity" alt="'+productId+'" name="quantity['+productId+']" value="1"></td>';
tr += '<td align="left" bgcolor="#FFFFFF"><input class="ed_pro_input cost" style="width:100px" type="text" id="cost" alt="'+productId+'" name="cost['+productId+']" value="'+cost+'"></td>';
tr += '<td align="center" bgcolor="#FFFFFF"><span class="delete" onclick=" javascript:return confirm(\'Are you sure! You want to delete\');"><img src="../images/del.gif" border="0" /> </span></td>';
tr += '</tr>';
$(tr).insertBefore('#last_tr');

 

Posted on

Slide Up Slide Down

`

//////////////////////////// HTML ///////////////////////////////////////
<a title="Recent Blogs" id="recent_blogs" href="#">Our Recent Blogs</a>  
	<div id="recent_blogs_div">
			<? include("recent_blogs.inc.php");?>
	</div>
//////////////// java script ////////////////////////////////////////////
$(document).ready(function() {
	$('#recent_blogs').click(function() {
		if ($('#recent_blogs_div').is(":visible")){
			$('#recent_blogs_div').slideUp(400);
		}else{
			$('#recent_blogs_div').slideDown(400);
		}
		return false;
	});
});

`

Posted on

after a time period function calling

$(document).ready(function(){
fadeInFadeOut();
var a = 0;
function fadeInFadeOut(){
setTimeout(function(){
if(a == 0){
$(‘#fade’).html(“0121 348 7690”).fadeIn(“slow”);
a=1;
fadeInFadeOut();
}else{
$(‘#fade’).html(“CALL US FREE”).fadeIn(“slow”);
a=0;
fadeInFadeOut();
}
},3000
);
}
})