Comments on: Lightbox Gone Wild! http://particletree.com/features/lightbox-gone-wild/ Everyone needs a hug. Mon, 16 Nov 2009 21:43:07 -0500 http://wordpress.org/?v=2.8.6 hourly 1 By: Jim http://particletree.com/features/lightbox-gone-wild/comment-page-19/#comment-25832 Jim Wed, 15 Jul 2009 22:14:27 +0000 http://s2462.gridserver.com/wordpress/?p=178#comment-25832 <p>I found a work around for the Flash floating to the top issue. I have two buttons on my page. One is visible (normal) and one is hidden (IE) via CSS. In my IE stylesheet, I have the regular button display:none and I have the hidden button display normally. This IE-only button has a link to open a browser window. IE users don't get to see the cool lightbox effect. But you have to figure at this point, anyone who is still using IE is used to seeing crappy looking websites.</p> I found a work around for the Flash floating to the top issue. I have two buttons on my page. One is visible (normal) and one is hidden (IE) via CSS. In my IE stylesheet, I have the regular button display:none and I have the hidden button display normally. This IE-only button has a link to open a browser window. IE users don’t get to see the cool lightbox effect. But you have to figure at this point, anyone who is still using IE is used to seeing crappy looking websites.

]]> By: Joe http://particletree.com/features/lightbox-gone-wild/comment-page-19/#comment-25829 Joe Fri, 10 Jul 2009 20:29:41 +0000 http://s2462.gridserver.com/wordpress/?p=178#comment-25829 <p>Lets try the Example again</p> <p><div style="float: right; margin: 3px 3px 0 0;"><b /> <a href="#" class="lbAction" rel="deactivate"div>Close</a><b /> </div><b /> <iframe src ="contact_form.php" width="365" height="350" scrolling="no" frameborder="0"div><b /> </iframediv><b /></p> Lets try the Example again

<div style=”float: right; margin: 3px 3px 0 0;”><b /> <a href=”#” class=”lbAction” rel=”deactivate”div>Close</a><b /> </div><b /> <iframe src =”contact_form.php” width=”365” height=”350” scrolling=”no” frameborder=”0”div><b /> </iframediv><b />

]]> By: Joe http://particletree.com/features/lightbox-gone-wild/comment-page-19/#comment-25828 Joe Fri, 10 Jul 2009 20:22:57 +0000 http://s2462.gridserver.com/wordpress/?p=178#comment-25828 <p>Sorry here is the Example:</p> <pre> <code> <a href="#" rel="nofollow">Close</a> </code> </pre> <p>I hope it helps!</p> Sorry here is the Example:

 

Close

I hope it helps!

]]> By: Joe http://particletree.com/features/lightbox-gone-wild/comment-page-19/#comment-25827 Joe Fri, 10 Jul 2009 20:17:49 +0000 http://s2462.gridserver.com/wordpress/?p=178#comment-25827 <p>I see many comments asking about how to validated after submitting and displaying the errors in the same lightbox. I also tried to figure that out and the only way I came up with was by using an iframe. I put an iframe in the lightbox and the iframes src was the forms page and it worked great. Just make sure that the code to close the lightbox needs to be in the file that contains the iframe and not the file that contains the form! Also, the lightbox should be a little bigger than the iframe (you can set that in the lightbox CSS file)</p> <p>Example:</p> <p><a href="#" rel="nofollow">Close</a> </p> I see many comments asking about how to validated after submitting and displaying the errors in the same lightbox. I also tried to figure that out and the only way I came up with was by using an iframe. I put an iframe in the lightbox and the iframes src was the forms page and it worked great. Just make sure that the code to close the lightbox needs to be in the file that contains the iframe and not the file that contains the form! Also, the lightbox should be a little bigger than the iframe (you can set that in the lightbox CSS file)

Example:

Close

]]> By: David http://particletree.com/features/lightbox-gone-wild/comment-page-19/#comment-25819 David Thu, 25 Jun 2009 17:41:23 +0000 http://s2462.gridserver.com/wordpress/?p=178#comment-25819 <p>well my code tags didnt work ... (wish there was a preview here :)) html: (img id="loading" src="images/ajax-loader.gif" alt="loading"/)</p> well my code tags didnt work … (wish there was a preview here :)) html: (img id=”loading” src=”images/ajax-loader.gif” alt=”loading”/)

]]> By: David http://particletree.com/features/lightbox-gone-wild/comment-page-18/#comment-25818 David Thu, 25 Jun 2009 17:36:35 +0000 http://s2462.gridserver.com/wordpress/?p=178#comment-25818 <p>Ok for any newbie like me who was trying the same thing (simple loading gif in center of page) ...</p> <p>html (at top of main/index page): <code></code></p> <p>css: <code></p> <p>loading {</p> <pre><code>background:#FFFFFF; display:none; position:absolute; z-index:1000; </code></pre> <p>} </code></p> <p>javascript: <code> function loading_show() { $("img#loading").css({ "left" : ($(window).width()/2 - $("img#loading").width()/2) + "px", "top" : ($(window).height()/2 - $("img#loading").height()/2) + "px" }); $("img#loading").show(); }</p> <pre><code>function loading_hide() { $("img#loading").hide(); } </code></pre> <p></code></p> Ok for any newbie like me who was trying the same thing (simple loading gif in center of page) …

html (at top of main/index page):

css:

loading {

background:#FFFFFF;
display:none;
position:absolute;
z-index:1000;

}

javascript: function loading_show() { $("img#loading").css({ "left" : ($(window).width()/2 - $("img#loading").width()/2) + "px", "top" : ($(window).height()/2 - $("img#loading").height()/2) + "px" }); $("img#loading").show(); }

function loading_hide() { $("img#loading").hide(); }

]]> By: bogdan http://particletree.com/features/lightbox-gone-wild/comment-page-18/#comment-25817 bogdan Wed, 24 Jun 2009 10:02:02 +0000 http://s2462.gridserver.com/wordpress/?p=178#comment-25817 <p>Thanks for the script. I will try it.</p> Thanks for the script. I will try it.

]]> By: Mangal http://particletree.com/features/lightbox-gone-wild/comment-page-18/#comment-25816 Mangal Tue, 23 Jun 2009 12:44:02 +0000 http://s2462.gridserver.com/wordpress/?p=178#comment-25816 <p>I will use it soon.</p> I will use it soon.

]]> By: Mangal http://particletree.com/features/lightbox-gone-wild/comment-page-18/#comment-25815 Mangal Tue, 23 Jun 2009 12:40:51 +0000 http://s2462.gridserver.com/wordpress/?p=178#comment-25815 <p>It's nice.</p> It’s nice.

]]> By: Dan Price http://particletree.com/features/lightbox-gone-wild/comment-page-18/#comment-25812 Dan Price Sun, 21 Jun 2009 11:45:35 +0000 http://s2462.gridserver.com/wordpress/?p=178#comment-25812 <p><b>Opening form results in a lightbox</b></p> <p>Common problem i'm sure.. but i'm really struggling on how to get this working.</p> <p>The form opens in a lightbox.... you hit submit... how you you make the next page open in a lightbox?</p> <p>Thanks! :-)</p> Opening form results in a lightbox

Common problem i’m sure.. but i’m really struggling on how to get this working.

The form opens in a lightbox…. you hit submit… how you you make the next page open in a lightbox?

Thanks! :-)

]]>