var Animation = { }; Animation.LettreSonore = function(element, fichier_audio, moment, intervalle_ms) { // affiche caractère par caractère /* element : element html contenant le texte à afficher. fichier_audio : chemin complet ou relatif vers un fichier audio .swf moment : "debut" : le son est joué à l'affichage du 1er caractère seulement "tous" : le son est joué à chaque caractère "fin" : le son est joué au dernier caractère intervalle_ms : intervale de temps en ms */ if (fichier_audio) { var embed = document.createElement("embed"); if (moment == "debut" || moment == "tous") { embed.setAttribute("play", "true"); // joue le son } else { embed.setAttribute("play", "false"); } embed.setAttribute("src", fichier_audio); embed.setAttribute("width", "0"); embed.setAttribute("height", "0"); embed.setAttribute("type", "application/x-shockwave-flash"); embed.setAttribute("pluginspage", "http://www.macromedia.com/go/getflashplayer"); document.getElementsByTagName("body")[0].appendChild(embed); // IE : la méthode Play() n'est pas encore disponible (mystère) ! } // Initialise les compteurs et affiche le 1er caractère. var code_html = element.firstChild.data var index_caractere = 1; var nb_caracteres = code_html.length; element.firstChild.data = code_html.charAt(0); var intervalle_temps = window.setInterval(function(){ if (fichier_audio && moment == "tous") { embed.Rewind(); // il faut rembobinner embed.Play(); // puis jouer le son } element.firstChild.data = element.firstChild.data + code_html.charAt(index_caractere); index_caractere++; // Affiche les caractères 'blancs' successifs sans intervalle de temps. while (code_html.charAt(index_caractere) == " " && index_caractere < nb_caracteres) { element.firstChild.data = element.firstChild.data + " "; index_caractere++; } if (index_caractere == nb_caracteres) { // le dernier caractère est atteint window.clearInterval(intervalle_temps); if (fichier_audio && moment == "fin") { // joue le son embed.Play(); } embed.parentNode.removeChild(embed); // supprime l'élément } }, intervalle_ms); } function demarrer() { var h1 = document.createElement("h1"); var span1 = document.createElement("span"); span1.appendChild(document.createTextNode("ça ira où ça pourra")); h1.appendChild(span1); document.getElementsByTagName("body")[0].appendChild(h1); Animation.LettreSonore(span1, "fleche.swf", "debut", 100); } var BOUILLONEMENT = false; // Gestion des évènements : phase de bouillonement if (window.addEventListener) { // chrome, ... window.addEventListener("load", demarrer, BOUILLONEMENT); } else if (window.attachEvent) { // IE window.attachEvent("onload", demarrer); }

Enter your email address:

Delivered by FeedBurner