babillard/public/js/text.js

// VARS
// Vitesses
var vitesseTexte =  4000; // En millisecondes

// Coordonnées
var pointInitial = '100%';
var pointDestination = '-=2000px';

// Messages
var messageDiv = '#text-content div'
var messages = [];
var indexMessages = 0;

var fontSize;
var fontSizeLength;

// FUNCS
function animerTexte(){
  // Diriger le texte vers la droite jusqu'à `pointDestination'.
  // Récursivement reset la position du texte.
  $(messageDiv).animate({left: pointDestination}, vitesseTexte, 'linear', resetTexte);
}

function resetTexte(){
  // Remettre le texte au point initial
  $(messageDiv).css('left', pointInitial);

  // Récursivement animer le texte
  animerTexte();
}

function updateTexte(){
  var message = messages[indexMessages];

  $(messageDiv).text(message);

  augmenterIndex();
}

function augmenterIndex() {
  if (indexMessages >= messages.length - 1) {
    indexMessages = 0;
  } else {
    indexMessages ++;
  }
}

function initialiserMessages(){
  fontSize = $(messageDiv).css('fontSize');
  fontSizeLength = fontSize.length;

  // TODO Importer messages
  messages = ['hello, world!'];


  // TODO pointDestination = -1 * longueurMessage
  //pointDestination = messages[0].width * fontSize.substring(fontSize.length-2);
  pointDestination = messages[indexMessages].width;
}

// EXEC
$(function(){
  //initialiserMessages();
  resetTexte();
});