Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

MESSAGE GEANT


Information sur la source

Catégorie :Effets Niveau : Débutant Date de création : 16/05/2002 Date de mise à jour : 16/05/2002 04:00:32 Vu : 3 584

Note :
9,5 / 10 - par 2 personnes
9,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note


Description

Ce code fait un message géant sur votre écran...
 

Source

  • <HTML>
  • <HEAD>
  • <TITLE>Message géant</TITLE>
  • <SCRIPT LANGUAGE="JavaScript">
  • message = "Salut mon ami! ";
  • // Changer le message
  • colours = new Array('fff000','00ff00') // Prenez une couleur(celle que vous voulez)
  • siZe = 20;
  • message = message.split(' ');
  • timer = null;
  • clrPos = 0;
  • msgPos = 0;
  • jog = 1;
  • currentStep = 10;
  • step = 8;
  • ns = (document.layers)?1:0;
  • viz = (document.layers)?'hide':'hidden';
  • if (ns)
  • document.write("<div id='T' style='position:absolute'></div><br>");
  • else {
  • document.write("<div style='position:absolute'>");
  • document.write("<div align='center' style='position:relative'>");
  • document.write("<div id='T' style='position:absolute;width:0;height:0;font-family:Arial;font-size:0'>kurt</div>");
  • document.write("</div></div><br>");
  • }
  • function Message() {
  • var pageHeight = (document.layers)?window.innerHeight:window.document.body.offsetHeight;
  • var pageWidth = (document.layers)?window.innerWidth:window.document.body.offsetWidth;
  • if (ns) {
  • ypos = pageHeight / 2;
  • var Write = '<div align="center" style="width:0px;height:0px;font-family:Arial,Verdana;font-size:'+currentStep/4+'px;color:'+colours[clrPos]+'">'+message[msgPos]+'</div>';
  • document.T.top = ypos + -currentStep / 8 + window.pageYOffset;
  • document.T.document.write(Write)
  • document.T.document.close();
  • }
  • else {
  • ypos = pageHeight / 2;
  • xpos = pageWidth / 2;
  • T.style.width = currentStep;
  • T.style.pixelTop = ypos + -currentStep / 16 + document.body.scrollTop;
  • T.style.pixelLeft = (xpos - 20)+ -currentStep / 2;
  • T.style.fontSize = currentStep / 8;
  • T.innerHTML = message[msgPos];
  • T.style.color = colours[clrPos];
  • }
  • if (ns)step += 5;
  • else step += 15;
  • currentStep += step
  • if (ns) {
  • if (currentStep > pageWidth) {
  • currentStep = 10;
  • step = 8;
  • msgPos += jog;
  • clrPos += jog;
  • }
  • if (clrPos >= colours.length) clrPos = 0;
  • }
  • else {
  • if (currentStep > pageWidth * siZe) {
  • currentStep = 10;
  • step = 8;
  • msgPos += jog;
  • clrPos += jog;
  • }
  • if (clrPos >= colours.length) clrPos = 0;
  • }
  • if (msgPos >= message.length) {
  • clearTimeout(timer);
  • if (ns) document.T.visibility = viz;
  • else T.style.visibility = viz;
  • }
  • timer = setTimeout("Message()",40)
  • }
  • </SCRIPT>
  • <BODY onLoad="Message()">
  • </BODY>
  • </HTML>
<HTML>
<HEAD> 
<TITLE>Message géant</TITLE>
<SCRIPT LANGUAGE="JavaScript"> 
message = "Salut mon ami! ";
// Changer le message
colours = new Array('fff000','00ff00') // Prenez une couleur(celle que vous voulez)
siZe = 20;
message = message.split(' '); 
timer = null; 
clrPos = 0; 
msgPos = 0; 
jog = 1; 
currentStep = 10; 
step = 8; 
ns = (document.layers)?1:0; 
viz = (document.layers)?'hide':'hidden'; 
if (ns) 
document.write("<div id='T' style='position:absolute'></div><br>"); 
else { 
document.write("<div style='position:absolute'>"); 
document.write("<div align='center' style='position:relative'>"); 
document.write("<div id='T' style='position:absolute;width:0;height:0;font-family:Arial;font-size:0'>kurt</div>"); 
document.write("</div></div><br>"); 
} 
function Message() { 
var pageHeight = (document.layers)?window.innerHeight:window.document.body.offsetHeight; 
var pageWidth = (document.layers)?window.innerWidth:window.document.body.offsetWidth; 
if (ns) { 
ypos = pageHeight / 2; 
var Write = '<div align="center" style="width:0px;height:0px;font-family:Arial,Verdana;font-size:'+currentStep/4+'px;color:'+colours[clrPos]+'">'+message[msgPos]+'</div>'; 
document.T.top = ypos + -currentStep / 8 + window.pageYOffset; 
document.T.document.write(Write) 
document.T.document.close(); 
} 
else { 
ypos = pageHeight / 2; 
xpos = pageWidth / 2; 
T.style.width = currentStep; 
T.style.pixelTop = ypos + -currentStep / 16 + document.body.scrollTop; 
T.style.pixelLeft = (xpos - 20)+ -currentStep / 2; 
T.style.fontSize = currentStep / 8; 
T.innerHTML = message[msgPos]; 
T.style.color = colours[clrPos]; 
} 
if (ns)step += 5; 
else step += 15; 
currentStep += step 
if (ns) { 
if (currentStep > pageWidth) { 
currentStep = 10; 
step = 8; 
msgPos += jog; 
clrPos += jog; 
} 
if (clrPos >= colours.length) clrPos = 0; 
} 
else { 
if (currentStep > pageWidth * siZe) { 
currentStep = 10; 
step = 8; 
msgPos += jog; 
clrPos += jog; 
} 
if (clrPos >= colours.length) clrPos = 0; 
} 
if (msgPos >= message.length) { 
clearTimeout(timer); 
if (ns) document.T.visibility = viz; 
else T.style.visibility = viz; 
} 
timer = setTimeout("Message()",40) 
} 
</SCRIPT> 
<BODY onLoad="Message()"> 
</BODY>
</HTML> 

Conclusion

Merci d'avance pour reporter les bugs.



bob3000
 

Commentaires et avis

signaler à un administrateur
Commentaire de SuperDevy le 13/05/2004 20:41:52

Vraiment très intéressant.

J'attends avec impatience une version intégrable à une sellule de tableau.

Continu comme ça.

                                                      SuperDevy

signaler à un administrateur
Commentaire de bob3000 le 13/05/2004 22:12:42

merci pour l'encouragement!!!

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,484 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.