Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 20
  1. #1
    Senior Coder
    Join Date
    May 2004
    Posts
    1,464
    Thanks
    15
    Thanked 0 Times in 0 Posts

    lightbox scripts

    I have tried numerous lightbox scripts but none seem to work on ie 7.
    on ie 6 it works and on firefox it works but in ie 7 you only see a black background and not the faded background.
    Does anyone know why this is and if there is a solution?

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Quote Originally Posted by esthera View Post
    I have tried numerous lightbox scripts but none seem to work on ie 7.
    on ie 6 it works and on firefox it works but in ie 7 you only see a black background and not the faded background.
    Does anyone know why this is and if there is a solution?
    It's almost impossible for us too, without knowing what you have done at your end.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Senior Coder
    Join Date
    May 2004
    Posts
    1,464
    Thanks
    15
    Thanked 0 Times in 0 Posts
    any lightbox script that i've tried (and iv'e google and tried many)
    for example
    http://jquery.com/demo/thickbox/
    does not work on ie 7 -why? on ie7 I see just a black background instead of the background of the page faded.

  • #4
    Regular Coder
    Join Date
    Jul 2006
    Posts
    399
    Thanks
    33
    Thanked 7 Times in 7 Posts
    works here, you are obviously doing something wrong.cross browser issues have no place here, thickbox has been overly tested.

  • #5
    Senior Coder
    Join Date
    May 2004
    Posts
    1,464
    Thanks
    15
    Thanked 0 Times in 0 Posts
    if I click on the link above and the demo from ie 7 it does not work. before I even duplicate anything - and my client is having the same issue.

  • #6
    Regular Coder
    Join Date
    Jul 2006
    Posts
    399
    Thanks
    33
    Thanked 7 Times in 7 Posts
    well if i click your link http://jquery.com/demo/thickbox/ and go to the first or second example it is working: i can see the main images with a semi transparent black background. all this in ie 7.

  • #7
    Senior Coder
    Join Date
    May 2004
    Posts
    1,464
    Thanks
    15
    Thanked 0 Times in 0 Posts
    I can see the images but when clicked I see a black background - no transparent background like I see in firefox.
    could this be an ie setting? It's very strange as it's the same problem with all these lightbox scripts but my client uses ie 7 and is experiencing the same problem.

  • #8
    Regular Coder
    Join Date
    Jul 2006
    Posts
    399
    Thanks
    33
    Thanked 7 Times in 7 Posts
    ok so you see a completely opaque black color(100% black). i really dont know what this can be, maybe try the first version of lightbox:
    http://www.huddletogether.com/projects/lightbox/

  • #9
    Regular Coder
    Join Date
    Mar 2009
    Location
    Portland Oregon
    Posts
    690
    Thanks
    44
    Thanked 63 Times in 62 Posts
    I made a cheesy one for firefox. You could make it work for IE if you figure out the opacity filter

    here's a link
    http://stirfrydesign.110mb.com/javas...eBoxTest1.html

  • #10
    Senior Coder
    Join Date
    May 2004
    Posts
    1,464
    Thanks
    15
    Thanked 0 Times in 0 Posts
    http://www.huddletogether.com/projects/lightbox/ is the first one that I actually tested and it works on ie 7 (or at least on the computer that is having trouble with all the others) can I change it to show html instead of the image. - I don't want to show an image but actually the login form in the middle with the background faded.

  • #11
    Regular Coder
    Join Date
    Mar 2009
    Location
    Portland Oregon
    Posts
    690
    Thanks
    44
    Thanked 63 Times in 62 Posts
    Quote Originally Posted by esthera View Post
    [url] I don't want to show an image but actually the login form in the middle with the background faded.
    Code:
    <html>
    <head>
    <title>prompt test</title>
    <script type="text/javascript">
    
    function hw1()
    {
        ae_prompt( hw2, 'What is your name?', 'Anonymous');
    }
    
    function hw2(n)
    {
        var hello = document.getElementById('hello');
        hello.innerHTML = '<h1>Hello, ' + n + '!</h1>';
    }
    
    
    // ae_prompt function sources 
    var ae_cb = null;
    function ae$(a) { return document.getElementById(a); } 
    function ae_prompt(cb, q, a) {
    ae_cb = cb;
    ae$('aep_t').innerHTML = document.domain + ' question:';
    ae$('aep_prompt').innerHTML = q;
    ae$('aep_text').value = a; 
    ae$('aep_ovrl').style.display = ae$('aep_ww').style.display = ''; 
    ae$('aep_text').focus(); 
    ae$('aep_text').select(); 
    }
    function ae_clk(m) { 
    ae$('aep_ovrl').style.display = ae$('aep_ww').style.display = 'none'; 
    if (!m) ae_cb(null); else ae_cb(ae$('aep_text').value);
    }
    // ae_prompt function sources 
    
    </script>
    
    <!-- CSS styles for ae_prompt function -->
    <style type="text/css">
    #aep_ovrl { 
    background-color: black; 
    -moz-opacity: 0.7; opacity: 0.7;
    top: 0; left: 0; position: fixed;
    width: 100%; height:100%; z-index: 99; 
    }
    #aep_ww { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; text-align: center;} 
    #aep_win { margin: 20% auto 0 auto; width: 400px; text-align: left;}
    #aep_w {background-color: white; padding: 3px; border: 1px solid black; background-color: #EEE;}
    #aep_t {color: white; margin: 0 0 2px 3px; font-family: Arial, sans-serif; font-size: 10pt;}
    #aep_text {width: 100%;}
    #aep_w span {font-family: Arial, sans-serif; font-size: 10pt;}
    #aep_w div {text-align: right; margin-top: 5px;}
    </style>
    <!-- IE specific code: -->
    <!--[if lte IE 7]>
    <style type="text/css">
    #aep_ovrl {
    position: absolute;
    filter:alpha(opacity=70);
    top: expression(eval(document.body.scrollTop));
    width: expression(eval(document.body.clientWidth));
    }
    #aep_ww { 
    position: absolute; 
    top: expression(eval(document.body.scrollTop)); 
    }
    </style>
    <![endif]-->
    
    <!-- CSS styles for ae_prompt function -->
    
    
    </head>
    
    
    <body bgcolor="#FFFFFF">
    <!-- ae_prompt HTML code -->
    <div id="aep_ovrl" style="display: none;">&nbsp;</div>
    <div id="aep_ww" style="display: none;">
    <div id="aep_win">
    <div id="aep_t"></div>
    <div id="aep_w"><span id="aep_prompt"></span>
    <br /><input type="text" id="aep_text" onKeyPress="if((event.keyCode==10)||(event.keyCode==13)) ae_clk(1); if (event.keyCode==27) ae_clk(0);"><br>
    <div><input type="button" id="aep_ok" onclick="ae_clk(1);" value="OK">
    <input type="button" id="aep_cancel" onclick="ae_clk(0);" value="Cancel">
    </div></div>
    </div>
    </div>
    <!-- ae_prompt HTML code -->
    
    <div id="hello">
    Hi! <span style="text-decoration: underline; color: blue; cursor: pointer;" onClick="hw1();">Click</span> to set your name. 
    </div>
    
    </body></html>

  • #12
    Senior Coder
    Join Date
    May 2004
    Posts
    1,464
    Thanks
    15
    Thanked 0 Times in 0 Posts
    no that shows a black background and it needs to work on all browsers.
    I want the lightbox functionality but using html instead of an image

  • #13
    Regular Coder
    Join Date
    Mar 2009
    Location
    Portland Oregon
    Posts
    690
    Thanks
    44
    Thanked 63 Times in 62 Posts
    Quote Originally Posted by esthera View Post
    no that shows a black background and it needs to work on all browsers.
    I want the lightbox functionality but using html instead of an image
    what do you think this is? Your personal request site? Learn to code, and come back when you know what you're talking about.

  • #14
    Senior Coder
    Join Date
    May 2004
    Posts
    1,464
    Thanks
    15
    Thanked 0 Times in 0 Posts
    i'm sorry if it came across wrong - i'm asking if

    http://www.huddletogether.com/projects/lightbox/
    should work also with html and not just for showing an image.
    I still don't know why all the other lightbox scripts i'm trying don't work on ie 7 when others say they do.

  • #15
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by esthera View Post
    I still don't know why all the other lightbox scripts i'm trying don't work on ie 7 when others say they do.
    it is possible to have some unusual custom setting?

    anyway try floatbox:

    http://randomous.com/floatbox/home

    is unobtrusive, maybe is what you need.

    best regards


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •