PDA

View Full Version : Adding A Java Mouseover.

Madmp3zz
11-18-2005, 07:59 PM
I want to add this code to the top of my cmps homepage.
Where would I add it?
I created a file called buttons.php with the below code to make sure it works and it does.

Just need to know where to add it.

TIA

<script type="text/javascript">
<!--
var SESSIONURL = "";
var IMGDIR_MISC = "images/misc";
// -->
</script>

<script type="text/javascript" src="clientscript/vbulletin_global.js"></script>
<script type="text/javascript" src="clientscript/vbulletin_menu.js"></script>

<script language="JavaScript" type="text/JavaScript">
<!--

//image1 = new Image();
//image1.src = "nav_home_on.gif";
//image2 = new Image();
//image2.src = "nav_forum_on.gif";
//image3 = new Image();
//image3.src = "nav_stats_on.gif";
//image4 = new Image();
//image4.src = "nav_chat_on.gif";

function MM_swapImgRestore()
{
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)
{
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()
{
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>
<style type="text/css">
.login {
FONT-SIZE: 12px;
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
COLOR: #910000;
BACKGROUND-COLOR: #CBCBCB
}
</style>
</head>
<body>



</table>
<a href="portal.php?" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','images/steelred/nav_home_on.gif',1)"><img src="images/steelred/nav_home_off.gif" alt="Home" name="home" width="107" height="27" border="0" /></a><img src="images/steelred/nav_home_on.gif" style="display: none;" />
<a href="index.php?" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('forums','','images/steelred/nav_forum_on.gif',1)"><img src="images/steelred/nav_forum_off.gif" alt="Forums" name="forums" width="107" height="27" border="0" /></a><img src="images/steelred/nav_forum_on.gif" style="display: none;" />
<a href="portal.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('stats','','images/steelred/nav_stats_on.gif',1)"><img src="images/steelred/nav_stats_off.gif" alt="Stats" name="stats" width="107" height="27" border="0" /></a>
<a href="chat/flashchat.php?" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('chat','','images/steelred/nav_chat_on.gif',1)"><img src="images/steelred/nav_chat_off.gif" alt="Chat" name="chat" width="107" height="27" border="0" /></a><img src="images/steelred/nav_chat_on.gif" style="display: none;" />

<div style="width: 95%; height: 15px; border: none; overflow: hidden; vertical-align: bottom; background: #910000 url(images/steelred/top_splashbottom.gif);" align="left">
</div>
<tr>
<td>

<!-- content table -->
G-Force 199
11-19-2005, 02:59 AM
2 ways to do this

1. Copy the php file to the modules folder.
Login to your Admin CP >>> vBa CMPS >>> Add Module >>> [PHP File].

Module Title : Your Module Name
Column : Your Module in Column
File to Include : The new file you've copied it to the modules folder.
Clean File Output : Yes

Hit the button Save.

2. Login to your Admin CP >>> vBa CMPS >>> Add Module >>> [Template].

Module Title : Your Module Name
Column : Your Module in Column
Display Order : Your Module Display Order
Template to Include : Some thing you want like button, navigation, bar etc.
Style : Choose the first option.
Template Content : Paste your code here.

Hit the button Save.

You really need to change the code you posted here.

Please note that vBadvanced is in no way affiliated with Jelsoft Enterprises Ltd, nor will Jelsoft be able to provide any support for vBadvanced products.
Madmp3zz
11-19-2005, 08:50 PM
How's this for the code edit? Is it better?
I added the module to the CENTER Column listed as 1.

It shows up as I want it to, but it moves EVERYTHING below it and EVERTHING in the RIGHT Column to the bottom and looks like a footer.

No matter where I add it, EVERYTHING after it moves to the bottom as a footer.

Any Ideas?

</script>
<script language="JavaScript" type="text/JavaScript">
<!--

//image1 = new Image();
//image1.src = "nav_home_on.gif";
//image2 = new Image();
//image2.src = "nav_forum_on.gif";
//image3 = new Image();
//image3.src = "nav_stats_on.gif";
//image4 = new Image();
//image4.src = "nav_chat_on.gif";

function MM_swapImgRestore()
{
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)
{
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()
{
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>

</table>
<a href="cmps_index.php?" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','images/steelred/nav_home_on.gif',1)"><img src="images/steelred/nav_home_off.gif" alt="Home" name="home" width="107" height="27" border="0" /></a><img src="images/steelred/nav_home_on.gif" style="display: none;" />
<a href="index.php?" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('forums','','images/steelred/nav_forum_on.gif',1)"><img src="images/steelred/nav_forum_off.gif" alt="Forums" name="forums" width="107" height="27" border="0" /></a><img src="images/steelred/nav_forum_on.gif" style="display: none;" />
<a href="http://mysite.com/league/index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('stats','','images/steelred/nav_stats_on.gif',1)"><img src="images/steelred/nav_stats_off.gif" alt="Stats" name="stats" width="107" height="27" border="0" /></a>
<a href="chat/flashchat.php?" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('chat','','images/steelred/nav_chat_on.gif',1)"><img src="images/steelred/nav_chat_off.gif" alt="Chat" name="chat" width="107" height="27" border="0" /></a><img src="images/steelred/nav_chat_on.gif" style="display: none;" />
<tr>
<td>

<!-- content table -->