Cours Visual Basic Script : Connie Shultza en français

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés

Cours 12 B

------------------------------------------------------5-------------------------------------------

Maintenant nous sommes prêts à dire au VBScript d'appeler les tuiles à la
table ainsi nous commençons juste au-dessous de notre ligne de fenêtre de
statut et nous mettrons dedans les codes. Ils seront exactements après la
ligne de statut et juste avant le x=0 dans le manuscrit.

Le premier dans mon manuscrit ressemble à celui ci-dessous.

tb.style.backgroundImage="URL("&bg1.src&")"

Voyons un peu ce code.
Nous avons l'objet et mon objet est tb , qui est le nom d'identification
que j'ai donné à ma table ainsi nous disons au PC que cette ligne aura
quelque chose faire avec la table. Après nous avons le style , cela dit au
PC qu'il doit faire quelque chose avec le style de notre table. Puis nous
avons le backgroundimage = qui dit au PC que le style inclura maintenant
un fond d'image et l'image est = à l' URL de l'adresse de l'image.
L'autre partie indique que l'image est id=bg1 . C'est pour l'obtenir de la
source énumérée dans la balise d'image qui est notre chemin au dossier.
Vous aurez la même information dans votre code mais votre nom de table
peut être différente que la mienne et ainsi que votre nom d'image mais le
reste sera identique.
Nous avons besoin d'un code pour chaque cellule de table qui a une tuile
de fond et la division de boîte à texte. La seule chose qui changera dans
le code est le nom d'objet et le nom d'identification de tuile. Voici le
reste des codes pour ce manuscrit.

tc.style.backgroundImage="URL("&bg2.src&")"
tc2.style.backgroundImage="URL("&bg2.src&")"
d.style.backgroundImage="URL("&bg1.src&")"

--------------------------------------------6-------------------------------------------

Votre manuscrit devrait ressembler à ceci maintenant.

<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE>
Body{
border-top: #653B45 8px outset;
border-left: #58353C 8px outset;
border-right: #58353C 8px inset;
border-bottom: #58353C 8px inset;
scrollbar-face-color:#58353C;
scrollbar-highlight-color:#8F777C;
scrollbar-3dlight-color:#66464C;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#44272C;
scrollbar-arrow-color:#8F777C;
scrollbar-track-color:#58353C;

}

.tc1{
border-top: #44272C 5px outset;
border-left: #44272C 5px outset;
border-right: #44272C 5px inset;
border-bottom: #44272C 5px inset;
background-color:#58353C;
}

.tab{
border-top: #44272C 5px outset;
border-left: #44272C 5px outset;
border-right: #44272C 5px inset;
border-bottom: #44272C 5px inset;
background-color:#58353C;
}
.phto{
border-top: #44272C 5px outset;
border-left: #44272C 5px outset;
border-right: #44272C 5px inset;
border-bottom: #44272C 5px inset;

}

.txt{
border-top: #44272C 5px outset;
border-left: #44272C 5px outset;
border-right: #44272C 5px inset;
border-bottom: #44272C 5px inset;
background-color:#58353C;
scrollbar-face-color:#58353C;
scrollbar-highlight-color:#8F777C;
scrollbar-3dlight-color:#66464C;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#44272C;
scrollbar-arrow-color:#8F777C;
scrollbar-track-color:#58353C;
padding: 10px;
overflow:auto;
height:200px;
width:100%;
font-family: Tahoma;
size: 12pt;
color: #AA9298;
text-align: center;
}

</STYLE>
</HEAD>
<BODY bgcolor=#46292E background="C:/Program Files/Fichiers
Communs/Microsoft Shared/Papier à Lettres/tile here.jpg">
<BGSOUND balance=0
src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à
Lettres/midi.mid" volume=0 loop=infinite>
<TABLE class=tab id=tb width=520px align=center cellpadding=3
cellspacing=30>
<TR>
<TD align=center class=tc1 id=tc>
<A href="site addy here"><IMG class=phto alt="artist name here"
src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à
Lettres/Main Image here .jpg" border="0"></A></TD></TR>
<TR>
<td align=center class=tc1 id=tc2><DIV class=txt
id=d>text</div></TD></TR></TABLE>


<IMG id=bg1 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px;"
src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à
Lettres/tile 1.jpg">

<IMG id=bg2 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px;"
src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à
Lettres/Silver tile.jpg">

<SCRIPT language=vbscript>
'*----------------------------------*
* REM faites la magie
'* Script écrit par Connie Schutza
'*4 Septembre 2003
'*Gardez le travaille magique
'*-----------------------------------*

window.status="Script et stationery par VOTRE NOM"

tb.style.backgroundImage="URL("&bg1.src&")"
tc.style.backgroundImage="URL("&bg2.src&")"
tc2.style.backgroundImage="URL("&bg2.src&")"
d.style.backgroundImage="URL("&bg1.src&")"

x=0
y=0

SetInterval "scroll",64

Sub scroll()
x=x
y=y-1
document.body.style.backgroundposition=x&" "&y

End Sub

</SCRIPT>

</BODY>
</HTML>

-------------------------------------------7-------------------------------------------

Sauvergadez et faites un aperçu de votre stat, vous verrez maintenant que
les tuiles sont où elles doivent être sur votre table, cellules et
division de boîte à textes. Mais nous avons toujours un petit peu de magie
à retirer du chapeau et à mettre dans ce manuscrit. Nous allons faire se
déplacer les milieux maintenant, donc nous sommes prêts pour ajouter
quelques codes de défilement pour que les tuiles de fond suivent.
Avant que nous commencions ces codes pour faire défiler les tuiles nous
devons nous rappeler quelque chose. Si vous voulez plus d'une direction
sur votre rouleau, vous devez avoir plus d'un ensemble de x=0 et de y=0.
Vous pouvez employer différentes lettres =0 pour chaque direction si vous
voulez mais il est plus facile d'employer la même lettre que d'ajouter un
nombre .
Parceque je veux que le fond de table défile dans une direction différente
que le fond je dois utiliser un nouvel ensemble de x et de y ainsi j'ai
employé ceci qui va bien au-dessous de l'autre x=0 et y=0 dans le
manuscrit.
x1=0
y1=0

J'ai également voulu que le fond de cellules de table soit pourtant dans
une direction différente de sorte que j'ai encore besoin d' un autre
ensemble de x et de y , ainsi j'ai utilisé celui-ci et il va après celui
que nous avons juste mis dans le manuscrit.

x2=0
y2=0

Maintenant nous nous déplaçons à notre SUB de rouleau qui est déjà en
place.

Je veux que le fond sur ma division de boîte à textes défile dans la même
direction que le fond régulier , je ne dois rien faire mais mets ce code
juste au-dessous du code pour le fond de corps et avant le SUB de fin. La
ligne du code ressemble à ceci.

d.style.backgroundposition=x&" "&y

Note sur celui ci : l'objet qui aura un changement de style est appelé d,
c'est que j'ai appelé ma division de boîte à texte. Et la tuile obéira aux
ordres pour y mettre en rouleau de déplacement x et y.

Maintenant nous voulons avoir la tuile se déplaçant sur la table ainsi
nous devons faire un peu plus pour cela. Puisque nous voulons qu'elle
aille dans une direction différente nous devons dire au PC à quels x1 et
y1 elle doit maintenant être égale et alors nous devons dire au PC à quel
objet appliquer ce rouleau. Tout ceci entrera dans le même sub de rouleau
et va juste au-dessous du rouleau du body background que nous avons
commencé mais assurons nous qu'il soit avant le sub de fin ou il ne
fonctionnera pas. Soyez sûr de changer le x et le y dans le code de tb,
notez qu'il doit s'assortir avec le x et le y qui sont énumérés juste
au-dessus de lui. Dans ce cas-ci c'est x1 et y1. Vous pouvez voir de
quelle partie je parle car je l'ai marquée en le rouge pour vous.
x1=x1
y1=y1+1
tb.style.backgroundposition=x1&" "&y1

Ensuite nous allons dire au PC de quelle manière mettre le fond en rouleau
que nous mettons dans les cellules de table et le code est comme les
autres seulement le x et y et objet changeront. Ce sera juste aprés la
pièce que nous mettons juste dedans et juste avant le sub de fin dans le
sub de rouleau. Notification sur celle-ci j'ai voulu que la cellule de
table aie un rouleau un peu plus rapide ainsi j'ai changé les +1 en +2
pour un peu plus de vitesse. N'allez pas au-dessus de 2 ou la tuile
démarrera pour sauter. Rappelez-vous de faire le x et le y sur les deux
parties de ce code aussi. Elles doivent changer de x1 et de y1 en x2 et
y2.

x2=x2+2
y2=y2
tc.style.backgroundposition=x2&" "&y2
tc2.style.backgroundposition=x2&" "&y2

------------------------------------------------------8-------------------------------------------

Voilà maintenant nous avons fini avec cette partie et notre manuscrit
devrait ressembler à celui ci-dessous.

<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE>
Body{
border-top: #653B45 8px outset;
border-left: #58353C 8px outset;
border-right: #58353C 8px inset;
border-bottom: #58353C 8px inset;
scrollbar-face-color:#58353C;
scrollbar-highlight-color:#8F777C;
scrollbar-3dlight-color:#66464C;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#44272C;
scrollbar-arrow-color:#8F777C;
scrollbar-track-color:#58353C;

}

.tc1{
border-top: #44272C 5px outset;
border-left: #44272C 5px outset;
border-right: #44272C 5px inset;
border-bottom: #44272C 5px inset;
background-color:#58353C;
}

.tab{
border-top: #44272C 5px outset;
border-left: #44272C 5px outset;
border-right: #44272C 5px inset;
border-bottom: #44272C 5px inset;
background-color:#58353C;
}
.phto{
border-top: #44272C 5px outset;
border-left: #44272C 5px outset;
border-right: #44272C 5px inset;
border-bottom: #44272C 5px inset;

}

.txt{
border-top: #44272C 5px outset;
border-left: #44272C 5px outset;
border-right: #44272C 5px inset;
border-bottom: #44272C 5px inset;
background-color:#58353C;
scrollbar-face-color:#58353C;
scrollbar-highlight-color:#8F777C;
scrollbar-3dlight-color:#66464C;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#44272C;
scrollbar-arrow-color:#8F777C;
scrollbar-track-color:#58353C;
padding: 10px;
overflow:auto;
height:200px;
width:100%;
font-family: Tahoma;
size: 12pt;
color: #AA9298;
text-align: center;
}

</STYLE>
</HEAD>
<BODY bgcolor=#46292E background="C:/Program Files/Fichiers
Communs/Microsoft Shared/Papier à Lettres/tile here.jpg">
<BGSOUND balance=0
src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à
Lettres/midi.mid" volume=0 loop=infinite>
<TABLE class=tab id=tb width=520px align=center cellpadding=3
cellspacing=30>
<TR>
<TD align=center class=tc1 id=tc>
<A href="site addy here"><IMG class=phto alt="artist name here"
src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à
Lettres/Main Image here .jpg" border="0"></A></TD></TR>
<TR>
<td align=center class=tc1 id=tc2><DIV class=txt
id=d>text</div></TD></TR></TABLE>


<IMG id=bg1 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px;"
src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à
Lettres/tile 1.jpg">

<IMG id=bg2 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px;"
src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à
Lettres/Silver tile.jpg">

<SCRIPT language=vbscript>
'*----------------------------------*
* REM faites la magie
'* Script écrit par Connie Schutza
'*4 Septembre 2003
'*Gardez le travaille magique
'*-----------------------------------*

window.status=" Script et stationery par VOTRE NOM"

tb.style.backgroundImage="URL("&bg1.src&")"
tc.style.backgroundImage="URL("&bg2.src&")"
tc2.style.backgroundImage="URL("&bg2.src&")"
d.style.backgroundImage="URL("&bg1.src&")"

x=0
y=0

x1=0
y1=0
x2=0
y2=0

SetInterval "scroll",64

Sub scroll()
x=x
y=y-1
document.body.style.backgroundposition=x&" "&y

d.style.backgroundposition=x&" "&y

x1=x1
y1=y1+1
tb.style.backgroundposition=x1&" "&y1

x2=x2+2
y2=y2
tc.style.backgroundposition=x2&" "&y2
tc2.style.backgroundposition=x2&" "&y2

End Sub

</SCRIPT>

</BODY>
</HTML>

Voir l'exemple ICI
------------------------------------------------------9-------------------------------------------
Sauvegardez et faites un aperçu de votre manuscrit , vous devriez avoir
des tuiles de fond et elles devraient défiler , voilà c'est la fin de
cette leçon. J'espère que vous vous êtes amusé(e)s et que vous pouvez
maintenant rêver avec les nouvelles manières de rendre votre stat bien
plus beau qu'avant.
-------------------------------------------------Devoirs------------------------------------------------
Votre travail consiste à employer ce que nous avons appris dans toutes les
leçons. Vous pouvez habiller vos vieux manuscrits de table si vous le
souhaitez et faites votre propre magie.
_________________
...

http://www.liensutiles.org/gvilleneuve.htm

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés

Leçon 13 A

[color=steelblue][b]Ceci est un site d'enseignement pour ceux qui veulent apprendre à écrire
des scripts pour la papeterie d'email. Les leçons que vous utiliserez sont
toutes écrites par Connie Schutza Hill sauf indication contraire et
traduite par moi , Mickaëla P. Elle tient tous les droits d'auteur sur
ces leçons.Les TERMES D'UTILISATION sont inscrits sur la page d'INTRO ..
Lisez s'il vous plaît ces règles et soumettez-vous y.
----------------------------------------------------
Bienvenue dans la leçon 13. cette fois nous allons apprendre à utiliser le
filtre Reveal Trans .
-------------------------Ce dont nous avons besoin pour cette
leçon----------------------
1. 2 images principales .
2. 1 midi.
3. 2 tuiles de background. One is for the normal background, one is for
the table..
4. HTML Kit ou blocnote.
---------------couleur des codes dans la leçon-------------
Pendant la leçon, si vous voyez quelque chose dans cette couleur bleue
brillante c'est juste pour attirer votre attention sur cette balise.
Les choses en bleu foncé seront là pour vous montrer à quoi votre script
doit ressembler à cette endroit dans la leçon. Cela vous aidera à voir ce
qui vous manque si vous vous heurtez à un problème dans la leçon. Afin de
vous aider un peu mieux la nouvelle substance qui sera ajoutée dans le
script sera en texte rouge.
Quoi que ce soit en vert est la nouvelle particule de scénario que vous
ajouterez . Vous pourrez alors vérifier à quoi le plein scénario devrait
ressembler en vous déplaçant au secteur bleu foncé qui suivra toujours
le secteur vert.
Les lignes rouges sont juste pour trier les sections de la leçon .
J'ajouterai des numéros à ces lignes donc vous pourrez mieux savoir ou
vous en êtes.
-------------------------1-----------------------
Installons notre script ainsi nous pourrons commencer la leçon .
Nous aurons besoin d'une table de deux cellules. Cette semaine nous allons
faire les choses un peu différement, mettre l'image d'un côté et le texte
de l'autre. Une cellule contiendra les deux images et on stockera le
texte. Rappelez-vous de mettre une division à l'intérieur de la cellule
d'image et de la placer en position relative et de mettre des images à
l'intérieur de cette division et de les placer position absolute. Soyez
sûr de mettre les deux noms ID (d'identification) d'images. Installez
votre style de table comme vous voulez qu'il soit et assurez vous mettre
la taille de l'image dans le style et également la position absolute et
left (gauches) et top (haut). Nous devons donner les images présentent ou
le filtre ne fonctionnera pas. Commencez le VBS et vous pourrez avancer et
mettre dedans le rouleau de fond. Mettez la tuile sur la table et nous
aurons tout placé.

---------------------------2----------------------

Votre script devrait sembler à quelque chose comme ça.
<HTML>
<HEAD>
<STYLE>
Body{
BORDER-RIGHT: #714528 7px inset;
BORDER-TOP: #714528 7px outset;
BORDER-LEFT: #714528 7px outset;
BORDER-BOTTOM: #714528 7px inset;
scrollbar-face-color:#714528;
scrollbar-highlight-color:#AC7856;
scrollbar-3dlight-color:#714528;
scrollbar-darkshadow-color:#714528;
scrollbar-shadow-color:#714528;
scrollbar-arrow-color:#AC7856;
scrollbar-track-color:#714528;
}

.tb1{
border-top: #9A6C4E 6px solid;
border-left: #462917 6px solid;
border-right: #9A6C4E 6px solid;
border-bottom: #462917 6px solid;
}
.tc{
border-top: #492B18 4px solid;
border-left: #9A6C4E 4px solid;
border-right: #492B18 4px solid;
border-bottom: #9A6C4E 4px solid;
}
.phto{
position: absolute;
height: 450px;
width: 350px;
left: 0px;
top:0px;
}

.d{
BORDER-RIGHT: #492B18 7px double;
BORDER-TOP: #492B18 7px double;
BORDER-LEFT: #9A6C4E 7px double;
BORDER-BOTTOM: #9A6C4E 7px double;
position: relative;
height: 464px;
width: 364px;
left: 0px;
top:0px;
}
.tx1{
BORDER-RIGHT: #492B18 7px double;
BORDER-TOP: #492B18 7px double;
BORDER-LEFT: #9A6C4E 7px double;
BORDER-BOTTOM: #9A6C4E 7px double;
scrollbar-face-color:#714528;
scrollbar-highlight-color:#AC7856;
scrollbar-3dlight-color:#714528;
scrollbar-darkshadow-color:#714528;
scrollbar-shadow-color:#714528;
scrollbar-arrow-color:#AC7856;
scrollbar-track-color:#714528;
padding:10px;
text-align: center;
OVERFLOW: auto;
FONT-FAMILY: Tahoma;
FONT-SIZE: 12pt;
COLOR: #AC7856;
height:464px;
width: 225px;
}

</STYLE>
</HEAD>
<BODY bgcolor=#462917 background="C:/Program Files/Fichiers
Communs/Microsoft Shared/Papier à Lettres/pd Henriette Ronner-Knip
1821-1909_tile2.jpg">
<BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft
Shared/Papier à Lettres/purelove-jmc[1].mid" volume=0 loop=infinite>

<TABLE class=tb1 id=t1 width=350px align=center cellpadding=10
cellspacing=30>
<TR>
<TD class=tc align=center><div align=center class=d>
<IMG class=phto id=p alt="Henriette Ronner-Knip 1821-1909" src="C:/Program
Files/Fichiers Communs/Microsoft Shared/Papier à Lettres/pd Henriette
Ronner-Knip 1821-1909_350-450-1.jpg">
<IMG class=phto id=p2 alt="Henriette Ronner-Knip 1821-1909"
src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à
Lettres/pd Henriette Ronner-Knip 1821-1909_350-450-2.jpg"></DIV></TD>
<TD class=tc align=center><DIV id=d1
class=tx1>text</DIV></TD></TR></TABLE>
</TD></TR></TABLE>


<IMG id=tabbg1
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px;"
src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à
Lettres/pd Henriette Ronner-Knip 1821-1909_tile1.jpg">
[/b][/color]
_________________
...

http://www.liensutiles.org/gvilleneuve.htm

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés

Leçon 13 B
<SCRIPT language=vbscript>
'*----------------------------------*
* REM faites la magie
'* Script écrit par Connie Schutza
'* September 12 2003
'*la magie ne finit jamais
'-----------------------------------*

window.status=" ----Script and stationery by Connie---Art by Henriette
Ronner-Knip 1821-1909---"

t1.style.backgroundImage="URL("&tabbg1.src&")"

x=0
y=0

SetInterval "chsscroll",64

Sub chsscroll()
x=x
y=y-1
document.body.style.backgroundposition=x&" "&y
End Sub

</SCRIPT>
</BODY>
</HTML>
-------------------------3----------------

Nous sommes prêts à parler du nouveau filtre que nous allons utiliser dans
cette leçon.

Le filtre est " revealTrans filter " , vous avez tous vu ce filtre dans
l'action pendant longtemps. Ce filtre est un amusement et facile , il fera
23 transitions différentes, les numéros 0 à 22 sont tous différents. Nous
nous sommes offert le numéro 23 qui lui fera une transition différente
chaque fois et il passera par l'ensemble en totalité des 23 transitions
ainsi ceci vous donne un total de 24 arrangements différents vous pouvez
employer sur le ce filtre.
Un bon nombre de gens emploient le numéro 23 pour obtenir plus d'effets
sans un bon nombre de subs. Je n'aime pas faire le mien de cette manière .
La première raison est que je n'aime pas certaines transitions. La
prochaine est que certaines d'entre elles mangent plus de RAM et font
sauter le fond de défilement ou l'arrêter et je n'aime pas voir ce qui se
produit. Enfin, comme la plupart d'entre vous le sait après ces 12
dernieres leçons, j'aime être dans la commande de mon statut et script et
le faire voir de la manière que je veux , ainsi je fais juste plus de subs
et de subsistance pour changer la transition jusqu'à ce que le statut soit
comme je le veux . Je joue avec le chronométre pour chaque statut , parce
que quelques images prennent moins de temps pour la transition ou se
montrent moins longtemps due à la taille de l'image. Donc jouez avec les
nombres jusqu'à ce que vous soyez heureux avec votre manuscrit et l'action
des filtres , si vous ne voulez pas faire tout cette substance , utilisez
le numéro 23 pour obtenir plus d'effets avec moins d'ennui .
-----------------------------------------------4-------------------------------------------

Okay Commençons la pièce du VBS pour mettre ce filtre en action.
D'abord nous devons dire au PC que nous voulons utiliser le filtre sur les
images ainsi nous mettons dedans le code de filtre. Il ressemble à ceci
.... assurez vous que votre nom d'objet soit assortit au nom
d'identification que vous avez donné à votre image
Juste au-dessous de la ligne du code qui indique au PC de mettre la tuile
sur la table et juste au-dessus du x=0 et du y=0 vous mettrez ces lignes
de code.

p.style.filter="revealTrans"
p2.style.filter="revealTrans"

Ceux-ci indiquent juste au PC que nous voulons utiliser le filtre de
revealTrans sur les images.
Après, juste au-dessous de cette partie nous allons dire au PC la
visibilité des images. Nous voulons qu'une se montre quand le stat s'ouvre
et que l'autre soit cachée donc nous devons dire au PC de le faire et les
codes ressemblent à ceci.

p.style.visibility="hidden"
p2.style.visibility="visible"
Ensuite nous devons dire au PC que nous voulons qu'il joue le sub qui
engagera le filtre dans l'action . Donc nous allons vers le bas juste
au-dessous du x=0 et du y=0 et mettons dedans le sub window_onLoad , puis
nous lui disons d'appeler le premier sub qui fera fonctionner le filtre et
combien de temps il doit attendre avant de lancer ce sub et nous devons
fermer ce sub parce que nous aurons fini avec lui. Le plein code ressemble
à celui ci-dessous...... Vous pouvez nommer les subs comme vous le voulez
,vous assurez juste qu'ils appellent les subs secondaires .

Sub Window_OnLoad()
SetTimeOut "action", 4000
End Sub

_________________
...

http://www.liensutiles.org/gvilleneuve.htm

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés

Leçon 13 C

----------------------------5--------------
Ne visionnez pas votre script parce qu'il projettera une erreur. Mais
c'est normal pour le moment ..
<SCRIPT language=vbscript>
'*----------------------------------*
* REM faites la magie
'* Script écrit par Connie Schutza
'* September 12 2003
'*la magie ne finit jamais
'-----------------------------------*

window.status=" ----Script and stationery by Connie---Art by Henriette
Ronner-Knip 1821-1909---"

t1.style.backgroundImage="URL("&tabbg1.src&")"

p.style.filter="revealTrans"
p2.style.filter="revealTrans"
p.style.visibility="hidden"
p2.style.visibility="visible"

x=0
y=0

Sub Window_OnLoad()
SetTimeOut "action", 4000
End Sub

SetInterval "chsscroll",64

Sub chsscroll()
x=x
y=y-1
document.body.style.backgroundposition=x&" "&y
End Sub

</SCRIPT>
</BODY>
</HTML>
---------------------------6----------------

Bien nous sommes maintenant prêts à passer aux subs qui feront la magie du
filtre .
Allez vers le bas au-dessous du sub de rouleau et mettez en marche le
prochain sub mais assurez vous qu'il soit au-dessus de la balise fermante
</SCRIPT> ou le manuscrit ne fonctionnera pas . La première chose que nous
voulons que notre filtre fasse est de faire que l'image qui se voit s'en
aille et que celle qui est cachée apparaisse. Donc nous devons dire au PC
en premier que nous avons placé l'horodateur dans le load sub et à qui
nous avons dit de mettre l'heure à 4000. Alors nous devons dire au PC
d'appliquer le filtre que nous employons sur l'image qui est visible et
quelle transition utiliser pour la cacher, nous allons lui dire aussi que
nous voulons que la visibilité soit quand il fait fonctionner le filtre
et puis lui indiquer combien de temps qu'il faut pour cacher cette image.
Ainsi nous avons le code qui ressemble à ceci dans la première partie du
sub.
Sub action()
ClearTimeout
p2.filters(0).Apply()
p2.filters(0).transition=6
p2.style.visibility="hidden"
p2.filters(0).Play(4.000)

Maintenant nous devons dire également au PC de rendre l'autre image
visible ,d'utiliser le filtre pour faire cette magie , quelle transition
employer et combien de temps prendre pour le faire.
Nous devons également lui dire d'appeler le prochain sub et combien de
temps attendre avant qu'il le mette en marche pour travailler ainsi nous
devons mettre dedans notre setTimeOut. Soyez sûr de placer ce nombre pour
être égale ou plus que le jeu de temps . Cela fonctionnera très bien si le
jeu de temps est plus court que le temps mais cela ne fonctionne pas très
bien si le temps out est plus court que le jeu de temps . Sinon cela ne
fera pas la finition de transition dans un jeu doux et nous ne voulons pas
que cela se produise. Nous terminons le sub en mettant le sub de fin ou le
manuscrit ne fonctionnera pas.Voici l'autre moitié du premier sub.
p.filters(0).Apply()
p.filters(0).transition=6
p.style.visibility="visible"
p.filters(0).Play(4.000)
SetTimeOut "action2",4000
End Sub
Maintenant nous devons dire au PC de mettre la premiere image ainsi nous
pourrons la voir et cacher la deuxième image. Donc nous aurons besoin
d'un autre sub et celui-ci je l'ai nommé action2. Dans celui-ci je ne
veux pas que le PC emploie la même transition donc je vais lui dire ce que
je veux employer pour défaire ce qu'il a fait dans le premier sub.

Le plein code ressemblera à celui-ci. Note : la seule chose qui a changé
dans celui-ci est le nom du sub, le nombre de transition et la visibilité
de l'image. Là où la première fois c'était caché (hidden) cela devient
maintenant visible et celui qui est dit visible devient hidden (caché ).

Sub action2()
ClearTimeout
p2.filters(0).Apply()
p2.filters(0).transition=5
p2.style.visibility="visible"
p2.filters(0).Play(4.000)
p.filters(0).Apply()
p.filters(0).transition=5
p.style.visibility="hidden"
p.filters(0).Play(4.000)
SetTimeOut "action3",4000
End Sub

Nous écrivons encore un autre sub pour défaire ce que nous avons fait
faire au PC et cette fois les mêmes choses changeront sur ce qui a été
changer dans le dernier sub. Ainsi le nouveau sub ressemblera à celui-ci.

Sub action3()
ClearTimeout
p2.filters(0).Apply()
p2.filters(0).transition=14
p2.style.visibility="hidden"
p2.filters(0).Play(4.000)
p.filters(0).Apply()
p.filters(0).transition=14
p.style.visibility="visible"
p.filters(0).Play(4.000)
SetTimeOut "action4",4000
End Sub

Nous sommes prêts à écrire notre dernier sub et à le faire aller de
nouveau au premier et répéter la chose à plusieurs reprises pour toujours
. Soyez sûr que quand vous écrirez votre dernier sub que ce soit la même
image qui se montre quand ce sub est fini et celle quand vous avez
commencé . Si vous ne le faites pas de cette façon, le premier sub ne
pourra pas fonctionner parce qu'il ne peut pas cacher ce qui ne se montre
pas. Notre dernier sub ressemble à celui-ci , les mêmes choses changeront
comme dans le dernier sub. Soyez sûr d'appeler le premier sub pour que le
manuscrit le joue car le prochain sub fera une boucle en arrière pour
vous.

Sub action4()
ClearTimeout
p2.filters(0).Apply()
p2.filters(0).transition=15
p2.style.visibility="visible"
p2.filters(0).Play(4.000)
p.filters(0).Apply()
p.filters(0).transition=15
p.style.visibility="hidden"
p.filters(0).Play(4.000)
SetTimeOut "action",4000
End Sub
------------------------7-----------------

Voilà ce à quoi le plein VBS de votre manuscrit ressemblera

<SCRIPT language=vbscript>
'*----------------------------------*
* REM faites la magie
'* Script écrit par Connie Schutza
'* September 12 2003
'*la magie ne finit jamais
'-----------------------------------*

window.status=" ----Script and stationery by Connie---Art by Henriette
Ronner-Knip 1821-1909---"

t1.style.backgroundImage="URL("&tabbg1.src&")"

p.style.filter="revealTrans"
p2.style.filter="revealTrans"
p.style.visibility="hidden"
p2.style.visibility="visible"

x=0
y=0

Sub Window_OnLoad()
SetTimeOut "action", 4000
End Sub

SetInterval "chsscroll",64

Sub chsscroll()
x=x
y=y-1
document.body.style.backgroundposition=x&" "&y
End Sub

Sub action()
ClearTimeout
p2.filters(0).Apply()
p2.filters(0).transition=6
p2.style.visibility="hidden"
p2.filters(0).Play(4.000)
p.filters(0).Apply()
p.filters(0).transition=6
p.style.visibility="visible"
p.filters(0).Play(4.000)
SetTimeOut "action2",4000
End Sub

Sub action2()
ClearTimeout
p2.filters(0).Apply()
p2.filters(0).transition=5
p2.style.visibility="visible"
p2.filters(0).Play(4.000)
p.filters(0).Apply()
p.filters(0).transition=5
p.style.visibility="hidden"
p.filters(0).Play(4.000)
SetTimeOut "action3",4000
End Sub

Sub action3()
ClearTimeout
p2.filters(0).Apply()
p2.filters(0).transition=14
p2.style.visibility="hidden"
p2.filters(0).Play(4.000)
p.filters(0).Apply()
p.filters(0).transition=14
p.style.visibility="visible"
p.filters(0).Play(4.000)
SetTimeOut "action4",4000
End Sub

Sub action4()
ClearTimeout
p2.filters(0).Apply()
p2.filters(0).transition=15
p2.style.visibility="visible"
p2.filters(0).Play(4.000)
p.filters(0).Apply()
p.filters(0).transition=15
p.style.visibility="hidden"
p.filters(0).Play(4.000)
SetTimeOut "action",4000
End Sub

</SCRIPT>
</BODY>
</HTML>

---------------------------8-----------------
Nous avons fini avec ce manuscrit. Faites un essai et voyez comment cela
fonctionne. Si vous avez des erreurs vérifiez le script en commençant par
le manuscrit et voyez si l'erreur est dans cette partie puis contrôlez la
partie du VBS.

-----------------------9-----------------------
Voici une liste des nombres pour ce filtre et les effets que vous verrez
quand vous les employerez .
0-la place devient plus petite et part
1-la place devient plus grande et remplit la division

2-le cercle devient plus petit et part
3-le cercle devient plus grand et remplit la division

4- changements d'image du bas vers le haut
5- changements d'image du haut vers le bas

6- changements d'image de la gauche vers la droite
7- changements d'image de droite vers la gauche

8- les abat-jour s'ouvrent à gauche vers la droite
9-les abat-jour s'ouvrent de haut en bas
10 et 11 sont des panneaux de contrôle
12 est aléatoire , celui-ci emploie un peu plus de RAM que les autres et
qui embourbera votre fond de défilement.
13-s'ouvre des côtés dans le centre
14-s'ouvre comme les portes françaises du centre jusque sur les cotés

15- s'ouvre d'en haut et en bas jusque dans le centre
16-s'ouvre du centre jusqu 'en haut et en bas

17- mouvement du coin droit supérieur au coin gauche inférieur
18- se déplace du coin droit inférieur au coin gauche supérieur

19- mouvement du coin gauche supérieur au coin droit inférieur
20-se déplace du coin gauche inférieur au coin droit supérieur

21 et 22 sont des barres aléatoires et ce sont les deux qui utilisent le
plus de RAM et caleront les milieux de défilement.
23 Jouera tous les arrangements dans ce filtre et il fera caler ou sauter
le fond de défilement sur les transitions .

Voir l'exemple ICI
----------------------Devoirs----------------------

Ecrivez votre propre script à l'aide de ce filtre. Vous pouvez employer
d'autre substance que vous avez appris et essayez de faire un script en
utilisant plus d'images qu'il y a dans la leçon. Faites de la grande magie
et amusez vous
_________________
...

http://www.liensutiles.org/gvilleneuve.htm