Trucs divers pour débutant

Codes et Langage internet-codes erreurs et autres codes divers

Scripts

Ascenseur

SCROLLBAR-HIGHLIGHT-COLOR: définit la couleur claire du relief des boutons (couleur claire).
SCROLLBAR-SHADOW-COLOR: définit la couleur sombre du relief des boutons (couleur foncée).
SCROLLBAR-ARROW-COLOR: définit la couleur des flèches.
SCROLLBAR-BASE-COLOR: définit la couleur de la base
scrollbar-3d-light-color: définit la couleur claire du relief des boutons quand ceux-ci ne sont pas enfoncés (couleur foncée).
scrollbar-darkshadow-color: définit la couleur sombre du relief des boutons quand ils ne sont pas enfoncés (couleur foncée).
textarea : définit la couleur du fond de la base.

Après .... <title>ma_page</title> ... Insérez:

Ascenseur
* 2 *

Un ascenseur à deux couleurs
Rollover

Après .... <body> ... Insérez :

  <SCRIPT LANGUAGE=javascript> couleurligne = "#FFFFFF"; couleurbase = "#3E7FBF"; couleurover = "#990000"; function scrollBar(face) { with(document.body.style) { scrollbarDarkShadowColor="#000000"; scrollbar3dLightColor="#000000"; scrollbarArrowColor="#FFFFFF"; scrollbarBaseColor=face; scrollbarFaceColor=face; scrollbarHighlightColor="#FFFFFF"; scrollbarShadowColor="#000000"; scrollbarTrackColor="#3E7FBF"; } } function colorBar(){ var w = document.body.clientWidth; var h = document.body.clientHeight; var x = event.clientX; var y = event.clientY; if(x>w) scrollBar(couleurover); else scrollBar(couleurbase); } if (document.all){ scrollBar(couleurbase); document.onmousemove=colorBar; } </script>

Backgrounds

Vous voulez que la couleur de fond de page change automatiquement à intervalles réguliers ?

Voici le code qu'il vous faut.
Vous pouvez bien entendu paramètrer les couleurs de votre choix.

Insérez les suivent entre les balises <HEAD> et </HEAD>

function color_changer(){

var now = new Date();

var seconds = now.getSeconds();

if(seconds == 0 || seconds == 7 || seconds == 14 || seconds == 21 || seconds == 28 || seconds == 35 || seconds == 42 || seconds == 49 || seconds == 56) document.bgColor = "#2E557C";

if(seconds == 1 || seconds == 8 || seconds == 15 || seconds == 22 || seconds == 29 || seconds == 36 || seconds == 43 || seconds == 50 || seconds == 57) document.bgColor = "#456C91";

if(seconds == 2 || seconds == 9 || seconds == 16 || seconds == 23 || seconds == 30 || seconds == 37 || seconds == 44 || seconds == 51 || seconds == 58) document.bgColor = "#7095B9";

if(seconds == 3 || seconds == 10 || seconds == 17 || seconds == 24 || seconds == 31 || seconds == 38 || seconds == 45 || seconds == 52 || seconds == 59) document.bgColor = "#8EB3D5";

if(seconds == 4 || seconds == 11 || seconds == 18 || seconds == 25 || seconds == 32 || seconds == 39 || seconds == 46 || seconds == 53 || seconds == 60) document.bgColor = "#7095B9";

if(seconds == 5 || seconds == 12 || seconds == 19 || seconds == 26 || seconds == 33 || seconds == 40 || seconds == 47 || seconds == 54) document.bgColor = "#456C91";

if(seconds == 6 || seconds == 13 || seconds == 20 || seconds == 27 || seconds == 34 || seconds == 41 || seconds == 48 || seconds == 55) document.bgColor = "#2E557C";

setTimeout("color_changer()", 1000);

}

// -->

</script>

Insérez ensuite dans la balise <BODY> de votre page la fonction :

Backgrounds
* 2 *

Un fond de page qui défile

Commencer par définir l'image de fond de votre page de manière classique :
<body background="image_de_fond.gif">
Puis, insérez ce script sans rien modifier

Juste après la balise <Body>

<script language="JavaScript">     </script>

Backgrounds
* 3 *

Couleur de fond

Choisissez votre couleur

Entre <BODY> et </BODY>

   <input onClick="document.bgColor='#000000'" type=button value=" Noir " name="button32"> <input onClick="document.bgColor='#2F9162'" type=button value=" Vert " name="button32"> <input onClick="document.bgColor='#2B4E71'" type=button value=" Bleu " name="button32"> <input onClick="document.bgColor='#FF0000'" type=button value=" Rouge " name="button32">

Backgrounds
* 4 *

Texture de Fond

Enregistrez vos images dans le même dossier que votre page contenant le script

Juste après la balise <Body>

>   <CENTER> </CENTER> <img src="1.gif" name="bgpic1" width="50" height="50" onMouseOver="BG('1.gif',1)"> <img src="2.gif" name="bgpic2" width="50" height="50" onMouseOver="BG('2.gif',2)"> <img src="3.gif" name="bgpic3" width="50" height="50" onMouseOver="BG('3.gif',3)"> <img src="4.gif" name="bgpic4" width="50" height="50" onMouseOver="BG('4.gif',4)"> <img src="5.gif" name="bgpic5" width="50" height="50" onMouseOver="BG('5.gif',5)"> <SCRIPT NAME="JavaScript"> /* EZ BG! By Matthew Daley. http://mafuian.virtualave.net/javascript Note, you must also copy the little table (for the interface) Please, keep these lines on! */    function BG(LOC,NUM) { if(NUM == 0) { NUM = 1 } document.bgpic1.src = '1.gif' document.bgpic2.src = '2.gif' document.bgpic3.src = '3.gif' document.bgpic4.src = '4.gif' document.bgpic5.src = '5.gif' document.body.background = LOC if(NUM == 1) { document.bgpic1.src = '' } if(NUM == 2) { document.bgpic2.src = '' } if(NUM == 3) { document.bgpic3.src = '' } if(NUM == 4) { document.bgpic4.src = '' } if(NUM == 5) { document.bgpic5.src = '' } } </SCRIPT>

Barre d'état

Barre d'état
* 1 * 2 *

Entre <head> et </head>

Entre <body> et </body>

Regardez dans la barre du bas

Barre d'état
* 1 * 2 *

Entre <head> et </head>

Regardez dans la barre du haut

Effets images

Effet Images
* 1 * 2 * 3 * 4 *

Snow

Juste après la balise <Body>

   <SCRIPT LANGUAGE="Javascript1.2">  var no =20; // nombre de flocons var speed = 3; // plus le nombre est petit, plus la vitesse augmente var snowflake = "VOTRE-IMAGE.GIF"; // image ////////////////////////////////////////////////////////////////////////////// var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 1500; // taille du document if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } // End --> </script>

Effet Images
* 2 *

Décoration feu d'artifice

Entre <body> et </body>

A utiliser avec des backgrounds foncés

<script language="JavaScript">  </script>

Effet Images
* 3 *

Opacité du bouton rollover

Entre <body> et </body>

 <script language="JavaScript1.2"> nereidFadeObjects = new Object(); nereidFadeTimers = new Object(); /* object - image to be faded (actual object, not name); * destop - destination transparency level (ie 80, for mostly solid) * rate - time in milliseconds between trasparency changes (best under 100) * delta - amount of change each time (ie 5, for 5% change in transparency)   */ function nereidFade(object, destOp, rate, delta){ if (!document.all) return if (object != "[object]"){ //do this so I can take a string too setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); return; } clearTimeout(nereidFadeTimers[object.sourceIndex]); diff = destOp-object.filters.alpha.opacity; direction = 1; if (object.filters.alpha.opacity > destOp){ direction = -1; } delta=Math.min(direction*diff,delta); object.filters.alpha.opacity+=direction*delta; if (object.filters.alpha.opacity != destOp){ nereidFadeObjects[object.sourceIndex]=object; nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); } } </script> <a href=" http://www.L'ADRESSE DU SITE "><img src="http://www.L'ADRESSE DE L'IMAGE" border="0" width="88" height="31" style="filter:alpha(opacity=40)" onMouseOver="nereidFade(this,90,10,5)" onMouseOut="nereidFade(this,40,20,5)"></a>

Effet Images
* 4 *

Bulles

Entre <body> et </body>

<script language="JavaScript">     </script>

Effets liens

Effets de Liens

Entre <head> et </head>

Entre <body> et </body>

Curseurs

Effet Souris
* 1 * 2 * 3 *

Click droit de la souris bloqué

Entre <head> et </head>

<SCRIPT language="JavaScript">     function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.0 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && document.getElementById) x=document.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </SCRIPT>

Effet Souris
* 2 *

L'horloge qui suit la souris

Entre <BODY> et </BODY>

<script> dCol='FFFFFF';//date colour. fCol='FFFF00';//face colour. sCol='#FF0000';//seconds colour. mCol='FFFFFF';//minutes colour. hCol='FFFFFF';//hours colour. ClockHeight=40; ClockWidth=40; ClockFromMouseY=0; ClockFromMouseX=100; //Alter nothing below! Alignments will be lost! d=new Array("DIMANCHE","LUNDI","MARDI","MERCREDI","JEUDI","VENDREDI","SAMEDI"); m=new Array("JANVIER","FEVRIER","MARS","AVRIL","MAI","JUIN","JUILLET","AOUT","SEPTEMBRE","OCTOBRE","NOVEMBRE","DECEMBRE"); date=new Date(); day=date.getDate(); year=date.getYear(); if (year < 2000) year=year+1900; TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year; D=TodaysDate.split(''); H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); Face='1 2 3 4 5 6 7 8 9 10 11 12'; font='Arial'; size=1; speed=0.6; ns=(document.layers); ie=(document.all); Face=Face.split(' '); n=Face.length; a=size*10; ymouse=0; xmouse=0; scrll=0; props="<font face="+font+" size="+size+" color="+fCol+"><B>"; props2="<font face="+font+" size="+size+" color="+dCol+"><B>"; Split=360/n; Dsplit=360/D.length; HandHeight=ClockHeight/4.5 HandWidth=ClockWidth/4.5 HandY=-7; HandX=-2.5; scrll=0; step=0.06; currStep=0; y=new Array();x=new Array();Y=new Array();X=new Array(); for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0} Dy=new Array();Dx=new Array();DY=new Array();DX=new Array(); for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0} if (ns){ for (i=0; i < D.length; i++) document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>'); for (i=0; i < n; i++) document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>'); for (i=0; i < S.length; i++) document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>'); for (i=0; i < M.length; i++) document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>'); for (i=0; i < H.length; i++) document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>'); } if (ie){ document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < D.length; i++) document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++) document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>'); document.write('</div></div>'); document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++) document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>'); document.write('</div></div>') document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++) document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>'); document.write('</div></div>') } (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY; xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX; } (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; function ClockAndAssign(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360; if (ie){ Od.style.top=window.document.body.scrollTop; Of.style.top=window.document.body.scrollTop; Oh.style.top=window.document.body.scrollTop; Om.style.top=window.document.body.scrollTop; Os.style.top=window.document.body.scrollTop; } for (i=0; i < n; i++){ var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll; F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180); } for (i=0; i < H.length; i++){ var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style; HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs); } for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style; ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll; ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min); } for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style; SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll; SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec); } for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll; DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180); } currStep-=step; } function Delay(){ scrll=(ns)?window.pageYOffset:0; Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed); Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed); for (i=1; i < D.length; i++){ Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed); Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed); } y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } ClockAndAssign(); setTimeout('Delay()',50); } if (ns||ie)window.onload=Delay; </script>

Effet Souris
* 3 *

Texte qui suit la souris

Entre <HEAD> et </HEAD>

   <SCRIPT>  </SCRIPT> <STYLE> .spanstyle { COLOR: #FFCC66;<b> FONT-FAMILY: Arial; FONT-SIZE: 12pt; Blod; POSITION: absolute; center: -40px; VISIBILITY: visible</b> } </STYLE>

Dans la balise <BODY ...

Entre <BODY> et </BODY>

//*http://www.active-art-animations.com*// <SCRIPT>  </SCRIPT>

Effets texte

Texte
* 1 * 2 * 3 *

Couleur de Texte
IE seulement

Entre <BODY> et </BODY>

   <input onClick="document.fgColor='black'" type=button value=" Noir " name="button222"> <input onClick="document.fgColor='#33FF33'" type=button value=" Vert " name="button21"> <input onClick="document.fgColor='#8EB3D5'" type=button value=" Bleu " name="button2"> <input onClick="document.fgColor='#FAEB30'" type=button value="Jaune " name="button23">

~*~ ...... LE ...... CIEL...... DE...... FRANCOISE.....~*~

Texte
* 2 *

Texte Notepad



Entre <HEAD> et </HEAD>

   <script language="JavaScript"> function makeArray() { this.length = makeArray.arguments.length for (var i = 0; i < this.length; i++) this[i+1] = makeArray.arguments[i] } var fArray = new makeArray; fArray[0]="Visitez ~*~Active Art Animations~*~ - L' URL est ... http://www.active-art-animations.com . Il y a un bon nombre de nouveaux liens, Un Chat, un Forum, des Cartes virtuelles, Et le domaine multi-medias comprenant des , Wave, Fla, Front, Clips art , Javascript et des GIFs animé " fArray[1]="Il y a également un centre de référencement pour trouver tous ce que vous chercher. " fArray[2]="Allez voir..... il y a beaucoup de choses à découvrir. Cliquez sur mon lien E-Mail et envoyer moi quelques lignes. J'aimerai avoir de vos nouvelles! " fArray[3]=" et dites moi si le site vous a plu! Danalaye :-) " var x = 1; var y = 0; var msg1 = fArray[y]; function newsFeed() { if (x==msg1.length+1) { for (var z=0; z < 7000; z++); y+=1; if (y > 3) y=0; document.form1.news2.value=' '; msg1 = fArray[y]; x=0; } document.form1.news2.value=msg1.substring(0,x); x+=1; setTimeout("newsFeed() ",20); } </script> <script language="JavaScript">  </script>

Dans la balise <BODY ...

<BODY BGCOLOR="#6897C4" TEXT="#9CBCDA" LINK="#FFFFFF" VLINK="#FFFFFF" ALINK="#FFFFFF" onLoad="newsFeed()">

Entre <BODY> et </BODY>

<CENTER><font face="Arial" size="5">automated notepad</font></CENTER>
<br>
<center>
<FORM name="form1">
<textarea wrap=physical rows=7 cols=45 name="news2">
</textarea>
</FORM>
</center>

Texte
* 3 *

Couleur d'une lettre

Entre <BODY> et </BODY>

<SCRIPT LANGUAGE="JavaScript">    text = "~*~...A c t i v e A r t A n i m a t i o n s...~*~"; // Le texte à colorier color1 = "#FFFFFF"; // La coureur du texte color2 = "#FF0000"; // La couleur de la nouvelle lettre fontsize = "3"; // taille du texte speed = 100; // vitesse de changement en millisecondes, (1000 = 1 second) i = 0; if (navigator.appName == "Netscape") { document.write("<layer id=a visibility=show></layer><br><br><br>"); } else { document.write("<div id=a></div>"); } function changeCharColor() { if (navigator.appName == "Netscape") { document.a.document.write("<center><font size =" + fontsize + "><font color=" + color1 + ">"); for (var j = 0; j < text.length; j++) { if(j == i) { document.a.document.write("<font color=" + color2 + ">" + text.charAt(i) + "</font>"); } else { document.a.document.write(text.charAt(j)); } } document.a.document.write('</font></font></center>'); document.a.document.close(); } if (navigator.appName == "Microsoft Internet Explorer") { str = "<center><font size=" + fontsize + "><font color=" + color1 + ">"; for (var j = 0; j < text.length; j++) { if( j == i) { str += "<font color=" + color2 + ">" + text.charAt(i) + "</font>"; } else { str += text.charAt(j); } } str += "</font></font></center>"; a.innerHTML = str; } (i == text.length) ? i=0 : i++; // Et on recommence } setInterval("changeCharColor()", speed); // Fin --> </SCRIPT>

Popups

Popups
* 1 * 2 * 3 * 4 *

Agrandissement automatique de Popup

Entre <BODY>et </BODY>

<!--

var winheight=100

var winwidth=100

var cat=null

step=1;

function catswindows(name,width,height,title)

{

if (!document.layers&&!document.all&&!document.getElementById)

{

paramstp="height="+height+",width="+width+",top=6"+

",left=6,scrollbars=no,location=no"+

",directories=no,status=no,menubar=no,toolbar=no,resizable=no"

cat=window.open("","cat",paramstp);

oldstr="<html><title>"+title+"</title><body background="+name+"</b"+"ody></h"+"tml>";

cat.document.write(oldstr);

if (cat.focus){cat.focus();}

return;

}

LeftPosition=(screen.width)?(screen.width-width)/2:100;

TopPosition=(screen.height)?(screen.height-height)/2:100;

if (document.layers)

{paramstp="height="+height+",width="+width+",top="+TopPosition+

",left="+LeftPosition+",scrollbars=no,location=no"+

",directories=no,status=no,menubar=no,toolbar=no,resizable=no"}

else

{paramstp="height="+winheight+",width="+winwidth+",top="+TopPosition+

",left="+LeftPosition+",scrollbars=no,location=no"+

",directories=no,status=no,menubar=no,toolbar=no,resizable=no"}

cat=window.open("","cat",paramstp);

if (document.all)

{

string="<html><title>"+title+"</title><body topmargin=0 leftmargin=0 bgcolor=#2E557C>";

string1="<div id=loadintxt style='position:absolute;width:100%;top:45%;text-align:center;visibility:visible;font-family:Comic Sans MS;font-size:16px;font-weight:bold'>Loading...</div>";

string2="<div id=errtxt style='position:absolute;width:100%;top:45%;text-align:center;font-family:Comic Sans MS;font-size:16px;color:#8FB5DA;font-weight:bold;visibility:hidden'>Script trouver sur http://www.active-art-animations.com</div>";

string3='<s'+'cript>'+'var animColorIndex=0;colorArray=["#FFFFFF","#CCCCCC","#999999","#666666","#333333","#000000","#333333","#666666","#999999","#CCCCCC"];';

string4='function textLooping(){if(animColorIndex==10)animColorIndex=0;'+

'loadintxt.style.color=colorArray[animColorIndex];animColorIndex++;}animInterval=setInterval("textLooping()",200);';

string5="function erroccur(){clearInterval(animInterval);loadintxt.style.visibility='hidden';errtxt.style.visibility='visible';}";

string6="</s"+"cript>";

string7='<s'+'cript language="jav'+'ascript1.2">';

string8='function init(){clearInterval(animInterval);'+

"loadintxt.style.visibility='hidden';"+

'fltr.filters.item(0).Apply();fltr.filters.item(0).Play();'+

'fltr.style.visibility="visible";}'+'</s'+'cript>';

string9='<img id="fltr" style="filter:BlendTrans(Duration=5);visibility:hidden" src="'+name+'" border=0'+

' width='+width+' height='+height+' onload="init()" onerror="erroccur()">'+

'</b'+'ody></h'+'tml>';

}

if (document.layers)

{

toppos=height/2-40;

leftpos=width/2-40;

string="<html><title>"+title+"</title><body bgcolor='#2E557C'><div id=loadintxt style='position:absolute;top:"+toppos+"px;left:"+leftpos+"px;'></div>"

string1='<s'+'cript>var animColorIndex=0;colorArray=["#FFFFFF","#CCCCCC","#999999","#666666","#333333","#000000","#333333","#666666","#999999","#CCCCCC"];'

string2='function textLooping(){if(animColorIndex==10)animColorIndex=0;document.loadintxt.document.open();'

string3='document.loadintxt.document.write("<center><font size=4 face=Comic Sans MS color="+colorArray[animColorIndex]+"><b>Loading...</b></font></center>");document.loadintxt.document.close();'

string4='animColorIndex++;};animInterval=setInterval("textLooping()",200);</s'+'cript>'

string5='<s'+'cript language="jav'+'ascript1.2">'

string6="function init(){document.catpic.visibility='show';clearInterval(animInterval);document.loadintxt.visibility='hide';};"

string7="function erroccur(){errstr='Script trouver sur http://www.active-art-animations.com';alert(errstr);}</s"+"cript>"

string8="<div id=catpic style='position:absolute;left:0px;top:0px;visibility:hidden'>"

string9="<img src='"+name+"' width="+width+" height="+height+" border=0 onload='init()' onerror='erroccur()'></div></b"+"ody></h"+"tml>";

}

if (document.getElementById&&!document.all)

{

toppos=height/2-40;

leftpos=width/2-40;

string="<html><title>"+title+"</title><body bgcolor='#2E557C'><div id=loadintxt style='position:absolute;top:"+toppos+"px;left:"+leftpos+"px;'></div>"

string1='<s'+'cript>var animColorIndex=0;colorArray=["#FFFFFF","#CCCCCC","#999999","#666666","#333333","#000000","#333333","#666666","#999999","#CCCCCC"];';

string2='function textLooping(){if(animColorIndex==10)animColorIndex=0;ls="<font size=4 face=Comic Sans MS color="+colorArray[animColorIndex]+"><b>Loading...</b></font>"';

string3='document.getElementById("loadintxt").innerHTML=ls;'

string4='animColorIndex++;};animInterval=setInterval("textLooping()",200);</s'+'cript>'

string5='<s'+'cript language="jav'+'ascript1.2">'

string6='function init(){document.getElementById("catpic").style.visibility="visible";clearInterval(animInterval);document.getElementById("loadintxt").style.visibility="hide";}';

string7="function erroccur(){errstr='Script trouver sur http://www.active-art-animations.com';alert(errstr);}</s"+"cript>"

string8="<div id=catpic style='position:absolute;left:0px;top:0px;visibility:hidden'>";

string9="<img src='"+name+"' width="+width+" height="+height+" border=0 onload='init()' onerror='erroccur()'></div></b"+"ody></h"+"tml>";

x=y=step;

while (x | y)

{

cat.resizeBy (x, y);

if (cat.window.innerWidth >= width) x=0;

if (cat.window.innerHeight >= height) y=0;

}

cat.document.writeln(string);

cat.document.writeln(string1);

cat.document.writeln(string2);

cat.document.writeln(string3);

cat.document.writeln(string4);

cat.document.writeln(string5);

cat.document.writeln(string6);

cat.document.writeln(string7);

cat.document.writeln(string8);

cat.document.writeln(string9);

if (document.all)

{

x=y=step;

while (x | y)

{

cat.resizeBy (x, y);

if (cat.document.body.clientWidth >= width) x=0;

if (cat.document.body.clientHeight >= height) y=0;

}

if(cat.focus){cat.focus();}

return;

}

function CloseCatWin()

{if(cat!=null && cat.open)cat.close()}

window.onfocus=CloseCatWin;

//-->

</script>

<tr>

<form>

<div align="center"><center><p><input name="button2" TYPE="button" onfocus="this.blur()"

ONCLICK="catswindows('shvaikabig.jpg','450','355','Maine Coon Black'); return false" VALUE="View"><p><p><p><p><p><p><p><p><p><p><p><p><p></p>

</center></div>

</form>

Popups
* 2 *

Ouverture en diagonale du Popup
Auteur: Igor Bushin

Entre <BODY> et </BODY>

   <script>  </script>

Encore entre <BODY> et </BODY>
où vous voulez mettre le texte lien

<font size="2"><a href="javascript:coolIntro()"><font face="Arial Black"><b><font face="Arial, Helvetica, sans-serif" size="3">Cliquer pour ouvrir le Popup</font></b></font></a> </font>

Popups
* 3 *

Ouverture d'un petit Popup "Aide"

Entre <HEAD> et </HEAD>

   --> <SCRIPT LANGUAGE="JavaScript"></SCRIPT> <title>Pop-Up Window</title> <script language="JavaScript">  </script>

Encore entre <BODY> et </BODY>
Là où vous voulez mettre le bouton

<FORM> <INPUT name="BUTTON2" TYPE="BUTTON" onClick="popHelp()" VALUE="Cliquer"> </FORM>

Popups
** 4 *

Autre fenêtre

Encore entre <BODY> et </BODY>
Là où vous voulez mettre le texte lien

<CENTER> <font face="Arial, Helvetica, sans-serif" size="2"><b><font size="3">Différence <a href="FR_popup3.htm" ONCLICK="window.open('../main.html', 'NewWindow','toolbar=yes,location=yes,directories=no,status=no,menubar=yes,scrollbars=yes,resizable=no,copyhistory=yes,width=400,height=320')">Autre Lien</a> Autre fenêtre </font></b></font> </CENTER>

Favoris

Mettre votre site dans les favoris

Entre <HEAD> et </HEAD>

SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT

http://www.editeurjavascript.com

nav = navigator.appName.substring(0,3);

ver = navigator.appVersion.substring(0,1)

function addFav()

{

if (nav == "Mic" && ver >= 4)

{

url_site="http://www.active-art-animations.com";

titre_site = "**Active Art Animations**";

document.write('<A HREF="#" onClick="window.external.AddFavorite(url_site, titre_site);return(false);">ICI):</A><BR>')

}

else

{

document.write('Faites CTRL+D pour ajouter ce site à vos favoris!')

}

</SCRIPT>

<!--

**Active Art Animations**

http://www.active-art-animations.com

-->

addFav();

</SCRIPT>

Entre <BODY> et </BODY>
Là où vous voulez mettre le texte lien

Retour accueil Retour PSP