Javascript

Fermé
KAIDI - 24 févr. 2005 à 16:47
 KAIDI - 24 févr. 2005 à 18:01
Bonjour
Je voudrai inclure du javascript pris sur CCM pour l'inclure dans mon HTLM comme décrit ci dessous...mais en vain.
Quelqu'un peut-il me dire ou insérer ces bouts de script?
mon HTLM:
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>index</title>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"
alink="#000099" link="#000099" vlink="#990099">
<div style="text-align: center;"><big><big><big><span
style="font-family: algerian;">WADA'S   SITE  Y<br>
<span style="font-family: bodoni mt black;"></span></span></big></big></big><big><big><big><span
style="font-family: algerian;"><span
style="font-family: bodoni mt black;"></span></span></big></big></big>
<h1><img alt="" src="poisson.JPG" style="width: 221px; height: 141px;"></h1>
<big><big><big><span style="font-family: algerian;"><span
style="font-family: bodoni mt black;">Ceci est un site essai</span></span></big></big></big><br>
<br>
<div style="text-align: left;">
<table
style="text-align: left; width: 446px; height: 326px; background-color: rgb(255, 255, 153);"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top;"><br>
</td>
<td style="vertical-align: top; text-align: center;">
<ul>
<li>PRESENTATION<br>
</li>
</ul>
</td>
<td style="vertical-align: top; text-align: center;"><a
href="pgepresent/present.html"><img alt="" src="N%C3%A9nuphars.jpg"
style="border: 0px solid ; width: 84px; height: 64px;"></a><br>
</td>
<td style="vertical-align: top; text-align: center;">Pour
connaitre la <span style="font-style: italic;">presentation</span>
cliquer sur les fleurs<br>
</td>
</tr>
<tr>
<td style="vertical-align: top;"><br>
</td>
<td style="vertical-align: top;">
<ul>
<li>ASCENDANTS</li>
</ul>
</td>
<td style="vertical-align: top; text-align: center;"><a
href="pgeascend/ascend.html"><img alt="" src="Collines.jpg"
style="border: 0px solid ; width: 85px; height: 65px;"></a><br>
</td>
<td style="vertical-align: top; text-align: center;">Pour
connaitre les <span style="font-style: italic;">ascendants</span>
cliquer sur les montagnes</td>
</tr>
<tr>
<td style="vertical-align: top;"><br>
</td>
<td style="vertical-align: top;">
<ul>
<li>DESCENDANTS<br>
</li>
</ul>
</td>
<td style="vertical-align: top; text-align: center;"><a
href="pgedescend/descend.html"><img alt=""
src="Coucher%20de%20soleil.jpg"
style="border: 0px solid ; width: 86px; height: 65px;"></a><br>
</td>
<td style="vertical-align: top; text-align: center;">Pour
connaitre les <span style="font-style: italic;">descendants</span>
cliquer sur le coucher de soleil<br>
</td>
</tr>
<tr>
<td style="vertical-align: top;"><br>
</td>
<td style="vertical-align: top;">
<ul>
<li>PARALELLES<br>
</li>
</ul>
</td>
<td style="vertical-align: top; text-align: center;"><a
href="pgeparal/paral.html"><img alt="" src="Hiver.jpg"
style="border: 0px solid ; width: 81px; height: 60px;"></a><br>
</td>
<td style="vertical-align: top; text-align: center;">Pour
connaitre les <span style="font-style: italic;">paralelles</span>
cliquer sur les arbres</td>
</tr>
<tr>
<td style="vertical-align: top;"><br>
</td>
<td style="vertical-align: top;">
<ul>
<li>AUREVOIR<br>
</li>
</ul>
</td>
<td style="vertical-align: top; text-align: center;"><a
href="pgefinale/finale.html"><img alt="" src="fin.jpg"
style="border: 0px solid ; width: 81px; height: 60px;"></a><br>
</td>
<td style="vertical-align: top; text-align: center;">Pour se dire<br>
 <span style="font-style: italic;">AU REVOIR</span>
cliquer sur FIN</td>
</tr>
</tbody>
</table>
<br>
       </div>
<br>
</div>
</body>
</html>
Le script qu'il faut inclure:

ANIMATION DU TITRE
==================================================================
Entre <HEAD> et </HEAD>
<script language="Javascript">
// NOTE : Pour faire l'animation dans l'ordre inverse, suivre les instructions marquées par des ***
var duree = 100; // La durée du mélange
var vitesse = 50; // La vitesse du mélange
var speciaux = new Array(" ",",",".","_","-","!","?","'","\"","&","$","@"); // Les caractères qui ne seront pas mélangés
var texte = "\"L'Editeur JavaScript\""; // Le texte final
// var texte = "www.editeurjavascript.com" Un autre exemple
var c = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z");
// var c = new Array("E","d","i","t","e","u","r","J","a","v","a","s","c","r","i","p","t"); Il y a plusieurs possibilités pour le mélange !

// Ne pas modifier ceci
var i = 0;
var x = 0;
var texte2 = "";
var ajouter = "";

// Ne pas modifier à moins de changements [pour inverse]
function effet()
{
if(i < duree)
{
i++;
x += texte.length/duree;
texte2 += texte.substring(0,Math.floor(x)); // *** Supprimer cette ligne [pour inverse]
for(n = Math.floor(x); n < texte.length; n++) // *** Cette ligne devient : for(n = 0; n < Math.floor(texte.length-x); n++) [pour inverse]
{
for(s = 0; s < speciaux.length; s++)
{
if(texte.charAt(n) != speciaux[s]){ajouter = c[Math.floor(Math.random()*c.length)]}else{ajouter = speciaux[s]; s = speciaux.length;}
}
texte2 += ajouter;
}
// texte2 += texte.substring(texte.length-Math.floor(x)-1,texte.length); *** Ajouter cette ligne (Supprimer ce commentaire et les //) [pour inverse]
}
else{clearInterval(timer); texte2 = texte;}
document.getElementById('texte').innerHTML = texte2;
texte2 = "";
}
</script>
==================================================================
Balise <BODY> :
<body onload="timer = setInterval('effet()',vitesse)">
==================================================================
Entre <BODY> et </BODY> :

<center>
<!-- Modifier le style -->
<span ID="texte" style="font-size:24pt;font-family:Arial;">"L'Editeur JavaScript"</span>
</center>
==================================================================
Désolé pour la longueur.
et merci à tous
à bientôt
KAIDI

1 réponse

Bonjour,
se peut-il que quelqu'un me lise et me réponde en ce momeent??
Non et non je ne désespère pas.
merci à ceux qui me répondront et merci à ceux qui me liront et merci aux autres!
à bientot
Kaidi
0