Annonce lettre par lettre

Soyez le premier à donner votre avis sur cette source.

Snippet vu 7 014 fois - Téléchargée 27 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

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

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.