Home/ Questions/Q 7921211
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T16:30:06+00:00

I am trying to add a jquery colorbox to my webpage using the code

  • 0

I am trying to add a jquery colorbox to my webpage using the code below:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
    <link rel="stylesheet" href="colorbox.css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.colorbox-min.js"></script>
</head>
<body>
    <script type="text/javascript">
        $(function ()
        {
            $(".popup")
            .colorbox({iframe:true, innerWidth:695, innerHeight:340, overlayClose:false });

        })
    </script>
    <a class='popup' href='http://www.bbc.co.uk'>bbc.co.uk</a>
</body>

It works for both firefox and chrome. But when I run it in IE7 I get the following error:

Object doesn’t support this property or method

Any help would be amazing.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    More than likely you have a <script> tag that is invalid or that contains a type attribute set to something other than text/javascript.

    Without seeing that part of the code, we can’t figure out exactly what is wrong.

    More information

    Script tags must have a closing </script>. <script /> will not work in all browsers.

    Additionally, the type attribute must either be text/javascript or not present. If it is application/javascript some versions of IE will not execute it.

    • 0