Need Help w/ Using java/PHP in same page..

WBRchris · June 4th, 2004, 04:03 AM

ok.. my problem is this.. i need to load two .js files into the same page one is date.js and the other is rollover.js one handles my time and date and the other is for my nav menu rollovers.. now my question is this.. w/ the script like so..

Code:

<script language="javascript" src="date.js"></script>
<script language="javascript" src="rollover.js"></script>

the date script will load but not the rollovers.. but if i leave off the date script it will load the rollovers.. how do i get this to load both scripts and have them both work correctly? the scripts are located @ http://www.racinusa.com/themes/e-xoops/date.js and http://www.racinusa.com/themes/e-xoops/rollover.js

thanks in advance for your assistance

WBRchris · June 4th, 2004, 05:35 AM

fixed.. here's what i had to do..

Code:

<SCRIPT LANGUAGE="JavaScript" src="http://www.racinusa.com/themes/e-xoops/date.js"></script>
<script type="text/javascript">

/*****************************************
* Dissolving Image Rollover- By Roy Whittle (http://www.javascript-fx.com/)
* Featured on/available at http://www.dynamicdrive.com/
* This notice must stay intact for use
*****************************************/

//Generate transition CSS (transition=0 to 23)
document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=0.4,transition=12) }</STYLE>');

//Uncomment the next line for fading rollovers instead of dissolving:
//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:blendTrans(duration=0.4) }</STYLE>');

var onImages=new Array();
function Rollover(imgName, imgSrc)
{
	onImages[imgName] = new Image();
	onImages[imgName].src = imgSrc;
}

function turnOn(imgName){ 
	if(document.images[imgName].filters != null)
		document.images[imgName].filters[0].apply();
	document.images[imgName].offSrc = document.images[imgName].src;
	document.images[imgName].src    = onImages[imgName].src;
	if(document.images[imgName].filters != null)
		document.images[imgName].filters[0].play();
}

function turnOff(imgName){ 
	if(document.images[imgName].filters != null)
		document.images[imgName].filters[0].stop();
	document.images[imgName].src = document.images[imgName].offSrc;
}

//Specify name of participating images, plus paths to their onMouseover replacements:
Rollover("home",  "<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/nav_home_o.gif");
Rollover("account", "<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/nav_account_o.gif");
Rollover("downloads", "<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/nav_downloads_o.gif");
Rollover("links", "<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/nav_links_o.gif");
Rollover("forums", "<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/nav_forum_o.gif");
Rollover("tutorials", "<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/nav_tutorials_o.gif");
Rollover("faqs", "<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/nav_faq_o.gif");
Rollover("logout", "<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/nav_logout_o.gif");
</script>
</head>

<body onLoad="startclock();" background="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/g-back.gif">

<?php OpenWaitBox();?>
<table width="774" border="0" align="center" cellspacing="0" cellpadding="0"><tr><td>

<table width="100%" border="0" align="center" cellspacing="0" cellpadding="0">
        <tr>
          <td width="160" height="99" align="left" valign="middle" class="exoops"><a href="<?php echo XOOPS_URL.'/';?>"><img src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/logo.gif" alt="<?php echo $meta['slogan'];?>" width="160" height="99" border="0" align="left" /></a></td>
<td colspan="2"><div align="center"><?php showbanner();?></div></td>
</tr></table>

<table width="100%" border="0" align="center" cellspacing="0" cellpadding="0"><tr>

<td colspan="2" align="center" valign="bottom" background="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/nav_bg.gif">
<table border="0" cellpadding="0" cellspacing="0">
              <tr class="topmenu"> 
			    <td width="74" height="16"><a href="<?php echo XOOPS_URL;?>/"onMouseOver="turnOn('home');"
				onMouseOut="turnOff('home');"><img name="home" class="imgTrans" src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/nav_home.gif" border="0" width="74" height="16" alt="<?php echo _TH_HOME;?>" /></a></td>
			    <td width="74" height="16"><a href="<?php echo XOOPS_URL;?>/user.php"onMouseOver="turnOn('account');"
				onMouseOut="turnOff('account');"><img name="account" class="imgTrans" src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/nav_account.gif" border="0" width="74" height="16" alt="<?php echo _TH_ACCOUNT;?>" /></a></td>
				<td width="74" height="16"><a href="<?php echo XOOPS_URL;?>/modules/mydownloads/"onMouseOver="turnOn('downloads');"
				onMouseOut="turnOff('downloads');"><img name="downloads" class="imgTrans" src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/nav_downloads.gif" border="0" width="74" height="16" alt="<?php echo _TH_DOWNLOADS;?>" /></a></td>
 				<td width="74" height="16"><a href="<?php echo XOOPS_URL;?>/modules/mylinks/"onMouseOver="turnOn('links');"
				onMouseOut="turnOff('links');"><img name="links" class="imgTrans" src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/nav_links.gif" border="0" width="74" height="16" alt="<?php echo _TH_LINKS;?>" /></a></td>
				<td width="74" height="16"><a href="<?php echo XOOPS_URL;?>/modules/newbb_plus/"onMouseOver="turnOn('forums');"
				onMouseOut="turnOff('forums');"><img name="forums" class="imgTrans" src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/nav_forum.gif" border="0" width="74" height="16" alt="<?php echo _TH_FORUMS;?>" /></a></td>
				<td width="74" height="16"><a href="<?php echo XOOPS_URL;?>/modules/sections/"onMouseOver="turnOn('tutorials');"
				onMouseOut="turnOff('tutorials');"><img name="tutorials" class="imgTrans" src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/nav_tutorials.gif" border="0" width="74" height="16" alt="<?php echo _TH_TUTORIALS;?>" /></a></td>
				<td width="74" height="16"><a href="<?php echo XOOPS_URL;?>/modules/xoopsfaq/"onMouseOver="turnOn('faqs');"
				onMouseOut="turnOff('faqs');"><img name="faqs" class="imgTrans" src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/nav_faq.gif" border="0" width="74" height="16" alt="<?php echo _TH_FAQ;?>" /></a></td>
				<td width="74" height="16"><a href="<?php echo XOOPS_URL;?>/user.php?op=logout"onMouseOver="turnOn('logout');"
				onMouseOut="turnOff('logout');"><img name="logout" class="imgTrans" src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/nav_logout.gif" border="0" width="74" height="16" alt="<?php echo _TH_LOGOUT;?>" /></a></td>
              </tr>
            </table>
</td>

hope that helps any of you guys that run into some probs..