Results 1 to 5 of 5

Thread: Fade background like Lightbox if a Browser is I.E. 6 or 5

  1. #1
    Join Date
    Aug 2009
    Location
    utf-8
    Posts
    205
    Thanks
    4
    Thanked 7 Times in 7 Posts

    Exclamation Fade background like Lightbox if a Browser is I.E. 6 or 5

    How can I make it so if a person is using I.E. 6 or 5, the background will fade like Lightbox and a message in a "div" box will show?
    Note there is no page redirection of any kind and the div box cannot be closed.


    Example:

    You are using I.E. 6 (or 5) and go to my site (still being made).
    Upon arriving to my site, the background will fade a little and a div box will appear centered in the page saying "Please upgrade to I.E. 7 or 8."
    *Remember this message (div box) cannot be closed


    I need this for my site. I cannot show you a link because it is still being made. This is not a school project of any kind.

    Thank You.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    You may use:

    http://www.dynamicdrive.com/dynamici...dhtmlmodal.htm

    To make it specific to IE 6 and less, just put it's tags inside of an IE conditional comment such as:

    Code:
    <!--[if lt IE 7]>
    script tags containing activating code can go here.
    <![endif]-->
    It's close button may be disabled with this style:

    Code:
    .drag-controls img {
     display: none;
    }
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Mar 2006
    Posts
    12
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    Quote Originally Posted by FrickenTrevor View Post
    How can I make it so if a person is using I.E. 6 or 5, the background will fade like Lightbox and a message in a "div" box will show?
    Note there is no page redirection of any kind and the div box cannot be closed.


    Example:

    You are using I.E. 6 (or 5) and go to my site (still being made).
    Upon arriving to my site, the background will fade a little and a div box will appear centered in the page saying "Please upgrade to I.E. 7 or 8."
    *Remember this message (div box) cannot be closed


    I need this for my site. I cannot show you a link because it is still being made. This is not a school project of any kind.

    Thank You.

    Yes, and who are your to tell you eventual visitors what browser should they use?

    There are people working on win2K OS which are not able to install a higher version browser than 6 in their platforms, not to mention that there are people who hate multitabs and love their fast lightwieght IE6.

    Why don't you learn some more coding instead of telling people they should use the only browsers you are capable to code for instead?!

    By the way, IE4.01 users have been waiting 12 years now for other browsers to catch up and to be able to achieve this fade effect. Its IE4 who first invented and introduced this browser ability to fade page elements way back in 1997, and coders who liked this effect never told visitors "please drop that piece of junk and open your IE browser so you can see my beautiful transparent elements, and some miraculous fade-in and out effects".

    Also, going from IE6 to IE7 or 8 is not an "upgrade". "Upgrading" means to update from IE6 to IE6.x, and going to higher version numbers is considered a "switch".

  4. #4
    Join Date
    Aug 2009
    Location
    utf-8
    Posts
    205
    Thanks
    4
    Thanked 7 Times in 7 Posts

    Default

    Thanks, I will look into it!
    Btw, how do you make it so people cant drag the box around?

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Best bet would be in the dhtmlwindow.js file required by this, find the:

    Code:
    setupdrag:function(e){return;
    	var d=dhtmlwindow //reference dhtml window object
    	var t=this._parent //reference dhtml window div
    	d.etarget=this //remember div mouse is currently held down on ("handle" or "resize" div)
    	var e=window.event || e
    	d.initmousex=e.clientX //store x position of mouse onmousedown
    	d.initmousey= . . .
    add the highlighted.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  6. The Following User Says Thank You to jscheuer1 For This Useful Post:

    FrickenTrevor (10-13-2009)

Bookmarks

Posting Permissions

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