Web Analytics Made Easy -
StatCounter lightbox scripts - CodingForum

Announcement

Collapse
No announcement yet.

lightbox scripts

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new 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
    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.
    Digitalocean Cloud Hosting (Referral link - get $10 free credit) Fameco

    Comment


    • #3
      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.

      Comment


      • #4
        works here, you are obviously doing something wrong.cross browser issues have no place here, thickbox has been overly tested.

        Comment


        • #5
          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.

          Comment


          • #6
            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.

            Comment


            • #7
              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.

              Comment


              • #8
                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/

                Comment


                • #9
                  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

                  Comment


                  • #10
                    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.

                    Comment


                    • #11
                      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>

                      Comment


                      • #12
                        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

                        Comment


                        • #13
                          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.

                          Comment


                          • #14
                            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.

                            Comment


                            • #15
                              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

                              Comment

                              Working...
                              X