Menu
-
-
-
-
-
-
-
-
-
-
-
-
-
- How to use Javascript
- Email Link
- Disable Right Click
- Snow
- Falling Leaves
-
-
-
-
-
Tools
-
-
-
-
-
-
Contact Me
Site Links
- MySpace Icons - Your link here - More Affiliates... |
Javascript
Javascript is a great way to add some cool things to your website. Unfortunately this section isn't going to attempt to explain the inner workings of javascript because the coding is very in depth. This section is simply going to provide some of the different codes that you can use on your page and how you can use them.
How do I use Javascript codes?
Using javascript codes is relatively simple. You can either copy the code to your site where ever you would like it to appear or you can just copy a link to an already uploaded code. This page just has the code itself which can be copied and pasted into your websites code.
Top
E-mail Me
This code allows you to have an e-mail link while also protecting you from bots that scan websites for e-mail addresses to spam. This will allow you to let visitors e-mail you while protecting yourself from spam.
- Click to see the code and an example
<script language="JavaScript">
<!-- Hide me from older non-JavaScript-enabled browsers
var name = "admin";
var atsign = "@";
var virtual_domain = "codeitall";
var dotcom = ".com";
document.write("<div align=center>Hi, ");
document.write("<a href=mailto:", name + atsign +
virtual_domain + dotcom, ">E-mail me</a>");
document.write(" and I will get back to you.");
document.write("</div>");
// -->
</script>
Top
Disable Right Clicking
This code will disable right clicking. It will show a pop up message which you can edit. Please note this disables all clicking on Macs.
- Click to see the code.
<SCRIPT LANGUAGE="JavaScript1.1">
<!--
function right(mousebutton)
{
var msg1 = "Hey!! Look but don't touch!!";
var msg2 = "Isn't this annoying?!";
if (navigator.appName == 'Netscape' && mousebutton.which==3)
{
alert(msg1);
return false;
}
else
if (navigator.appName == 'Netscape' && mousebutton.which==1)
{
alert(msg2);
return false;
}
else
if (navigator.appName == 'Microsoft Internet Explorer' && event.button == 2)
{
alert(msg1);
return false;
}
else
if (navigator.appName == 'Microsoft Internet Explorer' && event.button == 2)
{
alert(msg2);
return false;
}
return true;
}
document.onmousedown = right;
// -->
</SCRIPT>
Top
Snow
This makes snow fall from the top of your screen.
- Click to see the code.
<script>
// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35
// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
// Set the letter that creates your snowflake (recommended:*)
var snowletter="*"
// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6
// Set the maximal-size of your snowflaxes
var snowmaxsize=22
// Set the minimal-size of your snowflaxes
var snowminsize=8
// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=3
///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////
// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx
snow[i].style.top=snow[i].posy
}
movesnow()
}
function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
snow[i].style.top=snow[i].posy
if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
</script>
<div style="position:absolute; top:0; left:0;"><a href="http://www.codeitall.com" target="_blank"><img src="http://www.codeitall.com/images/banner.gif"></a></div>
Top
Falling Leaves
This makes leaves fall from the top of your screen. You can change the link to the images to create different objects falling from your site.
- Click to see the code.
<!-- Code Provided By CodeItAll.com -->
<script language="JavaScript1.2">
//Pre-load your image below!
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="http://codeitall.com/images/barg.gif";
Image1=new Image();
Image1.src=grphcs[1]="http://codeitall.com/images/barg.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://codeitall.com/images/barg.gif"
Image3=new Image();
Image3.src=grphcs[3]="http://codeitall.com/images/barg.gif"
Image4=new Image();
Image4.src=grphcs[4]="http://codeitall.com/images/barg.gif"
Image5=new Image();
Image5.src=grphcs[5]="http://codeitall.com/images/barg.gif"
Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use!
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;
if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= Math.random()*5+3;
Cstep[i]=0;
Step[i]=Math.random()*0.1+0.05;
}
function fall(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx;
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+3;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',20);
}
window.onload=fall
//-->
</script>
<div style="position:absolute; top:0; left:0;"><a href="http://www.codeitall.com" target="_blank"><img src="http://www.codeitall.com/images/banner.gif"></a></div>
Top |