Multi bouton animé

Soyez le premier à donner votre avis sur cette source.

Snippet vu 12 374 fois - Téléchargée 28 fois

Contenu du snippet

multi bouton Animé pour votre site

Source / Exemple :


<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
typeWriterWait=120		// Style machine à écrire : délai
blinkTextWait=1000   	// Style clignotement : délai
blinkSpacesWait=300 	// Style clignotement : délai
blinkMax=3         		// Nombre de clignotements
expandWait=100  		// expanding headliner delay
scrollWait=90		// scrolling délai
scrollWidth=34 		// nb de caratères du scrolling
randomLines=false		// choix de lignes au hasard
lineMax=6			// nombre de boutons ou message (ci-dessous)
lines=new Array(lineMax)

// Format pour chaque bouton
// (texte, url or mailto, nom frame de destination, effet, délai (temps)

lines[1]=new Line("Google", "http://www.google.fr", "blank", Scroll, 1000)
lines[2]=new Line("Voilà", "http://www.voila.fr", "blank", Static, 3500)
lines[3]=new Line("Yahoo", "http://www.yahoo.com", "blank", Expand, 2000)
lines[4]=new Line("Chaque message peut avoir un type de présentation différent", "", "", Scroll, 3000)
lines[5]=new Line("Et bien sur une destination (URL ou Mailto) différente", "","", TypeWriter, 1500)
lines[6]=new Line("Marketzones.net", "http://www.marketzones.net", "", Blink, 1000)

// Ne rien modifier ci-dessous :-)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
function Line(text, url, frame, type, wait) {
this.text=text
this.url=url
this.frame=frame
this.Display=type
this.wait=wait
}
function StringFill(c, n) {
var s=""
while (--n >= 0) {
s+=c
}
return s
}
function getNewRandomInteger(oldnumber, max) {
var n=Math.floor(Math.random() * (max - 1) + 1)
if (n >= oldnumber) {
n++
}
return n
}
function getRandomInteger(max) {
var n=Math.floor(Math.random() * max + 1)
return n
}
function GotoUrl(url, frame) {
if (frame != '') {
if (frame == 'self') self.location.href=url
else if (frame == 'parent') parent.location.href=url
else if (frame == 'top') top.location.href=url
else {
s=eval(top.frames[frame])
if (s != null) top.eval(frame).location.href=url
else window.open(url, frame, "toolbar=yes,status=yes,scrollbars=yes")
      }
   }
else window.location.href=url
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function TypeWriter() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
spaces=StringFill(" ", charMax)
TextTypeWriter()
}
function TextTypeWriter() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)+spaces.substring(0, charMax-charNo)
charNo++
timerID=setTimeout("TextTypeWriter()", typeWriterWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
   }
}
function Blink() {
lineText=this.text
charMax=lineText.length
spaces=StringFill(" ", charMax)
lineWait=this.wait
TextBlink()
}
function TextBlink() {
if (charNo <= blinkMax * 2) {
if ((charNo % 2) == 1) {
document.formDisplay.buttonFace.value=lineText
blinkWait=blinkTextWait
}
else {
document.formDisplay.buttonFace.value=spaces
blinkWait=blinkSpacesWait
}
charNo++
timerID=setTimeout("TextBlink()", blinkWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
   }
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
   }
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
   }
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 2000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) { 
clearTimeout(timerID)
timerRunning=false
   }
}
function ShowNextLine() {
if (randomLines) lineNo=getNewRandomInteger(lineNo, lineMax)
else (lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function LineClick(lineNo) {
document.formDisplay.buttonFace.blur()
if (lineNo > 0) GotoUrl(lines[lineNo].url, lines[lineNo].frame)
}
with (document) {
write('<center><form name="formDisplay"><input type="button"')
write('name="buttonFace" value="The JavaScript Source presents...."')
write('onClick="LineClick(lineNo)"></input></form></center>')
}
// End -->
</SCRIPT>

A voir également

Ajouter un commentaire

Commentaires

crazypsykogizmo
Messages postés
3
Date d'inscription
mercredi 9 novembre 2005
Statut
Membre
Dernière intervention
9 novembre 2005

L'utilité de ce script est vraiment étonnant ! Arrte, tu vas me faire rire ! Bien trouver le code pourtant !
Arto_8000
Messages postés
1044
Date d'inscription
lundi 7 mars 2005
Statut
Membre
Dernière intervention
13 juillet 2010
5
Les lignes 62 à 69 aurait pus être optimiser commme ceci :

if (frame == "parent" || frame=="top" || frame="self") {
eval(frame+".location.href=url");
}
else {
s = (eval(top.frames[frame])==null) ? 'window.open(url, frame, "toolbar=yes,status=yes,scrollbars=yes")' : top.eval(frame).location.href=url;
eval(s);
}

Je l'ai marqué vite et j'ai pas testé ,mais ça devrait marcher.
galadriann
Messages postés
87
Date d'inscription
mercredi 7 mai 2003
Statut
Membre
Dernière intervention
12 juin 2006

line 180:
write('onClick="LineClick(lineNo)"></form></center>')

remplacer linNO par le numero de "l'effet'"...
a part une redirection vers la page choisie ??? quel est l'interet ? pas d'effet (ni sur IE ni FF).
passion45
Messages postés
1
Date d'inscription
mardi 3 août 2004
Statut
Membre
Dernière intervention
16 septembre 2005

Je ne vois pas a quoi ça sert....
cs_bultez
Messages postés
13619
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
27
et c'est censé faire quoi ?
car à part le bouton "The JavaScript Source presents...."
rien ne se passe, ni avec FF, ni avec IE.

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.

Du même auteur (douera game)