PDA

View Full Version : lightbox + ajax tab



koolaid
02-16-2008, 09:30 PM
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/dynamicindex17/ajaxtabscontent/index.htm
http://www.dynamicdrive.com/dynamicindex4/lightbox2/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~

jscheuer1
02-17-2008, 03:17 AM
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:


<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:


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

koolaid
02-17-2008, 03:31 AM
my bad.. I was excited to see if it would work and i rushed it. Thanks for your reply. It works now =)