<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="title"
content="JavaScript Made Easy: Free JavaScripts, Tutorials, Example Code, Reference, Resources, And Help">
<meta name="description"
content="Large Collection of JavaScript source code. Choose from thousands of free scripts. JavaScript tutorials with example code. Excellent reference material for JavaScript. If you need help with JavaScript. JavaScript Made Easy is the place to find it.">
<meta name="keywords"
content="javascript, jsmadeeasy, script, source code, code, source, online, internet, programing, DHMTL, Navigation, html, developer, develop, css, dhtml, netscape, www.javascript.com, javascript.com, Tutorials, Reference, Windows, Cookies">
<meta name="keyphrase"
content="javascript, jsmadeeasy, script, source code, code, source, online, internet, programing, DHMTL, Navigation, html, developer, develop, css, dhtml, netscape, www.javascript.com, javascript.com, Tutorials, Reference, Windows, Cookies">
<meta name="generator" content="Microsoft FrontPage 4.0">
<meta name="author" content="webmaster@jsmadeeasy.com">
<meta name="robots" content="index,follow">
<meta name="rating" content="General">
<meta name="author" content="JSMadeEasy - CSIWorks">
<meta name="revisit" content="30 days">
<meta name="revisit-after" content="30 days">
<meta name="distribution" content="global">
<meta name="copyright"
content="(C) Copyright 2006 ~ jsmadeeasy.com">
<meta name="language" content="english">
<meta name="theives" content="JavaScript Made Easy">
<meta http-equiv="expires" content="0">
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta http-equiv="pics-label"
content="(pics-1.1 "http://www.icra.org/ratingsv02.html" l gen true for "http://www.jsmadeeasy.com" r (cb 1 lz 1 nz 1 oz 1 vz 1) "http://www.rsac.org/ratingsv01.html" l gen true for "http://www.jsmadeeasy.com" r (n 0 s 0 v 0 l 0))">
<script language="JavaScript">
<!-- Hide from old browsers
var sid="mitnamdliw_wildmantim";
function MakeArray(n) { this.length = n;
for (var i = 1; i <= n; i++) { this[i] = 0 }
return this
}
var ToolTips = new MakeArray(1);
ToolTips[0] = 7; ToolTips[1] = "Put your mouse over the picture to see the comments.";
ToolTips[2] = "COMMENT2";
ToolTips[3] = "COMMENT3";
ToolTips[4] = "COMMENT4";
ToolTips[5] = "COMMENT5";
ToolTips[6] = "COMMENT6";
ToolTips[7] = "COMMENT7";
ToolTips[8] = "COMMENT8";
ToolTips[9] = "COMMENT9";
ToolTips[10] = "COMMENT10";
function writeTip(imgIndex ){ document.tooltipsform.tips.value=(ToolTips[imgIndex]);
}
// -->
</script>
<title>Source Code - JsMadeEasy.com</title>
<!--============================================= FOLD OUT MENU-->
<script language="javascript" src="/jsexternal/foldernav.js"></script>
<!--============================================= IMAGE HIGHLIGHT -->
<script language="JavaScript1.2">
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=70
else
cur.filters.alpha.opacity=100
}
</script><!--============================================= CONTROLS TEXT ROLLOVER COLOR -->
<style>
A:link {text-decoration: none; text-decoration:none; color:#0066CC; }
A:visited {text-decoration: none; text-decoration:none; color:#0066CC; }
A:hover {text-decoration: text-decoration:none; color:red}
#SubMenu
{
position: absolute;
top: 85px;
left: 243px;
width: 180px;
border: 1px solid #999;
visibility: hidden;
}
A.list {
color:white;
text-decoration:none;
font-size:7pt;
font-family:verdana;
}
A.list:visited {
color:white;
text-decoration:none;
font-size:7pt;
font-family:verdana;
}
A.list:hover {
color:#ffcb10;
text-decoration:none;
}
A.wr {
color:#68B4FF;
text-decoration:none;
font-weight:bold;
font-size:7pt;
font-family:Verdana, Arial, Helvetica, sans-serif
}
A.wr:visited {
color:#68B4FF;
text-decoration:none;
font-weight:bold;
font-size:7pt;
font-family:Verdana, Arial, Helvetica, sans-serif
}
A.wr:hover {
color:white;
text-decoration:underline;
font-weight:bold;
font-size:7pt;
font-family:Verdana, Arial, Helvetica, sans-serif
}
A.dropmenutitle {
color:black;
text-decoration:none;
font-weight:bold;
font-size:7.5pt;
font-family:Verdana
}
A.dropmenutitle:visited {
color:black;
text-decoration:none;
font-weight:bold;
font-size:7.5pt;
font-family:Verdana
}
A.dropmenutitle:hover {
color:black;
text-decoration:none;
font-weight:bold;
font-size:7.5pt;
font-family:Verdana
}
A.dropmenu {
color:#0066CC;
text-decoration:underline;
font-weight:normal;
font-size:7.5pt;
font-family:Verdana
}
A.dropmenu:visited {
color:#0066CC;
text-decoration:underline;
font-weight:normal;
font-size:7.5pt;
font-family:Verdana
}
A.dropmenu:hover {
color:red;
text-decoration:underline;
font-weight:normal;
font-size:7.5pt;
font-family:Verdana
}
body
{
margin: 0;
}
.gt0 {
BORDER-RIGHT: #6487db 1px solid; PADDING: 0px 4px 2px 4px; BORDER-TOP: #6487db 1px solid; FONT-SIZE: 100%; BORDER-LEFT: #6487db 1px solid; BORDER-BOTTOM: #6487db 1px solid
}
.gt1 {
BORDER-RIGHT: #a2b7e9 1px solid; PADDING: 0px 4px 2px 4px; BORDER-TOP: #a2b7e9 1px solid; FONT-SIZE: 100%; BACKGROUND: #5B9BE8; BORDER-LEFT: #a2b7e9 1px solid; BORDER-BOTTOM: #a2b7e9 1px solid
}
.gtsep {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 2px; FONT: 65% Verdana; COLOR: #a2b7e9; PADDING-TOP: 0px
}
#leftToolbar
{
font: 70% Verdana;
border-top: solid 0px #999;
border-bottom: solid 0px #999;
background: #F1F1F1;
padding: 2px 0px 2px 0px;
}
#leftToolbar td
{
font-size: 100%;
}
#leftToolbar a
{
font: 70% Verdana;
color: black;
text-decoration: none;
}
#SubMenuBlock
{
font: 70% Verdana;
border-top: solid 0px #999;
border-bottom: solid 0px #999;
background: #F1F1F1;
padding: 2px 0px 2px 0px;
}
#SubMenuBlock td
{
font-size: 100%;
}
#SubMenuBlock a
{
font: 70% Verdana;
color: black;
text-decoration: none;
}
.flyoutLink1
{
border-color: #F1F1F1;
border-width: 1px;
border-style: solid;
font-family: Verdana, Arial, Helvetica;
font-size: 70%;
padding-left: 6px;
padding-right: 25px;
padding-top: 1px;
cursor: hand;
border: solid 1px #999;
background: #CCC;
padding: 2px 6px 2px 6px;
}
.flyoutLink0 {
border-color: #F1F1F1;
border-width: 1px;
border-style: solid;
font-family: Verdana, Arial, Helvetica;
font-size: 70%;
padding-left: 6px;
padding-right: 25px;
padding-top: 1px;
cursor: hand;
border: solid 1px #F1F1F1;
background: #F1F1F1;
padding: 2px 6px 2px 6px;
}
#localToolbar
{
border-top: solid 1px #999;
border-bottom: solid 1px #999;
background: #F1F1F1;
padding: 2px 0px 2px 0px;
font-size: 100%;
}
#localToolbar td
{
font-size: 100%;
}
#localToolbar a
{
font: 70% Verdana;
color: black;
text-decoration: none;
}
.lt0
{
border: solid 1px #F1F1F1;
background: #F1F1F1;
padding: 0px 6px 0px 6px;
}
.lt1
{
border: solid 1px #999;
background: #CCC;
padding: 0px 6px 0px 6px;
}
.ltsep
{
font: 70% Verdana;
color: #A9A9A9;
padding: 0px 1px;
}
#homePageLink
{
width: 176px;
padding-left: 2px;
}
#homePageLink td
{
font-size: 100%;
}
#homePageLink a
{
display: block;
border: solid 1px #F1F1F1;
padding: 2px 6px 2px 6px;
margin: 0px;
background: #F1F1F1;
white-space: nowrap;
}
#homePageLink a:hover
{
display: block;
border: solid 1px #999;
padding: 2px 6px 2px 6px;
margin: 0px;
background: #CCC;
}
#footer
{
font: 70% Tahoma, Helvetica;
border-top: solid 1px #003499;
position: absolute;
}
#footer td
{
font-size: 100%;
}
#localFooter
{
margin: 0px;
padding-top: 8px;
padding-left: 10px;
}
#globalFooter
{
margin: 0px;
padding-top: 10px;
padding-bottom: 13px;
padding-left: 10px;
}
#footer a
{
color: #03C;
margin-right: 2px;
background: transparent;
font-weight: normal;
}
#footer a:visited
{
color: #03C;
background: transparent;
font-weight: normal;
}
#footer a:hover
{
color: #F60;
background: transparent;
font-weight: normal;
}
#footer nobr
{
color: #A9A9A9;
margin-right: 5px;
}
.flyoutHeading {
font-family: Verdana, Arial, Helvetica;
font-size: 10pt;
background-color: #F1F1F1;
font-weight: bold;
padding-top: 2px;
padding-bottom: 4px;
padding-left: 2px;
cursor: default;
}
</style>
<script type="text/javascript">
<!--
function changeState(layerRef, state){
layer = ".all";
style = ".style";
eval("document" + layer + "['" + layerRef + "']" + style + ".visibility = '" + state + "'");
}
//-->
</script><!------------------------------------- STYLESHEETS FONT PROPERTIES -->
<link rel="stylesheet" href="/stylesheet.css">
</head>
<body>
<span id="TBDownLevelDiv">
<script language="JavaScript">S4 = (document.layers); // Which browser?
var IE4 = (document.all);
var win = window; // window to search.
var n = 0;
function findInPage(str) {
var txt, i, found;
if (str == "")
return false;
// Find next occurance of the given string on the page, wrap around to the
// start of the page if necessary.
if (NS4) {
// Look for match starting at the current point. If not found, rewind
// back to the first match.
if (!win.find(str))
while(win.find(str, false, true))
n++;
else
n++;
// If not found in either direction, give message.
if (n == 0)
alert("Not found.");
}
if (IE4) {
txt = win.document.body.createTextRange();
// Find the nth match from the top of the page.
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) {
txt.moveStart("character", 1);
txt.moveEnd("textedit");
}
// If found, mark it and scroll it into view.
if (found) {
txt.moveStart("character", -1);
txt.findText(str);
txt.select();
txt.scrollIntoView();
n++;
}
// Otherwise, start over at the top of the page and find first match.
else {
if (n > 0) {
n = 0;
findInPage(str);
}
// Not found anywhere, give message.
else
alert("Not found.");
}
}
return false;
}</script></span>
<script type="text/javascript" language="javascript">
<!--
function mhHover(tbl, idx, cls)
{
var t = document.getElementById(tbl);
if (t == null) return;
var d = t.getElementsByTagName("TD");
if (d == null) return;
if (d.length <= idx) return;
d[idx].className = cls;
}
//-->
</script>
<div name="SubMenu" id="SubMenu"
onmouseenter="mhHover('localToolbar', 1*2+2, 'lt1'); changeState('SubMenu','visible')"
onmouseleave="mhHover('localToolbar', 1*2+2, 'lt0'); changeState('SubMenu','hidden')">
<table bgcolor="#f1f1f1" border="0" cellpadding="2"
cellspacing="0" width="180">
<tbody>
<tr>
<td>
<div id="SubMenuBlock">
<table border="0" cellpadding="0" cellspacing="0"
width="176">
<tbody>
<tr>
<td class="flyoutLink0"
onmouseenter="mhHover('SubMenuBlock', 0, 'flyoutLink1')"
onmouseleave="mhHover('SubMenuBlock', 0, 'flyoutLink0')"><a
href="/index.htm">JavaScript Basics</a></td>
</tr>
<tr>
<td class="flyoutLink0"
onmouseenter="mhHover('SubMenuBlock', 1, 'flyoutLink1')"
onmouseleave="mhHover('SubMenuBlock', 1, 'flyoutLink0')"><a
href="/tutorials/inserting.htm">Inserting Javascript</a></td>
</tr>
<tr>
<td class="flyoutLink0"
onmouseenter="mhHover('SubMenuBlock', 2, 'flyoutLink1')"
onmouseleave="mhHover('SubMenuBlock', 2, 'flyoutLink0')"><a
href="/javascripts/Navigation/Hierarchical%20Table%20of%20Contents/hitoc_s/projects/JS%20Tutorials/index.htm">Complete
Tutorial</a></td>
</tr>
<tr>
<td class="flyoutLink0"
onmouseenter="mhHover('SubMenuBlock', 3, 'flyoutLink1')"
onmouseleave="mhHover('SubMenuBlock', 3, 'flyoutLink0')"><a
href="/javascripts/Advanced/List.htm">Advance DHTML Tutorial</a></td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<table border="0" cellpadding="0" cellspacing="0"
height="100%" width="100%">
<tbody>
<tr>
<td colspan="4">
<table style="width: 838px; height: 277px;" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="bodytext" colspan="4">
<center style="margin-left: 177px; width: 513px;">
<table border="6">
<tbody>
<tr>
<td>
<table border="2">
<tbody>
<tr>
<td>
<center> <a
target="_top" href="/index.htm"
onmouseover="writeTip(9);return true" onmouseout="writeTip(1)"><img
src="mirror.gif" border="0" height="44" width="41"></a>
</center>
</td>
<td>
<center> <a
target="_top" href="/index.htm"
onmouseover="writeTip(2);return true" onmouseout="writeTip(1)"><img
src="mirroruk.gif" border="0" height="44"
width="41"></a> </center>
</td>
<td>
<center> <a
href="/index.htm" onmouseover="writeTip(3);return true"
onmouseout="writeTip(1)"><img src="2.gif"
border="0" height="33" width="27"></a>
</center>
</td>
<td>
<center> <a
href="/index.htm" onmouseover="writeTip(4);return true"
onmouseout="writeTip(1)"><img src="search.gif"
border="0" height="34" width="38"></a>
</center>
</td>
<td>
<center> <a
target="_top" href="/index.htm"
onmouseover="writeTip(5);return true" onmouseout="writeTip(1)"><img
src="start.gif" border="0" height="28" width="58"></a>
</center>
</td>
<td>
<center> <a
href="/index.htm" onmouseover="writeTip(6);return true"
onmouseout="writeTip(1)"><img src="zip.gif"
border="0" height="32" width="33"></a>
</center>
</td>
<td>
<center> <a
href="/index.htm"
onclick="window.open('jssurvey.htm', 'survey','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=635,height=460'); return false;"
onmouseover="writeTip(7);return true" onmouseout="writeTip(1)"><img
src="resume.gif" border="0" height="34" width="36"></a>
</center>
</td>
<td>
<center> <a
href="/index.htm" onmouseover="writeTip(8);return true"
onmouseout="writeTip(1)"><img src="bboard.gif"
border="0" height="34" width="34"></a>
</center>
</td>
</tr>
</tbody>
</table>
<table border="2">
<tbody>
<tr>
<td>
<form name="tooltipsform"><textarea
name="tips" rows="5" cols="55" wrap="virtual"
scroll="0" scrollbars="0">Put your mouse over the
picture to see the comments.</textarea></form>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<span class="productheader"></span>
<script src="http://www.google-analytics.com/urchin.js"
type="text/javascript"></script>
<script type="text/javascript">_uacct = "UA-223857-1";
urchinTracker(); </script>
</body>
</html>
Sujet: scripts pour pages web uniquement 
Lun 30 Juil - 13:20
