Trying to put a javascript ascii animation in a blog post.

• 

  yt75 · Member · Jan 2, 2012 at 10:32 am

  • Copy link
  • Add topic to favorites

  Hello,

  I’m trying to put an “ascii animation”, in a blog post, and cannot manage to do it (but only started trying)

  The animation is below one (should try with a smaller one first) :

  http://asciimator.net/asciimation/9740
  (you need to click “player” button and then “>” to start it.

  The great associated “ascimator tool” allows to export a file to be included in html, which is below :

  
<!-- ASCIIMATION : vestalettt (begin)-->
<table id=vestalettt_player cellpadding=0 cellspacing=0>
<tr><td align="center" bgcolor="#d8d8d8" style="border-left:1px solid #c0c0c0;">
<input type="button" value="www.asciimator.net" style="font:12px verdana; letter-spacing:4; background-color:#d8d8d8; color:#909090; height:23; width:100%; border:2px outset; cursor:pointer;" onclick="this.blur(); window.location.href='http://www.asciimator.net';">
</tr></td>
<tr><td align="center" valign="middle" style="border-bottom:1px solid #dbdbdb; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0;">
<table cellpadding=0 cellspacing=0>
<tr><td>
<div id="vestalettt_div">
<pre id="vestalettt_id" style="margin:0;padding:0;"> 
</div>

  </td></tr>
</table>
</td></tr>
<tr><td align="center" bgcolor="#d8d8d8" style="border-left:1px solid #c0c0c0;">
<input type="button" value=">" title="play" style="font:12px courier; background-color:#d8d8d8; color:#6c6c6c; height:20; width:40; border:2px outset; cursor:pointer;" onclick="this.blur(); play_vestalettt();"><input type="button" value="O" title="stop" style="font:12px courier; background-color:#d8d8d8; color:#6c6c6c; height:20; width:40; border:2px outset; cursor:pointer;" onclick="this.blur(); stop_vestalettt();"><input type="button" value="<<" title="backward" style="font:12px courier; background-color:#d8d8d8; color:#6c6c6c; height:20; width:40; border:2px outset; cursor:pointer;" onclick="this.blur(); scrollback_vestalettt();"><input type="button" value="<-" title="step backward" style="font:12px courier; background-color:#d8d8d8; color:#6c6c6c; height:20; width:40; border:2px outset; cursor:pointer;" onclick="this.blur(); stepback_vestalettt();"><input type="button" value="->" title="step forward" style="font:12px courier; background-color:#d8d8d8; color:#6c6c6c; height:20; width:40; border:2px outset; cursor:pointer;" onclick="this.blur(); stepforward_vestalettt();"><input type="button" value=">>" title="forward" style="font:12px courier; background-color:#d8d8d8; color:#6c6c6c; height:20; width:40; border:2px outset; cursor:pointer;" onclick="this.blur(); scrollforward_vestalettt();">
</td></tr>
<tr><td align="left" bgcolor="#c0c0c0">
<table cellpadding=0 cellspacing=0 id="meter_vestalettt" width="0%" height="2px" bgcolor="gray">
<tr><td>
</td></tr>
</table>
</td></tr>
</table>
<script>
fr_vestalettt=0;
interval_vestalettt="null";

  function run_vestalettt(){
  title="second test on "vestale sous contraintes", working, many thanks !";
  ffamily="courier new";
  fsize=12;
  bgcolor="#FFFFFF";
  fcolor="#000000";
  speed=100;
  looped=false;
  fwidth=75;
  fheight=23;
  lh="120%";
  document.getElementById("vestalettt_id").title=title;
  if(document.getElementById("vestalettt_id")){
  output=document.getElementById("vestalettt_id").style;
  outputdiv=document.getElementById("vestalettt_div").style;
  output.fontFamily=ffamily;
  output.fontSize=fsize;
  output.backgroundColor=bgcolor;
  output.color=fcolor;
  output.lineHeight=lh;
  output.height=outputdiv.height=fheight*fsize*1.2;
  output.width=outputdiv.width=fwidth*fsize*0.63;
  }
  if (navigator.userAgent.match(/MSIE/) && !navigator.userAgent.match(/Opera/)){
  for (i=0; i<vestalettt.length; i++){
  vestalettt[i]=vestalettt[i].replace(/n/g,'nr');
  }
  }
  document.getElementById("vestalettt_id").childNodes[0].data=vestalettt[fr_vestalettt];
  document.getElementById("vestalettt_player").style.backgroundColor=bgcolor;
  }

  function play_vestalettt(){
  clearInterval(interval_vestalettt);
  interval_vestalettt=setInterval(animate_vestalettt,speed,fr_vestalettt);
  }

  function stop_vestalettt(){
  clearInterval(interval_vestalettt);
  }

  function stepback_vestalettt(){
  stop_vestalettt();
  fr_vestalettt-=1;
  if(fr_vestalettt<0){
  fr_vestalettt=vestalettt.length-1;
  }

  document.getElementById("vestalettt_id").childNodes[0].data=vestalettt[fr_vestalettt];
  document.getElementById("meter_vestalettt").style.width=(fr_vestalettt/vestalettt.length*100)+"%";
  }

  function stepforward_vestalettt(){
  stop_vestalettt();
  fr_vestalettt+=1;
  if(fr_vestalettt>vestalettt.length-1){
  fr_vestalettt=0;
  }
  document.getElementById("vestalettt_id").childNodes[0].data=vestalettt[fr_vestalettt];
  document.getElementById("meter_vestalettt").style.width=(fr_vestalettt/vestalettt.length*100)+"%";
  }

  function scrollback_vestalettt(){
  stop_vestalettt();
  fr_vestalettt-=5;
  if(fr_vestalettt<0){
  fr_vestalettt=vestalettt.length-1;
  }
  document.getElementById("vestalettt_id").childNodes[0].data=vestalettt[fr_vestalettt];
  document.getElementById("meter_vestalettt").style.width=(fr_vestalettt/vestalettt.length*100)+"%";
  }

  function scrollforward_vestalettt(){
  stop_vestalettt();
  fr_vestalettt+=5;
  if(fr_vestalettt>vestalettt.length-1){
  fr_vestalettt=0;
  }
  document.getElementById("vestalettt_id").childNodes[0].data=vestalettt[fr_vestalettt];
  document.getElementById("meter_vestalettt").style.width=(fr_vestalettt/vestalettt.length*100)+"%";
  }

  function animate_vestalettt(){
  if (fr_vestalettt>vestalettt.length-1){
  if(looped){
  fr_vestalettt=0;
  }else{
  clearInterval(interval_vestalettt);
  fr_vestalettt=0;
  return;
  }
  }
  document.getElementById("vestalettt_id").childNodes[0].data=vestalettt[fr_vestalettt];
  document.getElementById("meter_vestalettt").style.width=(fr_vestalettt/vestalettt.length*100)+"%";
  fr_vestalettt++;
  }

  var vestalettt= new Array();
  vestalettt[0]="nnnnnnnnnn Vestale sous Contraintesn (Exercice ludique en courier 10)nnnnnnnn Copyright (c) YTn All rights reservednnn";
  vestalettt[1]="nnnnn /|n ____oo/ |n \ o))o |n \_\oooo'n ooo'n | ooon ' |ooon / ooon / . .oon ____________^_o__\__.___o______________________nnnnnnnn";
  vestalettt[2]="nnnnn /|n ____oo/ |n \ o((o |n \_\oooo'n ooo'n | ooon ' |ooon / oo|n / . .o \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[3]="nnnnn /|n ____oo/ |n \ o)(o |n \_\oooo'n ooo'n | ooon ' |oon / oo|n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[4]="nnnnn /|n ____oo/ |n \ o((o |n \_\oooo'n ooo'n | ooon ' |oon / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[5]="nnnnn /|n ____oo/ |n \ o()o |n \_\oooo'n ooo'n | ooon ' |o 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[6]="nnnnn /|n ____oo/ |n \ o)(o |n \_\oooo'n ooo'n | oo/n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[7]="nnnnn /|n ____oo/ |n \ o((o |n \_\oooo'n ooo'n | o /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[8]="nnnnn /|n ____oo/ |n \ o)(o |n \_\oooon ooo'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[9]="nnnnn /|n ____oo/ |n \ o))o |n \_\oooon oo 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[10]="nnnnn /|n ____oo/ |n \ o()o |n \_\oooo'n o 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[11]="nnnnn /|n ____oo/ |n \ o))o |n \_\oooo'n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[12]="nnnn ___n / |n ____oo |n \ o\oo 'n \_\oooon 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[13]="nnnn ___n / |n ____oo |n \ o\oon \_\oooo/n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[14]="nnnn ___n ( |n ____oo |n \ o\oo |n \_\oooo/n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[15]="nnnn ____n ( /n ___/oo /n \ oooo /n \_\ooo'n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[16]="nnnn ____n / /n ___(oo /n \ oooo /n \_\ooo'n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[17]="nnnnn ____n ___/o/o /n \ oooo /n \_\ooo'n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[18]="nnnnn \____n ___/oo /n \ oooo /n \_\ooo'n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[19]="nnnnnn ___/ oon \ oooon \__\ooo_n oo \n | /_\n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[20]="nnnnnn oon oooon _\ooo_n / oo \n / | / \n \ ' | ' /n / |_/n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[21]="nnnnnn oon oooon _\ooo_n / oo \n || / \n \' | ' /n / |_/n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[22]="nnnnn oon 6 ooon :_ joon _ || _n / \n || | / \n \' | ' /n / |_/n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[23]="nnnnnn oon oooon _\ooo_n / oo \n / | / \n \ ' | ' /n / |_/n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[24]="nnnnnn ___/ oon \ oooon \__\ooo_n oo \n | /_\n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[25]="nnnnn \____n ___/oo /n \ oooo /n \_\ooo'n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[26]="nnnnn ____n ___/o/o /n \ oooo /n \_\ooo'n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[27]="nnnn ____n / /n ___(oo /n \ oooo /n \_\ooo'n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[28]="nnnn ____n ( /n ___/oo /n \ oooo /n \_\ooo'n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[29]="nnnn ___n ( |n ____oo |n \ o\oo |n \_\oooo/n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[30]="nnnn ___n / |n ____oo |n \ o\oon \_\oooo/n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[31]="nnnnn /|n ____oo/ |n \ o))o |n \_\oooo'n ooo'n | ooon ' |ooon / ooon / . .oon ____________^_o__\__.___o______________________nnnnnnnn";
  vestalettt[32]="nnnnn /|n ____oo/ |n \ o((o |n \_\oooo'n ooo'n | ooon ' |ooon / oo|n / . .o \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[33]="nnnnn /|n ____oo/ |n \ o)(o |n \_\oooo'n ooo'n | ooon ' |oon / oo|n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[34]="nnnnn /|n ____oo/ |n \ o((o |n \_\oooo'n ooo'n | ooon ' |oon / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[35]="nnnnn /|n ____oo/ |n \ o()o |n \_\oooo'n ooo'n | ooon ' |o 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[36]="nnnnn /|n ____oo/ |n \ o)(o |n \_\oooo'n ooo'n | oo/n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[37]="nnnnn /|n ____oo/ |n \ o((o |n \_\oooo'n ooo'n | o /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[38]="nnnnn /|n ____oo/ |n \ o)(o |n \_\oooon ooo'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[39]="nnnnn /|n ____oo/ |n \ o))o |n \_\oooon oo 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[40]="nnnnn /|n ____oo/ |n \ o()o |n \_\oooo'n o 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[41]="nnnnn /|n ____oo/ |n \ o))o |n \_\oooo'n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[42]="nnnn ___n / |n ____oo |n \ o\oo 'n \_\oooon 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn##FRAME##nnnnn ___n / |n ____oo |n \ o\oon \_\oooo/n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[43]="nnnn ___n ( |n ____oo |n \ o\oo |n \_\oooo/n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[44]="nnnn ____n ( /n ___/oo /n \ oooo /n \_\ooo'n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[45]="nnnn ____n / /n ___(oo /n \ oooo /n \_\ooo'n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[46]="nnnnn ____n ___/o/o /n \ oooo /n \_\ooo'n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[47]="nnnnn \____n ___/oo /n \ oooo /n \_\ooo'n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[48]="nnnnnn ___/ oon \ oooon \__\ooo_n oo \n | /_\n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[49]="nnnnnn oon oooon _\ooo_n / oo \n / | / \n \ ' | ' /n / |_/n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[50]="nnnnnn oon oooon _\ooo_n / oo \n || / \n \' | ' /n / |_/n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[51]="nnnnn oon 6 ooon :_ joon _ || _n / \n || | / \n \' | ' /n / |_/n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[52]="nnnnn oon 6 ooon :_ joon _ || _n / \n || | / \n \' | ' /n / |_/n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestalettt[53]="nnnnn oon 6 ooon :_ joon _ || _n / \n / | / \n \_` | ' /n / \_/n / . . \n ____________^_o__\___.__/______________________nnnnnnnn";
  vestalettt[54]="nnnnn oon 6 ooon :_ joon _ || _n / \n / | | |/n ____/ ` | |n / / \n / . . \n _________^_o_____\___.__/______________________nnnnnnnn";
  vestalettt[55]="nnnnn oon 6 ooon :_ joon _ || _n / \n . / | | |/n __/_/ \` | |n ( / \ \n // . . \n ________._o______\____.__/______________________nnnnnnnn";
  vestalettt[56]="nnnnn oon 6 ooon :_ joon ||_n / `n _ . / |n / \/ |n (____/\ \n // \n ________._/_______\_____/______________________nnnnnnnn";
  vestalettt[57]="nnnnnn oon 6 ooon :_ joon ||_n _ . /n )_ / \/ \n (____/\ \n // |n ________._/_______\_____/______________________nnnnnnnn";
  vestalettt[58]="nnnnnn oon 6 ooon :_jooon \\_n _./ \n _/ / \n (_)_/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[59]=”nnnnnn oon 6 ooon :_jooon \\_n _./ \n _/ / \n (_)_/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[60]=”nnnnnn oon 6 ooon :_jooon _\\_n /_. \n /_ / \n (_)_/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[61]=”nnnnnn oon 6 ooon :_jooon _\\_n /_. \n // / \n _____/(___/ \n / / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[62]=”nnnnnn oon 6 ooon :_jooon \\_n ’. \n // / \n /(___/ \n ____// / \ ` |n ______(___.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[63]=”nnnnnn oon 6 ooon :_jooon \\_n ’. \n // / \n /(___/ \n ____// / \ ` |n ______/___.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[64]=”nnnnnn oon 6 ooon :_jooon \\_n ’. \n // / \n /(___/ \n ____// / \ ` |n _____-(___.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[65]=”nnnnnn oon 6 ooon :_jooon \\_n ’. \n )- // / \n \ /(___/ \n \// / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[66]=”nnnnnn oon 6 ooon :_jooon \\_n -( ’. \n \ // / \n \/(___/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[67]=”nnnnnn oon 6 ooon :_jooon \\_n -( _ / \n |/ / \n (_._/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[68]=”nnnnnn oon 6 ooon :_jooon -( \\_n | _ / \n |/ / \n (_._/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[69]=”nnnnnn oon 6 ooon -(:_jooon | \\_n |_ / \n / / \n (_._/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[70]=”nnnnnn oon 6 ooon -:_jooon _\\_n /_. \n /_ / \n (_)_/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[71]=”nnnnnn oon 6 ooon -:_jooon _||_n /_. \n /_ / \n (_)_/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[72]=”nnnnnn oon oo un ooog_:-n _||_n /_. \n /_ / \n (_)_/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[73]=”nnnnnn oon oo un ooog_:-n _||_n _/ \n _/_ / |n / _)/ \n / / / ` |n __________.//__/_\.__ /_________________________nnnnnnnn”;
  vestalettt[74]=”nnnnnn oon oo un ooog_:-n _||_n _/ \n _/_ / |n / _) / \n / / \/ |n __________.//___/\.__ /_________________________nnnnnnnn”;
  vestalettt[75]=”nnnnnn oon oo un ooog_:-n _||_n _/ \n _/_ )/|n / _) / \n / / \ / |n __________.//____\/__ /_________________________nnnnnnnn”;
  vestalettt[76]=”nnnnnn oon oo un ooog_:-n _||_n _/ |n _/_ *)/n / _) /\n / / \ / |n __________.//____\/__ /_________________________nnnnnnnn”;
  vestalettt[77]=”nnnnn oon oo un ooog_:-n _|| _n / \n ._/(* *)|n _/_ \ /n / _) \__ /n / / \ ( |n __________.//____\____ /_________________________nnnnnnnn”;
  vestalettt[78]=”nnnnnn oon oo un ooog_:-n _|| _n ._/(* *)|n _/_ \ |n / _) \ \ \n / / \ | \__n __________.//____\____ /________________________nnnnnnnn”;
  vestalettt[79]=”nnnnnn oon oo un ooog_:-n _|| _n ._ / |n _/_ \ (* *)n / _) \ / \n / / \ | \__n __________.//____\____ /________________________nnnnnnnn”;
  vestalettt[80]=”nnnnnn oon oo un ooog_:-n _|| _n ._ / \n _/_ \ (* *)\n / _) \ / \____n / / \ | \n __________.//____\____ /________________________nnnnnnnn”;
  vestalettt[81]=”nnnnnn oon oo un ooog_:-n _ //n ._ / `n _/_ \/(* *) \n / _) \ / \n / / \ | \____n __________.//____\____ /___________\______________nnnnnnnn”;
  vestalettt[82]=”nnnnnn oon oo un ooog_:-n _ //n ._ / `n _/_ \/(* *) \n / _) \ / \n / / \ | \____n __________.//____\____ /___________)______________nnnnnnnn”;
  vestalettt[83]=”nnnnnn oon oo un ooog_:-n _ //n ._ / `n _/_ \/(* *) \n / _) \ / \n / / \ | \____n __________.//____\____ /__________=\______________nnnnnnnn”;
  vestalettt[84]=”nnnnnn oon oo un ooog_:-n _|| _n ._ / \n _/_ \ (* *)\n / _) \ / \____n / / \ | \n __________.//____\____ /________________________nnnnnnnn”;
  vestalettt[85]=”nnnnnn oon oo un ooog_:-n _|| _n ._ / |n _/_ \ (* *)n / _) \ / \n / / \ | \__n __________.//____\____ /________________________nnnnnnnn”;
  vestalettt[86]=”nnnnnn oon oo un ooog_:-n _|| _n ._/(* *)|n _/_ \ |n / _) \ \ \n / / \ | \__n __________.//____\____ /________________________nnnnnnnn”;
  vestalettt[87]=”nnnnnn oon oo un ooog_:-n _||_n _/ |n _/_ *)/n / _) /\n / / \ / |n __________.//____\/__ /_________________________nnnnnnnn”;
  vestalettt[88]=”nnnnnn oon oo un ooog_:-n _||_n _/ \n _/_ )/|n / _) / \n / / \ / |n __________.//____\/__ /_________________________nnnnnnnn”;
  vestalettt[89]=”nnnnnn oon oo un ooog_:-n _||_n _/ \n _/_ / |n / _) / \n / / \/ |n __________.//___/\.__ /_________________________nnnnnnnn”;
  vestalettt[90]=”nnnnnn oon oo un ooog_:-n _||_n /_. \n /_ / \n (_)_/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[91]=”nnnnnn oon 6 ooon -:_jooon _||_n /_. \n /_ / \n (_)_/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[92]=”nnnnnn oon 6 ooon -:_jooon _||_n )_. \n /_\ / \n / )\/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[93]=”nnnnnn oon 6 ooon _-:_jooon \ _||_n \ / \n /_\/ \n / )\n / / \ |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[94]=”nnnnnn oon 6 ooon &-:_jooon \ _||_n \ / \n /_\/ \n / )\n / / \ |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[95]=”nnnnnn oon 6 ooon #-:_jooon \ _||_n \ / \n /_\/ \n / )\n / / \ |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[96]=”nnnnnn oon 6 ooon &-:_jooon \ _||_n \ / \n /_\/ \n / )\n / / \ |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[97]=”nnnnnn oon 6 ooon #-:_jooon \ _||_n \ / \n /_\/ \n / )\n / / \ |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[98]=”nnnnnn oon 6 ooon &-:_jooon \ _||_n \ / \n /_\/ \n / )\n / / \ |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[99]=”nnnnnn oon 6 ooon #-:_jooon \ _||_n \ / \n /_\/ \n / )\n / / \ |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[100]=”nnnnnn oon 6 ooon &-:_jooon \ _||_n \ / \n /_\/ \n / )\n / / \ |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[101]=”nnnnnn oon 6 ooon #-:_jooon \ _||_n \ / \n /_\/ \n / )\n / / \ |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[102]=”nnnnnn oon 6 ooon &-:_jooon \ _||_n \ / \n /_\/ \n / )\n / / \ |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[103]=”nnnnnn oon 6 ooon #-:_jooon \ _||_n \ / \n /_\/ \n / )\n / / \ |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[104]=”nnnnnn oon 6 ooon &-:_jooon \ _||_n \ / \n /_\/ \n / )\n / / \ |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[105]=”nnnnnn oon 6 ooon #-:_jooon \ _||_n \ / \n /_\/ \n / )\n / / \ |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[106]=”nnnnnn oon 6 ooon &-:_jooon \ _||_n \ / \n /_\/ \n / )\n / / \ |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[107]=”nnnnnn oon 6 ooon #-:_jooon \ _||_n \ / \n /_\/ \n / )\n / / \ |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[108]=”nnnnnn oon 6 ooon &-:_jooon \ _||_n \ / \n /_\/ \n / )\n / / \ |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[109]=”nnnnnn oon 6 ooon #-:_jooon \ _||_n \ / \n /_\/ \n / )\n / / \ |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[110]=”nnnnnn oon 6 ooon _-:_jooon \ _||_n \ / \n /_\/ \n / )\n / / \ |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[111]=”nnnnnn oon 6 ooon -:_jooon _||_n )_. \n /_\ / \n / )\/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[112]=”nnnnnn oon 6 ooon -:_jooon _||_n =)_. \n /_\ / \n / )\/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[113]=”nnnnnn oon 6 ooon -:_jooon _||_n ) _. \n # /_\ / \n / )\/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[114]=”nnnnnn oon 6 ooon -:_jooon _||_n )_. \n /_\ / \n # / )\/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[115]=”nnnnnn oon 6 ooon -:_jooon _||_n /_. \n /_ / \n (_)_/ \n # / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[116]=”nnnnnn oon 6 oon -:_jooon _||_n /_. \n /_ / \n (_)_/ \n / / \ ` |n #_________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[117]=”nnnnnn oon 6 ooon -:_jooon _||_n /_. \n /_ / \n (_)_/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[118]=”nnnnnn oon 6 ooon -(:_jooon | \\_n |_ / \n / / \n (_._/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[119]=”nnnnnn oon 6 ooon -( :_jooon | \\_n |_ / \n / / \n (_._/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[120]=”nnnnnn oon 6 ooon :_jooon -( \\_n | _ / \n |/ / \n (_._/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[121]=”nnnnnn oon 6 ooon :_jooon \\_n -( _ / \n |/ / \n (_._/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[122]=”nnnnnn oon 6 ooon :_jooon \\_n _./ \n _/ / \n (_)-/ \n / / \ ` |n __________.//____\.__ /_________________________nnnnnnnn”;
  vestalettt[123]=”nnnnnn oon 6 ooon a i :_jooon \\_n

  The blog I need help with is: (visible only to logged in users)

• 

  yt75 · Member · Jan 2, 2012 at 10:43 am

  • Copy link

  Sorry, please discard code in previous post, below much shortened version :

  
<!-- ASCIIMATION : vestaleshortest (begin)-->
<table id=vestaleshortest_player cellpadding=0 cellspacing=0>
<tr><td align="center" bgcolor="#d8d8d8" style="border-left:1px solid #c0c0c0;">
<input type="button" value="www.asciimator.net" style="font:12px verdana; letter-spacing:4; background-color:#d8d8d8; color:#909090; height:23; width:100%; border:2px outset; cursor:pointer;" onclick="this.blur(); window.location.href='http://www.asciimator.net';">
</tr></td>
<tr><td align="center" valign="middle" style="border-bottom:1px solid #dbdbdb; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0;">
<table cellpadding=0 cellspacing=0>
<tr><td>
<div id="vestaleshortest_div">
<pre id="vestaleshortest_id" style="margin:0;padding:0;"> 
</div>

  </td></tr>
</table>
</td></tr>
<tr><td align="center" bgcolor="#d8d8d8" style="border-left:1px solid #c0c0c0;">
<input type="button" value=">" title="play" style="font:12px courier; background-color:#d8d8d8; color:#6c6c6c; height:20; width:40; border:2px outset; cursor:pointer;" onclick="this.blur(); play_vestaleshortest();"><input type="button" value="O" title="stop" style="font:12px courier; background-color:#d8d8d8; color:#6c6c6c; height:20; width:40; border:2px outset; cursor:pointer;" onclick="this.blur(); stop_vestaleshortest();"><input type="button" value="<<" title="backward" style="font:12px courier; background-color:#d8d8d8; color:#6c6c6c; height:20; width:40; border:2px outset; cursor:pointer;" onclick="this.blur(); scrollback_vestaleshortest();"><input type="button" value="<-" title="step backward" style="font:12px courier; background-color:#d8d8d8; color:#6c6c6c; height:20; width:40; border:2px outset; cursor:pointer;" onclick="this.blur(); stepback_vestaleshortest();"><input type="button" value="->" title="step forward" style="font:12px courier; background-color:#d8d8d8; color:#6c6c6c; height:20; width:40; border:2px outset; cursor:pointer;" onclick="this.blur(); stepforward_vestaleshortest();"><input type="button" value=">>" title="forward" style="font:12px courier; background-color:#d8d8d8; color:#6c6c6c; height:20; width:40; border:2px outset; cursor:pointer;" onclick="this.blur(); scrollforward_vestaleshortest();">
</td></tr>
<tr><td align="left" bgcolor="#c0c0c0">
<table cellpadding=0 cellspacing=0 id="meter_vestaleshortest" width="0%" height="2px" bgcolor="gray">
<tr><td>
</td></tr>
</table>
</td></tr>
</table>
<script>
fr_vestaleshortest=0;
interval_vestaleshortest="null";

  function run_vestaleshortest(){
  title="second test on "vestale sous contraintes", working, many thanks !";
  ffamily="courier new";
  fsize=12;
  bgcolor="#FFFFFF";
  fcolor="#000000";
  speed=100;
  looped=false;
  fwidth=75;
  fheight=23;
  lh="120%";
  document.getElementById("vestaleshortest_id").title=title;
  if(document.getElementById("vestaleshortest_id")){
  output=document.getElementById("vestaleshortest_id").style;
  outputdiv=document.getElementById("vestaleshortest_div").style;
  output.fontFamily=ffamily;
  output.fontSize=fsize;
  output.backgroundColor=bgcolor;
  output.color=fcolor;
  output.lineHeight=lh;
  output.height=outputdiv.height=fheight*fsize*1.2;
  output.width=outputdiv.width=fwidth*fsize*0.63;
  }
  if (navigator.userAgent.match(/MSIE/) && !navigator.userAgent.match(/Opera/)){
  for (i=0; i<vestaleshortest.length; i++){
  vestaleshortest[i]=vestaleshortest[i].replace(/n/g,'nr');
  }
  }
  document.getElementById("vestaleshortest_id").childNodes[0].data=vestaleshortest[fr_vestaleshortest];
  document.getElementById("vestaleshortest_player").style.backgroundColor=bgcolor;
  }

  function play_vestaleshortest(){
  clearInterval(interval_vestaleshortest);
  interval_vestaleshortest=setInterval(animate_vestaleshortest,speed,fr_vestaleshortest);
  }

  function stop_vestaleshortest(){
  clearInterval(interval_vestaleshortest);
  }

  function stepback_vestaleshortest(){
  stop_vestaleshortest();
  fr_vestaleshortest-=1;
  if(fr_vestaleshortest<0){
  fr_vestaleshortest=vestaleshortest.length-1;
  }

  document.getElementById("vestaleshortest_id").childNodes[0].data=vestaleshortest[fr_vestaleshortest];
  document.getElementById("meter_vestaleshortest").style.width=(fr_vestaleshortest/vestaleshortest.length*100)+"%";
  }

  function stepforward_vestaleshortest(){
  stop_vestaleshortest();
  fr_vestaleshortest+=1;
  if(fr_vestaleshortest>vestaleshortest.length-1){
  fr_vestaleshortest=0;
  }
  document.getElementById("vestaleshortest_id").childNodes[0].data=vestaleshortest[fr_vestaleshortest];
  document.getElementById("meter_vestaleshortest").style.width=(fr_vestaleshortest/vestaleshortest.length*100)+"%";
  }

  function scrollback_vestaleshortest(){
  stop_vestaleshortest();
  fr_vestaleshortest-=5;
  if(fr_vestaleshortest<0){
  fr_vestaleshortest=vestaleshortest.length-1;
  }
  document.getElementById("vestaleshortest_id").childNodes[0].data=vestaleshortest[fr_vestaleshortest];
  document.getElementById("meter_vestaleshortest").style.width=(fr_vestaleshortest/vestaleshortest.length*100)+"%";
  }

  function scrollforward_vestaleshortest(){
  stop_vestaleshortest();
  fr_vestaleshortest+=5;
  if(fr_vestaleshortest>vestaleshortest.length-1){
  fr_vestaleshortest=0;
  }
  document.getElementById("vestaleshortest_id").childNodes[0].data=vestaleshortest[fr_vestaleshortest];
  document.getElementById("meter_vestaleshortest").style.width=(fr_vestaleshortest/vestaleshortest.length*100)+"%";
  }

  function animate_vestaleshortest(){
  if (fr_vestaleshortest>vestaleshortest.length-1){
  if(looped){
  fr_vestaleshortest=0;
  }else{
  clearInterval(interval_vestaleshortest);
  fr_vestaleshortest=0;
  return;
  }
  }
  document.getElementById("vestaleshortest_id").childNodes[0].data=vestaleshortest[fr_vestaleshortest];
  document.getElementById("meter_vestaleshortest").style.width=(fr_vestaleshortest/vestaleshortest.length*100)+"%";
  fr_vestaleshortest++;
  }

  var vestaleshortest= new Array();
  vestaleshortest[0]="nnnnnnnnnn Vestale sous Contraintesn (Exercice ludique en courier 10)nnnnnnnn Copyright (c) YTn All rights reservednnn";
  vestaleshortest[1]="nnnnn /|n ____oo/ |n \ o((o |n \_\oooo'n ooo'n | ooon ' |oon / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestaleshortest[2]="nnnnn /|n ____oo/ |n \ o()o |n \_\oooo'n ooo'n | ooon ' |o 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestaleshortest[3]="nnnnn /|n ____oo/ |n \ o)(o |n \_\oooo'n ooo'n | oo/n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestaleshortest[4]="nnnnn /|n ____oo/ |n \ o((o |n \_\oooo'n ooo'n | o /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestaleshortest[5]="nnnnn /|n ____oo/ |n \ o)(o |n \_\oooon ooo'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestaleshortest[6]="nnnnn /|n ____oo/ |n \ o))o |n \_\oooon oo 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestaleshortest[7]="nnnnn /|n ____oo/ |n \ o()o |n \_\oooo'n o 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestaleshortest[8]="nnnnn /|n ____oo/ |n \ o))o |n \_\oooo'n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestaleshortest[9]="nnnn ___n / |n ____oo |n \ o\oo 'n \_\oooon 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  vestaleshortest[10]="nnnn ___n / |n ____oo |n \ o\oon \_\oooo/n 'n | /n ' | 'n / |n / . . \n ____________^_o__\__.___/______________________nnnnnnnn";
  run_vestaleshortest();
  </script>
  <!-- ASCIIMATION : vestaleshortest (end)-->

• 

  thesacredpath · Member · Jan 2, 2012 at 11:09 am

  • Copy link

  Add Code to Your Site

• 

  yt75 · Member · Jan 2, 2012 at 11:14 am

  • Copy link

  Thanks for the clear answer :)

  Guess the only option ti to make a youtube video out of it with a screen capture tool then ?

• 

  thesacredpath · Member · Jan 2, 2012 at 11:26 am

  • Copy link

  You are welcome.

  That is probably the only way unless you can find somewhere to host it. There might be some free hosting options out there, but you would have to research that.

• 

  yt75 · Member · Jan 2, 2012 at 12:17 pm

  • Copy link

  Ok thanks, will go youtube option, done :
  http://www.youtube.com/watch?v=eX1kh6WxZcg
  (timing still needs some work though)

• 

  timethief · Member · Jan 2, 2012 at 5:39 pm

  • Copy link

  Hello there,
  This is a multuser blogging platform and the software will strip out JavaScript to preserve security and stability on this blogging platform.