View Full Version : Multiple Scripts

02-11-2009, 11:37 AM
I am using to following scripts from the dynamic drive website



On all the pages within my site the menu bar works fine, but on the gallery page which uses the lightbox script, the menu bar does not funtion properly and does not display the drop down lists

Why is this?

02-13-2009, 01:35 AM
Code or a link?

02-13-2009, 11:39 AM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<link rel="stylesheet" type="text/css" href="style.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="ddsmoothmenu.js">

* Smooth Navigational Menu- (c) 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 src="prototype.js" type="text/javascript"></script>
<script src="scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="lightbox.js" type="text/javascript"></script>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script Language ="JavaScript">

function validate_JansignUp()
var illegalChars = /[\(\)\<\>\,\;\:\\\/\"\[\]\$\\&\%\*\`\_\@\\!\-\?\|]/
var illegalEmailChars= /[ \(\)\<\>\,\;\:\\\/\"\[\]\$\\&\%\*\`\\!\-\?\|]/
var name = document.signUp.name.value;
var mail = document.signUp.mail.value;

valid = true; for (var i = 0; i < name.length; i++)
var ch = name.substring(i, i + 1);
if (((ch < "a" || "z" < ch) && (ch < "A" || "Z" < ch)) && ch != ' '&& ch != '.')
valid = false;
if (name.length<1)
valid = false;
if (!valid)
alert("Please ammend your name");

if( (atpos<1||dotpos-atpos<2)||( document.signUp.mail.value.match(illegalEmailChars) ) )

alert("Please ammend your email address");
valid = false;

return valid;
<div id="header">
<div id="Dropmenu">
<div id="smoothmenu1" class="ddsmoothmenu">
<li><a href="index.html">Home</a></li>
<li><a href="#">Menu</a>
<li><a href="mainmeals.html">Main Menu</a></li>
<li><a href="specials.htm">Specials</a></li>
<li><a href="HotMeze.html">Hot Mezes</a></li>
<li><a href="ColdMeze.html">Cold Mezes</a></li>
<li><a href="MainMeals.html">Main Meals</a></li>
<li><a href="Fish.html">Fish Dishes</a></li>
<li><a href="VegiDishes.html">Veggie Dishes</a></li>
<li><a href="sides.html">Side Dishes</a></li>

<li><a href="LunchMenu.html">Lunch Menu</a></li>
<li><a href="TakeAway.html">Take Away Menu</a></li>
<li><a href="WineMenu.html">Wine Menu</a></li>
<li><a href="DrinksMenu.html">Drinks</a></li>
<li><a href="Gallery.html">Gallery</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="february.html">February Offers</a></li>
<li><a href="valentines.html">Valentines Day</a></li>
<li><a href="mothers.html">Mothers Day</a></li>
<li><a href="fathers.html">Fathers Day</a></li>
<li><a href="eastersun.html">Easter Sunday</a></li>
<li><a href="VIP.html">Vip Club</a>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a></li>
<br style="clear: left" />

<div id="page">

<div id="sidebar1" class="sidebar">
<li id="signUp">
<h2>Sign Up</h2>Sign Up For Our January Special Offers And Receive An Introductory 2 For 1 Voucher

<form onsubmit="return validate_signUp();" action="mail2.php" enctype="x-www-form-encoded" method="post" target="_self" name="signUp">
<p><b>Your Name:</B><br>
<input type="text" name="name">
<input type="text" name="mail">
<br><input type="submit" name="submit" value="Submit">
<!-- end sidebar1 -->
<!-- start content -->

<div id="content">
<div class="post">
<h1 class="title">Gallery</a></h1>
<div class="entry">

<h2><CENTER>The Restaurant</CENTER></h2>
<p class="tags"></p>
<a href="images\gallery-images\IMG_2.jpg" rel="lightbox[album]"> <img src="images\gallery-images\IMG_2.jpg" width="110" height="81.5" /></a>
<a href="images\gallery-images\IMG_1.jpg" rel="lightbox[album]"> <img src="images\gallery-images\IMG_1.jpg" width="110" height="81.5" /></a>
<a href="images\gallery-images\IMG_3.jpg" rel="lightbox[album]"> <img src="images\gallery-images\IMG_3.jpg" width="110" height="81.5" /></a>
<a href="images\gallery-images\IMG_16.jpg" rel="lightbox[album]"> <img src="images\gallery-images\IMG_16.jpg" width="110" height="81.5" /></a>

<a href="images\gallery-images\IMG_5.jpg" rel="lightbox[album]"> <img src="images\gallery-images\IMG_5.jpg" width="110" height="81.5" /></a>
<a href="images\gallery-images\IMG_6.jpg" rel="lightbox[album]"> <img src="images\gallery-images\IMG_6.jpg" width="110" height="81.5" /></a>
<a href="images\gallery-images\IMG_7.jpg" rel="lightbox[album]"> <img src="images\gallery-images\IMG_7.jpg" width="110" height="81.5" /></a>
<a href="images\gallery-images\IMG_8.jpg" rel="lightbox[album]"> <img src="images\gallery-images\IMG_8.jpg" width="110" height="81.5" /></a>
<a href="images\gallery-images\IMG_9.jpg" rel="lightbox[album]"> <img src="images\gallery-images\IMG_9.jpg" width="110" height="81.5" /></a>
<a href="images\gallery-images\IMG_10.jpg" rel="lightbox[album]"> <img src="images\gallery-images\IMG_10.jpg" width="110" height="81.5" /></a>


<!-- end content -->
<!-- start sidebar2 -->
<!-- end sidebar2 -->
<div style="clear: both;">&nbsp;</div>
<!-- end page -->
<div id="footer">
<li><a href="index.html">Home</a> | </li>
<li><a href="about.html">About Us</a> | </li>
<li><a href="menu.html">Menu</a> | </li>
<li><a href="events.html">Events</a> | </li>
<li><a href="vip.html">V.I.P Club</a> | </li>
<li><a href="contact.html">Contact</a> | </li>
<li><a href="gallery.html">Gallery</a></li>

<p class="legal">Meze Meze Restaurant&copy;2008 All Rights Reserved.</p>


04-22-2009, 09:03 AM

Did you get a resolution to this? I got a similar problem ...


04-22-2009, 10:59 AM
If you are using:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

You need to use a lightbox type script that doesn't conflict with jQuery.

04-23-2009, 08:00 PM
Hi John

Thanks for the reply.

Nope, not using that. Just the code as is from the Lightbox 2 as above.

Any more cluse?


04-23-2009, 08:11 PM
Then you don't have the same problem. Please open a new thread and give details, including a link to the demo page(s) on Dynamic Drive of the script(s) from Dynamic Drive that you are using, and a link to your problem page.