Results 1 to 3 of 3

Thread: lightbox + ajax tab

  1. #1
    Join Date
    Feb 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default lightbox + ajax tab

    1) Script Title: Ajax Tabs Content Script (v 2.0) and Lightbox image viewer 2.03a

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...tent/index.htm
    http://www.dynamicdrive.com/dynamici...box2/index.htm

    3) Describe problem:

    As you can see from my demo page: http://www.conezon.com/demo.htm -->click tab2 lightbox doesn't work. I can't figure out why it won't =\ If you view the page separately the one thats loading) http://www.conezon.com/test.html, lightbox works.

    Thanks~
    Last edited by koolaid; 02-17-2008 at 03:33 AM.

  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

    Sloppy coding. You need to close the script tag for the ajaxtabs.js tag and properly close the style section, and fix some other typos/errors. Where you have:

    Code:
    <script type="text/javascript" src="ajaxtabs/ajaxtabs.js">
    
    link rel="stylesheet" type="text/css" href="conezone.css"/>
    <link rel="stylesheet" type="text/css" href="css/midddle.css"/>
    
    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>
    
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
    
    <STYLE TYPE="text/css">
    
    .ImgBorder:hover {
    
       border: 1px solid #6699FF;
    
    }
    
    /***********************************************
    * Ajax Tabs Content script v2.0-  Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    
    </script>
    It should be like:

    Code:
    <script type="text/javascript" src="ajaxtabs/ajaxtabs.js">
    
    /***********************************************
    * Ajax Tabs Content script v2.0-  Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    
    </script>
    
    <link rel="stylesheet" type="text/css" href="conezone.css"/>
    <link rel="stylesheet" type="text/css" href="css/midddle.css"/>
    
    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>
    
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
    
    <STYLE TYPE="text/css">
    
    .ImgBorder:hover {
    
       border: 1px solid #6699FF;
    
    }
    </style>
    There could also still be other problems.
    - John
    ________________________

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

  3. #3
    Join Date
    Feb 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    my bad.. I was excited to see if it would work and i rushed it. Thanks for your reply. It works now =)

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
  •