On my site, I display an image after the user clicks on a thumbnail (opens in a lightbox). I want to store the number of times users open the images.
I was thinking of something like pointing to an ASHX page that generates the image and updates the DB with the view count, but this can't be done since this is a remote file from a CDN. I can't just count the thumbnail clicks, since the image opens in lightbox.
I'm using lightbox [URL] .... to display a 6 images in a ASP.NET repeater looks great and almost does every thing i need.
I have set the .vb to make imagename.visible=false if the imageUrl=""... again works like a charm and I only see images that have a value in the database.
The problem i have is in order to list how many images in each set Lightbox uses an attribute in the HTML Hyperlink tag called 'data-lightbox'.
Code:
' href="<%# "../uploads/" & DataBinder.Eval(Container.DataItem, "image5") %>">
' width="45px" runat="server"/>
The problem is that when 3/6 images are uploaded and populated in the database lightbox still says there are 6 in the set even though only 3 are visible.
What i would like to do is in the .vb code when i check to see if the database field for the image is blank is set the data-lightbox value accordingly so visible images get a data-lightbox value only and are therefore added to the set.
Tried a .net Hyperlink too but same issue...
Code:
' href='<%# "../uploads/" & DataBinder.Eval(Container.DataItem, "image") %>'>
' Visible='<%# IIf(Eval("Image") Is DbNull.Value, "False","True") %>' width="280px" runat="server"/>
How can i change a custom attribute in a HTML form from the VB.net code behind?
i want to use jquery lightbox but i want to read image from database.i save image path in database and i want to read them.every lightbox that i find use from static image.
View 3 Replies[Code]....
Above is the beginning of a ListView and its LinqDataSource. When the HTML displays, it picks up only the first record in the table but it's supposed to show a profile page for the user who is signed in (UserID == @UserID).
I'm using a gridview to show numerous artists. My query gets all the records I need, but when i bind it to the gridview the gridview shows only one record. I'm also using paging and sorting. The paging is not visible. The sorting works fine. But it still returns only one record. for example: first the record is Allan --> when i sort i get the record --> Zofie. This means that all my records are inside the gridview. Why does it only show one? My pagesize of the gridview is set on 10.
I have got a recordcounter above my gridview that shows the exact number of records that are present in the gridview for example (showing 1-10 out of 231 records).
This is my layout code:
[Code]....
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 have a problem displaying images on my web pages. It doesn't matter if I insert the images using the toolbox, or if I try to display them manually by code. The problem is that VS displays them fine in design mode, but not in debugging (red cross).
The source code of the webpage gives me the following adress to the image:
<img id="ctl00_PH1_Image1"
src="Images/red.gif" alt="boo"
style="border-width:0px;" />
The code I used for siplaying the image is:
<asp:Image ID="Image1" runat="server" AlternateText="boo" ImageUrl="~Images
ed.gif" />
My project structure is as following:
Guardian (Project name)
Login.aspx (tries to display the image) Masterpage Images (folder)
red.gif
etc..
I have tried manually changing the relative path to image in several ways, but nothing seems to work.
An image on one of my pages renders as...
[Code]....
The first one displays fine locally but not on the Web server, whereas the second one displays fine both locally and on the Web. How do I get the first to resolve like the second? In the database, I have the reference prefixed with "~/i/" so it's puzzling to me that it would resolve to some other form.
i have image button in my page my image button has this text=Submit how can i hide it?
View 1 RepliesI have a problem with my chart image not refreshing and I narrowed it down to the fact that there's an unrelated image that according to MS VS2005 IDE, that the image file is not found... BUT..when I run/debug it... it displays properly.The image is right in the root of the aspx directory so it is not in any folder.<img src="right-thumb.png"> // this works but ide shows error and causes chart to have update problemi get an error in the IDE file is not found. however, if I display a FULL PATH, the problem goes away. WHY? i don't want to display the whole path because i don't want public users to see the server file location.
<img src="c:webapplication
ight-thumb.png"> // this works for everything
i also tried
<asp:image runat="server" id="Image2" ImageUrl="~
ight-thumb.png" />
and that too also has a problem! It underlines in red and says teh file is not there, but when i debug, of course it works and the image loads....
I am able retrieve the image for imagebutton from db on to gridview and perform some events but I am unable to view the complete image i.e, i am able to see only part of the image
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns = "False" Font-Names = "Arial" Caption = "UsingImageField">
<Columns>
<asp:BoundField DataField = "cProduct_id" HeaderText = "ID" />
<asp:TemplateField >
[Code] .....
i have to modify the thumbnail width and height as well as main center image and height. then the thumbnail list displays images with a small portion of mail image.i want to display thw hole image with reduced size inside the thumbnails.
View 2 RepliesI have another problem is that I have Placed a file upload control in Empty template of Gridview to have multiple record insert. I have used viewstate to save multiple record into database. But problem is that I am able to find the control but it not giving any value.I have following code.
[Code]....
in above code
[Code]....
i gave lightbox effect in .cs page but its not working, the code which i am using is
HtmlAnchor htmlanchor = new HtmlAnchor();
htmlanchor.HRef = "frmTooltip.aspx";
htmlanchor.Title = "Welcome"; //tooltip
htmlanchor.InnerText = "Welcome";
htmlanchor.Attributes.Add("rel", "lightbox");
here the page is redirecting to the frmTooltip.aspx page but lightbox effect is not working. it is opening as regular page.
and i have given javascript reference in aspx page are
<script language="javascript" type="text/javascript" src="Javascript/lightbox.js"></script>
<script language="javascript" type="text/javascript" src="Javascript/prototype.js"></script>
<script language="javascript" type="text/javascript" src="Javascript/scriptaculous.js"></script>
<script language="javascript" type="text/javascript" src="Javascript/slider.js"></script>
<script language="javascript" type="text/javascript" src="Javascript/effects.js"></script>
<script language="javascript" type="text/javascript" src="Javascript/lightboxproto.js"></script>
I have 6 thumbnail images as asp:imagebutton instances. These are treated as triggers for asp:updatepanel control on the page which contains an asp:image control. When the user clicks on the thumbnail, the image in the asp:updatepanel's image control changes to the clicked thumbnail image. The users are also allowed to again enlarge the image by clicking on the enlarge button (this runs the lightbox function). This works fine.
Question
The problem is that the enlargement works when the page loads, however when the user select a thumbnail and then tries. The method (lightbox) does not work.I have had similar problems with javascript functions and the asp:updatepanel. Has anyone else faced similar issues?
I've implemented reCAPTCHA following the instructions on this site:[URL]However I am unable to get it to render on my lightbox. It renders as below when i check with firebug.
<noscript> <iframe src="http://www.google.com/recaptcha/api/noscript?k=6Lctg74SAAAAADV4UAfyRdEUdZi_FGc4PCqA7LEn" width="500" height="300" frameborder="0"> </iframe><br /><textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea><input name="recaptcha_response_field" value="manual_challenge" type="hidden" /> </noscript>
Note that when i look in firebug the < and > display as the text "& lt;" and "& gt;" (without the space)
Let me know if there's any additional information required to help with this problem.
I have been trying to implement the following jquery lightbox sample in master pages [URL]. I can not get this to work. I keep getting property not valid error. I can get it to work in a web page, which is not part of a master page.
View 1 RepliesI'm wondering if you can use a lightbox with aspx pages? For my project, i'm trying to make some kind of search tool in that lightbox. On my default page , you have a img link that opens a lightbox (with an aspx page) In that lightbox, when you click a button (asp button), the page renders like a normal full browser page with the same content. The page should stay in that lightbox and rendering the results in a listbox. Is this possible? Or is this the wrong way?
View 2 RepliesCurrently I have a small form that uses a asp:linkbutton to submit and send out an email. I want to instead display a lightbox saying "Thank you for your submission" when the user clicks the form rather than a full post back.
View 1 Repliesi have a page with update panel and in that update panel i use 2 dropdownlist that bind one from another and 1 image, in that image display as a lightbox with the click event of the text. first time its open well but after the selected index change event of dropdown another dropdown will change the content and then that that lightbox of the text will not open
View 2 RepliesI am facing problem with Jquery Conflict with lightbox prototype.js in ie7 and ie8. The lightbox popup does't show up in ie7 and ie8.I have used jquery.noconflict. It works well for all browsers except ie7 and ie8.
View 2 Repliesim trying to implement a lightbox on a gridview. the lightbox i'm using is the one from here at particle tree anyway, so basically you need to include a css and rel on your link to make it work. i was able to succesfully include a css class without problems on every cell with TemplateField:
<asp:TemplateField HeaderText="Set of Links">
<ItemTemplate>
<asp:HyperLink ID="hyplink" runat="server" Text='<%#Eval("Link") %>' CssClass="lbAction" NavigateUrl="tolink.aspx?ruleset={0}"></asp:HyperLink>
<asp:LinkButton ID="link" runat="server" Text='<%#Eval("Link") %>'>LinkButton</asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
so that's what i have. mind you, i was just trying it out which one is better, hyperlink or linkbutton so either object i can use as long as i can add a rel attribute on it.
this is my code behind.
[code]....
see below code for open lightbox
<div id="dialog2">
</div>
<a name="ancBook" href="#dialog2" >Test</a>
on click on "Test" link a lightbox open. Now I want the same thing on page load depend on my condition that I am checking on page load.this lightbox open using JQuery.
I have a custom gridview which is populated using a 3 tier architecture. Please can someone show me how I can use a jquery lightbox in my gridview to add/edit records. How can I implement this using my DAL and BLL.this seems like the most user friendly method of adding/editing to me. What do you guys think?
View 12 RepliesI am trying to integrate a JQuery script to have a video lightbox (with a youtube video) inside an asp.net updatepanel that does a postback before the lightbox is loaded. The code is perfectly working if it is put outside the updatepanel Bascically in my aspx page I have an updatepanel with two panels, one of them is initially not visible and it contains the ligthbox :
[Code]....
I have a button inside the updatepanel that if pressed makes the pnlVideoLightbox visible. Then I just click on the thumbnail that should fire the lightbox but the browser redirects to the youtube website instead of firing the JQuery code.