JQuery :: How Jquery Use In Web Page
Nov 5, 2010I request that please send me example to use jquery feature in asp.net web page.I sure and will that one will help me and send
View 4 RepliesI request that please send me example to use jquery feature in asp.net web page.I sure and will that one will help me and send
View 4 RepliesI have implemented a lot fo JQuery features into my ASP.Net web application. I am using JQuery, JQueryUI, JQuery Validation and a couple of other plugins. They are all coexisting and working fine. This one page in my app has the JQueryUI tabs, Modal progress pop-up working just fine. This page also has a couple of JQuery AJAX calls to my server side events. That all works fine!
I just added a Jquery date picker to one of the text boxes on the first tab on my data entry form and nothing happens or is displayed when you click on the date textbox. I am going to post the HTML markup for the page and my JQuery code. Please let me know if you see anything glaring? HTML
[Code]....
Script
[Code]....
one juvenile question , i am having a asp.net intranet application which is using jquery, instead of ref jquery to every page, i decided it to put it on the master page inside the script manager scriptReference tag. note not all pages of my application requires jquery, so is it a wise thing to do, or it will affect the performance,
View 2 RepliesIf I use jQuery AJAX to call a specific ASP.NET page method how to have that method return a value back to the AJAX method that called it?
Update
My situation is I have an existing web application with many existing methods. I would like to be able to use jQuery to execute some of these methods and then update the UI with the results. My mandate is to stay away from ASP.NET AJAX and stick with jQuery. Management is concerned about continued development and support with ASP.NET AJAX from Microsoft. I agree with them.
I have a nested master page. A parent master page, a child master page and a content page whose master page is the child master page. I have a reference to jQuery in the parent master page in the head section.<script type="text/javascript" src='<%#ResolveUrl("~/includes/jquery-1.4.2.min.js") %>' ></script> & Page.Header.DataBind(); in the OnLoad event.
I am using jQuery in all the pages including the master pages. However I am getting "Error: $().ready is not a function" in the content page. If I include jQuery reference in the content page it works. Question: If the reference to jQuery is in the master page head section, why aren't the content pages able to use jQuery? When I do view source, the script tag with jQuery is there and it works. The master pages and content page are merged during rendering and sent to the browser as a single html page so I am not sure when master pages are used, jQuery references break.
UPDATE:
When I changed '$.ready(function()' to 'jQuery(document).ready(function($)' it worked! I am not loading any other javascript libraries and I am not using MS Ajax.
I have aspx page and in that page i registerd ascx page. i want to access the aspx page <div id = "idofdiv"> from ascx page jquery function. i have jquery function in ascx page. i want to access idofdiv in that function.
View 2 RepliesI'm finding it next to impossible setting up a slideshow given the constraints I have. I could do it easily using a listview control except listview controls don't automatically page themselves! Is it possible to use jquery to create a play/pause button to auto page through the listview control, making it a slide show?
View 1 RepliesAny best tutorial for Registration Page With Jquery Validations
View 2 RepliesI am having some problem with Jquery validation.
In my application i am using jquery validation plugin..I am using Updatepanels and i am validating using
Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest(ValidateMyForm);
and ValidateMyform will validate on each button click...
var objPost = args.get_postBackElement();
if (objPost === null || objPost === undefined) return;
if (objPost.type == 'submit') {[code].....
Here I want to get back the page to normal stage(like after a full page postback)...even though after async postback the validation is still active...it should not get back to normal and its throwing errors if i enter something wrong...this is because the page is not fully refreshed on asyc postbacks...I just want get the like the normal after each asyc post back...
I tried using submit and reset to reset the page but its became to normal..the validation is still active...I have no idea what to do..
I have code that when i press a button an image starts to annimat. But when the page is finished loading the image resets. Is this a server issue? and how can i fix it.
Heres my code
<script type="text/javascript">
$(document).ready(function () {
$('#LOGINbtn').click(function () {
$('#logIMG').animate({
height: '380'
});.........
I insert this block of html/css/jquery into my page - in Safari and FireFox it works fine, but in IE 7/8 at about the 8th block of this the Style and some Jquery fx doesnt seem to catch; it is exactly the same as my other code, no mods in the ones that arent catching. It is just inserted in a column in my table on my page, actually the literal is there in the column, my literal.Text outputs blocks of:
[Code]....
Specifically the Style of
[Code]....
[Code]....
which is the best way to learn Jquery....and what all topics I need to cover to learn Jquery in full...so I could code like a pro.
View 2 RepliesI am opening a new page using jquery thickbox. I already gave the height and width in query string as required for thickbox.Its working fine in Firefox, but when I open that in IE or chrome, there is scroll bar coming with the popup. But I don't want that scroll bar.click here open this site in FF, IE and chrome. And then go to the bottom right and click on send to a friend link.
View 3 RepliesI want to know, how to pop up a Jquery Div Pop in asp.net page load. I will get some input parameter thru query string. If that input parameter matches in DataBase then I need to load a page with out Pop Up. If that input parameter doesn't match in DataBase, then I need to load DIV POP UP. And on Ok button click in POP UP, I want to hide POP UP and show normal page.
View 1 RepliesA little stuck on this one:jQuery ajax message sent to the ASP.NET page with calls a WebMethod. The WebMethod creates an Zipper object that zips up a folder specified in the ajax message. I want to be able to pass data back to the client as to the progress of the zipping.I have this data in the Zipper object but I don't know how to pass it back.
View 3 Replies to directly get all elements in a form who contains a non html attribute ?
<input .... customAttribute="validateMe">
So I could find all input elements that will require validation.And use this in a loop to add validation to the input's found :
$('input').attr("customAttribute").val() == "validateMe"
I could also write every validation for each object separately, I have only a few elements who uses a required validation but it would be nice that I could do this in one shot instead of repeating the $("input").rules("add .....
how to save and retrive date in database using jquery ajex asp.net ,JSOn,XML
View 2 RepliesI am using jQuery for custom sorting my <ul><li> list.But I have a problem. I can sort and move those <li>-s but problem is I don't know how to update database with new order integers.Example of html ul li:
[Code]....
This is an example of my li element.. I have id=43, thats Id of picture in database.I use this javascript for trying to somehow make array and read that id into array:
[Code]....
Problem is I don't know exactly what am I doing wrong, because my event doesn't fire, when I press "update button.. Update button fires "update" function on click:
[Code]....
I hope someone will try to explain.Do codebehind and html needs to be in the same document? Can I use ascx and use "update" button there, to fire aspx methode?
I have 2 update panels where the server-side button (in a jQuery accordion) in the first update panel should update the second update panel.When the button is clicked, jQuery hides the accordion and displays a results div. This all works fine client side to be fair to IE. The server-side onclick event does not fire though in IE. In Firefox it does! The first update panel is displayed below, here the "btnGenerateReport" event should fire server side.
[Code]....
To add confusion ... if I comment out '$accordion.toggle($effect);' lines then the second update panel does get updated.I'm not sure what other information I can give here. I'm stumped as to why this works with Firefox and not IE.
On my page I have textbox in which user enters value. When 3 values are entered the autocomplete panel shows.In the panel the names and surnames of all available people are shown bassed on the value user enters. Bellow each name and surname is picture of each "candidate". However images are stored on another server (using https "protection") and some people don't have picture.
onerror="this.onerror=null;this.src='../Pics/Errors/NoPic.jpg'"
into <img> tags in Web Handler.
We have a site that is public facing, let's say it's http://www.example.com. When the SSL is implemented, [URL], I can no longer access the jQuery 1.4.3 file on my own server. Furthermore, after a tweak to the security setting, I was able to get past the 'Access is Denied' error, but the first call was null.I understand there is a problem with different protocols actually being within the scope of the cross-domain problem? Is that true? And if so, will this now require JSONP?
<script type="text/javascript" src="<%= ResolveUrl("~/js/jquery-1.4.2.min.js") %>"></script>
<script type="text/javascript" src="<%= ResolveUrl("~/js/jquery.jstree.min.js") %>"></script>
<script type="text/javascript" src="<%= ResolveUrl("~/js/jquery.dataTables.min.js") %>"></script>
<script type="text/javascript" src="<%= ResolveUrl("~/js/jquery.cookie.min.js") %>"></script>
i have using jquery for autocompelete option and iam using ashx file, i have 2textbox, i need to show diffrent search record in the text box, iam using 2 ashx file to show the value using jquery, i want to user single ashx file instead of iam using 2 ashx handle filer can use switch case to handle this , i want to use 7textbox all textbox i need to do autosearch, how to handle this senario using jquery and ashx handler file
clsquery.updatetablestring = "select top 2 Cont_number from ASPrearrival_list where Cont_number";
clsquery.updatetablestring = "select top 2 custid,custname from ASCustomer where custname";
// this is my auto search iam using 2 handler file , i wants only one handler instead of 2handler
<script type="text/javascript" src="jquery.autocomplete.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#<%=txtcontno.ClientID%>").autocomplete("Handler1.ashx");
$("#<%=txtcname.ClientID%>").autocomplete("Handler.ashx");
}
);
handler ashx file
<%@ WebHandler Language="C#" %>
using System;
using System.Web;
using System.Data.SqlClient;
using ASbusinesslogic;
public class Handler : IHttpHandler {
public void ProcessRequest(HttpContext context)
{
string firstname = context.Request.QueryString["q"];
string sql = clsquery.updatetablestring;
sql = clsquery.updatetablestring+" "+"Like"+" '"+ firstname +"%'";
//string sql = "select top 2 mlid,mloname from ASlinermaster where mloname like '" + firstname + "%'";
using (SqlConnection connection = new SqlConnection(System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"].ToString()))
using (SqlCommand command = new SqlCommand(sql, connection)) { connection.Open();
using (SqlDataReader reader = command.ExecuteReader())
{
while (reader.Read())
{
context.Response.Write(reader.GetString(1)+ "-"+ reader.GetValue(0) + Environment.NewLine);
}
}
}
}
public bool IsReusable {
get {
return false;
}
}
}
handler1
<%@ WebHandler Language="C#" %>
using System;
using System.Web;
using System.Data.SqlClient;
using ASbusinesslogic;
public class Handler1 : IHttpHandler {
public void ProcessRequest(HttpContext context)
{
string firstname = context.Request.QueryString["q"];
string sql = clsquery.updatetablestring + " " + "like '" + firstname + "%' ";
using (SqlConnection connection = new SqlConnection(System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"].ToString()))
using (SqlCommand command = new SqlCommand(sql, connection))
{
connection.Open();
using (SqlDataReader reader = command.ExecuteReader())
{
while (reader.Read())
{
context.Response.Write(reader.GetString(0) + Environment.NewLine);
}
}
}
}
public bool IsReusable {
get {
return false;
}
}
}
when i click the picture that is displayed in the detailsView ImageField, the jquery lightbox pops up, but does not show the picture. it shows a red x in the middle of the lightbox. the same thing happens with the asp:Image control shown in the code below. The picture is stored in a SQL database Image datatype. Using master pages.
[Code]....
[Code]....
[Code]....
i m having a bit of trouble here with .. i am changing the text from a dropdown inside the gridview to a cell inside that perticular row.... the code for the jquery i hav used to alter the text is :
[Code]....
the corresponding gridview is :
[Code]....
now after the text is changed into the corresponding cell ... i m trying to access it as per normal server side code as :
[Code]....
I have a photo album gallery within my website and would like to allow users to sort the order of their photos within an album. After looking at very different ways I came across this example
http://www.west-wind.com/rick/photoalbum/demoMaui2006/Default.aspx?Admin=true which is exactly what I need.
The photo are stored in the uploads directory and details in the database. The images are displayed using the ListView as shown below:
[Code]....
I would like to rearrange the order of the photos; change the captions and/or delete the photos just like as in the example.
So could someone please provide the steps that I need to follow in order to achieve the following:
Firstly to display the photos from the Photo table in the database (can use the above listView) Rearrange the order; change caption and/or delete the photo(s) Final to update the changes in the Photo table
I am new to programming, especially jQuery so could you kindly provide/explain the steps that I need to follow.