L'objectif est d'insérer des programmes ( SCRIPTS) dans les pages HTML. Interactivité. Traitements simples.
|
|
- Pascal Godin
- il y a 8 ans
- Total affichages :
Transcription
1 Introduction. Javascript est un langage de programmation L'objectif est d'insérer des programmes ( SCRIPTS) dans les pages HTML. Interactivité. Traitements simples. La possibilité d'inclure des programmes dans les pages HTML et de les exécuter directement sur le poste client permet de décharger le serveur. Le code du programme est interprété par le navigateur. Limitation en tant que langage de programmation. JavaScript 1
2 Caractéristiques. Basé sur des objets. Simple d'utilisation Langage de programmation structurée Enrichissement du HTML. Pages interactives. Le code est entièrement intégré dans HTML et interprété par le navigateur. Présence de gestionnaires d'événement. Réactivité aux demandes de l'utilisateur. Clic de souris. Validation de formulaire. Par contre, limitation en tant que langage de programmation. Ce n'est pas un langage de programmation indépendant. C'est une extension de HTML. Ce n'est pas véritablement un langage orienté objet. Pas d'héritage de classe. Pas de polymorphisme. JavaScript 2
3 Ecriture et exécution... Code.... Code.. Le code JavaScript peut apparaître entre les balises <SCRIPT> Dans la section d'en-tête, ou dans le corps de la page. Le code inclus est évalué au début du chargement de la page. S'il se présente dans la section, il n'est pas exécuté tout de suite. S'il fait partie du corps du document, il est exécuté en même temps que le code HTML est interprété. Les déclarations de fonctions doivent se présenter dans la section Afin qu'elles soient connues dès le chargement du document. Elles ne seront exécutées que lors d'un appel explicite de l'utilisateur. JavaScript 3
4 Ecriture et exécution. Le code JavaScript peut être associé à une balise HTML gérant un événement. Appel de fonction, affectée à un gestionnaire d'événement apparaissant comme un attribut d'un composant de formulaire. L'événement survient à l'initiative de l'utilisateur Bouton. Saisie du texte. <balise... OnEvenement="code JavaScript"> <balise... OnEvenement="fonction JavaScript"> La balise est généralement un composant de formulaire OnEvenement est un attribut de la balise. JavaScript 4
5 Utilité de JavaScript Une des utilisations de JavaScript est de pouvoir programmer la réalisation de pages html. <TITLE>Colorimètre.</TITLE> <BODY bgcolor = "#CCCCCC"> <TABLE BORDER='2' WIDTH=80%> <TH COLSPAN=8>Titre de la table.</th> <TR> </TR> <TR> </TR> <TR> </TR> <TR> </TR> </TABLE> JavaScript 5
6 Utilité de JavaScript Même programme en utilisant JavaScript. <TITLE>Table.</TITLE> <BODY bgcolor = "#CCCCCC"> <TABLE BORDER='2' WIDTH=80%> <TH COLSPAN=8>Titre de la table.</th> for (i=0;i<4;i++) { document.write("<tr>"); for (j=0;j<8;j++) { document.write(""); document.write("<tr>"); document.write("</table>"); </TABLE> JavaScript 6
7 Exemple. <SCRIPT language="javascript"> function faire() {... <FORM> <INPUT TYPE="button" VALUE="Calculer" onclick="faire()"> </FORM> JavaScript 7
8 Ecriture et exécution. Le code JavaScript peut être associé à un protocole javascript dans une URL. Elle permet de lancer l'exécution d'un script écrit en JavaScript, en lieu et place d'une requête vers un nouveau document. <A HREF="JavaScript:code JavaScript"> lien </A> <A HREF="JavaScript:"appel fonction"> lien </A> <SCRIPT language="javascript"> function faire() { <A HREF="JavaScript:faire()">Pour executer</a>... JavaScript 8
9 Remarques. JavaScript distingue les majuscules des minuscules, ce qui n'est pas le cas des balises HTML. Les commentaires : // pour une simple ligne de commentaires /*...*/ pour encadrer plusieurs lignes. On peut placer le code dans un fichier spécifique d'extension.js : <SCRIPT LANGAGE=JavaScript SRC=source.js> Le fichier doit être accessible au moment de l'exécution, dans le répertoire courant ou à une adresse URL précisée. Ceci permet de réutiliser le code dans plusieurs pages sans avoir à l'inclure systématiquement dans le source. JavaScript 9
10 Exemple. 1 <TITLE>Exécution immédiate.</title> <H4>Exécution immédiate. <BR>Apparition de l'alerte.</h4> alert("message en exécution immédiate."); 2 <HTLM> <TITLE>Appel de fonction par évènement.</title> function Message() { alert("message suite à un appel de fonction."); <H4>Evènement "onclick".</h4> <FORM> <INPUT TYPE="button" NAME="Bouton" VALUE="Cliquer" onclick="message()"> </form> <H4>Protocole pour appeler la fonction.</h4> <A HREF = "javascript:message()">cliquer.</a> JavaScript 10
11 Afficher du texte.. <TITLE> Affichage de texte </TITLE> var debut = "Il fait"; var fin = "chaud."; var remarque = debut + "<BR>" + fin; document.write(remarque, "dans cette salle!"); 3 document.write(...) affiche les valeurs des variables ou des constantes texte. On peut séparer les éléments à afficher par l'opérateur + (concaténation) ou par une virgule (liste de valeurs). JavaScript 11
12 Afficher des images. <TITLE>Affichage d image.</title> <CENTER> <SCRIPT language = "JavaScript" > document.write("<img SRC='chameau.jpg'> <BR> <H1> Un chameau en Jpeg.</H1><P>"); document.write("<img SRC='chameau.gif'> <BR> <H1> Un chameau en gif.</h1>"); </CENTER> 4 JavaScript 12
13 Déclaration de variables. Se fait sous la forme : var chaine = Bonjour."; var un = 1; var pi = ; L'affectation du type est automatique. On peut connaître le type d'une variable au moyen de la fonction typeof(variable). une variable qui n'a pas été définie est de type "undefined". Les variables ont une portée globale. Elles sont connues de toutes les séquences de script quelle soit la séquence dans laquelle elles ont été définies. JavaScript 13
14 Impression des résultats. C'est la méthode "write" appliquée à l'objet "document". Document.write (liste); <TITLE>Variables.</TITLE> var pi = ; document.write("bonjour tout le monde.<br>"); document.write("valeur de Pi : ", pi, "<BR>"); document.write("valeur de Pi : " + pi + "<BR>"); document.write("la variable Pi est de type : " + typeof(pi) + "<BR>"); 5 JavaScript 14
15 Les expressions. Arithmétiques : Les 4 opérations usuelles : +, -, *, / ) L'auto-incrément ++ et l'auto-décrément Le modulo % Les affectations : Opérateur d'affectation = variable = expression Autres opérateurs d'attribution : +=, -=, *=, /=, %=, ++, -- Chaînes de caractères Opérateur de concaténation + JavaScript 15
16 Les structures de contrôle. Séquence d'instructions : { Instruction 1; Instruction 2;... Structure conditionnelle : if (condition) { Instructions else { Instructions Boucle bornée : for (initiale ; condition ; incrément) { Instructions Boucle non bornée : while (condition) { Instructions Itérateur : for (variable in objet) { Instructions JavaScript 16
17 Le premier programme. var date = new Date(); Permet de déclarer un objet de type Date, initialisé à la date du système. getdate(), getmonth()... Sont des méthodes de l'objet date. 6 <TITLE>Affichage de la date.</title> <SCRIPT language = "JavaScript" > var date = new Date(); // On declare une variable de type Date qui contient la date courante var mois = date.getmonth() + 1; var jour = date.getdate() ; var annee = date.getyear(); var nav = navigator.appname if ( nav =='Netscape') annee = annee ; document.write("<h2>vous travaillez sous ", nav + "</H2><BR>"); document.write("<h3>nous sommes le ", jour, " / ", mois, " / " + annee, "</H3><BR>"); document.write("il est ",date.gethours(),":",date.getminutes(), ":",date.getseconds() ); JavaScript 17
18 La boucle for. On va calculer la somme des carrés des 10 premiers entiers. <TITLE>La boucle for.</title> var somme=0; var nombre= 10; for (i=1; i <=nombre ; i++) { somme=somme + ( i * i) ; document.write("<font COLOR='#0000FF' SIZE='5'>"); document.write("la somme des carres des " + nombre + " premiers nombres entiers est égale à " + somme+ "<BR>"); document.write("</font>"); 7 JavaScript 18
19 L instruction if *** else ***. Opérateurs de comparaison. == Egal!= Différent > Supérieur < Inférieur >= Inférieur ou égal <= Supérieur ou égal L instruction «if» permet d effectuer un test. Nous avons vu la fonction alert() qui permet d afficher un message. Dans le même ordre d idée, il existe la boite de réponse. <TITLE>L instruction if.title> var sexe = "", nom = ""; sexe=prompt( "Monsieur ou Madame? "); nom=prompt( "Quel est votre nom? "); if ( sexe!="" && nom!="") document.write("bonjour ", sexe, " ", nom, ".") else alert("mauvaise saisie."); Opérateurs logiques. && Intersection Union! Complémentation 8 JavaScript 19
20 Fonctions et procédures. Les fonctions sont déclarées dans la section... entre les balises <SCRIPT>. Elles sont généralement appelées dans le corps de la page. Leur appel peut se faire A partir d'une section de code <SCRIPT>.... A partir d une procédure d'événement liée à objet. Déclaration function nom-fonction () { séquence d'instructions function nom-fonction () { séquence d'instructions return paramètre-résultat JavaScript 20
21 Exemples. <SCRIPT language="javascript"> function bonjour() { document.write("bonjour tout le monde."); <SCRIPT> bonjour(); 9 <SCRIPT language="javascript"> function bonjour() { document.write("bonjour tout le monde."); <FORM> <INPUT TYPE="button" VALUE="Message." onclick="bonjour()"> </FORM> 10 JavaScript 21
22 Fonctions avec paramètres. Déclaration function nom-fonction (liste) { séquence d'instructions function nom-fonction (liste) { séquence d'instructions return paramètre-résultat <TITLE>Fonction avec paramètres.</title> <SCRIPT language="javascript"> function bonjour(nom) { document.write("bonjour ", nom, "."); <SCRIPT> bonjour("christian"); 11 JavaScript 22
23 Programme. Voici un petit programme qui fait défiler un texte dans une bannière. <TITLE>Défilement de texte.</title> var index=0; function defilement() { text=document.bandeau.chaine.value; var lg_ch=text.length; index= ++index % lg_ch; document.bandeau.defil.value= text.substring(index)+text.substring(0,index); function depart() { var T=setInterval("defilement()",100); function RAZ_Champ(champ) { champ.value = ""; <FORM METHOD=POST NAME="bandeau"> <INPUT TYPE="text" NAME="chaine" VALUE="Quelle est la chaine?" onfocus ="RAZ_Champ(this);" onchange = "depart();"> <BR><BR> <INPUT TYPE="text" NAME="defil" VALUE="" onfocus ="this.blur();"> </FORM> 12 JavaScript 23
24 Structure de donnée. La structure de donnée de base est la liste. var nom = new Array(dimension) ; var nom = new Array(Liste de valeurs) ; <TITLE>Liste.</TITLE> var saisons = new Array("Printemps", "Eté", "Automne", "Hiver"); document.write("les 4 saisons : <UL>") for (i in saisons) { document.write("<li>", "Saison ", i, " : ", saisons[i] ) document.write("</ul>"); </FORM> 13 JavaScript 24
25 Table à plusieurs dimensions. Ca ne fait pas partie de ce qui est le mieux géré <TITLE>Liste à plusieurs dimensions.</title> tab=new Array(4); tab[0]= new Array("A","B","C"); tab[1]= new Array(1,2,3,4); tab[2]= new Array(2, , 3, ); for (i in tab) { for (j=0;j<tab[i].length;j++) document.write(tab[i][j]," " ); document.write("<br> " ); </FORM> 14 A noter l'hétérogénéité de la structure, tant au niveau de son dimensionnement qu'au niveau des types qu'elle contient. JavaScript 25
26 Récupération d'objets de formulaire 15 <TITLE> Calculette.</TITLE> // Definition de la fonction de calcul. var op = "+"; function calculer(form) { form.resultat.value = eval(form.op1.value + op + form.op2.value); <FORM METHOD=POST> <INPUT TYPE="text" NAME="op1" VALUE="0"> <BR><BR> <INPUT TYPE="radio" NAME="operation" VALUE="+" CHECKED onclick="op = this.value;">plus<br> <INPUT TYPE="radio" NAME="operation" VALUE="-" onclick="op = this.value;">moins<br> <INPUT TYPE="radio" NAME="operation" VALUE="*" onclick="op = this.value;">multiplie par<br> <BR> <INPUT TYPE="text" NAME="op2" VALUE="0"> <BR><BR> <INPUT TYPE="button" VALUE="Calculer" onclick="calculer(this.form);"> <BR><BR> <INPUT TYPE="text" NAME="resultat" onfocus="this.blur();"> </FORM> JavaScript 26
27 Les évènements. Nous avons vu que la définition générale d'un événement était : < balise OnEvent = "Code JavaScript" > < balise OnEvent = "Appel de fonction" > onblur : Le champ Textarea, Text ou Select n'est plus activé. onchange Le champ Textarea, Text ou Select est modifié par l'utilisateur. onclick : Un composant Button, Checkbox, Radio Link, Reset ou Submit est cliqué. onfocus : Un composant Textarea, Text ou Select est activé. onload : Fin de chargement d'une fenêtre ou toutes les frames d'un FRAMESET. onmouseover : La souris passe sur un Hyperlien ou une image active. onselect : Un composant Textarea ou Text est sélectionné. onsubmit : Activation d'un formulaire par le bouton Submit. onunload : Quand on quitte un document. onabort : Interruption du chargement d'une image. onerror : Erreur dans le chargement d'une page ou d'une. onmouseout : La souris quitte un Hyperlien ou une image active. onreset : On clique sur le bouton reset d'un formulaire. JavaScript 27
28 Gestion dynamique des fenêtres. NF =window.open("url","nom", "options") "URL" est l'adresse du document à charger dans la nouvelle fenêtre. "Nom" est le nom de la fenêtre. "options" est une liste d'éléments optionnels qui précisent l'aspect de la fenêtre. NF sera par la suite utilisé pour faire référence à un objet ou une propriété de la nouvelle fenêtre. barre d'outils toolbar[=yes no] [=1 0] url visible location[=yes no] [=1 0] répertoire? directories[=yes no] [=1 0] barre d'état status[=yes no] [=1 0] barre de menu menubar[=yes no] [=1 0] barre de défilement scrollbars[=yes no] [=1 0] redimensionnement resizable[=yes no] [=1 0] visibilité permanente? alwaysraised[=yes no] [=1 0] fermée avec la fen. parente dependant[=yes no] [=1 0] hauteur height= dimension en pixels largeur width= dimension en pixels positionnement X screenx = nb pixels positionnement Y screeny = nb pixels JavaScript 28
29 Réalisation. Nous allons détailler un exemple qui va permettre de gérer la création de fenêtres et de leur contenu. JavaScript 29
30 Sélection des caractères. <FONT SIZE=3 COLOR="blue"> Dans cette page, vous allez pouvoir jouer avec les boutons pour choisir d'une part la couleur que vous voulez voir affecter aux caractères qui vont s'afficher dans la page, d'autre part la couleur de fond de la fenêtre qui va être créée. </FONT> <BR><BR> <FONT SIZE=3 COLOR="blue"> Vous sélectionnez dans un premier temps la couleur des caractères au moyen d'un des boutons suivants. <BR><BR> </FONT> <CENTER> <INPUT TYPE=button NAME='blue' VALUE='Caractetres Bleus' onclick ="CoulTxt=this.name;"> <INPUT TYPE=button NAME='red' VALUE='Caracteres Rouges' onclick ="CoulTxt=this.name;"> <INPUT TYPE=button NAME='green' VALUE='Caracteres Verts' onclick ="CoulTxt=this.name;"> On positionne la variable CoulTxt. JavaScript 30
31 Sélection de la couleur du fond. <FONT SIZE=3 COLOR="blue"> Puis vous choisissez une couleur pour le fond de votre page. <BR><BR> </FONT> <CENTER> <INPUT TYPE=button NAME='lightsteelblue' VALUE=' Fond Bleu clair' onclick ="ouvrir(this.name,400,400);"> <INPUT TYPE=button NAME='lightyellow' VALUE='Fond Jaune clair' onclick ="ouvrir(this.name,400,400);"> <BR><BR> </CENTER> Appel de la méthode "ouvrir" à laquelle on transmet deux paramètres, le nom du bouton qui correspond à la couleur choisie et la taille de la fenêtre. JavaScript 31
32 La méthode "ouvrir". function ouvrir (CoulFen,Larg,Haut){ X+=delta; Y+=delta; i+=1; NomFen="fenetre"+i; Fen[i]=window.open('',NomFen,'height='+Haut+',width='+Larg+',left='+X+',top='+Y); Fen[i].focus(); Fen[i].document.write('<BODY BGCOLOR="'+CoulFen+'"><FONT SIZE=4 COLOR='+CoulTxt +'>'); Fen[i].document.write('<B>Voici une '+S+' fenêtre colorée</b></font>'); S="autre"; for (var j=1;j<=i;j++){ Fen[j].focus(); Un nom incrémental est créé pour désigner les fenêtres. Il permet de mes référencer. Il est stocké dans une liste. JavaScript 32
33 Autres méthodes. function PremPlan() { for (var j=1;j<=i;j++){ Fen[j].focus(); Fermer la dernière fenêtre créée. function FermeTout() { for (var j=1;j<=i;j++) { Fen[j].close() Ramener une fenêtre au premier plan. function Fermer() { for (var j=1;j<=i;j++){ Fen[j].focus(); Fen[i--].close(); X-=delta; Y-=delta; Fermer toutes les fenêtres ouvertes. Une fois tous les morceaux assemblés, le résultat est le suivant. 16 JavaScript 33
34 Détecter un click de bouton. La méthode which, déclenchée par l'événement onmousedown permet de savoir quel bouton a été cliqué. <TITLE>Détecter un click.</title> var message = "Vous venez de cliquer sur le bouton "; var bouton = new Array("", "gauche", "central", "droit"); function click(e) { var x = e.which if(x == 1){ alert(message + bouton[x]); if(x == 2){ alert(message + bouton[x]); if(x == 3){ alert(message + bouton[x]); 17 document.onmousedown=click JavaScript 34
35 Programmer un chronomètre. <TITLE>Chronomètre.</TITLE> var x; var chrono; var Minutes=0; var Secondes=0; var Dixiemes=0; var i=0; function temporisation() { Dixiemes=++i%10; Temps=(i-Dixiemes)/10; Minutes=(Temps-(Secondes=Temps%60))/60; AffMin=(Minutes<10?'0':' ')+Minutes+' - '; AffSec=(Secondes<10?'0':' ')+Secondes+' - '; AffDix=(Dixiemes<10?'0':' ')+Dixiemes; document.chrono.affichage.value=affmin+affsec +AffDix; var etat = 0; function clic(e){ 18 if(e.which==1){ if(etat==1){ stop(); else { compte(); etat = 1 - etat; function stop() { clearinterval(chrono); function compte() { chrono = setinterval("temporisation()",10); document.onmousedown = clic; <FORM NAME="chrono"> <FONT SIZE=4 COLOR='blue'>Chronomètre </FONT> <FONT SIZE=4 COLOR='orange'> <INPUT TYPE="text" NAME="affichage" VALUE="" SIZE=12 onfocus="this.blur();"> </FORM> JavaScript 35
36 Déplacer la fenêtre. <TITLE> Déplacement d'une fenêtre.</title> var dx = 0 var dy = 0 var texte="soyez les bienvenus sur ma page... "; function Boug(){ for (var x=1;x<200;x++) { dx = dx + 1 dy = dy + 1 window.moveto(dx,dy) for(var z = 1;z<100;z++){ function Reto(){ dx = 1; dy = 1; window.moveto(dx,dy); window.status=texte; <FORM NAME="saisie"> <INPUT TYPE="button" NAME="Bouge" VALUE="Bouge" onclick="boug();"> <BR><BR> <INPUT TYPE="button" NAME="Retour" VALUE="Retour" onclick="reto();"> </FORM> 19 La méthode window.moveto(dx,dy) déplace la fenêtre aux coordonnées spécifiées. JavaScript 36
37 Bouger la fenêtre. La méthode moveby(dx,dy) effectue un mouvement relatif en X et Y. <TITLE> Secouer une fenêtre.</title> function shake(n) { for (i = 10; i > 0; i--) { for (j = n; j > 0; j--) { window.moveby(0,i); window.moveby(i,0); window.moveby(0,-i); window.moveby(-i,0); <FORM ACTION="javascript:shake(4)"> <INPUT TYPE="submit" VALUE="Secoue." NAME="B1"> </FORM> 20 JavaScript 37
38 Redimensionner la fenêtre. La méthode resizeto(dx,dy redimensionne la fenêtre en X et Y. <TITLE>Redimentionnement d une fenêtre.</title> var dx = 800 var dy = 600 var max = 100 function Zoome(){ for (var i=1;i<max;i++) { dx++ dy++ window.resizeto(dx,dy) for (var i=1;i<max;i++) { dx-- dy-- window.resizeto(dx,dy) <FORM NAME="saisie"> <INPUT TYPE="button" NAME="Zoom" VALUE="Zoom" onclick="zoome();"> </FORM> 21 JavaScript 38
39 Les layers. Un layer (couche) est une zone dont on peut contrôler Déclaration du layer. <DIV ID="nom" STYLE="position:absolute relative; left:450px; top:20px; visibility:hidden visible"> </DIV> Evènement déclencheur. <INPUT TYPE=button NAME='Bouton' VALUE='Bouton' onmouseover="rend_visible('nom');" onmouseout="rend_invisible('nom');" Méthodes. function Rend_Visible(couche) { Pointeur=document.getElementById(couche); Pointeur.style.visibility = "visible" function Rend_Invisible(couche) { Pointeur=document.getElementById(couche); Pointeur.style.visibility = "hidden" JavaScript 39
40 Application, les fonctions. <TITLE>Les Layers.</TITLE> function Rend_Visible(couche) { Pointeur=document.getElementById(couche); Pointeur.style.visibility = "visible" function Rend_Invisible(couche) { Pointeur=document.getElementById(couche); Pointeur.style.visibility = "hidden" function RAZ_Champ(champ) { if (champ.value == champ.defaultvalue) {champ.value=""; function Teste_Champ(champ) { if (champ.value == "") {champ.value=champ.defaultvalue; 22 JavaScript 40
41 Application, le html. <FORM> <INPUT TYPE="text" NAME="texte" VALUE="Declenchement." SIZE=50 onmouseover="rend_visible('info_texte');" onmouseout="rend_invisible('info_texte');" onfocus="raz_champ(this);" onblur="teste_champ(this);"> <BR><BR> <INPUT TYPE=button NAME='Bouton' VALUE='Bouton' onmouseover="rend_visible('info_bouton');" onmouseout="rend_invisible('info_bouton');"> </FORM> <DIV ID="info_bouton" STYLE="position:absolute; left:450px; top:20px; visibility:hidden"> <TABLE BORDER=2 CELLSPACING=0 CELLPADDING=4> <TR> <TD BGCOLOR="lightgreen"> <FONT SIZE=2 FACE="arial,helvetica" COLOR="green"> <B> INFORMATION :<BR><BR> Ceci est un bouton.<br> Cliquer dessus n'a aucun effet..<br> </B> </FONT> </TD> </TR> </TABLE> </DIV> 22 JavaScript 41
42 Application, le html, fin. <DIV ID="info_texte" STYLE="position:absolute; left:450px; top:20px; visibility:hidden"> <TABLE BORDER=2 CELLSPACING=0 CELLPADDING=4> <TR> <TD BGCOLOR="lightsteelblue"> <FONT SIZE=2 FACE="arial,helvetica" COLOR="blue"> <B> INFORMATION :<BR><BR> Ceci est une zone de texte.<br> Mais ca ne sert a rien..<br> </B> </FONT> </TD> </TR> </TABLE> </DIV> 22 JavaScript 42
43 Le formulaire actif. Une solution pour toujours avoir une information dans un champ de saisie de texte. <TITLE> Formulaire actif.</title> function RAZ_Champ(champ) { if (champ.value == champ.defaultvalue) { champ.value = ""; function Teste_Champ(champ) { if (champ.value == "") { champ.value = champ.defaultvalue; <FORM> <INPUT TYPE="text" NAME="Nom" VALUE="Nom" onfocus="raz_champ(this);" onblur="teste_champ(this);"> <BR> <INPUT TYPE="text" NAME="Mail" VALUE="Adresse electronique" onfocus="raz_champ(this);" onblur="teste_champ(this);"> <BR> <INPUT TYPE="text" NAME="Telephone" VALUE="Numero de telephone" onfocus="raz_champ(this);" onblur="teste_champ(this);"> </FORM> 23 JavaScript 43
44 Un objet en mouvement. Les layers peuvent être utilisées pour animer un objet dans une page. Les méthodes window.innerwidth et window.innerheight permettent respectivement de récupérer la largeur et la hauteur de la fenêtre courante. function calcule () { if ((x+dx+w > window.innerwidth) (x+dx < 0)) { dx = -dx if ((y+dy+h > window.innerheight) (y+dy < 0)) { dy = -dy x += dx; y += dy; Ballon = document.getelementbyid("la_balle"); Ballon.style.left=x Ballon.style.top=y 24 <DIV ID="La_balle" STYLE = "position:absolute; visibility:visible; left:1px; top:30px"> <IMG SRC="./yin_yang.gif"> </DIV> JavaScript 44
45 Les Pops-Up C'est une fenêtre intempestive. Elle se traite comme une ouverture normale. function popup(titre,texte) { w=open("",'popup','width=400,height=200,resizable=yes'); w.document.write("<title>"+titre+"</title>"); w.document.write("<body BGCOLOR=navy TEXT=white LEFTMARGIN=20 ONLOAD='moveTo(400,200)'>"); w.document.write("<font FACE=arial SIZE=4><CENTER>"+texte+"</CENTER </FONT><BR>"); w.document.write("<font FACE=arial SIZE=3>"); w.document.write("<blockquote>cette fenêtre po-pup n'est en aucun cas un fichier HTML...<BR><BR>"); w.document.write("son code est entièrement décrit dans la fenêtre d'appel"); w.document.write("et transmis par la fonction d'ouverture</blockquote></font>"); w.document.close(); 25 JavaScript 45
46 Utilisation des pops-up. Cette fenêtre intruse, on dit aussi "surgissante" s'affiche sans avoir été sollicitée par l'utilisateur devant la fenêtre de navigation principale lorsqu'on navigue sur Internet. C'est un moyen communément utilisé pour afficher des messages publicitaires ou un avertissement comme par exemple la réponse à un message privé dans un forum. Il est possible de concevoir un site à partir d'une page qui ne contient qu'une image de fond et un lien qui ouvre le site proprement dit, conçu dans une fenêtre de type popup. Lorsqu'il est nécessaire de faire appel à des fonctionnalités, par exemple un lecteur audio ou vidéo l'usage du pop-up est souvent indispensable. JavaScript 46
47 Exemple d'utilisation. Voyons comment un pop-up peut servir pour demander à l'utilisateur d'untroduire une donnée. La page suivante permet d'ouvrir un pop-up qui a été stocké dans le fichier "popupcomm.html". <TITLE> Pops-up communicants.</title> function OuvrePop() { window.open("popupcomm.html","fenetre_popup","height=200,width=300,left=50,top=50"); <FORM NAME=formulaire> <INPUT TYPE=button NAME='Ouvre' VALUE='Ouvrir' onclick="ouvrepop();"> <BR> <INPUT TYPE=texte NAME='retour' VALUE='texte renvoye par le popup' SIZE='50' onclick="ouvrepop();"> </FORM> 26 JavaScript 47
48 Le pop-up. Le pop-up va ouvrir une liste, le choix sélectionné sera alors retransmit à la fenêtre appelante. <TITLE>Popup de communication.</title> function Renvoi(l) { var index=l.selectedindex; var choix=l[index].value; window.opener.document.forms["formulaire"].elements["retour"].value=choix; window.close(); <FORM> <SELECT NAME="liste" onchange="renvoi(this);"> <OPTION VALUE="Il fait beau.">il fait beau. <OPTION VALUE="Le temps est couvert.">le temps est couvert. <OPTION VALUE="Il pleut beaucoup trop.">il pleut beaucoup trop. <OPTION VALUE="Il fait trop chaud.">il fait trop chaud. <OPTION VALUE="Tout le monde est mécontent.">tout le monde est mécontent. </FORM> 26 JavaScript 48
49 Connaître les coordonnées de la fenêtre. Les méthodes "window.screenx" et "window.screeny" permettent de récupérer les coordonnées de la fenêtre. <TITLE>Coordonnées de la fenêtre.</title> <FORM NAME="coord"> <INPUT TYPE="text" NAME="X" VALUE="" onfocus="this.blur();"> <INPUT TYPE="text" NAME="Y" VALUE="" onfocus="this.blur();"> </FORM> function Aff() { document.coord.x.value = window.screenx document.coord.y.value = window.screeny document.onmousedown = Aff; 27 JavaScript 49
50 Récupérer les coordonnées de la souris. <TITLE>Coordonnées de la souris.</title> function Pos_Souris(e){ var x = e.pagex; var y = e.pagey; window.status="x="+x+" ; Y="+y; document.coord.x.value = x document.coord.y.value = y function dansdiv(ev) { var x, y; x = ev.clientx - 100; y = ev.clienty - 100; document.getelementbyid("test").innerhtml = "x="+x+" y="+y; document.captureevents(event.mousemove); document.onmousemove = Pos_Souris; <FORM NAME="coord"> <INPUT TYPE="text" NAME="X" VALUE="" onfocus="this.blur();"> <INPUT TYPE="text" NAME="Y" VALUE="" onfocus="this.blur();"> </FORM> <DIV ID="test" onmousemove="dansdiv(event);"style="top:100px; left:100px; width: 200px; height: 100px; border: 1px solid #AAAAAA;position: absolute;"> zone de test </DIV> 27 JavaScript 50
TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012
TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE
Plus en détailSéance d ED n 5 : HTML et JavaScript
Séance d ED n 5 : HTML et JavaScript EXERCICE 1 1) le but de cet exercice est de construire l'interface suivante en html: une réponse : 1)
Plus en détailModule Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP
Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Au cours de ce TP, vous allez voir comment PHP permet aux utilisateurs, une interaction avec
Plus en détailContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.
ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. - 1 - PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables
Plus en détailIntroduction à Expression Web 2
Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer
Plus en détailFormulaire pour envoyer un mail
Formulaire pour envoyer un mail AVERTISSEMENT : Ce tuto est une compilation de plusieurs sources trouvées sur internet, dont les références sont données à la fin de cet article. Le but de ce tutoriel n'est
Plus en détailKompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.
KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html
Plus en détailUtilisation de l éditeur.
Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7
Plus en détailManuel du composant CKForms Version 1.3.2
Manuel du composant CKForms Version 1.3.2 Ce manuel vous présente les principales fonctionnalités du composant CKForms y compris le module et le plug-in CKForms 1.3 est la nouvelle version du composant
Plus en détailGestion des documents avec ALFRESCO
Gestion des documents avec ALFRESCO 1 INTRODUCTION : 2 1.1 A quoi sert ALFRESCO? 2 1.2 Comment s en servir? 2 2 Créer d un site collaboratif 3 2.1 Créer le site 3 2.2 Inviter des membres 4 3 Accéder à
Plus en détailMalgré son aspect spartiate, Freeplane offre de nombreuses fonctionnalités en particulier dans le domaine de la diffusion des cartes sur le Web.
Création d une carte heuristique avec Freeplane Version : 1.1.3 Barre de menus Barre d outils Barre des touches de fonctions Espace de travail Barre d icônes Éditeur de notes Freeplane est un logiciel
Plus en détailFormation > Développement > Internet > Réseaux > Matériel > Maintenance
Formation > Développement > Internet > Réseaux > Matériel > Maintenance SOMMAIRE 1. ACCEDER A L'INTERFACE D'ADMINISTRATION...5 1.1. Le navigateur... 5 1.2. L'interface d'administration... 5 2. METTRE
Plus en détailNFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web
NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des
Plus en détailBernard Lecomte. Débuter avec HTML
Bernard Lecomte Débuter avec HTML Débuter avec HTML Ces quelques pages ont pour unique but de vous donner les premiers rudiments de HTML. Quand vous les aurez lues, vous saurez réaliser un site simple.
Plus en détailLe service de création de site Internet : Mode d emploi. La Création de Site Internet
Le service de création de site Internet : Mode d emploi Sommaire 1) Comment se connecter à votre interface client? 2) Comment démarrer la création de votre site Internet? 3) Comment gérer les pages de
Plus en détailCréer un sondage en ligne
Créer un sondage en ligne Par Clément JOATHON Dernière mise à jour : 02/04/2015 Que cela soit pour récolter l'avis des membres d'une association ou encore les idées de vos visiteurs, il est toujours intéressant
Plus en détailLes calques supplémentaires. avec Magix Designer 10 et autres versions
Les calques supplémentaires avec Magix Designer 10 et autres versions Pourquoi ajouter un calque à votre page web? L'ajout d'un calque à une page web est parfois nécessaire lorsque la page est déjà bien
Plus en détailRépertorier vos mots de passe avec Passbox : 1) Télécharger le fichier d'installation :
Amicale laïque de Poisat 18-19 février 2013 Répertorier vos mots de passe avec Passbox : 1) Télécharger le fichier d'installation : a) Taper "Passbox" dans le moteur de recherche de votre navigateur. b)
Plus en détailPARAMETRER INTERNET EXPLORER 9
PARAMETRER INTERNET EXPLORER 9 Résumé Ce document vous donne la marche à suivre pour paramétrer Microsoft Internet Explorer 9, notamment en vous indiquant comment lancer Internet Explorer 9, réinitialiser
Plus en détailINFORM :: DEMARRAGE RAPIDE A service by KIS
- Création d'un formulaire Ce petit mémo a pour but de donner une vue d'ensemble des étapes menant à la création d'un formulaire avec in- Form. Bien que générique ce document fournit également les informations
Plus en détailLa gestion des boîtes aux lettres partagées
La gestion des boîtes aux lettres partagées La gestion des boîtes aux lettres partagées - page Présentation du module Partage de mail. Qu'est ce qu'une boîte aux lettres partagée? Il s'agit d'une boîte
Plus en détailFormation Webmaster : Création de site Web Initiation + Approfondissement
Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation
Plus en détailGoogle Drive, le cloud de Google
Google met à disposition des utilisateurs ayant un compte Google un espace de 15 Go. Il est possible d'en obtenir plus en payant. // Google Drive sur le web Se connecter au site Google Drive A partir de
Plus en détailManuel d utilisation email NETexcom
Manuel d utilisation email NETexcom Table des matières Vos emails avec NETexcom... 3 Présentation... 3 GroupWare... 3 WebMail emails sur internet... 4 Se connecter au Webmail... 4 Menu principal... 5 La
Plus en détailLes pré-requis pour créer un.ave pour Android
Les pré-requis pour créer un.ave pour Android 1 Sommaire Spécificités d Android : conseils pour la création d un.ave... 3 Conseils génériques (également valable pour ios et le Web)... 4 Compatibilité détaillée
Plus en détailComment Utiliser les Versions, les Modification, les Comparaisons, Dans les Documents
Comment Utiliser les Versions, les Modification, les Comparaisons, Dans les Documents Diffusé par Le Projet Documentation OpenOffice.org Table des Matières 1. Les Versions...3 2. Les Modifications...5
Plus en détailPetit guide à l'usage des profs pour la rédaction de pages pour le site Drupal du département
Petit guide à l'usage des profs pour la rédaction de pages pour le site Drupal du département Le nouveau site du département Le nouveau site du département est situé, comme l'ancien à l'adresse suivante
Plus en détailUtiliser Internet Explorer 7
1 - Le navigateur WEB Utiliser Internet Explorer 7 Un navigateur est un logiciel qui nous permet de profiter et de se déplacer dans l océan d information qu est l Internet, il nous permet de, comme on
Plus en détailComment accéder à d Internet Explorer
Comment accéder à d Pour ouvrir l application, vous n avez qu à doublecliquer sur l icône de celle-ci : ou vous pouvez encore allez le chercher par le raccourci dans la barre des tâches : Lorsque l application
Plus en détailSpécifications techniques
Spécifications techniques Décembre2009 1. Récapitulatif des formats : p2 1. Formats classiques p2 2. Formats Rich Média p2 2. Emplacements : p3 1. Directions.fr p3 2. Newsletter Directions p4 3. Contraintes
Plus en détailCREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML
CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML A L'AIDE DU LOGICIEL LIBRE OFFICE Libre Office 3.3.3 et Open Office.org 3.3.0 sont deux suites bureautiques complètes, équivalentes (seule la charte
Plus en détailCréation de formulaires interactifs
SESSION 16 Création de formulaires interactifs Programme de la session Lancer un sondage en utilisant divers éléments d'entrée de formulaire Traiter les entrées utilisateur Activer un script à partir d'un
Plus en détailNAS 106 Utiliser le NAS avec Microsoft Windows
NAS 106 Utiliser le NAS avec Microsoft Windows Accéder aux fichiers sur votre NAS en utilisant Windows et configurer un disque réseau C O L L E G E A S U S T O R OBJECTIFS DU COURS À la fin de ce cours,
Plus en détailSommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?
Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites Quelles solutions peuvent être employées? Présentation d une des solutions Conclusion Aujourd hui le web est
Plus en détailFormulaires et Compteurs
Formulaires et Compteurs Création de formulaires et de compteurs avec extensions FrontPage ou ASP. INFORMATIONS CONNEXES Le but du présent manuel est de permettre à une personne familière d Internet de
Plus en détailTUTORIEL IMPRESS. Ouvrir Impress cocher «présentation vierge», «suivant» cocher «écran», «suivant» cocher «standard», «créer»
TUTORIEL IMPRESS Ouvrir Impress cocher «présentation vierge», «suivant» cocher «écran», «suivant» cocher «standard», «créer» Une page impress s'ouvre : Le volet gauche contiendra toutes les diapositives
Plus en détailHTML, CSS, JS et CGI. Elanore Elessar Dimar
HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006 Sommaire Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Qu est-ce que HTML? HTML
Plus en détailGuide de démarrage rapide
Comment démarrer rapidement votre Box e-commerce. Guide de démarrage rapide Autres supports : Vidéos démos disponibles sur le portail. Contactez notre service client : 0 969 366 636 Guide de démarrage
Plus en détailGUIDE DE DEMARRAGE RAPIDE:
GUIDE DE DEMARRAGE RAPIDE: COMMENT CREER VOTRE BOUTIQUE EN LIGNE Vous voulez créer votre propre boutique en ligne? C est désormais plus simple que jamais. Suivez simplement les instructions de ce guide
Plus en détailNotes pour l utilisation d Expression Web
EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface
Plus en détailInternet : Naviguer en toute sérénité
Internet 01 Mozilla Firefox Internet : Naviguer en toute sérénité Tutoriel Pratique 2 : «Internet : naviguer en toute sérénité» Durée de la séance : 2h tout public prérequis : - Connaître et utiliser les
Plus en détailSOLUTION D ENVOI DE SMS POUR PROFESSIONNELS
1 Création et gestion de compte 2 Envoi par e-mail 3 Envoi par commande http 4 Publipostage SMS personnalisés 5 Autres fonctionnalités et options SMSvialeweb.com est une solution complète d envoi de SMS
Plus en détailSHERLOCK 7. Version 1.2.0 du 01/09/09 JAVASCRIPT 1.5
SHERLOCK 7 Version 1.2.0 du 01/09/09 JAVASCRIPT 1.5 Cette note montre comment intégrer un script Java dans une investigation Sherlock et les différents aspects de Java script. S T E M M E R I M A G I N
Plus en détailTraitement de texte : Quelques rappels de quelques notions de base
Traitement de texte : Quelques rappels de quelques notions de base 1 Quelques rappels sur le fonctionnement du clavier Voici quelques rappels, ou quelques appels (selon un de mes profs, quelque chose qui
Plus en détailEspace Client Aide au démarrage
Espace Client Aide au démarrage 1. A propos de l Espace Client... 2 a. Nouvelles fonctionnalités... 2 b. Reprise de vos documents... 2 c. Migration vers l Espace Client... 2 2. Accès à l Espace Client...
Plus en détailWHS ProRealTime. édition 2008 1.52
WHS ProRealTime édition 2008 1.52 Ce tutoriel est dédié aux fonctions de passage d'ordres sur ProRealTime avec WHSelfinvest. Pour obtenir une aide sur les autres fonctions de ProRealTime, veuillez consulter
Plus en détailInterface PC Vivago Ultra. Pro. Guide d'utilisation
Interface PC Vivago Ultra Pro Guide d'utilisation Version 1.03 Configuration de l'interface PC Vivago Ultra Configuration requise Avant d'installer Vivago Ultra sur votre ordinateur assurez-vous que celui-ci
Plus en détailTapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.
Créer un site Internet à l aide du logiciel NVU Le logiciel NVU, permet l édition Wysiwyg (What You See, Is What You Get, ce que vous voyez, est ce que vous obtenez ) d un site internet. Vous rédigez le
Plus en détailCréer et partager des fichiers
Créer et partager des fichiers Le rôle Services de fichiers... 246 Les autorisations de fichiers NTFS... 255 Recherche de comptes d utilisateurs et d ordinateurs dans Active Directory... 262 Délégation
Plus en détailInitiation à html et à la création d'un site web
Initiation à html et à la création d'un site web Introduction : Concevoir un site web consiste à définir : - l'emplacement où ce site sera hébergé - à qui ce site s'adresse - le design des pages qui le
Plus en détailclaroline classroom online
de la plate-forme libre d'apprentissage en ligne Claroline 1.4 Manuel Révision du manuel: 06/2003 Créé le 07/09/2003 12:02 Page 1 Table des matières 1) INTRODUCTION...3 2) AFFICHER LA PAGE DE DEMARRAGE...3
Plus en détailCréation d'une interface graphique
Introduction Matlab - Compléments GUI 1 Création d'une interface graphique Une interface graphique permet de contrôler une application interactivement avec la souris, plutôt que par lancement des commandes
Plus en détailPrésentation du Framework BootstrapTwitter
COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...
Plus en détail1. Introduction... 2. 2. Création d'une macro autonome... 2. 3. Exécuter la macro pas à pas... 5. 4. Modifier une macro... 5
1. Introduction... 2 2. Création d'une macro autonome... 2 3. Exécuter la macro pas à pas... 5 4. Modifier une macro... 5 5. Création d'une macro associée à un formulaire... 6 6. Exécuter des actions en
Plus en détailCréation WEB avec DreamweaverMX
Creation Web avec DreamweaverMX MX Initiation Sommaire.preparation.mise en forme.liens hypertextes.images.liens sur images.images avec zones sensibles.images survolees.liens de type courriel.apercu dans
Plus en détailHP Data Protector Express Software - Tutoriel 4. Utilisation de Quick Access Control (Windows uniquement)
HP Data Protector Express Software - Tutoriel 4 Utilisation de Quick Access Control (Windows uniquement) Que contient ce tutoriel? Quick Access Control est une application qui s'exécute indépendamment
Plus en détailDocumentation pour l envoi de SMS
Documentation pour l envoi de SMS Mise à jour : Septembre 2010 Solution d envoi de SMS pour professionnels 1 Création et gestion de compte 2 Envoi par e-mail 3 Envoi par commande http 4 Publipostage SMS
Plus en détailTutoriel Prise en Main de la Plateforme MetaTrader 4. Mise à jour : 7/09/2009 1.6
Tutoriel Prise en Main de la Plateforme MetaTrader 4 Mise à jour : 7/09/2009 1.6 Ce tutoriel de prise en main permet d utiliser les principales fonctionnalités de MetaTrader. La plateforme MetaTrader utilise
Plus en détailSoyez accessible. Manuel d utilisation du CMS
Soyez accessible. Manuel d utilisation du CMS Nameo : mode d emploi Nameo est une agence web basée en Alsace, à Strasbourg. Son champ d action : création ou refonte de sites internet, stratégie et mise
Plus en détailOptimiser pour les appareils mobiles
chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...
Plus en détailStopack : logiciel pour l entrepôt
Stopack : logiciel pour l entrepôt Bonjour, Nous allons vous présenter stopack.com logiciel de gestion de stock. - Stopack.com se compose d une partie en ligne pour vos clients avec une vision en continu
Plus en détailPublipostage avec Open Office Writer et Open Office Calc
Publipostage avec Open Office Writer et Open Office Calc page 1/6 Publipostage avec Open Office Writer et Open Office Calc Créer la base de données sous Open Office Calc Ovrir le tableur Open Office Calc
Plus en détailGuide d utilisation 2012
Guide d utilisation 2012 Tout ce dont vous avez besoin pour bien démarrer REACOM La performance marketing SOMMAIRE Démarrez avec reagiciel Accédez à votre console d administration 4 Gestion internet Aperçu
Plus en détailChapitre 2 Accès aux partages depuis votre système d'exploitation
Chapitre 2 Accès aux partages depuis votre système d'exploitation Ce chapitre présente des exemples d'accès à des partages sur le périphérique ReadyNAS Duo via différents systèmes d'exploitation. En cas
Plus en détailFoire aux Questions Note: Les réponses aux questions correspondent à la version 3.73.2212 Mise en route
Foire aux Questions Note: Les réponses aux questions correspondent à la version 3.73.2212 Mise en route Q. Je crois que le logiciel du SISA serait un bon choix pour mon organisation. Quels sont les étapes
Plus en détailEdition de sites Jahia 6.6
Sommaire Edition de sites Jahia 6.6 documentation temporaire en attendant la finalisation de la documentation en ligne Ligne graphique Débuter l'édition Interface utilisateur Astuces de publication Boîte
Plus en détailF O R M A T I O N S LOTUS NOTES. 8.5 Utilisateurs. 02 40 42 33 37 13 rue de la Bôle. E U R L. a u c a p i t a l d e 1 0 0 0
Bureautique - Internet - Développement ALTAIRE F O R M A T I O N S Logiciels - Audit - Marketing LOTUS NOTES 8.5 Utilisateurs 02 40 42 33 37 13 rue de la Bôle 44510 le Pouliguen altair.formation s@wan
Plus en détailNavigation dans Windows
Cours 03 Navigation dans Windows Comme je le disais en introduction, notre souris se révèle plus maligne qu'elle n'en a l'air. À tel point qu'il faut apprendre à la dompter (mais c'est très simple, ce
Plus en détail1. Ouvrir Internet Explorer 2. 2. Faire défiler une page 2. 3. Naviguer dans un site Internet 2. 4. Changer d adresse Internet (URL) 2
1. Ouvrir Internet Explorer 2 2. Faire défiler une page 2 3. Naviguer dans un site Internet 2 4. Changer d adresse Internet (URL) 2 5. Gérer l affichage des pages Internet 3 6. Pages précédentes et suivantes
Plus en détailInstallation de Windows 2012 Serveur
Installation de Windows 2012 Serveur Introduction Ce document n'explique pas les concepts, il se contente de décrire, avec copies d'écran, la méthode que j'utilise habituellement pour installer un Windows
Plus en détailGuide d'utilisation du Serveur USB
Guide d'utilisation du Serveur USB Copyright 20-1 - Informations de copyright Copyright 2010. Tous droits réservés. Avis de non responsabilité Incorporated ne peut être tenu responsable des erreurs techniques
Plus en détailSurfer avec Internet Explorer
Surfer avec Internet Explorer Le Web, ou World Wide Web, est le service le plus spectaculaire que vous puissiez découvrir sur Internet. Sa richesse est stupéfiante et son accès est libre et gratuit. Pour
Plus en détailCréer un modèle Impress
Auto-formation sur OpenOffice.org 2.0 par Cyril Beaussier Version 1.0.24 - Janvier 2006 Créer un modèle Impress Sommaire Introduction... 2 Présentation... 3 Création du modèle... 4 Passage en mode Masque...
Plus en détailSpécificités Techniques créations publicitaires
Spécificités Techniques créations publicitaires 2012 Sommaire Presentation p3 Sky Flottant 120x600 p17 Spec : Clicktag p4 Flash Transparent 400x400 p18 Spec : Flash transparent / Interstitiel p5 Flash
Plus en détailTeamViewer 9 Manuel Management Console
TeamViewer 9 Manuel Management Console Rév 9.2-07/2014 TeamViewer GmbH Jahnstraße 30 D-73037 Göppingen www.teamviewer.com Sommaire 1 A propos de la TeamViewer Management Console... 4 1.1 A propos de la
Plus en détailModélisation PHP Orientée Objet pour les Projets Modèle MVC (Modèle Vue Contrôleur) Mini Framework
Modélisation PHP Orientée Objet pour les Projets Modèle MVC (Modèle Vue Contrôleur) Mini Framework L'objectif de ce document est de poser des bases de réflexion sur la modélisation d'un projet réalisé
Plus en détailCréation d'un questionnaire (sondage)
Création d'un questionnaire (sondage) Le but de ce petit tuto est d'avoir les séquences pas à pas pour la création d'un questionnaire de façon à ne pas devoir rechercher la manière de procéder si l'outil
Plus en détailManuel d utilisation du module Liste de cadeaux PRO par Alize Web
Manuel d utilisation du module Liste de cadeaux PRO par Alize Web INSTALLER ET CONFIGURER LE MODULE (BACK OFFICE) 2 Réglages des performances 2 Télécharger le module 3 Installer le module 4 Configurer
Plus en détailServeur d'application Client HTML/JS. Apache Thrift Bootcamp
Serveur d'application Client HTML/JS Apache Thrift Bootcamp Pré-requis La liste ci-dessous de logiciels doit être installée et opérationnelle sur la machine des participants : Compilateur thrift http://thrift.apache.org/
Plus en détailINTRODUCTION A JAVA. Fichier en langage machine Exécutable
INTRODUCTION A JAVA JAVA est un langage orienté-objet pur. Il ressemble beaucoup à C++ au niveau de la syntaxe. En revanche, ces deux langages sont très différents dans leur structure (organisation du
Plus en détail145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com
Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation
Plus en détailPlate-forme de tests des fichiers XML virements SEPA et prélèvements SEPA. Guide d'utilisation
Plate-forme de tests des fichiers XML virements SEPA et prélèvements SEPA Guide d'utilisation 8 novembre 2013 2/14 Table des matières 1 Introduction... 3 2 Accès au service... 3 3 Aperçu du service...
Plus en détailDébuter avec OOo Base
Open Office.org Cyril Beaussier Débuter avec OOo Base Version 1.0.7 Novembre 2005 COPYRIGHT ET DROIT DE REPRODUCTION Ce support est libre de droit pour une utilisation dans un cadre privé ou non commercial.
Plus en détailRelever le défi du Web mobile
Relever le défi du Web mobile Bonnes pratiques de conception et développement François Daoust Dominique Hazaël-Massieux Groupe Eyrolles, 2011, ISBN : 978-2-212-12828-4 4 Les bases d un bon site web mobile
Plus en détailAfin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe :
1 CONNEXION A LA MESSAGERIE ZIMBRA PAR LE WEBMAIL Ecran de connexion à la messagerie Rendez vous dans un premier temps sur la page correspondant à votre espace webmail : http://webmailn.%votrenomdedomaine%
Plus en détailTutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog : http://formationlaragne.blogspot.fr/
Tutoriel BLOGGER Blogger est un outil Google gratuit de publication de blogs qui permet de partager du texte, des photos et des vidéos. C est un outil simple, bénéficiant du référencement de Google, ce
Plus en détailTRUCS & ASTUCES SYSTEME. 1-Raccourcis Programme sur le Bureau (7)
TRUCS & ASTUCES SYSTEME 1-Raccourcis Programme sur le Bureau (7) 2- Mettre la souris sur Tous les programmes 3- Clic DROIT sur le programme dont on veut créer un raccourcis 4- Dans le menu contextuel Clic
Plus en détailExposer ses photos sur Internet
Exposer ses photos sur Internet Vous souhaitez montrer vos photos à votre famille ou vos amis? Pour cela, il existe de nombreuses solutions : vous pouvez effectuer un envoi groupé par email, créer un site
Plus en détailCréation d'un site dynamique en PHP avec Dreamweaver et MySQL
Création d'un site dynamique en PHP avec Dreamweaver et MySQL 1. Création et configuration du site 1.1. Configuration de Dreamweaver Avant de commencer, il est nécessaire de connaître l'emplacement du
Plus en détailESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE
ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Session découverte La Gestion des photos avec Windows Vista / Windows 7 et le traitements d images numériques 1 Généralités sur le jargon de l image numérique
Plus en détailMettre en place un formulaire dans le site avec le module webform
Mettre en place un formulaire dans le site avec le module webform Dans la suite des documents de cette documentation Avertissement au lecteur Objectif de cette fiche Le module webform Ce petit symbole
Plus en détailCahier Technique. «Développer une application intranet pour la gestion des stages des étudiants» Antonin AILLET. Remi DEVES
Antonin AILLET Remi DEVES Thibaut AZZOPARDI 2 ème année de DUT Informatique Cahier Technique «Développer une application intranet pour la gestion des stages des étudiants» Encadré par Didier BOULLE Année
Plus en détailOpen Office - Présentation
1 Définition 1.1 Diaporama Un diaporama est une succession de diapositives, chaque diapositive correspond à un écran d'ordinateur. Les diapositives peuvent être affichées de façon séquentielle ou par appel
Plus en détailCrédit Agricole en ligne
Crédit Agricole en ligne Internet Explorer 7 & 8 Vérifier le paramétrage de son navigateur Internet Vérifier la version de son navigateur Internet... 2 Autoriser l accès aux pages sécurisées... 4 Vider
Plus en détailDécouvrir OpenOffice Comment optimiser et formater votre ebook avec OpenOffice
Comment optimiser et formater votre ebook avec OpenOffice Le blog : http://www.vendre-sur-kindle.com 1 Découvrir OpenOffice : comment optimiser et formater votre ebook avec OpenOffice 2013 Le blog : http://www.vendre-sur-kindle.com
Plus en détail