.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Register
 
Win Surprise Gifts!!!
Congratulations!!!


Top 5 Contributors of the Month
Kaviya Balasubramanian
Sgraph Infotech
Imran Ghani
Post New Web Links

JQuery Plugin Not Working With TabContainer

Posted By:      Posted Date: October 11, 2010    Points: 0   Category :ASP.Net
 

Hi Folks


I have an asp.net TabContainer control on my page (web forms). The TabContainer has two tabs and works fine. The first tab just contains text, the 2nd tab however, contains a JQuery image slider plugin which I used from here http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding


The slider works fine on a normal page, if even works fine on the first tab. However, I cannot get it to work on the second tab. I've read that it's something to do with the fact that the second tab is inactive on load, therefore its display is set to none.


Has anyone got a solution to help me?


Thanks.



Tony.




View Complete Post


More Related Resource Links

JQuery Treeview plugin is not working with Ajax page load in ie8

  

Hi there,

I developed a page where i m using jquery treeview plugin to generate tree. It worked fine on FF, IE8 with out ajax.

But when my page loads thro' ajax call in IE8, it is not collapsing or expanding tree.


Any idea?

Thanks in advance.



Developing GridView Plugin With JQuery

  
There are many times when writing an application need to display data in a table. Most of the time a simple HTML table styled with CSS is enough but occasionally want a bit more. Today we'll look at designing a plugin for jQuery that will add some advanced features such as row selection and sorting.

ASP.NET Repeater Combined with jQuery FAQ Plugin Demo

  
The plugin is really straight forward. You just have to add your FAQ items in a header element such as an h2 and content sections in spans. This could be done in a pure HTML page or the FAQ items and content could be pulled from a database or XML file like I did in the download. Once the markup is built, the plugin does the rest. It will hide the content sections, add click events to the headers to open and close the content sections, toggle the plus/minus symbols and build the index shown on the right if you want.

GridView Plugin For JQuery

  
when I am writing an application I need to display data in a table. Most of the time a simple HTML table styled with CSS is all that I need but occasionally I want a bit more. Today we'll look at designing a plugin for jQuery that will add some advanced features such as row selection and sorting

How To Add Jquery Plugin Tablesorter in Gridview

  
This article shows How To Add Jquery Plugin Tablesorter in Gridview in asp.net using JQuery

jQuery grid view plugin

  
jqGridView is new, client-rich, XML-based, ajax grid plugin for jQuery library. jqGridView provides professional solution for representing and editing tabular data on the web. Carefully designed, with powerful script API, this editable DHTML grid is easy configurable with XML, and shows convincing results working with large amounts of data. jqGridView allows easy implementation of nice looking(managed through css). jqGridView is not platform-depending plug-in, it can be used with different web -programming platforms like: ASP .NET/ASP, PHP, JAVA, CGI scripts etc. jqGridView has hight bowser compatibility.

JQuery Validate plugin to validate a ASP.NET Form

  
The first time I used the JQuery Validate plugin, it did not work at all, see JQuery Validate odd behaviour with the ASP.NET Script Manager for reason, but perseverance and stubbornness prevailed and I finally created my first JQuery validated ASP.NET Forms contact form.

jQuery grid view plugin

  
jqGridView is new, client-rich, XML-based, ajax grid plugin for jQuery library. jqGridView provides professional solution for representing and editing tabular data on the web. Carefully designed, with powerful script API, this editable DHTML grid is easy configurable with XML, and shows convincing results working with large amounts of data. jqGridView allows easy implementation of nice looking(managed through css

jquery confirm windows isn't working

  

Hi, i am using jquery to implement a modal confirm windows but it not working

i have a template field button with ajax confirm using jquery but i have a problem. Apper the confirm windows but when i click on "yes" doesn't execute the delete command. without ajax (using template field button and simple confirm windows javascript) works so well.

Can you give me a hand with this?

thx in advance!


<link href="_assets/css/StyleSheet.css" rel="stylesheet" type="text/css" />
<link href="_assets/css/confirm.css" rel="stylesheet" type="text/css" />
<script src="_assets/js/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="_assets/js/jquery.simplemodal-1.1.1.js" type="text/javascript"></script>

<script type="text/javascript">
  
$(document).ready(function() {
       $("#msg").text('');
       $(".deleteCustomer").click(function(ev) {
                ev.preventDefault();
                var msg = $(this).attr("title");
                $("#HiddenFieldRowId").val($(this).parent("tr").find(".id").val());
                confirm(msg + "?");
        });
})

jQuery Flexigrid Plugin - newbie help

  
HiCan anyone support my attempt to use this jQuery plugin, or know where I can go to get some decent support? I am using a .ashx generic handler and returning xml data but the data won't show up in the html page, any ideas please ????<!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> <title></title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="flexigrid/flexigrid.pack.js"></script> <link rel="Stylesheet" href="flexigrid/style.css" media="screen" /> <script type="text/javascript"> $("document").ready(function () { $("#flex1").flexigrid({ url: 'dac.ashx', dataType: 'xml', colModel: [ { display: 'ISO', name: 'iso', width: 40, sortable: true, align: 'center' }, { display: 'Name', name: 'name', width: 180, sortable: true, align: 'left' }, { display: 'Printable Name', name: 'printable_name', width: 12

jquery is not working in asp.net panel and/or update panel ? need help

  
I have 3 panels on single .aspx page and depending on condition required panel is displayed . Default panel is panel 1 .  I have created a image gallery which displays thumbnails of various images and when I hover on that image its preview is displayed. I have put the code for this image gallery in 2nd panel, it displays thumbnails but on hover preview is not displayed. but  if I somehow make postback then it works. And I place the same code in !st panel it works ? Can anyone tell me whats wrong with my code? Regards, anas anjaria I have 3 panels on single .aspx page and depending on condition required panel is displayed . Default panel is panel 1 . I have created a image gallery which displays thumbnails of various images and when I hover on that image its preview is displayed.I have put the code for this image gallery in 2nd panel, it displays thumbnails but on hover preview is not displayed. but  if I somehow make postback then it works.<div> /* PAnel 1*/ <asp:UpdatePanel ID="updpnl2" runat="server" UpdateMode="Conditional"> <ContentTemplate> <asp:Panel ID="pnl2" runat="server" Visible="false"> /*other coding stuff*/ <div id="wrap"> <div id="styles-table"> <div id="styles-wrap"&g

JQuery Plugin: calling jConfirm from asp.net (code behind)

  
i am using jquery plugin and i got stuck in how to display the confirmation window from code behind and if the user choose "ok" than go ahead delete otherwise ignore. jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) { jAlert('Confirmed: ' + r, 'Confirmation Results'); }); anybody have done similar?  

jquery is not working after postback

  
Hi I am having a small problem with jquery so I did a simple sample to illustrate my problem. the problem is basically that jquery stops working after an autopostback. if you run the sample below, start by setting focus on the first textbox and then blur the first textbox u will notice that the second textbox gets hidden. that all works perfect now try to click on the checkbox to do a postback and then try setting focus on the first textbox. the jquery is no longer working!, why? what am I missing?<%@ Page Language="VB" AutoEventWireup="false" CodeFile="test.aspx.vb" Inherits="test" %> <!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 runat="server"> <title></title> <script src="Scripts/jquery-1.2.6.js" type="text/javascript"></script> <script type="text/javascript" > $(document).ready(function() { $("#TxtB1").focus(function() { $("#TxtB2").show("slow"); }); $("#TxtB1").blur(function() { $("#TxtB2").hide("slow"); }); })

get() method of Jquery not properly working in IE

  

hello,

 I used get method for getting JSON data from .aspx page.This JSON data for chart application which show monthly records.For selecting month I used dropdown and defaultly I set current month chart.But for showing previouse month records in chart   i want to select the  previouse month but chart not shows selected Month record rather than it shows default record.





Color Box Jquery Not Working in Update Panel After the Initial Postback

  

Hi Guys,

I have an UpdatePane that contains a Listview

<ItemTemplate>

 <tr>
	<td>
		<asp:LinkButton ID="lnkName" runat="server" CommandArgument='<%# Container.DisplayIndex %>'
            CommandName="SelectedRow" Text='<%# Eval("Name") %>' Class="info" Rel='<%# Eval("ID") %>' />
    </td>
</tr>
</ItemTemplate>

This linkButton will serves as the trigger to call my color box jquery. Function stated below


 <script src="script/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="script/jquery.colorbox-min.js" type="text/javascript"> </script>
    <script type="text/javascript">

        $(document).ready(function() {

            $("a.info").click(function() {

                $(this).attr("href", "EmployeeDirectoryDetail.aspx?id=" + $(this).attr("rel"));
                $(this).colorbox({ height: "200p

jquery not working in content pages and debugging jquery

  

Hey! Friends

        Please provide me some sample code to work with jquery in content pages. For example my jquery code for validating username availability works in web form but not in content page.

Thank You.


jquery datepicker not working in dialog

  

Hi,

I have an ajax call that opens a dialog that contains a datepicker. The call looks like this:

$.ajax({
            type: "GET",
            url: encodeURI('<%: Url.Action("action", "controller") %>'),
            cache: false,
            dataType: 'html',
            error: function (XMLHttpRequest, textStatus, errorThrown) { $("#dialog").html(errorThrown); },
            success: function (data, textStatus, XMLHttpRequest) {
                $("#dialog").html(data);
            },
            complete: function (XMLHttpRequest, textStatus) {
                openCalendar();
                $('#dialog').dialog("open");
            }
        });

function openCalendar() {
        $('#EndDate').live('click', function () {
            $(this, document).datepicker({ showOn: 'both' }).focus();
        });
    }

The picker opens ok on click but when I try to select some day it won't set the day in the input field and it won't close also.

Thank you in advance



Categories: 
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend