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.
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 RepliesI 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");
};
EDIT:
here is what its generating at runtime after i debug the code
<script type='text/javascript'>
$('#ctl00_ContentPlaceHolder1_tabControl_gv_ctl03').show().fadeIn(8000).fadeOut(90000)
</script>
ere is what i am looking for...
how do i highlight the gridview control row after i am done updating with the row?
<asp:GridView runat="server" CssClass="DataWebControlStyle">
<AlternatingRowStyle CssClass="AlternatingRowStyle" />
<RowStyle CssClass="RowStyle" /> <
HeaderStyle CssClass="HeaderStyle" />
<SelectedRowStyle CssClass="SelectedRowStyle" />
</asp:GridView>
protected void gv_RowUpdating(object sender, GridViewUpdateEventArgs e)
{
//update....
}
I'm here again because of jquery overlay.I have an overlay that loads a normal Div into it, i want to apply the apple effect to it, but i can't, i get an javascript error "Effect no found".The code for the jquery function is written as below:
[code]...
I have a simple page with 4 thumbs. All I want to do is when the mouse is hovering over a link, the thumb to move up like it's hovering. When the mouse leaves the link, then the the thumb moves down to it's original spot.
I can't seam to find any tutorials on how to create that effect. I tried bing and google but none of them are what I'm trying to do.
I was looking the Highlight effect of Jquery's. That effect is really the one i would like to add in my webpage.
By looking at the the source code, i noticed that the effect will be reproduced on user's click of the div.
$("div").click(function () {
$(this).effect("highlight", {}, 3000);
});
In my webpage i have an ImageButton
<asp:ImageButton ID="btnFavorite" runat="server" ImageUrl="~/Images/Favorite.png"/>
I would love to perform the highlight effect to the div, when the user clicks on the image button. Is it possible?
UPDATE: If it is possible, could i use something like "OnClientClick=" of the ImageButton, since the imagebutton controls are added dynamically to the webpage?
wanted to give easying effect to the div which contains some text. i am using jqueryui script.
View 6 Repliesi have two update panels as follows (when linkbutton is clicked i'm trying to highlight div)
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Linkbutton id="btnChange" runat="server"
[code]...
I'm overriding OnLoadComplete and registering this script on page as follows
ScriptManager.RegisterClientScriptBlock(Me, Me.GetType(), "divHigh", "$('#shdr').effect('highlight', {}, 3000);", True)
This highlights the div after postback but the timeout value doesn't work it continues to show highlighted color and doesn't change back.
i am able to click on the ImageButton and apply the Jquery highlight effect to a different div
$("#btnFavorite").click(function() {
// selector for element to highlight
$("#theDiv").effect("highlight", {}, 3000);
});
Now i would like to extend the question as follows. I add the ImageButtons to the webpage dynamically, and i would like to apply the effect on the div for every ImageButton click.
<asp:ListView ID="ListView1" runat="server">
<layouttemplate>
<asp:PlaceHolder id="itemPlaceholder" runat="server" />
</layouttemplate>
<ItemTemplate>
<asp:ImageButton ID="btnFavorite" runat="server" ImageUrl="~/Images/Favorite.png"/>
</ItemTemplate>
</asp:ListView>
What should i do in that case? By using ItemDataBound of the listview and adding attributes like btnFavorite.Attributes.Add("onmouseclick", "doSomething") or what?
I have a very unique problem, humm i think. I am using a jquery effect that animate bounce effect, i have a line in my javascript pageLoad function $("#UserBrowserInfoDIV").show('bounce');
- the effects run smoothly but what it does is mess up the bolded text in the div. I have try the items inside the div without bolding and it works fine and no render problem but when bolded the text that are bolded is quite messed up, and barely readable. is there anything else i can do i really would like use this effect.
P.S all the effect have the same render problem, and i am using ie8 under compatibility mode.
I had problems with jQuery fancy checkbox plugin [URL]
However after that I want to "combine" 2 plugins, the one mentioned in first post:
[URL]
and this one ("Safari"):
[URL]
So I've changed the picture of checkbox and wanted to add hover effects as it is shown in second link (according to state of checkbox).
However since I'm quite noob with jQuery (and JS) the thing only works fine on "default" mode, when checkbox is not selected or checked on page load.
JS:
[Code]....
CSS:
[Code]....
I got the followng code from an expert and it is working fine and I just wanted to add it an effect when the picture change. How can I do that ?
[Code]....
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?
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.
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.
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.
I think the question says it all, but I'd like to know for sure.
View 1 RepliesHow to use form Sliding in masterpage?
View 1 RepliesHow 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 Repliesi wish to show a slide panel on webpage.
View 1 RepliesI 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]....
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?
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.
want to use ligh box effect like i have login control and i want to show login control in ligh box effect so its like if i open on login link login control wil show and same time we can control click anywhere in page ??
View 5 Replies