var lat = document.getElementById("<%= hflat.ClientID %>").value;
alert(lat);
var mytit = document.getElementById("<%= lbltitle.ClientID %>").innerHTML;
alert(mytit);
Showing posts with label jquery. Show all posts
Showing posts with label jquery. Show all posts
Friday 26 July 2013
Get label value, Hidden field value using java script / jquery
Friday 5 July 2013
Gridview row hover alert rowindex
on hover Gridview row, show row index as alert message
write onmouseover on rowdatabound
write onmouseover on rowdatabound
protected void mygridview_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowIndex != -1)
{
e.Row.Attributes["onmouseover"] = "showContents('" + (e.Row.RowIndex + 1) + "')";
}
}
{
if (e.Row.RowIndex != -1)
{
e.Row.Attributes["onmouseover"] = "showContents('" + (e.Row.RowIndex + 1) + "')";
}
}
<script type="text/javascript">
function showContents(rowIndex) {
var gv = <%= mygridview.ClientID %>;
var rowElement = gv.rows[rowIndex];
var title = rowElement.cells[0].innerHTML;
alert(rowIndex + ',' + title);
}
function showContents(rowIndex) {
var gv = <%= mygridview.ClientID %>;
var rowElement = gv.rows[rowIndex];
var title = rowElement.cells[0].innerHTML;
alert(rowIndex + ',' + title);
}
Friday 21 June 2013
string split using jquery / java script
var a = "one,two,three".split(",") // Delimiter is a string
for (var i = 0; i < a.length; i++)
{
alert(a[i])
}
var b = "1+2=3".split(/[+=]/) // Delimiter is a regular expression
for (var i = 0; i < b.length; i++)
{
alert(b[i])
}
for (var i = 0; i < a.length; i++)
{
alert(a[i])
}
var b = "1+2=3".split(/[+=]/) // Delimiter is a regular expression
for (var i = 0; i < b.length; i++)
{
alert(b[i])
}
Friday 15 February 2013
Highlight Asp.net Gridview Rows on MouseOver in jQuery
<script type="text/javascript">
$(document).ready(function() {
$('#gvrecords tr:has(td)').mouseover(function() {
$(this).addClass('highlightRow');
});
$('#gvrecords tr').mouseout(function() {
$(this).removeClass('highlightRow');
})
})
</script>
<style type="text/css">
.highlightRow
{
background-color:#FFCC00;
text-decoration:underline;
cursor:pointer;
}
</style>
$('#gvrecords tr:has(td)').mouseover(function() {
By using this we are identifying row tr with td and applying css style for gridview. Instead of this we can write the code like this
$('#gvrecords tr').mouseover(function() {
But above code will apply css style for gridview header also for that reason we written above code to identity and apply css style for row tr with td
Monday 11 February 2013
Blinking text using jQuery
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Add blinking effect to text in jQuery</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(function() {
blinkeffect('#txtblnk');
})
function blinkeffect(selector) {
$(selector).fadeOut('slow', function() {
$(this).fadeIn('slow', function() {
blinkeffect(this);
});
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="txtblnk"> <p><strong><font color="red">Welcome to dotnetdatastuff.blogspot.in</font></strong></p> </div>
</form>
</body>
</html>
Monday 4 February 2013
jQuery Get Current Page URL
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Get Curent Page Url using jQuery in Asp.net</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(function () {
var url = $(location).attr('href');
var title= $(this).attr('title');
$('#spn_title').html('<strong>' + title + '</strong>');
$('#spn_url').html('<strong>' + url + '</strong>');
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<p>Current page URL: <span id="spn_url"></span>.</p>
<p>Current page title: <span id="spn_title"></span>.</p>
</div>
</form>
</body>
</html>
Tuesday 22 January 2013
Difference between JavaScript and jQuery
S.No JavaScriptjQuery1Meaning:JavaScript is the most popular scripting language on the internet, and works in all major browsers, such as Internet Explorer, Firefox, Chrome, Opera, and Safari.Meaning:JQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.2 Composed of:JavaScript is a combination of ECMA Script and Document Object Model (DOM).Composed of:jQuery has Document Object Model (DOM).3 Web-based application creation:JavaScript has many processes in creating web based applications.Example:Two JavaScript function to change the background color with the onload function that would need to placed into the body tagfunction changeBackground(color) {document.body.style.background = color;}onload="changeBackground('red');"Note:If we use this unstructured code then there is many problems to validate the html source of web page. So JQuery is best to use and easy to understand.Web-based application creation:Creating a web based application using jQuery becomes easier.Example:One JQuery changing the background color of a body tag$('body').css('background', '#ccc');This is the clean code JQuery provides.4 Animation Creation:Animations are not possible using JavaScript.Animation Creation:Animations can be easily created using jQuery.