Annonce lettre par lettre

Soyez le premier à donner votre avis sur cette source.

Snippet vu 7 359 fois - Téléchargée 29 fois

Contenu du snippet

Pas encore optimisé, mais un effet original :o)

Source / Exemple :


<!-- code créé par francktfr pour http://www.javascript.codefr.com -->
<HTML>
<HEAD>
<STYLE>
.Letter {HEIGHT: 200; TEXT-ALIGN: left; VERTICAL-ALIGN: top;}
</STYLE>
</HEAD>
<BODY onload="Retrec('test',200,0,ph1)">

<DIV STYLE="z-index: 3; border: 1 inset; position: absolute; top: 50; left: 50; height: 5; width: 400; background: #99CC99"></DIV>

<DIV ID="test" STYLE="padding-left: 5; padding-top: 0; z-index: 5; text-align: left; position: absolute; top: 52; left: 50; height: 30; width: 800; font: bold 14 Arial; color: #336699"></DIV>

<SCRIPT>
var ph1 = escape("Un style d'annonce\npas comme les autres\n... amusez-vous bien ...")
function Retrec(TextContainerID, iMaxSize, iSentence, Texto){
    var Cont = document.getElementById(TextContainerID)
    var aTexts = Texto.split("%0A")
    var Text = unescape(aTexts[iSentence])
    var start = Cont.innerText.length
    if (start == Text.length){
        iSentence < aTexts.length-1 ? iSentence++ : iSentence=0
        setTimeout("EraseText('"+TextContainerID+"', "+iMaxSize+", "+iSentence+",'"+Texto+"')",500)
        return(1)
    }
    var L = Text.substring(start,start+1)
    var ShowText = Text.substring(0, start).replace(" ", "&nbsp;")
    if (L == " "){L="&nbsp;"} 
    Cont.innerHTML = "<SPAN CLASS=Letter>"+ ShowText +"</SPAN><SPAN ID=\""+TextContainerID+"LastLetter\" CLASS=Letter STYLE=\"filter: alpha(Opacity=50); font-size: "+iMaxSize+"\">"+L+"</SPAN>"
    if (L != "&nbsp;"){
            ChangeSize("LastLetter", iMaxSize, TextContainerID, iMaxSize, iSentence, Texto)}
        else
            {Retrec(TextContainerID, iMaxSize, iSentence, Texto)}
}
function EraseText(TextContainerID, iMaxSize, iSentence, Texto){
    var Cont = document.getElementById(TextContainerID)
    if (Cont.innerText != "")
    {
        Cont.innerText = Cont.innerText.substring(0,Cont.innerText.length-1)
        setTimeout("EraseText('"+TextContainerID+"', "+iMaxSize+", "+iSentence+",'"+Texto+"')",10)
    }
    else
    {Retrec(TextContainerID, iMaxSize, iSentence, Texto)}
}
function ChangeSize(SpanId, CurrentSize, TextContainerID, iMaxSize, iSentence, Texto){
    var InitSize = document.getElementById(TextContainerID).style.fontSize.replace("px","")*1
    if (CurrentSize > InitSize){
        var step = 20
        CurrentSize = CurrentSize-step >= InitSize ? CurrentSize-step : InitSize 
        document.getElementById(TextContainerID+SpanId).style.fontSize = CurrentSize + "px"
        setTimeout("ChangeSize('"+SpanId+"',"+CurrentSize+",'"+TextContainerID+"', "+iMaxSize+", "+iSentence+",'"+Texto+"')",0)
    }
    else
    {Retrec(TextContainerID, iMaxSize, iSentence, Texto)}
}
</SCRIPT>

</BODY>
</HTML>

A voir également

Ajouter un commentaire Commentaires
ffert Messages postés 63 Date d'inscription samedi 18 janvier 2003 Statut Membre Dernière intervention 15 décembre 2009
6 janv. 2008 à 21:20
désolé, mais apparement cela ne fonctionne pas sous FireFox.

n'étant pas spécialiste de javascript, je ne sais pas pourquoi.
(pourtant ça avait l'air sympa.... :p)

une mise à jour était elle prévue ? :D

cordialement.
o_moi Messages postés 2 Date d'inscription lundi 5 février 2007 Statut Membre Dernière intervention 16 mai 2007
16 mai 2007 à 13:22
bonjour,
merci pour ce code
j'arrive tb mais pouvez-vous me dire comment arreter "lettre par lettre" à la fin d'une phrase ou plutot comment
ex:
ecrire 3-4 phrases et arreter sur la 1ère?
je pense que c'est dans "timeout" mais je ne sais pas comment le modifier.
merci pour votre aide

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.