lightbox

I'm trying to run a method when the enter key has been pressed. This method is already being used by a button. Basically, when the user fills in a text field and clicks a submit button they get a lightbox. What I want to do is run this same action, but when the enter key has been pressed. Ive looked into using .keypress but I can only find examples where the form tag is a standard html form tag and not a asp.net form tag. I think at the moment the form is responding only to the .net controls on the page and I cant override this with the jquery method. Any ideas? You can bind a keypress event

Turning a caption into a link doesn't work in Lightbox 2.51 downloaded from here Here is the code: <a href="images/examples/image-1.jpg" rel="lightbox" title="<a target='_self' href='http://www.google.com'>Google</a>"> <img src="images/examples/thumb-1.jpg" alt="" /> </a> What should I do? Thanks :) Rafael Rudnik I found a solution for this problem in the lightbox.js . You must edit the if case, adding the else condition that avoid always return false when you click in the div "lightbox" . $lightbox.hide().on('click', function(e) { if ($(e.target).attr('id') === 'lightbox') { _this.end();

is it possible to re-create a zoom-like effect for dialogs in jquery without needing to download a lightbox plugin? i'd like to add animation to my dialogs to simulate the "zoom" effect found on this page when you click on one of the images. without needing yet another plugin, can this be done with jQuery out of the box? would love to be able to have dialogs (modal) animate from a specific point on the screen which the user has clicked (say a button or link) into a bigger container with the appropriate content - a zoom overlay effect? any help is greatly appreciated... Edited: $(function() { $

I've been through the excellent documentation for this and it's great. http://dimsemenov.com/plugins/magnific-popup/documentation.html I have the basic pop up working fine. My problem is with the animations. I just can't get them to work. Apologies if I've missed something very basic but I've spent too long on this now and hope someone can point out my mistake. It currently just appears no fade nothing. I've played with it on codepen and can recreate the issue by removing the CSS so perhaps this is not getting through correctly, although I know it is linking as it is styling the pop up just

I am using jquery lightbox plugin colorbox ( http://colorpowered.com/colorbox/ ) and i want to be able to construct a URL like www.example.com/about-me.html which will send the user to my website and open the iframed page (about-me.html) within the lightbox script. I believe i have to use event hooks or something but i am not sure how to achieve the result. Any help appreciated. Credit goes to Jack Moore on the colorbox google group. His solution adapted to this question: var url = document.location.href; if(url.search(/\?about-me/i) !== -1){ $(".iframe:first").click(); } So the url would be

HI coder i have a gridview in which data comes from database.. now id of all row is same what i want it to show only first row of my gridview and hide rest of the others but not their value i just wana hide them. i want their value because i have a lightbox on it. this is my code: <asp:GridView ID="GridView1" runat="server" CellPadding="4" ForeColor="#333333" GridLines="None" AutoGenerateColumns="False" PageSize="1" PersistedSelection="true" DatakeyNames="pptId,Priority"> <Columns> <asp:TemplateField HeaderText="pptId" Visible="false"> <ItemTemplate> <asp:Label ID="lblpptId" runat="server"