Sliding Panel In A Table?

Aug 12, 2010

I want to display in my web page couple of show times and the list of movies under it.The display would be like this -

Show Time 6.30 PM

Movie 1
Movie 2
Movie 3

Show Time 9.30 PM

Movie 1
Movie 2
Movie 3

I want to display it in such a way that when I Click on "Show Time 6.30 PM" it would display the movies under that show and wont display anything under "Show Time 9.30 PM". Now when I click on "Show Time 9.30 PM", all the contents inside "Show Time 6.30 PM" should shrink and the list of movies should be available in "Show Time 9.30 PM".I need some idea on how to do this, will it be achieved using a sliding panel, or is there any other control.Note - For the show times and movie details I have a collection which I am binding it to a repaeter control.

What I am looking is for a SINGLE sliding panel which floats around every row in the table, So if Row 1 is clicked the panel displays the show times under it, when Row 2 is clicked, the data inside row 1 Is shrinked and the panel floats to down displaying the movies under Row 2.

View 2 Replies


Similar Messages:

Web Forms :: Implement Sliding Panel

Dec 3, 2012

i wish to show a slide panel on webpage.

View 1 Replies

Jquery Cookies - States Of Sliding Panel Doesn't Work

Jan 5, 2011

I have a little problem with my sliding panels, I have a Page with 2 sliding panels (right and left). These panels have a 'slide button' and you can reduce panels by clicking on it. I use cookies to record state of panel, so when you change page panels stay collapsed or extended. But it doesn't work very well, in fact the state is recorded for the page. If I change page, panel will extend (default position) but if I go back on the page it will disapear. Is it possible to ignore the path in the cookie and use a cookie for all website?
Jquery code :

$('#rightfold').click(function () {
if ($('.menudroite').is(':visible')) {
$('.menudroite').hide("slide", { direction: "right" }, 400);
$.cookie('rightfold', 'collapsed');
$('.triggerdroite').animate({ backgroundColor: "#B2C9D1" }, 1000);
$('#rightfold').animate({ color: "#000000" }, 1000);
}
else {
$('.menudroite').show("slide", { direction: "right" }, 400);
$.cookie('rightfold', 'extended');
$('.triggerdroite').animate({ backgroundColor: "#6c7a7f" }, 1000);
$('#rightfold').animate({ color: "#d9f4ff" }, 1000);
}
});
$('#leftfold').click(function () {
if ($('.menugauche').is(':visible')) {
$('.menugauche').hide("slide", { direction: "left" }, 400);
$.cookie('leftfold', 'collapsed');
$('.triggergauche').animate({ backgroundColor: "#B2C9D1" }, 1000);
$('#leftfold').animate({ color: "#000000" }, 1000);
}
else {
$('.menugauche').show("slide", { direction: "left" }, 400);
$.cookie('leftfold', 'extended');
$('.triggergauche').animate({ backgroundColor: "#6c7a7f" }, 1000);
$('#leftfold').animate({ color: "#d9f4ff" }, 1000);
}
});
// COOKIES
var leftfold = $.cookie('leftfold');
var rightfold = $.cookie('rightfold');
// Set the user's selection for the left column
if (leftfold == 'collapsed') {
$('.menugauche').css("display", "none");
};
// Set the user's selection for the right column
if (rightfold == 'collapsed') {
$('.menudroite').css("display", "none");
};

View 2 Replies

JQuery :: Delete Or Add Rows In A Table But Since The Table Is In An Update Panel?

Sep 18, 2010

I am trying to delete or add rows in a table but since the table is in an update panel,upon deletion the row goes away and then comes back.I have tried using return false but it does not seem to work in IE or FF.

I am using the following code:

$(document).ready(function () {
$(.table).click (function ()}
(this).parent().remove();

[code]...

Basically I need a way to disable the postback.

View 5 Replies

Sliding Expiration In Web App Using Claims From STS

Jun 8, 2010

1) How/where do I set the lifetime of the session cookie in my web application when using an STS to get claims? From what I can tell, it seems I can only do this programmatically in the erviceConfigurationCreated event.

2) How/where can I make sure that the expiration is sliding?

View 1 Replies

Use Jquery For Sliding Effect?

May 21, 2010

I am new to javascript and jquery. I have written some javascript code for some client validation.

document.getElementById(spnError).style.display = 'block';

This is how I am showing a span if there is some validation issues in the form. I want to use Jquery to show this span. I would like to slide it down slowly.

View 2 Replies

AJAX :: Sliding Images In And Out?

Dec 28, 2010

I have been exploring for a few days AJAX Toolkit and I am just wondering, if it is possible to move images in and out e.g. from right to left from asp.net image control. I would like to create a control that behaves in a similar way to the ones appearing on MS Store websites which you see there:

[URL]

I have tried to create it using AJAX SlideShowExtender but to be honest I am new to this technology and managed to make it only fade in and out. I was thinking also about using Collapsible Panel Extender but obviously I am not sure where to start.

View 2 Replies

VS 2008 How To Do Auto Site Sliding

Sep 27, 2010

I use my web app on the wall as a dashboard type scenario. One thing that would look great would be to automatically move between pages on my site (and maybe others) after a certain time. For example, you setup page x for 2 mins, then page y for 2 mins then page z for 4 mins. Now, I can do this easily inside my existing website. However, I would like to be able to switch to other sites with login where required. So basically a website of its own that just diverts according to a script. Has anyone seen anything like this on the market or have concepts similar?

Note, my webspages are ajax-ified so any timers would not be allowed to interupt updated.

View 5 Replies

Is NHibernate SysCache Absolute Or Sliding

Feb 7, 2011

I think the question says it all, but I'd like to know for sure.

View 1 Replies

AJAX :: Use Form Sliding In Masterpage?

Sep 14, 2010

How to use form Sliding in masterpage?

View 1 Replies

MVC :: Implement A Sliding Pager In Helper?

Feb 6, 2010

How can I implement a sliding pager in asp.net mvc helper? Take Google pager for example.I've managed to create a pager like this: <previous> current: 9 of 50 pages <next> but I need something like:current: 9 of 50 pages <previous> 4 5 6 7 8 9 10 11 12 13 14 <next>

View 4 Replies

AJAX :: Nested Ajaxtoolkit Accordion Not Sliding

Nov 13, 2010

I am creating a nested accordion in the code behind which is populated from my data table. The requirenment is

1. Main Accordin - create department Panes

2. sub accordin - Each department pane has a accordin in the contnet are.

3. sub accordin panes - people from that department show up as panes in sub accordin.

I was able to impelment this model but the problem is that the sub accordin ( with people) would not slide. First one is opened by default and i see hand on the other header panes but they dont slide (up and down). They do have a content though. P.S - if i implement the same nested according in aspx it works fine. My code

[Code]....

Update - I found that I get "Microsoft JScript runtime error: Sys.ArgumentException: Value must not be null for Controls and Behaviors.Parameter name: element" javascript error when i try to create the nested accordin.

[Code]....

View 1 Replies

C# - Caching With Sliding Expiration In .NET Page Methods?

Mar 5, 2011

I know that when declaring a page method in ASP.NET, I can specify a CacheDuration like so:

[WebMethod(CacheDuration=60)]
public static void Foo()
{

But from what I understand, CacheDuration only supports absolute expiration. I want to have sliding expiration. So that leads me to believe that I need to access the System.Web.Caching.Cache object somehow. But, since page methods are static, and this is essentially a standalone web service, I'm not sure how to access it statically. The only ways I have seen on Google rely on getting it from the HttpContext. But, there is no HttpContext available to me here, right?Or, do I need to use the System.Runtime.Caching.MemoryCache to do my own caching?

View 1 Replies

State Management :: Authentication Cookie Expiration Not Sliding Properly?

Mar 28, 2011

we have a web based application that let users register, activate their account and then login to use the app...

it is very important that accounts must not be used simultaneously, so if user a is logged in using mynameisA/mypassword, no one else can login at the same time using the same credentials, until he logout.

this was achieved by using a cache mechanism that inserts an entry specific to that user and will keep on refreshing at each request, until the user logouts, where we remove that cache entry. on login, we check whether that cache entry is there in order to allow him in or throw a message saying that the user is already logged in... we use enterprise library 5.0 which we found more reliable than the asp.net cache, and for various other practical reasons.

now, this works fine, but the problem is that it seems like the authentication ticket and cookie doesnt slide properly at each request. so sometimes, users end up logged out because their authentication ticket got expired, and they cannot login again because the cache entry is still there.

here is the code in the sign-in page:

' if user credentials are valid, and other checks and validations...

[Code]....

here is the code that runs on every authenticated request (httpmodule):

[Code]....

and here is the web.config stuff:

[Code]....

we've done all kind of tests including metabase IIS6 monitoring. there is no apppool recycle happening...

checking the authentication cookie in firefox view cookies option shows that on each request, the expiration time of the authentication cookie is not sliding.

View 7 Replies

Web Forms :: Programmatically Add Row To A Table Within An Update Panel?

Jan 17, 2011

I am currently working on a signup sheet for new students. For each new student, we want add their schedule; therefore, I have a drop down list that displays the teachers which update another drop down list that displays the selection of the class the teacher teaches. The problem is that a student may have one or more classes, depending if they are in lower school or in upper school. The question is, how do add another row to the table and make sure it does not disappear when I select a teacher. Using jQuery, I successfully add the row with two new drop down list, but as soon as I select any of the teacher, the update panel refreshes and the new row disappears...

Here is the jQuery code:

[Code]....

ASP.net:

[Code]....

View 2 Replies

AJAX :: Dynamically Add Table Rows Within Update Panel?

Sep 18, 2010

In my webform, i have 3-4 textbox, on there textchange event i have to fetch data from database and put it on the form. I have taken another html table (with runat="server") below textbox and and in textchange event created a new <tr>, <td> and simply added contents in <td>, then finally added <tr> in the table. This is done in UpdatePanel.

When i enter something in textbox1 data is added in that table,that's fine. But when i enter something in 2nd textbox the previous data is overridden. My requirement is that if 2nd textbox's text changes than another row with appropiate data should be added, i.e., now two rows. Silimarly if 3rd ,4th textbox data changes then subsequently 3 or 4 rows should be displayed.

View 4 Replies

Web Forms :: How To Make Background-image Of Table Or Panel Rounded

Sep 16, 2010

I have taken background-image of a Table and Panel, that image's corner is rectangula. How can i make its corners Rounded ?I searched some online resources, images were made rounded, how to make make background-image rounded on the fly ?

View 7 Replies

Web Forms :: Stretch Image In Panel Works, But In Table Needs Minimum Width?

Aug 10, 2010

I have a panel where I have set a background image. (This image can stretch with the style I have declared) In this panel I have put a table with 3 Columns The table has width="100%" to be as wide as the panel. Each column has a label.

What I am trying to do is that Column 2 & 3 will have a static width and the Column 1 will have a dynamically width that can change if the browser window is adjusting its width.The problem in the code below is that the Column 2 & 3 width is getting smaller if the browser windows width is getting as small as possible. I am trying to have the width static all the way but in when the browserwindow get a very small width the columns
is getting small too.

Is it possible to set a minimum width to a <td> ?I have commented out the image to see more clear what happens. [Code]....

View 3 Replies

Can Create "Sliding Page" Effect In Web Application

May 31, 2010

Looking to implement a solution on a web application but don't know if it is possible. If clicked the menu would take you to the full page with slide(Left to right / right to left). slide looks like iPhone Application.

View 2 Replies

MVC :: Sliding Pager - Get Any Other Page Instead Of Current Page

Feb 15, 2010

i have a problem in Sliding pager. the problem is that when i tried to get any other page instted of current page it give me error The resource cannot be found. my rutting method on globa.asa

routes.MapRoute(null,"",new { controller = "Products", action = "List", page = 1 });
routes.MapRoute(null,"Page{page}",new { controller = "Products", action = "List" },new { page = @"d+" });

and my htmlhelper is

public static string PageLinks(this HtmlHelper html, int currentPage,int totalPages, Func<int, string> pageUrl)
{
StringBuilder result = new StringBuilder();
for (int i = 1; i <= totalPages; i++)
{
TagBuilder tag = new TagBuilder("a"); // Construct an <a> tag
tag.MergeAttribute("href",pageUrl(i));
tag.InnerHtml = i.ToString();
if (i == currentPage)
tag.AddCssClass("selected");
result.AppendLine(tag.ToString());
}
return result.ToString();
}

View 4 Replies

AJAX :: Two Modalpopupextender On The Same Page To Display Two Diff Table In Diff Panel?

Jul 29, 2010

[Code]....

For the Second gridview is directly below the first panel

asp:Label ID="Label12" runat="server" Text="Label" style="display:none;" ></asp:Label>
<asp:Panel runat="server" ID="popupPanel2" BackColor="White">
<table style="width:64%; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px;"
id="Table1" runat="server">
<tr>
<td style="width: 122px">
<asp:Label ID="Label7" runat="server" Text="From Project:"></asp:Label>.........

View 2 Replies

AJAX :: Decrease Loading Time Of Update Panel On Panel Bar Item Click

Jan 2, 2010

I have a panel bar..each time I press panel bar item I display ascx control with in update panel..but it lakes update panel loading time lot..how I can decrease that loading time?

View 2 Replies

AJAX ModalPopup Update Panel Contents Based On Change In Panel Controls

Aug 30, 2010

I have an AJAX Modal Popup panel that contains a RadioButtonList, 2 labels and 2 DropDowns. I want to update the Labels and DropDowns when a radio button is selected. My attempt at this posts back which causes the ajax popup to disappear.

aspx called on image click:
<asp:Panel ID="pnlModalContainer" runat="server">
<asp:RadioButtonList ID="rblTest" runat="server" RepeatDirection="Horizontal" OnSelectedIndexChanged="rblTest_SelectedIndexChanged">
[code]...

View 1 Replies

Web Forms :: Disable A Panel Until A Selection Has Been Made In A Dropdown List In Another Panel

Nov 16, 2010

I have a page with several panels. panel1 has a drop down list to select client. panel2 has two drop down lists to select facility1 and facility2. I want panel 2 to be disabled (both facility1 and facility2 drop downs disabled) until a selection has been made in panel1 drop down list. when a client is selected from dropdownlist1, I want to enable both dropdown list2 and 3 in panel2.

View 7 Replies

AJAX :: Collapsible Panel Extender / Close Automatically Whenever A Link Inside The Content Panel Has Been Clicked?

Apr 14, 2010

I am having trouble wiht my AJAX collapsible Panel Extender. I have the CPE opening a panel that contains the Table of Contents of a document being displayed on the page. A user clicks on the link for a certain part of the document, the event triggers a C# function that gets the file that particular section is contained in an displays the section. Right now you have to, of course, click on the TitlePanel to open and to close the CPE. What I want to do is have it close automatically whenever a link inside the content panel has been clicked. I have tried placing this.cpeTOC.Collapsed=true; in the functiion that gets the files but it does not work. I have also tried the autocollapse property of the CPE and it just collapses whenever someone moves thier mouse from the titlepanel.

View 1 Replies







Copyrights 2005-15 www.BigResource.com, All rights reserved