Leçon de script5

Leçon de script 5

Pour cette leçon plusieurs ont du mal à la faire car en faite un popup peut être vu comme une fenêtre publicititaire qui ouvre sur votre ordinateur . Alors quand l'ordinateur à trop de sécurité il se peut que ça ne fonctionne pas .Alors pour celle que ça ne fonctionne pas passer directement à la leçon suivante .

Un Popup

Cliquer ici pour voir le résultat

Nous allons travailler avec ce courrier en format eml .
Téléchargez-le ici

Première étape

1-Faite vous un dossier dans votre disque dur pour y mettre tout ce qui va se rapporter à ce script .

2-Ensuite nous allons récupéré les choses qui ont servi à faire le script dans le email que vous avez télécharger et les enregistrer dans votre dossier . Les explications sont ici

3-Maintenant allons voir ce que vous avez enregistrer et je vous conseille au tout début de prendre des images et tuiles de la même dimension que ceux que vous avez récupérer si vous êtes débutant. Pour voir la dimension de vos images survolez votre souris sur l'image et un carré va apparaître avec les informations .

Comme vous pouvez le constater vous allez avoir besoin de vous faire 1 tuile de 300 x 300 , une image de 623 de large par 387 de hauteur , une tuile nuage de 623 de large x 387 de hauteur pour la brume et un midi pour faire ce script .

Après avoir faite vos tuiles et votre image et on va y aller pour la suite .

----------------------------------------------------

Deuxième Étape

*Pour les les personne qui ont le pack 2 et qui ne sont pas capable d'ouvrir le bloc- note avec la touche CTRL-F2 voici le eml déjà enregistrer en format html à télécharger ici
Vous pouvez poursuivre à la troisième étape du tutoriel.

1- Vous aller ouvrir le eml fourni si ce n'est pas déjà faite et appuyez sur les touches CTRL+F2.

2- Le bloc note va s'ouvrir .

3 - Vous allez faire Fichier /Enregistrer sous et enregistrer le script en format html dans votre dossier comme sur ma capture .

Vis à vis Nom du fichier tapez .html

4-Fermer le messages en Eml et le Bloc note pour ne pas vous mêler à la prochaine étape

-------------------------------------

Troisième Étape

Maintenant on a tous ce qu'il nous faut pour faire les modifications.

1-Vous allez cliquer sur le fichier en html que l'on viens d'enregistrer dans votre dossier .

2-Internet Exploreur va s'ouvrir et vous aller voir un fond bleu .

3-Vous allez dans Affichage/ Source et le Bloc- note va s'ouvrir .

4-Je vous copie ce que vous avez eu dans le Bloc note un peu plus bas et vous mets en rouge les endroits à modifier avec les explications en bleu .

Vous allez coller le chemin des images que vous avez faite . Les explications sont ici si vous ne savez pas le faire .

5-Vous aller faire les modifications une par une comme je vous l'indique dans le script et après chaque modification on va regarder ce que ça donne pour voir si tout est correcte .

6--Voici comment vous allez procéder tout au long des modifications.

Dans le bloc note vous allez coller le premier chemin d'accès et ensuite faire Fichier/ enregistrer .

Ensuite retournez dans Internet Explorer sur le fichier html bleu et faire Affichage /Actualiser. ou bien utiliser cette icône

Ok on y va toute les étapes sont indiquées en bleu .

Vous pouvez télécharger le script et ses explications en format Word pour imprimer ici si vous le désirer

On débute les modifications dans le bloc note

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">

Ici c'est la couleur de la scrollbar et l'arrow .
Mettez une couleur en accord avec votre tuile.

Faite -le en dernier car c'est moins difficile de trouver la couleur qui va le mieux .

Effacez ce qui est en rouge et vous collez vos codes .

Après avoir coller le chemin de vos codes faire Fichier /Enregistrer et réduisez le bloc note dans la barre de tâche pour le reprendre plus tard

Allez dans votre Internet Exploreur et faire Affichage /Actualiser et vous allez voir le résultat.

On retourner dans le bloc note pour la suite

<STYLE id=PopupStyle>BODY {
MARGIN-TOP: 90px; SCROLLBAR-FACE-COLOR: #293b51; FONT-WEIGHT: bold; FONT-SIZE: 10pt; MARGIN-LEFT: 10px; COLOR: #ccc8bc; SCROLLBAR-ARROW-COLOR: #557aa8; FONT-FAMILY: verdana; SCROLLBAR-BASE-COLOR: #3c5677; TEXT-ALIGN: left
}
</STYLE>

<META content="MSHTML 6.00.2800.1498" name=GENERATOR></HEAD>

Ici c'est arrière plan ,

Effacer ce qui est en rouge et vous collez le chemin de la tuile que vous avez faite pour votre fond et ajoutez des guillemets au début et à la fin de votre chemin car sinon ça ne fonctionnera pas .

ex:"C:\script\lecon5\nuage3.jpg"

Après avoir coller le chemin de la tuile faire Fichier /Enregistrer et réduisez le bloc note dans la barre de tâche pour le reprendre plus tard

Allez dans votre Internet Exploreur sur votre fond bleu et faire Affichage /Actualiser et vous aller voir votre arrière plan .

On retourner dans le bloc note pour la suite

Ici c'est le midi ,

Effacer ce qui est en rouge et vous collez le chemin de votre midi .

Après avoir coller le chemin de votre midi faire Fichier /Enregistrer et réduisez le bloc note dans la barre de tâche pour le reprendre plus tard

Allez dans votre Internet Exploreur et faire Affichage /Actualiser et vous aller entendre votre midi.

On retourner dans le bloc note pour la suite

Ici c'est le bouton ouvrir ,vous pouvez taper un autre mot et changer les couleurs.

Faire Fichier /Enregistrer et réduisez le bloc note dans la barre de tâche pour le reprendre plus tard

Allez dans votre Internet Exploreur et faire Affichage /Actualiser .

On retourner dans le bloc note pour la suite

<DIV><BUTTON id=" Open Pop Up"
style="BORDER-RIGHT: #293b51 4px ridge; BORDER-TOP: #293b51 4px ridge; Z-INDEX: 100; BACKGROUND: #37506f; LEFT: 400px; FONT: 10pt 'verdana'; BORDER-LEFT: #293b51 4px ridge; WIDTH: 150px; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #293b51 4px ridge; POSITION: absolute; TOP: 50px; HEIGHT: 30px"
onclick=popOpen()>Ouvrir</BUTTON> </DIV>
<DIV>
<DIV
style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; SCROLLBAR-FACE-COLOR: #293b51; LEFT: 26%; PADDING-BOTTOM: 10px; OVERFLOW: auto; WIDTH: 446px; SCROLLBAR-ARROW-COLOR: #557aa8; PADDING-TOP: 10px; SCROLLBAR-BASE-COLOR: #3c5677; POSITION: absolute; TOP: 41%; HEIGHT: 170px; ridge: ">
<P align=center><FONT color=#000000 size=3>Ecrire ici</FONT></P>
<P><FONT size=3></FONT> </P>
<P><FONT size=3></FONT> </P></DIV></DIV>
<DIV id=src style="DISPLAY: none"><SPAN>
<DIV id=container
style="LEFT: -1800px; OVERFLOW: visible; WIDTH: 446px; POSITION: absolute; TOP: -1800px; HEIGHT: 375px">

Ici c'est l'image ,

Effacez ce qui est en rouge et vous collez le chemin de votre image .

*Si vous avez faite une image d'une autre dimension changer les chiffres que j'ai mis en rouge width est la largeur et height est la hauteur.

Après avoir coller le chemin de l'image faire Fichier /Enregistrer et réduisez le bloc note dans la barre de tâche pour le reprendre plus tard

Ensuite retournez dans votre Internet Exploreur et faire Affichage /Actualiser et vous aller voir votre image .

On retourner dans le bloc note pour la suite

Ici c'est l'image des nuages ,

Effacez ce qui est en rouge et vous collez le chemin de votre image .

*Si vous avez faite une image d'une autre dimension changer les chiffres que j'ai mis en rouge width est la largeur et height est la hauteur.

Après avoir coller le chemin de l'image faire Fichier /Enregistrer et réduisez le bloc note dans la barre de tâche pour le reprendre plus tard

Ensuite retournez dans votre Internet Exploreur et faire Affichage /Actualiser et vous aller voir votre image .

On retourner dans le bloc note pour la suite

Ici c'est le bouton fermer ,vous pouvez taper un autre mot à la place de Fermer

Faire Fichier /Enregistrer et réduisez le bloc note dans la barre de tâche pour le reprendre plus tard

Allez dans votre Internet Exploreur et faire Affichage /Actualiser .

On retourner dans le bloc note pour la suite

<BUTTON
style="BORDER-RIGHT: transparent; BORDER-TOP: transparent; Z-INDEX: 100; BACKGROUND: none transparent scroll repeat 0% 0%; LEFT: 46%; FONT: 10pt 'verdana'; BORDER-LEFT: transparent; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: transparent; POSITION: absolute; TOP: 92%"
onclick=parent.objPopup.hide()><B>Fermer</B></BUTTON> </DIV>
<SCRIPT language=JavaScript>
// ---------------------------------------------------------
// Version OE5.5 Plein Ecran -
// auguste 2000 - Gerard Ferrandez
// ---------------------------------------------------------
function popOpen() {
nx=window.parent.screen.width
ny=window.parent.screen.height
objPopup.show((nx-387)/2,(ny-623)/2,623,387)

}
objPopup=window.createPopup();
objPopupBody=objPopup.document.body;
objPopupBody.style.border="#4B5C53 3px outset"
objPopupBody.style.backgroundColor="#4B5C53"
objPopupBody.innerHTML="<div style='display:none'>"+PopupStyle.innerHTML+"</div>"+src.innerHTML
//Original Script by EVP....Jan\20\2001
//--------------------------------------------------------
//Donald Anadell adaptation for FS - Jan\20\2001
//--------------------------------------------------------
//--------------------------------------------------------
DA=objPopupBody.all

x=-100000
y=-100000

function doIt() {
DA.container.style.left=0
DA.container.style.top=0
DA.haze.style.backgroundImage="URL("+dust.src+")"

moveIt()
}

function moveIt() {
x=x+4
y=y-2
DA.haze.style.backgroundPosition=x+" "+y
setTimeout("moveIt()",32)
}

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

Quand vous avez fini de modifier tous les endroits indiquées et que vous êtes satisfaits on passe à la quatrième étape.

----------------------------------------------------

Quatrième étape

Voilà la dernière étape qui consiste à faire un message Outlook avec ce que vous venez de faire .

1- Vous allez retourner sur le bloc note et faire Édition /Sélectionner tout

2- Faire /Édition /Copier

3- Ouvrir un nouveau message dans Outlook

4-Allez sur 'onglet Source et effacer tout ce que vous voyez .

5-Placer votre curseur dans la fenêtre d'écriture et avec le bouton droit de la souris dans le menu déroulant choisir coller .Ce que vous avez sélectionner dans le Bloc- note va apparaître

6-Pour voir si le script est correcte allez sur l'onglet Aperçu. . Retourner sur l'onglet modifier pour écrire le texte .

Voilà la cinquième leçon est terminée

Lylee

Menu Principal
Apprivoisez Outlook
Petits Scripts divers