PDA

View Full Version : Chrome Drop Down Toolbar



jamer7
02-17-2006, 11:35 PM
Hi,

Script

http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

I'm trying to set this up for my website, which has a LOT of pages. I'd like to set this up as a PHP call, but it doesn't seem to be working. Here's the PHP call i use from each page:

<?php
include("menu.inc");
?>

menu.inc is basically the code for the drop downs. I've tried it with and without the standard HTML headers (<html> <head>...etc.), and I've tired the script call before and after the </head> tage, but the menu doesn't show up. Can you help?

biggles
02-18-2006, 03:41 PM
Are you calling the js and css files in the <head> section of your page?

the menu.inc just has the code


<div id="chromemenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="#" onMouseover="cssdropdown.dropit(this,event,'dropmenu1')">Resources</a></li>
<li><a href="#" onMouseover="cssdropdown.dropit(this,event,'dropmenu2')">News</a></li>
</ul>
</div>

<!--1st drop down menu -->
<div id="dropmenu1" class="dropmenudiv">
<a href=" etc etc etc


do you have it set up like this?

Are you testing it online?

Regards, Biggles

jamer7
02-19-2006, 01:31 AM
Hi Biggles, thanks for replying.

Yes, I've tried all this. Have the js and css in my head in the webpage and have the .inc file containing only the code for the menus. I've tried it locally and on the web and still have no menu bar (works great if i put the code right in the page itself).

If this helps, here are the files. Any thoughts would be appreciated!

the menu.inc file:

<div id="chromemenu">
<ul>
<li><a href="main.html">Home</a></li>
<li><a href="news.html" onMouseover="cssdropdown.dropit(this,event,'dropmenu1')">News</a></li>
<li><a href="jack.html" onMouseover="cssdropdown.dropit(this,event,'dropmenu2')">House that Jack Built</a></li>
<li><a href="enemyofmyenemy.html" onMouseover="cssdropdown.dropit(this,event,'dropmenu3')">Enemy of My Enemy</a></li>
<li><a href="creepysantas.html" onMouseover="cssdropdown.dropit(this,event,'dropmenu4')">Creepy Santas</a></li>
<li><a href="imperfect.html" onMouseover="cssdropdown.dropit(this,event,'dropmenu5')">Imperfect Thoughts</a></li>
<li><a href="wyndenfog.html" onMouseover="cssdropdown.dropit(this,event,'dropmenu6')">Wyndenfog Bluff</a></li>
<li><a href="stories.html" onMouseover="cssdropdown.dropit(this,event,'dropmenu7')">Stories</a></li>
<li><a href="writers.html" onMouseover="cssdropdown.dropit(this,event,'dropmenu8')">Writers</a></li>
<li><a href="http://malcolm-james.blogspot.com/" onMouseover="cssdropdown.dropit(this,event,'dropmenu9')">Blog</a></li>
</ul>
</div>

<!--1st drop down menu -->
<div id="dropmenu1" class="dropmenudiv">
<a href="news3.html">News on The House that Jack Built</a>
<a href="enemymain.html">News on The Enemy of My Enemy</a>
<a href="news7.html">News on One Night in the House of the Creepy Santas</a>
<a href="news5.html">News on Malcolm's Animation Concepts</a>
<a href="news6.html">News on Imperfect Thoughts</a>
<a href="news4.html">The House that Jack Built: The Motion Picture?</a>
<a href="about.html">About Malcolm James</a></div>

...etc.

the html page:

<html>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="chrometheme/chromestyle.css" /> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<META http-equiv=Page-Enter content=blendTrans(Duration=1)>
<META http-equiv="Expires" content="0">
<LINK REV="made" href="mailto:webmaster@malcolm-james.com">

<META NAME="Description" CONTENT="Malcolm James Author of Horror Stories, Poetry, novels and short stories. Romance Novels, Terror Tales and Psychological Thrillers"><META
name="categories" content="">
<META NAME="Keywords" CONTENT="horror stories, horror, psychological thriller, psychological, love story, nightmare, romance novel, fiction, romantic poetry, novel, poem, poetry, romance, animation, author, authors, novels, poems,writer, writers, free, download, downloads, new, story, stories, poet, poets, psychological, thriller, suspense, suspense stories, mystery, frightening, scary, scared, terrified, love, apple pie, song, lyrics, online, information, books, book, ebook, ebooks">
<META NAME="author" CONTENT="Malcolm James">
<META NAME="ROBOTS" CONTENT="ALL">
<!--base href="http://www.malcolm-james.com//"-->
<!--/base--><script language="Javascript">
<!--
<!--
document.isTrellix = 1;
// -->

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<title>The Enemy of My Enemy: Malcolm James' Terrifying Sequel to The House that Jack Built!</title>
<meta name="description" content="Malcolm James, Author of Horror Stories, Poetry, novels and short stories. Romance Novels, Terror Tales and Psychological Thrillers!">
<meta name="keywords" content="horror, psychological, thriller, love, story, nightmare, romance, novel, fiction, romantic, poem, poetry, animation, author, writer, free, story, stories, poet, poets, suspense, mystery">
<style type="text/css">
<!--
a:visited {
color: #669999;
text-decoration: none;
}
a:link {
color: #996699;
text-decoration: none;
}
.style9 {font-size: 10px}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
.style10 {
font-size: 9px;
font-family: Arial, Helvetica, sans-serif;
}
-->
</style>
<script type="text/javascript" src="chromejs/chrome.js">
?>
/***********************************************
* Chrome CSS Drop Down Menu- 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></HEAD>

<BODY bgcolor="#000000" text="#999999" onLoad="setTimeout('delayer()', 260000);MM_preloadImages('Graphics/index2-2.jpg')">

<?php include 'menu.inc' ?>

<TABLE width=764 border=0 cellPadding=0 cellSpacing=0 bgcolor="#000000">
<TBODY>
<TR vAlign=top bgcolor="#000000">
<TD width=4 class=bbg>&nbsp;</TD>
<TD width=752 align=right class=mbbg>
<div align="left"><a href="secret.html"><img src="Graphics/headbk.jpg" alt="Malcolm James, the New Master of Terror and Horror!" width="750" height="100" border="0"></a></div> </TD>
</TR>
</TBODY>
</TABLE>



<table width="762" border="0" cellspacing="0" cellpadding="0">
<!--DWLayoutTable-->
<tr>
<th align="left" scope="col"><table width="88%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th width="47%" height="398" align="right" valign="top" scope="col"><table width="82%" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<th width="69%" height="281" align="right" valign="top" scope="col"><p><a href="jack.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('the House that Jack Built','','Graphics/jackrollover.jpg',1)"><br>

...etc.