Resolved Lightbox2 Overlay Div Height Too Short In IE <= 7
Mar 16, 2009
Not sure if the root problem is a js load issue or rather css. Problem page is here: [URL] I've had success using the Lightbox2 module on several Drupal-based sites, but this is the first time I've handled the straight code and tried to drop it into a hand-coded site. Internet Explorer fails to draw the overlay div to the full page height. Firefox 3 performs as expected.
The web site suggests setting the body margin and padding to zero, but those were set anyway and tweaking didn't help. Another suggestion was to stick initLighbox() into the body onload, but that function doesn't exist. Also tried initialize() and Lightbox.initialize(), but again it's claimed those functions don't exist. Looking into the code, however, initialize() is where the div height is calculated, I think. It should be noted that the lightbox still works on IE even when using one of these failed onload attempts. And I don't actually get IE to report any js error with the onloads - I have to rely on Firebug for that.
View 4 Replies
ADVERTISEMENT
Jun 29, 2011
I have a div with content that i want to overlay over some other content. The tricky part is getting it to be full browser width and height. This doesn't seem possible in CSS, so I'm looking for a jquery solution. It will basically fade in when a button is clicked. I'm comfortable with the fading it in etc, but I'm just having trouble working out the full screen part - especially since I want it to stay full screen even on browser re-size.
View 2 Replies
View Related
Mar 8, 2011
Here is the contact page for my website:
Bryson's Contact Page
When you click the "GMAIL" logo, it takes you to another page which has the contact form. Instead of taking the user to another page, how do I incorporate the contact form into LightBox2, so that it swiftly pops out?
View 14 Replies
View Related
Oct 14, 2009
I am trying to incorporate Lightbox2's image gallery script into my site but I'm having difficulty.Here's where I'm accessing the script from: http:[url]....
The image thumbs are showing up but the larger images are not. I changed the 'body onload' html tag to window.onload as I'm using two different javascripts on this page and I don't want them to conflict.I've also added initLightbox() so I don't know what's wrong! Is there just an issue with the images or is there something wrong with the script.
<script type="text/javascript">
window.onload = function(){ // use this instead of <body onload …>
MM_preloadImages(MM_preloadImages('../3websites/home4.jpg','../3websites/amenities1.jpg','../3websites/inquiry1.jpg','../3websites/rates1.jpg','../3websites/photos1.jpg'); initLightbox()")
}
</script>
View 2 Replies
View Related
Dec 22, 2005
I want to show some message in a box when the mouse is over a button (examples: undo, save, open, ecc ) like in some interface. I don't want to display the mesage in an alert window.
View 4 Replies
View Related
Mar 15, 2007
What the short way of using an if statment for assigning values to a verible?
View 2 Replies
View Related
Apr 9, 2010
I've been tasked with fixing a problem on a site that I didn't develop, but in a nutshell somebody wrote a little Javascript that appears to only be working in IE. I'm not sure why...would anybody be kind enough to have a quick look?Page in question is: http://www.thomastonauction.com/newA...eSignature.phpThe script not working is in the head of that page, and looks like this:Code:<!--this appears to be the script that is called when users click the "submit to thomaston auction" button,which should trigger an email containing the bid info. to "auction@kajav.com" and open a printable copy of the bid in a new window ("newAbsenteePrintForm.php")-->
<script language="JavaScript" type="text/JavaScript">
function openPrintForm(sid)
{
[code]....
View 8 Replies
View Related
Sep 4, 2009
I am using a simple javascript slide show. The actual width of it is fine, but the scrolling part is messed up, it's suppose to start at the very right and scroll all the way left. Instead it scrolls in like a 150px area and repeats. How can I get the picture to scroll the entire length?[code]...
View 2 Replies
View Related
Apr 7, 2011
I am coding a page that has 6 buttons on it, from which one is the correct button (the target). I want to try and implement the following:
1) when a wrong button is clicked, the file "wrong.mp3" is played. It is less than a second long.
2) when the correct button is click, the file "right.mp3" is played. It too is less than a second long. The page then redirects/reloads. This is the code that I can't seem to get to work:
[Code]...
View 4 Replies
View Related
Dec 8, 2010
I need help with a code that will generate a random number or integer (from 1-9). Does anybody know of a short random generator without having to import anything?
View 1 Replies
View Related
Sep 1, 2009
I am using the following jquery plugin:Besides the link to the relevant JS I have this piece of code in my page <head> </head> section:
<script type="text/javascript">
$().ready(function() {
function findValueCallback(event, data, formatted) {
[code]....
View 2 Replies
View Related
Sep 1, 2009
I've got this lovely little animation that slides some div fields to the right a short distance. Everything works except the setTimeout (located in the SlideIn function). It simply 'jumps' without taking any time at all. I've tried a bunch of stuff:
changed the amount of time from 100 to 10000
changed it from var t = setTimeout("SlideIn()", 1000)
SlideIn with/without the brackets, with/without the quotation marks.
[code]....
View 7 Replies
View Related
Jan 21, 2010
I have 2 lists and function to clean them
function del_sel(option){
if (option == "1"){
document.forms[0].list1.innerHTML = '';
}if (option == "2"){
document.forms[0].list2.innerHTML = '';
}}
How to make this function shorter & without options? Something like that:
function del_sel(option){
document.forms[0].option.innerHTML = '';
}
The problem is that this code returns mistake:
function del_sel(option){
document.forms[0].option.innerHTML = '';
}
...
<input type='button' value='Delete onclick='del_sel(form.list1);>
View 2 Replies
View Related
Apr 11, 2009
Looking at the sample code below, if you click the same link over and over, I get the desired result / animation of the revealed div. If however you click 'link 2' then any link except 'link 2' the animation is different. What do I need to change in my logic to always get the desired result despite which link was clicked?
[Code]...
View 2 Replies
View Related
Jun 10, 2010
I need a program by which I want to open several web link autometically after a short interval. E.g. open google.com, then wait for 10 sec, then open yahoo in the same window, then wait for 10 sec, then open gmail, wait for 10 sec, then myspace, and so on.......
View 2 Replies
View Related
Aug 16, 2010
i m trying to append months short type with jQuery Datepicker
Code JavaScript:
<script type="text/javascript">
$(function() {
[code]...
View 20 Replies
View Related
Jul 11, 2010
I've been using this little bit of code to show a div when the user rolls over a link:
$('a#eventspopupbtn').mouseover(function() {$('#menu').hide('fast'); $('#eventspopup').show('fast');
return false;
});
I have been trying to extend this bit of code so that there is a short delay built inso that if the user rolls over the link by mistake or 'just passing through' the div is not displayed. I tried using setTimeout but couldn't get that working (unfortunately, I can't share that with you because I lost the code).
View 3 Replies
View Related
Dec 20, 2010
the person whose site this is wants a short blip sound played whenever you roll over the links in the sidebar. I know it's not advised, but she insists. I've tried implementing a few scripts but no luck in Firefox or Chrome.
View 2 Replies
View Related
Jun 12, 2009
I am working on a UI that, when you click on a menu option, a div opens and show three divs inside. These divs all have different
heights. The heights are based on the divs content.The problem I'm having is... how do I measure what the divs height should be? IE, how do I grab the height for a div BEFORE it has had any style applied to it.
View 1 Replies
View Related
Jan 5, 2012
Working on creating my own plugin and realized that I would very likely end up doing this again in the future. Unfortunately, I have an extremely short memory when writing code. I frequently have to re-read the code I've created the day prior so I can get back on track with what I was doing. As such, I'm a fervent commenter in my code.
So, I'm creating a jQuery plugin framework with comments for everything that's going on in the framework to prevent my brain from having to re-learn everything in a month or so when I do another one.
Plugin-savvy folks to take a look at this code and help me fill in the blanks and make corrections to those places where I'm way off base. As you'll likely notice rather quickly, this is taken from the jQuery plugin tooltip construct found here: [url]
View 2 Replies
View Related
Jun 30, 2010
Trying to get the height of an element whose height is specified in the CSS.
So I am trying to animate the height of an item, where I have:
<img id="myButton" src="myimage.jpg" />
<div id="myDiv" style="height:50px;overflow:hidden">
asdklf
[Code]....
However, it only registers as 50, even if the element is 500
View 2 Replies
View Related
Feb 9, 2009
I am in need of a JS script that matches the "li" height with the un-defined height of a absolute positioned block? Sort of like a matching columns script - is this possible? It's for IE6! Oh ya, and it's dynamic un-defined height. I only want it to match the height on hover. Here is a little test page I put together.[code]
View 12 Replies
View Related
Apr 28, 2011
how to adjust the iframe height by itself if my html height increases. My html code includes a facebook comment at the bottom of my page and the comment will show making it expand the height once users post comments. On the other hand, I'm using a CMS that have its own iframe. I've tried many solutions that can be found on the web but none works. It only can work if I don't put in CMS. Is it possible to adjust the iframe height using CMS or there is no way?
View 7 Replies
View Related
Dec 11, 2010
How can I use JavaScript to dynamically re-size a DIV on a page so that the div extends vertically to the size of the page or document.
Example: As the page gets longer due to contents, the DIV will also extend to the bottom of the page.
I have been experimenting all evening with different methods, some don't even work.
View 6 Replies
View Related
Nov 1, 2009
I am building a new website which has some boxes that changes from classes(done with jquery magic ).I want to add an overlay(like the lightbox fading background) to the page when the user clicks on the switch button.I have tried a couple of things but it seems not to work:If tried to append a div to the body but that doesn't seems to work:
$(".nl").click(function(){
$("div.lang_english").fadeOut("fast", function() {
$(this).fadeIn("fast").removeClass("lang_english").addClass("lang_dutch");
[code]....
View 2 Replies
View Related
Oct 25, 2010
I have a script that brings up an overlay box onclick that needs to be on top of everything else on page, however I can't get it to show on top of the navigation tabs. I tried calling the overlay script at the very beginning of the head section as well as tried to call it at the end but it doesn't seem to matter.
Is there something I can add to the script to force it on top of every other object on the page?
View 2 Replies
View Related
