The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
|
#1
|
|||
|
|||
How Do I Go About Entering JavaScript To Make Custom Template Work
How do I go about entering JavaScript to make custom template work in 'who's online line' and as well as 'navlink' plus just to make run on my custom template?
It did work in the instrution that Jake B. @ vbulletin.com provided by when I went and made a template for it, that is when it stop working. http://www.vbulletin.com/forum/showthread.php?t=152916 Here is my Custom Template Code. My link to page. http://www.theundergroundsource.com/...hex_chart.php? Code:
$stylevar[htmldoctype] <html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]"> <head> <title>$vboptions[bbtitle]</title> $headinclude </head> <body onload="capture()"> $header $navbar <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center"> <tr> <td class="tcat">Hex Colour Wheel & Chart</td> </tr> <div id=wheel style="position:absolute; visibility:visible; top:40px; left:120px;"> <table border=0 cellpadding=0 cellspacing=0> <tr> <td> <img src="http://www.theundergroundsource.com/website_images/colourwheel.jpg" width=256 height=256 border=0> </td> </tr> <tr> <td align="center"> <br> <form name="f"> <input type="text" name="t" size=27> </form> </td> </tr> </table> </div> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="<a href="http://javascriptsource.com">The">http://javascriptsource.com">The JavaScript Source</a></font> </center><p> <div align="center"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="301px"> <table cellpadding="2"> <tbody> <tr> <td align="left"> <p></p> </td> </tr> </tbody> </table> <div align="center"> <table cellspacing="0" cellpadding="2" width="100%" bordercolorlight="#BBAC8C" border="1" bordercolordark="#FFFFFF"> <tbody> <tr> <td valign="top" align="left" width="25%"> <!-- hex chart template --> <table cellspacing="0" cellpadding="2" width="100%"> <tbody> <tr> <div valign="top" align="center"><b><font face="Tahoma" size="1">PC & Mac Colour Safe Chart<img src=/images/new.gif> <td width="301px"><font face="Tahoma" size="1"><img class="image" src="http://www.theundergroundsource.com/website_images/colourchart.gif" width="300px" height="757"></font></td> </font> </b> </div> </tr> </tbody> </table> <!-- END hex chart template --> </td> </tr> </table> </center> </div> </table> $footer </body> </html> plus the .php code for template PHP Code:
This is the instructions for code. 1. Copy the coding into the HEAD of your HTML document 2. Add the onLoad event handler into the BODY tag 3. Put the last coding into the BODY of your HTML document Code:
<!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <head> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: D10n (biab@iinet.net.au) --> <!-- Web Site: http://www.iinet.net.au/~biab --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin addary = new Array(); //red addary[0] = new Array(0,1,0); //red green addary[1] = new Array(-1,0,0); //green addary[2] = new Array(0,0,1); //green blue addary[3] = new Array(0,-1,0); //blue addary[4] = new Array(1,0,0); //red blue addary[5] = new Array(0,0,-1); //red addary[6] = new Array(255,1,1); clrary = new Array(360); for(i = 0; i < 6; i++) for(j = 0; j < 60; j++) { clrary[60 * i + j] = new Array(3); for(k = 0; k < 3; k++) { clrary[60 * i + j][k] = addary[6][k]; addary[6][k] += (addary[i][k] * 4); } } function capture() { if(document.layers) { layobj = document.layers['wheel']; layobj.document.captureEvents(Event.MOUSEMOVE); layobj.document.onmousemove = moved; } else { layobj = document.all["wheel"]; layobj.onmousemove = moved; } } function moved(e) { y = 4 * ((document.layers)?e.layerX:event.offsetX); x = 4 * ((document.layers)?e.layerY:event.offsetY); sx = x - 512; sy = y - 512; qx = (sx < 0)?0:1; qy = (sy < 0)?0:1; q = 2 * qy + qx; quad = new Array(-180,360,180,0); xa = Math.abs(sx); ya = Math.abs(sy); d = ya * 45 / xa; if(ya > xa) d = 90 - (xa * 45 / ya); deg = Math.floor(Math.abs(quad[q] - d)); n = 0; sx = Math.abs(x - 512); sy = Math.abs(y - 512); r = Math.sqrt((sx * sx) + (sy * sy)); if(x == 512 & y == 512) { c = "000000"; } else { for(i = 0; i < 3; i++) { r2 = clrary[deg][i] * r / 256; if(r > 256) r2 += Math.floor(r - 256); if(r2 > 255) r2 = 255; n = 256 * n + Math.floor(r2); } c = n.toString(16); while(c.length < 6) c = "0" + c; } if(document.layers) { document.layers["wheel"].document.f.t.value = "#" + c; document.layers["wheel"].bgColor = "#" + c; } else { document.all["wheel"].document.f.t.value = "#" + c; document.all["wheel"].style.backgroundColor = "#" + c; } return false; } // End --> </script> </head> <!-- STEP TWO: Insert the onLoad event handler into your BODY tag --> <BODY onload="capture()"> <!-- STEP THREE: Copy this code into the BODY of your HTML document --> <div id=wheel style="position:absolute; visibility:visible; top:40px; left:120px;"> <table border=0 cellpadding=0 cellspacing=0> <tr> <td> <img src="colorwheel.jpg" width=256 height=256 border=0> </td> </tr> <tr> <td align="center"> <br> <form name="f"> <input type="text" name="t" size=27> </form> </td> </tr> </table> </div> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="<A href="http://javascriptsource.com">The">http://javascriptsource.com">The JavaScript Source</a></font> </center><p> <!-- Script Size: 3.15 KB --> |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|