Announcement


Grab your free HTML codes here! Everything from basic music HTML codes, cool font codes, even free cursor codes! You can copy/paste these codes straight into your web page, and in most cases, your MySpace page. Best Use fresh Javascript source code into your web pages easy. Get scripts and apply to your page. Learn to copy and paste Java code, source code. In free-webcodes, you will find a categorized listing of free php scripts, commercial php scripts, php resource, php tutorials, web resources, php hosting and more. We have also developed several free php scripts at free-webcodes.blogspot. You can find them in the label section to the right. The code is downloadable from php.net too.
Showing posts with label HTML free codes. Show all posts
Showing posts with label HTML free codes. Show all posts

FREE-CODE: Redirect to a New Page

<!-- Redirect to a New Page -->
<meta HTTP-EQUIV="REFRESH" content="0; url=http://free-webcodes.blogspot.com/">

FREE-CODE: Embedding Web Pages within Web Pages

<!-- Embedding Web Pages within Web Pages-->

<object data=http://freecodesonly.blogspot.com width="600" height="400"> <embed src=http://freecodesonly.blogspot.com  width="600" height="400"> </embed> Error: Embedded data could not be displayed. </object>

FREE-CODE: Colored Text Boxes

<!-- Colored Text Boxes-->

<INPUT type="text" STYLE="color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72A4D2;" size="10" maxlength="30">

This HTML code allows your visitors to choose a background color for your website.


<!-- HTML Code to choose a background-->

<form name="changeColor">
<p><font size="2" face="Verdana,Arial,Helvetica,Sans Serif">Choose
a Background Color: <br> <br> <input type="button" name="colr"
value=" BLUE " onclick="document.bgColor='#0000FF'"> <input
type="button" name="colr" value=" RED " onclick="document.bgColor='#FF0000'">
<input type="button" name="colr" value=" GREEN "
onclick="document.bgColor='#00FF00'"> <input type="button"
name="colr" value=" WHITE " onclick="document.bgColor='#FFFFFF'">
<input type="button" name="colr" value=" BLACK "
onclick="document.bgColor='#000000'"></font> </p> </form>

FREE-CODE: Mouseover Alert HTML Script

<!-- Mouseover Alert HTML Script-->

<a href="http://linkurlhere.com"
onMouseOver="alert('PUT YOUR MESSAGE HERE');return true;">Link Text Goes
Here</a>

FREE-CODE: Making scrolling text with the use of the marquee tag

<!-- Making scrolling text with the use of the marquee tag-->

<div align="center"><FONT
color="#ffffff" size="+1"><MARQUEE bgcolor="#000080"
direction="right" loop="20" width="75%"><STRONG> Designed by "yOUR MESSAGE HERE"</STRONG></MARQUEE></FONT></DIV>

FREE-CODE: HTML protect email

 Here is how you put your e-mail and spam bots can not figure out what your email is. This way you will have much less spam in your inbox!


<!-- HTML protect email-->

<A HREF="mailto:you@yourdomain.com">Contact Us</A>

FREE-CODE: HTML email form

<!-- HTML email form-->

<FORM action="mailto:you@yourdomain.com" method="post" enctype="text/plain">
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="4" WIDTH="90%">
<TR>
<TD width="30%"><DIV align="right">
<B>Name:</B>
</DIV>
</TD>
<TD width="70%">
<INPUT type="text" name="name" size="20">
</TD>
</TR>
<TR>
<TD><DIV align="right"><B>Email:</B></DIV>
</TD>
<TD>
<INPUT type="text" name="email" size="20">
</TD>
</TR>
<TR>
<TD><DIV align="right">
<B>Comment:</B>
</DIV>
</TD>
<TD><TEXTAREA name="comment" cols="30" wrap="virtual" rows="4">

FREE-COE: HTML table placeholder

<!-- HTML table placeholder-->

 <TABLE BORDER CELLPADDING="4">
<TR>
<TD>Your Text</TD>
<TD> </TD>
<TD>Your Text</TD>
</TR>
<TR>
<TD> </TD>
<TD>Your Text</TD>
<TD> </TD>
</TR>
</TABLE>

FREE-CODE: HTML graphic bullets

<!-- HTML graphic bullets-->
<DL>
<DD><IMG SRC="yourimage.gif">List Item One</DD>
<DD><IMG SRC="yourimage.gif">List Item Two</DD>
<DD><IMG SRC="yourimage.gif">List Item Three</DD>
<DD><IMG SRC="yourimage.gif">List Item Four</DD>
</DL>

FREE-CODE: HTML Popup Window Code

<!-- HTML Popup Window Code-->
<script>
// Popup window code
function newWindow(url) {
    popupWindow = window.open(
        url,
        'popUpWindow',
        'height=500,
        width=450,
        left=100,
        top=100,
        resizable=yes,
        scrollbars=yes,
        toolbar=yes,
        menubar=no,
        location=no,
        directories=no,
        status=yes')
}
</script>

FREE-CODE: Dferent time of the world by the users choice from a list

<!-- Dferent time of the world by the users choice from a list-->

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>New Page 2</title>
</head>

<body>

<table border="0" width="200" cellspacing="0" cellpadding="3">
<form name="where">
  <tr>
    <td width="100%">
<select name="city" size="1" onchange="updateclock(this);">
<option value="" selected>Local time</option>
<option value="0">London GMT</option>
<option value="1">Rome</option>
<option value="7">Bangkok</option>
<option value="8">Hong Kong</option>
<option value="9">Tokyo</option>
<option value="10">Sydney</option>
<option value="12">Fiji</option>
<option value="-10">Hawaii</option>
<option value="-8">San Francisco</option>
<option value="-5">New York</option>
<option value="-3">Buenos Aires</option>
</select>

</td>
  </tr>
  <tr>
    <td width="100%">
<script language="JavaScript">

/*
Drop Down World Clock- By Learn iran (http://www.webloger.5u.com)
Portions of code by Kurt @ http://www.webloger.5u.com/
This credit notice must stay intact
*/

if (document.all||document.getElementById)
document.write('<span id="worldclock" style="font:bold 16px Arial;"></span><br>')

zone=0;
isitlocal=true;
ampm='';

function updateclock(z){
zone=z.options[z.selectedIndex].value;
isitlocal=(z.options[0].selected)?true:false;
}

function WorldClock(){
now=new Date();
ofst=now.getTimezoneOffset()/60;
secs=now.getSeconds();
sec=-1.57+Math.PI*secs/30;
mins=now.getMinutes();
min=-1.57+Math.PI*mins/30;
hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone);
hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360;
if (hr < 0) hr+=24;
if (hr > 23) hr-=24;
ampm = (hr > 11)?"PM":"AM";
statusampm = ampm.toLowerCase();

hr2 = hr;
if (hr2 == 0) hr2=12;
(hr2 < 13)?hr2:hr2 %= 12;
if (hr2<10) hr2="0"+hr2

var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;
if (document.all)
worldclock.innerHTML=finaltime
else if (document.getElementById)
document.getElementById("worldclock").innerHTML=finaltime
else if (document.layers){
document.worldclockns.document.worldclockns2.document.write(finaltime)
document.worldclockns.document.worldclockns2.document.close()
}


setTimeout('WorldClock()',1000);
}

window.onload=WorldClock
//-->
</script>

<!--Place holder for NS4 only-->
<ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 16px Arial;"></layer></ilayer>

</td>
</form>
  </tr>
</table>

</body>

</html>

FREE-CODE: Redirect to another page and link automatically

<!-- Redirect to another page and link automatically -->

<center>
<font face="Arial"><b>You will be redirected to the script in<br><br>
<form>
<input type="text" size="3" name="redirect2">
</form>
seconds</b></font>
</center>

<script>
<!--

var targetURL="http://www.htmlfreecodes.com"
var countdownfrom=5


var currentsecond=document.redirect.redirect2.value=countdownfrom+1
function countredirect(){
if (currentsecond!=1){
currentsecond-=1
document.redirect.redirect2.value=currentsecond
}
else{
window.location=targetURL
return
}
setTimeout("countredirect()",1000)
}

countredirect()
//-->
</script>
<!--webbot bot="HTMLMarkup" endspan --></p>
</body>
</html></body>
</html>

Message to user by clicking a button

<!-- Message to user by clicking a button -->

<!-- Start of a Message Alert -->
<!-- Use this button in a form to pop-up a message when the user clicks it -->
<form>
<input type="button" value="message" onClick="alert('PuT YOUR MESSAGE HERE'); return true">
</form>
<!-- End of Message Alert -->

Background changing with color effects

<!-- Background changing color effect -->

<script>

// Select fade-effect below:
// Set 1 if the background may fade from dark to medium
// Set 2 if the background may fade from light to medium
// Set 3 if the background may fade from very dark to very light light
// Set 4 if the background may fade from light to very light
// Set 5 if the background may fade from dark to very dark
var fade_effect=3

// What type of gradient should be applied Internet Explorer 5x or higher?
// Set "none" or "horizontal" or "vertical"
var gradient_effect="horizontal"

// Speed higher=slower
var speed=60

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS
///////////////////////////////////////////////////////////////////////////

var browserinfos=navigator.userAgent
var ie4=document.all&&!document.getElementById
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/) 
var browserok=ie4||ie5||ns4||ns6||opera

if (fade_effect==1) {
    var darkmax=1
    var lightmax=127
}
if (fade_effect==2) {
    var darkmax=127
    var lightmax=254
}
if (fade_effect==3) {
    var darkmax=1
    var lightmax=254
}
if (fade_effect==4) {
    var darkmax=190
    var lightmax=254
}
if (fade_effect==5) {
    var darkmax=1
    var lightmax=80
}
var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F')

var newred
var newgreen
var newblue
var oldred
var oldgreen
var oldblue

var redcol_1
var redcol_2
var greencol_1
var greencol_2
var bluecol_1
var bluecol_2
var oldcolor
var newcolor
var firsttime=true

var stepred=1
var stepgreen=1
var stepblue=1

function setrandomcolor() {
    var range=(lightmax-darkmax)
    if (firsttime) {
        newred=Math.ceil(range*Math.random())+darkmax
        newgreen=Math.ceil(range*Math.random())+darkmax
        newblue=Math.ceil(range*Math.random())+darkmax
        firsttime=false
    }
   
    oldred=Math.ceil(range*Math.random())+darkmax
    oldgreen=Math.ceil(range*Math.random())+darkmax
    oldblue=Math.ceil(range*Math.random())+darkmax
   
    stepred=newred-oldred
    if (oldred>newred) {stepred=1}
    else if (oldred<newred) {stepred=-1}
    else {stepred=0}
   
    stepgreen=newgreen-oldgreen
    if (oldgreen>newgreen) {stepgreen=1}
    else if (oldgreen<newgreen) {stepgreen=-1}
    else {stepgreen=0}
   
    stepblue=newblue-oldblue
    if (oldblue>newblue) {stepblue=1}
    else if (oldblue<newblue) {stepblue=-1}
    else {stepblue=0}
    fadebg()
}

function fadebg() {
    if (newred==oldred) {stepred=0}
    if (newgreen==oldgreen) {stepgreen=0}
    if (newblue==oldblue) {stepblue=0}
    newred+=stepred
    newgreen+=stepgreen
    newblue+=stepblue
   
    if (stepred!=0 || stepgreen!=0 || stepblue!=0) {
          redcol_1 = hexc[Math.floor(newred/16)];
         redcol_2 = hexc[newred%16];
         greencol_1 = hexc[Math.floor(newgreen/16)];
          greencol_2 = hexc[newgreen%16];
          bluecol_1 = hexc[Math.floor(newblue/16)];
          bluecol_2 = hexc[newblue%16];
          newcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2
        if (ie5 && gradient_effect!="none") {
            if (gradient_effect=="horizontal") {gradient_effect=1}
            if (gradient_effect=="vertical") {gradient_effect=0}
              greencol_1 = hexc[Math.floor(newred/16)];
             greencol_2 = hexc[newred%16];
             bluecol_1 = hexc[Math.floor(newgreen/16)];
              bluecol_2 = hexc[newgreen%16];
              redcol_1 = hexc[Math.floor(newblue/16)];
              redcol_2 = hexc[newblue%16];
            var newcolorCompl="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2
            document.body.style.filter=
"progid:DXImageTransform.Microsoft.Gradient(startColorstr="+newcolorCompl+", endColorstr="+newcolor+" GradientType="+gradient_effect+")"
        }
        else {
              document.bgColor=newcolor
        }
        var timer=setTimeout("fadebg()",speed);
    }
      else {
          clearTimeout(timer)
        newred=oldred
        newgreen=oldgreen
        newblue=oldblue
        oldcolor=newcolor
        setrandomcolor()
      }
}

if (browserok) {
    window.onload=setrandomcolor
}
</script>

Dancing status bar with nice slide

<!--Dancing status bar sliding nicely -->
<!--   DESCRIPTIONS:  This will make your text bounce in the status bar of the browser.

    INSTRUCTIONS:  Place this script in the HEAD tags of your webpage.  Then place the text you want to be bounced in the area that says,
                      "FILL YOUR MESSAGE HERE".

    FUNCTIONALITY: Works only in both Netscape & IE.
-->

<SCRIPT LANGUAGE="JavaScript">
//Modified by CoffeeCup Software
//This code is Copyright (c) 1997 CoffeeCup Software
//all rights reserved. License is granted to a single user to
//reuse this code on a personal or business Web Site.



var yourtext = "* FILL YOUR MESSAGE HERE! *";
var wedge1="                        ";
var wedge2="                        ";
var message1=wedge1+yourtext+wedge2;
var dir = "lside";
var speed = 50;

function bouncey() {

    if (dir == "lside") {
        message2=message1.substring(2,message1.length)+"  ";
        window.status=message2;
        setTimeout("bouncey();",speed);
        message1=message2;

        if (message1.substring(0,1) == "*") {
            dir="rside";
        }
    }

    else {
        message2="  "+message1.substring(0,message1.length-2);
        window.status=message2;
        setTimeout("bouncey();",speed);
        message1=message2;
        if (message1.substring(message1.length-1,message1.length) == "*") {
            dir="lside";
        }
    }
}

// -- End Hiding Here.... -->
</SCRIPT>

<body onLoad="bouncey()">

Calculator in your page

<!--A Calculator in your webpage-->
<CENTER>

<FORM name="Keypad" action="">
<TABLE>
<B>
<TABLE border=2 width=50 height=60 cellpadding=1 cellspacing=5>
<TR>
<TD colspan=3 align=middle>
<input name="ReadOut" type="Text" size=24 value="0" width=100%>
</TD>
<TD
</TD>
<TD>
<input name="btnClear" type="Button" value="  C  " onclick="Clear()">
</TD>
<TD><input name="btnClearEntry" type="Button" value="  CE " onclick="ClearEntry()">
</TD>
</TR>
<TR>
<TD>
<input name="btnSeven" type="Button" value="  7  " onclick="NumPressed(7)">
</TD>
<TD>
<input name="btnEight" type="Button" value="  8  " onclick="NumPressed(8)">
</TD>
<TD>
<input name="btnNine" type="Button" value="  9  " onclick="NumPressed(9)">
</TD>
<TD>
</TD>
<TD>
<input name="btnNeg" type="Button" value=" +/- " onclick="Neg()">
</TD>
<TD>
<input name="btnPercent" type="Button" value="  % " onclick="Percent()">
</TD>
</TR>
<TR>
<TD>
<input name="btnFour" type="Button" value="  4  " onclick="NumPressed(4)">
</TD>
<TD>
<input name="btnFive" type="Button" value="  5  " onclick="NumPressed(5)">
</TD>
<TD>
<input name="btnSix" type="Button" value="  6  " onclick="NumPressed(6)">
</TD>
<TD>
</TD>
<TD align=middle><input name="btnPlus" type="Button" value="  +  " onclick="Operation('+')">
</TD>
<TD align=middle><input name="btnMinus" type="Button" value="   -   " onclick="Operation('-')">
</TD>
</TR>
<TR>
<TD>
<input name="btnOne" type="Button" value="  1  " onclick="NumPressed(1)">
</TD>
<TD>
<input name="btnTwo" type="Button" value="  2  " onclick="NumPressed(2)">
</TD>
<TD>
<input name="btnThree" type="Button" value="  3  " onclick="NumPressed(3)">
</TD>
<TD>
</TD>
<TD align=middle><input name="btnMultiply" type="Button" value="  *  " onclick="Operation('*')">
</TD>
<TD align=middle><input name="btnDivide" type="Button" value="   /   " onclick="Operation('/')">
</TD>
</TR>
<TR>
<TD>
<input name="btnZero" type="Button" value="  0  " onclick="NumPressed(0)">
</TD>
<TD>
<input name="btnDecimal" type="Button" value="   .  " onclick="Decimal()">
</TD>
<TD colspan=3>
</TD>
<TD>
<input name="btnEquals" type="Button" value="  =  " onclick="Operation('=')">
</TD>
</TR>
</TABLE>
</TABLE>
</B>
</FORM>
</CENTER>
<font face="Verdana, Arial, Helvetica" size=2>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var FKeyPad = document.Keypad;
var Accumulate = 0;
var FlagNewNum = false;
var PendingOp = "";
function NumPressed (Num) {
if (FlagNewNum) {
FKeyPad.ReadOut.value  = Num;
FlagNewNum = false;
   }
else {
if (FKeyPad.ReadOut.value == "0")
FKeyPad.ReadOut.value = Num;
else
FKeyPad.ReadOut.value += Num;
   }
}
function Operation (Op) {
var Readout = FKeyPad.ReadOut.value;
if (FlagNewNum && PendingOp != "=");
else
{
FlagNewNum = true;
if ( '+' == PendingOp )
Accumulate += parseFloat(Readout);
else if ( '-' == PendingOp )
Accumulate -= parseFloat(Readout);
else if ( '/' == PendingOp )
Accumulate /= parseFloat(Readout);
else if ( '*' == PendingOp )
Accumulate *= parseFloat(Readout);
else
Accumulate = parseFloat(Readout);
FKeyPad.ReadOut.value = Accumulate;
PendingOp = Op;
   }
}
function Decimal () {
var curReadOut = FKeyPad.ReadOut.value;
if (FlagNewNum) {
curReadOut = "0.";
FlagNewNum = false;
   }
else
{
if (curReadOut.indexOf(".") == -1)
curReadOut += ".";
   }
FKeyPad.ReadOut.value = curReadOut;
}
function ClearEntry () {
FKeyPad.ReadOut.value = "0";
FlagNewNum = true;
}
function Clear () {
Accumulate = 0;
PendingOp = "";
ClearEntry();
}
function Neg () {
FKeyPad.ReadOut.value = parseFloat(FKeyPad.ReadOut.value) * -1;
}
function Percent () {
FKeyPad.ReadOut.value = (parseFloat(FKeyPad.ReadOut.value) / 100) * parseFloat(Accumulate);
}
// End -->
</SCRIPT>

How to print a page in HTML pages

<!-- Print Page Script Use this script to have your users print your HTML page -->
<SCRIPT LANGUAGE="JavaScript">
if (window.print) {
document.write('<form> '
+ '<input type=button name=print value="Click" '
+ 'onClick="javascript:window.print()"> To Print this page!</form>');
}
// End -->
</script>

Shake Internet Explorer

<!-- Free code to Shake Internet Explorer-->
<meta http-equiv="Content-Language" content="en-us">
<SCRIPT language=JavaScript>
<!-- Begin
function shake(n) {
if (parent.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {

parent.moveBy(-i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
parent.moveBy(0,-i);
parent.moveBy(i,0);
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,i);
         }
      }
   }


}
//  End -->

<!--
shake(1);
//-->
 </SCRIPT>

Set your website as the visitor's homepage

<!-- Set your website as the visitor's homepage-->
<A class=chlnk
            style="CURSOR: hand; font-decoration: underline"
            onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://freecodesonly.blogspot.com/');"
            href="\">set as your home page</A><br><font face="Tahoma">