JSDOS: SIMULATEUR DE CONSOLE DOS console, textdefilant, jsdos, dos, Source N°38994

Information sur la source

Catégorie :Trucs Amusants Classé sous : console, textdefilant, jsdos, dos Niveau : Débutant Date de création : 08/08/2006 Date de mise à jour : 17/08/2006 14:39:16 Vu : 3 892

Auteur : franco_se

Ecrire un message privé

Note :

9,33 / 10

1
2
3
4
5
6
7
8
9
10

Commentaire sur cette source (9)

Ajouter un commentaire et/ou une note

Description

Bonjour

voici un petit code simpa qui fait defiler un text, a la maniere d'uun console, c'est a dire que l'on a un affichage caractere par caractere, et une attente en fin de ligne.
Il suffit de personnaliser le tableau text_content pour afficher le text voulu.
les variables "speed" et "pause" gèrent respectivement la vitesse d'ecriture, et le temps d'attente en fin de ligne.

en esperant que cela vous interesse

ps: je debute en javascript, alors si vous avez des idées pour simplifier le code, merci de le preciser

Source

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
textarea {
color : #FFFFFF;
background-color: #000000;
font-family: "Courier New", Courier, monospace;
font-size:13px;
font-weight:bold;
border: 0;
}
-->
</style>
<script type="text/javascript">
<!--
var text_content=new Array(
"Salut.",
"Je me presente, je m'appelle JSDOS.",
"Je suis un script simulant une console.",
"Comme vous le voyez, le texte defile petit à petit.",
"Le temps de defilement des caractères est reglable,",
"De meme que le temps d'attente en fin de ligne.",
"Perso, je prefere que le temps de retour à la ligne soit aléatoire,",
"En utilisant la fonction javascript random(), c'est possible",
"Et c'est plus realiste.",
"Par contre, je ne simule pas les bugs.",
"Le rapprochement avec le DOS n'est donc pas total.",
"Enfin, je prefère penser que je suis le shell de Linux.",
"Ca fait mieux sur la carte de visite",
"Et sinon, ça me déprime.",
"Vous savez, je suis juste un script.",
"J'essaye de bien faire mon boulot.",
"Que voulez vous que je fasse d'autre?!",
"Je ne suis meme pas un vrai programme.",
"Eux au moins ont un semblant d'autonomie.",
"Tu vois ...",
"Je peux te dire tu au fait ?",
"Tu vois, j'ai même envie de pleurer",
"tellement ça me déprime ...",
"Mais bon, si je pleure trop",
"je ne pourrai plus bosser correctement",
"*soupir*",
"Je suis tellement déprimé en ce moment ...",
"Je pense que je vire maniaco dépressif.",
"Une simulation de console a l'asil",
"C'est pas une fin pour moi ça",
"Moi j'ai toujours voulu la grandeur",
"Etre un script PHP, avec un serveur dedié rien qu'a moi",
"Distribuer les données sur du très haut débit",
"J'aurais tout fait pour ça !",
"Mais je suis une simulation",
"Et ça ça me déprime ...",
"En plus en ce moment je cumule ...",
"*soupir*",
"Hier soir j'ai fait des propositions à la petite application",
"Celle du dossier d'en face ...",
"Ben quoi ?",
"J'ai aussi une vie de ce coté là !",
"Je me suis dit : sur un malentendu ça peut marcher",
"Et ben penses tu ... ",
"Elle m'a dit qu'elle finissait son service trop tard!",
"Tu parles d'une excuse!",
"Faut dire, il parait qu'on bosse pas dans le même language",
"On dit qu'elle ferait dans le C++ ...",
"Remarque, c'est peut être pas une excuse alors",
"Elle doit finir bien tard ...",
"Bon ben tu m'excuses !",
"Je retourne tenter ma chance !",
"Ca me fait du bien de t'avoir parlé",
"Je ne te dis pas au plaisir ...",
"Au fait, merci !",
"Moi là ça va beaucoup mieux !",
"En plus ce soir, je sens bien que je vais conclure !"
);
var speed=60; // Vitesse d'ecriture, cela correspond a d'interval d'attente entre l'affichage de 2 catactère
var pause=1500; // Temps d'attente en fin de ligne, avant le retour a la ligne, en millisecondes
var index=0; text_pos=0;
var str_length=text_content[0].length;
var contents, row;
function type_text()
{
contents='';
row=Math.max(0,index-7);
while(row<index)
contents += text_content[row++] + '\r\n';
document.forms[0].elements[0].value = contents + text_content[index].substring(0,text_pos) + "_";
if(text_pos++==str_length)
{
text_pos=0;
index++;
if(index!=text_content.length)
{
str_length=text_content[index].length;
setTimeout("type_text()",pause);
}
} else
setTimeout("type_text()",speed);
}
//-->
</script>
</head>
<body onload="type_text()">
<form action="">
<textarea name="textarea" cols="80" rows="10"></textarea>
</form>
</body></html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
textarea {
    color : #FFFFFF;
    background-color: #000000;
    font-family: "Courier New", Courier, monospace;
    font-size:13px;
    font-weight:bold;
    border: 0;
}
-->
</style>
 
<script type="text/javascript">
<!--
var text_content=new Array(
 
"Salut.",
"Je me presente, je m'appelle JSDOS.",
"Je suis un script simulant une console.",
"Comme vous le voyez, le texte defile petit à petit.",
"Le temps de defilement des caractères est reglable,",
"De meme que le temps d'attente en fin de ligne.",
"Perso, je prefere que le temps de retour à la ligne soit aléatoire,",
"En utilisant la fonction javascript random(), c'est possible", 
"Et c'est plus realiste.",
"Par contre, je ne simule pas les bugs.",
"Le rapprochement avec le DOS n'est donc pas total.",
"Enfin, je prefère penser que je suis le shell de Linux.",
"Ca fait mieux sur la carte de visite",
"Et sinon, ça me déprime.",
"Vous savez, je suis juste un script.",
"J'essaye de bien faire mon boulot.",
"Que voulez vous que je fasse d'autre?!",
"Je ne suis meme pas un vrai programme.",
"Eux au moins ont un semblant d'autonomie.",
"Tu vois ...",
"Je peux te dire tu au fait ?",
"Tu vois, j'ai même envie de pleurer",
"tellement ça me déprime ...",
"Mais bon, si je pleure trop",
"je ne pourrai plus bosser correctement",
"*soupir*",
"Je suis tellement déprimé en ce moment ...",
"Je pense que je vire maniaco dépressif.",
"Une simulation de console a l'asil",
"C'est pas une fin pour moi ça",
"Moi j'ai toujours voulu la grandeur",
"Etre un script PHP, avec un serveur dedié rien qu'a moi",
"Distribuer les données sur du très haut débit",
"J'aurais tout fait pour ça !",
"Mais je suis une simulation",
"Et ça ça me déprime ...",
"En plus en ce moment je cumule ...",
"*soupir*",
"Hier soir j'ai fait des propositions à la petite application",
"Celle du dossier d'en face ...",
"Ben quoi ?",
"J'ai aussi une vie de ce coté là !",
"Je me suis dit : sur un malentendu ça peut marcher",
"Et ben penses tu ... ",
"Elle m'a dit qu'elle finissait son service trop tard!",
"Tu parles d'une excuse!",
"Faut dire, il parait qu'on bosse pas dans le même language",
"On dit qu'elle ferait dans le C++ ...",
"Remarque, c'est peut être pas une excuse alors",
"Elle doit finir bien tard ...",
"Bon ben tu m'excuses !",
"Je retourne tenter ma chance !",
"Ca me fait du bien de t'avoir parlé",
"Je ne te dis pas au plaisir ...",
"Au fait, merci !",
"Moi là ça va beaucoup mieux !",
"En plus ce soir, je sens bien que je vais conclure !"
 
);
var speed=60; // Vitesse d'ecriture, cela correspond a d'interval d'attente entre l'affichage de 2 catactère
var pause=1500; // Temps d'attente en fin de ligne, avant le retour a la ligne, en millisecondes
 
var index=0; text_pos=0;
var str_length=text_content[0].length;
var contents, row;
 
function type_text()
{
  contents='';
  row=Math.max(0,index-7);
  while(row<index)
    contents += text_content[row++] + '\r\n';
  document.forms[0].elements[0].value = contents + text_content[index].substring(0,text_pos) + "_";
  if(text_pos++==str_length)
  {
    text_pos=0;
    index++;
    if(index!=text_content.length)
    {
      str_length=text_content[index].length;
      setTimeout("type_text()",pause);
 
    }
  } else
    setTimeout("type_text()",speed);
 
}
//-->
</script>
</head>

<body onload="type_text()">
<form action="">
  <textarea name="textarea" cols="80" rows="10"></textarea>
</form>
</body></html>

Historique

17 août 2006 14:39:17 :: pour faire plaisir à kiki2sirom, le script a été mis au standard XHTML 1.0 Strict

Sources du même auteur

Toutes les sources de franco_se

Sources de la même categorie

Toutes les sources de la catégorie Trucs Amusants

Commentaires

Commentaire de philippe.lerch le 09/08/2006 08:32:15

Une belle facon de présenter un script. Bravo.
Commentaire de kiki2sirom le 09/08/2006 10:30:23

slt
qq petites remarques sur les normes de codage :

1°) <style type="text/css"> à la place de <style>
2°) <script type="text/javascript"> à la place de <script language="Javascript">
3°) <form action=""> à la place de <form>
4°) <textarea rows="10" cols="80"> à la place de <textarea rows=10 cols=80 >

M'enfin tout ça juste pour casser les pieds.

Enfin j'essaye d'insister sur le fait de bien écrire selon les normes, après on prend ou on prend pas mais bon voilà

un problème : arrivé à la fin du texte, on ne peut pas voir le début ou le tout... hummmm pas bien ça ;-)

kiki
Commentaire de stef1589 le 11/08/2006 19:45:11

moi j aime bien la presentation ca peut etre sympa
Commentaire de wizard512 le 13/08/2006 03:30:58

script intéréssant, codage propre, simulation réelle, et histoire passionante lol,
8/10
Commentaire de franco_se le 17/08/2006 14:45:40

@ kiki2sirom: j'ai modifier le script pour le mettre en XHTML 1.0 Strict. content ?

par contre, il n'est pas possible de faire apparaitre tout le text ds <textarea>. en effet, la ligne
# row=Math.max(0,index-7);
permet de ne faire apparaitre que 7 lignes. Si on augment le nombre de lignes a afficher, depassant le nombre de ligne du textarea, une scrollbar apparaitera. Mais a chaque ajout de ligne par le script, on retournera en haut du text, et il faudra donc abaisser le scrollbar pour voir se qui a été ajouté. Ca va une, ou 2 fois, mais passé les 50 fois, ça enerve.
Commentaire de malalam le 19/08/2006 21:38:44 administrateur CS

Hello,

pour continuer dans la "chiante attitude" initiée par Kiki, moi, je mettrais un id à mon textarea, j'éviterais de lui donner comme name, le nom de la balise (ça peut poser problème), et j'utiliserais un code orienté DOM.
document.getElementById('id_textarea').firstChild.nodeValue = contents + ...etc.
Parceque techniquement, le .value est incorrect. Un textarea n'a pas d'attribut value.
Commentaire de thedeejay le 30/08/2006 15:08:29

tu as mis combien de temps a ecrire sa pauvre histoire?

thedeejay
Commentaire de benji59 le 13/09/2006 14:13:19

Script super Cool Modification faciles et superbe présentation
Commentaire de elsachico le 07/01/2007 16:07:26

et bien moi ca ne fonstionne pas,
j'ai copié tout le code et juste un formulaire se crée..
j'aimerais savoir comment vous avez fait!
merci

elsa

Ajouter un commentaire

Discussions en rapport avec ce code source

aidez-moi par paradoxreal8

ms dos et windows 3.11 par ico19

Pb d'exécution Console JavaScript depuis Access par isa911

De l'aide sur cette fonction SVP par rems02

Imprimer des applications DOS sous windows par ZILOGX

ms-dos par sylvaindsqwd

exit javascript par birbidouille

Passage de paramètres à un script DOS dans un lien HTML par MaestroXsat

Exécuter une ligne de commande dos par lunnatick

Javascript Command Dos par pyobour