3. Javascript. O.Curé [78 ]
|
|
|
- Eugène Robichaud
- il y a 8 ans
- Total affichages :
Transcription
1 3. Javascript O.Curé [78 ]
2 Historique Création en 1995 à Netscape Brendan Eich 1er prototype en 10 jours Standardisation en 96 : ECMAScript Exécution essentiellement sur le client mais aussi sur le serveur (Node.js) Tendance : javascript comme le 'bytecode' du Web. Ex : CoffeeScript, DART (Google) O.Curé [79 ]
3 Présentation Développé pour ajouter de l'interactivité aux pages HTML. Souvent inséré directement dans les pages HTML. Un langage de script (un langage de programmation léger) Langage interprété, orienté objet, typage dynamique O.Curé [80 ]
4 Possibilités Pour ajouter du texte dynaniquement dans une page Pour réagir aux événements Pour lire et écrire des éléments HTML Pour valider des données saisies Pour créer des cookies Pour détecter le navigateur du client... O.Curé [81 ]
5 Balises DIV, SPAN et LAYER Positionnement relatif contre absolu: <DIV ID = ''name'' STYLE= ''position: absolute; top 30px; left 10px; ''> <DIV STYLE= ''float: left;''> O.Curé [82 ]
6 Inclure le code Javascript Inclusion dans la page HTML (dans head ou body) <body> <script type=''text/javascript''> </body> Alert('Hello'); </script> Ou référence à un fichier externe <body> <script language=''javascript'' type=''text/javascript'' src=''text.js''> </script> </body> O.Curé [83 ]
7 Variable Avec ou sans var: var i = valeur ou i = valeur Une variable (locale) déclarée dans une fonction limite l'accès de la variable à l'intérieur de la fonction. Déclaration avec var. La déclaration d'une variable (globale) hors d'une fonction permet l'accès de celle-ci dans toutes le fonctions. Déclaration sans var. Durée de vie d'une variable : début à la déclaration et fin lors de la fermeture de la page. O.Curé [84 ]
8 Type 6 types Nombres Strings, des méthodes : charat, charcodeat, concat, fromcharcode, indexof, lastindexof, match, replace, search, slice, split, substr, substring, tolowercase, touppercase Booléens Objets Functions Valeurs non définies O.Curé [85 ]
9 Opérateurs Arithmétiques : +, -, *, /, %, ++, Assignations : =, +=, -=, *=, /=,%= Comparateurs : ==,!=, <,<=,>,>= Logiques : &&,,! O.Curé [86 ]
10 Tableaux Initialisation : var couleurs = new Array(''rouge'',''bleu'') ; Accès : couleurs[0] Déclaration : var couleurs = new Array() ; couleurs[0]=''rouge'' ; Multi-dimension Couleur[0]= new Array() ; O.Curé [87 ]
11 Structures de contrôles if.. else switch() { case :.. break ; default :..} for while O.Curé [88 ]
12 Popup Alert box Utilisateur doit cliquer sur «OK» pour poursuivre alert("message") Confirm box Utilisateur doit cliquer sur «Ok» ou «Cancel» pour poursuivre confirm("message") Prompt box Utilisateur doit cliquer sur «Ok» ou «Cancel» pour poursuivre après une saisie prompt("message","valeur par défaut") O.Curé [89 ]
13 Javascript et les objets Comme en POO, Object est un type dont les autres objets dérivent. La comparaison avec le POO s'arrête là. Création: var monobjet = new Object(); Pas de méthodes, pas propriétés. O.Curé [90 ]
14 Ajouter des propriétés On peut ajouter des propriétés à notre instance de Object. monobjet.annee = 2009; monobjet.etat = 'neuf'; monobjet.achat = new Date(2010,1,1); Chaînage de références Accès var createur = new Object(); createur.nom = 'pierre'; monobjet.createur = createur; var nomcreateur = monobjet.createur.nom; O.Curé [91 ]
15 JSON (Javascript Object Notation ) Notation plus compacte et facile d'utilisation. var monobjet = { annee: 2009, achat: new Date(2010,2,1), etat: 'neuf', createur: { nom : 'pierre'}, valeurs: {2,3,5,7,9} }; O.Curé [92 ]
16 Variable et propriétés Stockage d'une référence à un objet JS: var mavar = 'salut'; unobjet.unepropriété = 'bonjour'; Lorsque var est utilisé au plus haut niveau d'une page HTML (hors d'une fonction), il correspond à une propriété de window. Donc, il y a équivalence entre: var foo = bar; window.foo=bar; foo = bar; bar est non qualifié donc c'est une propriété de window. O.Curé [93 ]
17 Synthèse Un objet Javascript est une collection non ordonnée de propriétés Une propriété consiste en un couple nom/valeur. JSON facilité la déclaration d'objets Les variables de haut-niveau d'un document sont des propriétés de window. O.Curé [94 ]
18 Les fonctions Les fonctions comme objet central de javascript Les fonctions JS sont considérées comme des objets. Elles peuvent être: Affectées à des variables, des propriétés d'un objet, passées comme paramètre, retournées comme résultat, déclarées à en utilisant un formalisme comme JSON. O.Curé [95 ]
19 Les fonctions (suite) Une fonction Javascript contient du code qui sera exécuté seulement lors de son invocation On peut invoquer une fonction depuis n'importe où dans la page ou depuis une autre page si la fonction se trouve dans un fichier externe. On peut définir une fonction dans la balise head ou body. La convention est de les définir dans head. Le code ne se trouvant pas dans une fonction est exécuté dès le chargement de la page. O.Curé [96 ]
20 <html> <head> <script type="text/javascript"> Example function displaymessage() { } </script> </head> <body> <form> alert("hello World!") <input type="button" value="click me!" onclick="displaymessage()" > </form> </body> </html> O.Curé [97 ]
21 Function comme un objet Le code suivant ne crée pas une fonction 'test': function test { alert('faire un truc');} Cela va créer un instance Function et l'affecter à une propriété window: test = function() { alert('faire un truc');} O.Curé [98 ]
22 Equivalence Les déclarations suivantes sont équivalentes: function hello() { alert('hello');} hello = function() {alert('hello');} window.hello = function() {alert('hello');} O.Curé [99 ]
23 Asynchrone La nature d'une page web est asynchrone. La notion de callback est prépondérante dans la programmation asynchrone. Exemple: function hello() {alert('hello');} settimeout(hello,5000); La fonction hello est un paramètre de settimeout. Après 5sec. appelle hello (callback). On pouvait aussi écrire: settimeout(function {alert('hello');},5000); O.Curé [100 ]
24 Fonction comme propriété d'un objet Le mot clé this donne l'accès à l'objet associé à une fonction. Différence avec utilisation en POO (ex Java) this ne pointe pas sur l'instance où a été déclarée la méthode (POO) mais sur l'instance d'où elle est invoquée. La notion de contexte d'appel est importante. O.Curé [101 ]
25 Fonction et contexte On peut fixer le contexte d'une fonction avec les méthodes call() et apply(). Ce sont des méthodes définies par le constructeur de function. call() invoque la fonction en spécifiant (1er argument) l'objet devant servir de contexte. Les arguments suivant de call sont les paramètres de la fonction. Apply() fonctionne de manière similaire à call()mais le second paramètre est un tableau d'objets qui deviendront les paramètres de la fonction. O.Curé [102 ]
26 Exemple <html> <head> <script> var o1 = {handle:'o1'}; var o2 = {handle:'o2'}; var o3 = {handle:'o3'}; Affiche séquentiellement: window, o1, o2 puis o3 window.handle = 'window'; function whoami() { return this.handle;} o1.identifyme = whoami; alert(whoami()); alert(o1.identifyme()); alert(whoami.call(o2)); alert(whoami.apply(o3)); </script> </head> <body></body> </html> O.Curé [103 ]
27 Synthèse En javascript, on ne peut pas dire qu'une fonction est une méthode d'un objet. On peut dire: Une fonction f agit comme la méthode d'un objet o lorsque o sert comme contexte de la fonction f. Exemple: alert(o1.identifyme.call(o3)); O.Curé [104 ]
28 Evénements et leurs gestions Chaque élément d'une page web a des événements qui peuvent déclenchés une action. Des attributs sont insérés dans les éléments HTML pour définir événements et gestionnaires. Exemple: Clic souris Chargement d'une page ou d'une image Curseur passant sur une zone donnée Sélection d'une boîte d'un formulaire Soumission d'un formulaire Frappe clavier O.Curé [105 ]
29 Evénements onabort chargement d'une image est interrompu onblur un élément perd le focus onchange le contenu d'un champ a changé onclick Clic souris sur un objet ondblclick Double clic souris sur un objet onerror Une erreur survient lors du chargement d'une image ou d'un document onfocus Un élément prend le focus onkeydown Une touche clavier est pressée O.Curé [106 ]
30 Evénements (suite) onkeypress une touche clavier est pressée ou maintenue onkeyup relâchement d'un touche clavier onload fin de chargement d'une page/image onmousedown bouton de la souris est pressé onmousemove la curseur a bougé onmouseout la curseur de la souris sort d'un élément onmouseover le curseur se déplace au dessus d'un élément onmouseup le bouton de la souris est relâché O.Curé [107 ]
31 Evénements (fin) onreset le bouton reset en cliqué onresize une fenêtre est redimensionnée onselect sélection d'un texte onsubmit clic sur un bouton submit onunload l'utilisateur quitte une page O.Curé [108 ]
32 onload et onunload Les evts onload et onunload sont déclenchés lorsque l'utilisateur entre ou quitte une page L'evt onload est souvent utilisé pour détecter le type et la version du navigateur de l'utilisateur et charger la version adéquate de la page. Ils sont aussi utilisés pour gérer les cookies O.Curé [109 ]
33 OnFocus, onblur et onchange Les evts onfocus, onblur et onchange sont souvent utilisés pour la validation des formulaires Exemple: la fonction check () va être invoquée à chaque fois que l'utilisateur change le contenu d'un champ: <input type="text" size="30" id=" " onchange="check ();">; O.Curé [110 ]
34 <html> <head> <script type="text/javascript"> function uppercase() { Exemple onblur var x=document.getelementbyid("fname").value; document.getelementbyid("fname").value=x.touppercase(); } </script> </head> <body> Enter your name: <input type="text" id="fname" onblur="uppercase()"> </body> </html> O.Curé [111 ]
35 onsubmit L'evt onsubmit est utilisé pour valider les champs d'un formulaire avant sa soumission Exemple: la fonction checkform() sera appelé lorsque l'utilisateur cliquera sur le bouton submit du formulaire. Si la valeur d'un champ n'est pas accepté, la soumission sera annulé. La fonction retourne vrai ou faux. Si c'est vrai, le formulé sera envoyé sinon, le submit sera annulé. <form method="post" action="xxx.html" onsubmit="return checkform()"> O.Curé [112 ]
36 <html> Exemple <head> <script type="text/javascript"> onsubmit function validate() { // return true or false based on validation logic } </script> </head> <body> <form action="tryjs_submitpage.htm" onsubmit="return validate()"> Name (max 10 chararcters): <input type="text" id="fname" size="20"><br /> Age (from 1 to 100): <input type="text" id="age" size="20"><br /> <input type="text" id=" " size="20"><br /> <br /> <input type="submit" value="submit"> </form> </body> </html> O.Curé [113 ]
37 OnMouseOver et onmouseout Les evts onmouseover et onmouseout sont utilisés pour créer de boutons «animés». Exemple : Une AlertBox apparaît lorsque un onmouseover evt est détecté: <a href=" onmouseover="alert('an onmouseover event');return false"> <img src="w3schools.gif" width="100" height="30"> </a> O.Curé [114 ]
38 Optimisation Javascript O.Curé [115 ]
39 Loading and Execution Nothing else can happen while Javascript code is being executed Most browsers use a single process for both UI updates and Js execution Script positioning Push scripts at the bottom of HTML pages (just before </body> Limit the number of external script files that your page references : group scripts together O.Curé [116 ]
40 Loading and execution Secret of Nonblocking scripts is to load Js source code after the page is loaded. Js file is loaded when the <script> tag is parsed but it will not be executed until the DOM has been completely loaded. Improve load times by minifying Js code (Yahoo! UI compressor) O.Curé [117 ]
41 Data Access 4 ways to access data in Js : Literal values Variables Array items Object members Every function in Js is an object which has properties. One of them is [[Scope]] O.Curé [118 ]
42 Data Access [[Scope]] contains a collection of objects (denoted scope chain) representing the scope in which the function has been created. Scope chain contains key-values pairs. O.Curé [119 ]
43 4. Ajax O.Curé [120 ]
44 Asynchronous Javascript et XML Apparition du terme en 2005 «Ajax n'est pas une technologie, il s'agit de plusieurs technologies se développant chacune de leur côté et combinées pour donner des résultats aussi nouveaux que puissants. Ajax comporte: Une présentation fondée sur les standards XHTML et CSS; Un affichage dynamique et interactif grâce à DOM (Document Object Model); Un système d'échange et de manipulation de données utilisant XML et XSLT; un mécanisme de récupération de données asynchrones utilisant XMLHttpRequest; Javascript pour lier le tout. O.Curé [121 ]
45 Principe Permettre l'échange d'informations entre le navigateur (poste client) et le serveur Web sans recharger l'ensemble de la page Web utilisée. Echange fait de manière asynchrone (synchrone possible) O.Curé [122 ]
46 XMLHttpRequest Un object Javascript Adopté par Mozilla, Firefox, Safari et Opera Communique avec le serveur via le standard HTTP GET/POST Travaille en tâche de fond pour supporter une communication asynchrone. Pas d'interrruption l'activité de l'utilisateur O.Curé [123 ]
47 Appel Ajax Attention aux navigateurs et aux versions: IE (jusque 6): var requeteajax = new ActiveXObject('Microsoft.XMLHTTP'); requeteajax.open('get','data.txt',false); requeteajax.send(null); Firefox: var requeteajax = new XMLHttpRequest(); requeteajax.open('get','data.txt',false); requeteajax.send(null); O.Curé [124 ]
48 Exemple O.Curé [125 ]
49 Les étapes 1. Apparition d'un événement client 2. Création d'un objet XMLhttpRequest 3. Configuration de l'objet XMLHttpRequest 4. Cet objet lance une requête asynchrone 5. ValidateServlet retourne un document XML contenant un résultat 6.L'objet XMLHttpRequest appelle la fonction callback() et traite le résultat 7.HTML DOM est mis à jour O.Curé [126 ]
50 Evt client Une fonction Javascript est invoquée comme résultat d'un evt. Ex: validateuserid(): <input type=''text'' size=''20'' id=''userid'' name=''id'' onkeyup=''validateuserid();''> O.Curé [127 ]
51 Création objet XMLHttpRequest var req; function initrequest() { if(window.xmlhttprequest) { req= new XMLHttpRequest(); } else if (window.activexobject) { IsIE = true; Req = new ActiveXObject(''Microsoft.XMLHTTP''); } } function validateuserid() { initrequest(); req.onreadystatechange = processrequest; if(!target) target=document.getelementbyid(''userid''); var url = ''validate?id=''+escape(target.value); req.open(''get'', url, true); req.send(null); } O.Curé [128 ]
52 Configuration objet XMLHttpRequest var req; function initrequest() { if(window.xmlhttprequest) { req= new XMLHttpRequest(); } else if (window.activexobject) { IsIE = true; Req = new ActiveXObject(''Microsoft.XMLHTTP''); } } function validateuserid() { initrequest(); req.onreadystatechange = processrequest; if(!target) target=document.getelementbyid(''userid''); var url = ''validate?id=''+escape(target.value); req.open(''get'', url, true); req.send(null); } O.Curé [129 ]
53 Requête asynchrone var req; function initrequest() { if(window.xmlhttprequest) { req= new XMLHttpRequest(); } else if (window.activexobject) { IsIE = true; Req = new ActiveXObject(''Microsoft.XMLHTTP''); } } function validateuserid() { initrequest(); req.onreadystatechange = processrequest; if(!target) target=document.getelementbyid(''userid''); var url = ''validate?id=''+escape(target.value); req.open(''get'', url, true); req.send(null); } O.Curé [130 ]
54 Résultat XML public void doget(httpservletrequest request, HttpServletResponse response) throws IOException, ServletException { String targetid = request.getparameter("id"); if ((targetid!= null) &&! accounts.containskey(targetid.trim())) { response.setcontenttype("text/xml"); response.setheader("cache Control", "no cache"); response.getwriter().write("<valid>true</valid>"); } else { response.setcontenttype("text/xml"); response.setheader("cache Control", "no cache"); response.getwriter().write("<valid>false</valid>"); } } O.Curé [131 ]
55 callback() L'objet XMLTHttpRequest a été configuré pour invoquer la fonction processrequest() lorsqu'il y a un changement d'état de l'objet. function processrequest() { if(req.readystate == 4) { if(req.status == 200) { Var message = ;... O.Curé [132 ]
56 Modification du HTML DOM Modification en exploitant l'api DOM document.getelementbyid(''useridm essage'') où ''useridmessage'' est l'attribut id d'un élément du document HTML Javascript peut maintenant être utilisé pour modifier, ajouter, supprimer les éléments du document HTML. O.Curé [133 ]
57 Modification du HTML DOM <script type="text/javascript"> function setmessageusingdom(message) { var usermessageelement = document.getelementbyid("useridmessage"); var messagetext; if (message == "false") { usermessageelement.style.color = "red"; messagetext = "Invalid User Id"; } else { usermessageelement.style.color = "green"; messagetext = "Valid User Id"; } var messagebody = document.createtextnode(messagetext); if (usermessageelement.childnodes[0]) { usermessageelement.replacechild(messagebody, usermessageelement.childnodes[0]); } else { usermessageelement.appendchild(messagebody); } } </script> <body> <div id="useridmessage"></div> </body> O.Curé [134 ]
58 Les méthodes de XMLHttpRequest open(''http method'',''url'',syn/asyn); send(content) Envoyer une requête en incluant une chaîne de caractères ou un objet DOM abort() getallresponseheaders() getresponseheader(''header'') setrequestheader(''label'',''value'') O.Curé [135 ]
59 Propriétés de XMLHttpRequest onreadystatechange Affecté à un objet javascript qui s'activera à chaque changement d'état ReadyState : état courant de la requête 0: non initialisé, 1: chargement, 2: chargé, 3: interactive (des données ont été retournées), 4: complété status État HTTP (ex: 200: 0k, 404,..) O.Curé [136 ]
60 Propriétés de XMLHttpRequest (2) responsetext Version chaîne des données retournées par le serveur responsexml Version XML statustext État retourné par le serveur. O.Curé [137 ]
61 Accès aux données récupérées La réponse est contenue dans responsetext: requeteajax.responsetext Exemple simple: <BODY> <SCRIPT TYPE=''text/javascript''> var requeteajax = new XMLHttpRequest(); requeteajax.open('get','data.txt',false); requeteajax.send(null); alert(requeteajax.responsetext); </SCRIPT> </BODY> O.Curé [138 ]
62 Placer du contenu dans la page Avec document.write(): Si on veut interagir avec les éléments de la page, il faut utiliser document.getelementbyid(): <BODY> <DIV ID=''div1''>Zone 1</div> <DIV ID=''div2''></div> <SCRIPT TYPE=''text/javascript''> var requeteajax = new XMLHttpRequest(); requeteajax.open('get','data.txt',false); requeteajax.send(null); var div= document.getelementbyid('div2'); div.innerhtml = requeteajax.responsetext; </SCRIPT> </BODY> O.Curé [139 ]
63 Avec interactions Par exemple, en cliquant sur le bouton d'un formulaire: <INPUT type="button" value="maj" onclick="getdata();"/> <DIV ID="div2">ras</DIV> <SCRIPT TYPE=''text/javascript''> function getdata() { var requeteajax = new XMLHttpRequest(); requeteajax.open('get','data.txt',false); requeteajax.send(null); var div= document.getelementbyid('div2'); div.innerhtml = requeteajax.responsetext; } </SCRIPT> O.Curé [140 ]
64 Synthèse L'utilisateur tape une URL dans un navigateur Le serveur va envoyer le contenu de la page L'utilisateur clique sur le bouton d'un formulaire, il invoque alors le navigateur (envoi de la requête Ajax) Le serveur envoie de nouvelles données Javascript réceptionne les données, pas le navigateur. Le code traite les données pour satisfaire l'action. O.Curé [141 ]
65 Exploitation de CSS L'usage des CSS offre de nouvelles fonctionnalités dans la mise en forme, une meilleure séparation entre la forme/contenu et l'adaptation au lecteur (media). On utilise DIV/SPAN pour la présentation et TABLE pour les données tabulaires. O.Curé [142 ]
66 DOM vs innerhtml Navigation/modification par DOM API function setmessageusingdom(message) { var usermessageelement = document.getelementbyid("useridmessage"); var messagetext; if (message == "false") { usermessageelement.style.color = "red"; messagetext = "Invalid User Id"; } else { usermessageelement.style.color = "green"; messagetext = "Valid User Id"; } var messagebody = document.createtextnode(messagetext); if (usermessageelement.childnodes[0]) { usermessageelement.replacechild(messagebody, usermessageelement.childnodes[0]); } else { usermessageelement.appendchild(messagebody); } } O.Curé [143 ]
67 DOM vs innerhtml (2) InnerHTML est une propriété permettant d'accéder au contenu d'une balise HTML Il est plus facile de modifier du contenu avec innerhtml qu'avec DOM function setmessageusingdom(message) { var usermessageelement = document.getelementbyid("useridmessage"); var messagetext; if (message == "false") { usermessageelement.style.color = "red"; messagetext = "Invalid User Id"; } else { usermessageelement.style.color = "green"; messagetext = "Valid User Id"; } usermessageelement.innerhtml = messagetext; } O.Curé [144 ]
68 Les frameworks AJAX En général, on écrit de l'ajax à l'aide de framework Ce sont des API de haut niveau permettant de s'abstraire de la complexité XMLHttpRequest Ex: jquery, ext JS, DOJO toolkit, Prototype, Rico O.Curé [145 ]
69 Limites AJAX Pas de standardisation de XMLHttpRequest (IE) Pas de support XMLHttpRequest dans les «vieux» navigateurs Incompatibilités Sécurité (code javascript visible) O.Curé [146 ]
70 Complément sur JSON Un format pour l'échange de données (comparable à XML) Mais plus simple à lire et écrire, plus léger Parsing et génération simple Format textuel Indépendant des langages prog. O.Curé [147 ]
71 Complément sur JSON (2) Les objets JSON sont typés : string, number, array, boolean (uniquement string avec XML) Format natif pour javascript Avec XML, il faut un parsing (DOM/SAX API) Récupérer une valeur est aussi simple qu'avec une propriété javascript. O.Curé [148 ]
72 Structure Collection de couples clé/valeur Supports différents suivant le lang. de prog. : objet, record, struct, dictionnaire, table de hachage, tableau associatif, list, etc. Liste ordonnée de valeurs Structure universelle supportée par l'ensemble de lang. De prog. O.Curé [149 ]
73 Objet JSON Un objet JSON est un ensemble non ordonné de clé/valeurs. Débute par '{' et se termine par '}' Séparation par ','. Imbrications possibles var monobj = { ''v1'': [ {''a'':1, ''b'':''abc''}, {''a:2,''b'':''def''}]}; monobj.v1[0].b //abc O.Curé [150 ]
74 5. jquery O.Curé [151 ]
75 Introduction Une bibliothèque JavaScript library. Offre une alternative pour accomplir des taches courantes Simplification de taches généralement pénibles à programmer en Javascript. Projet actif et open source Relativement bien documenté O.Curé [152 ]
76 Introduction (suite) jquery n'affranchit pas l'apprentissage de Javascript Ne permet de résoudre l'ensemble des problèmes du Web2.0 O.Curé [153 ]
77 Fonctionnalités Support et détection de nombreux browsers Fonctions Ajax et CSS Manipulation du DOM Manipulation de événements Nombreux plugins (animation, validation de formulaire, interface utilisateur). Communauté active O.Curé [154 ]
78 Utilisation Une référence suffit : <script src= "jquery.js"/> Instanciation d'un objet jquery : jquery() $() Mais on utilise plus souvent le raccourci suivant : O.Curé [155 ]
79 Sélecteurs Sélectionner l'ensemble des balises <p> de la page : $("p") A la place de : document.getelementsbytagname("p") Des éléments portant sur la classe item : $ (".item") Des éléments dont l'identifiant est menu : $ ("#menu") O.Curé [156 ]
80 Sélecteurs (2) Récupération du contenu d'une balise div dont l'identifiant est info : $("info").text() ; Remplacement du contenu d'une balise div dont l'identifiant est info : $("info").html("hello") ; O.Curé [157 ]
81 Sélecteurs (3) p nom de l'attribut #id identifiant.class nom de la classe p.class élément de la classes p a ancre sur un descendant de p p > a ancre sur un descendant direct de p O.Curé [158 ]
82 Filtres p:first 1er paragraphe li:last Dernière entrée d'une liste a:nth(3) 4ème lien a:eq(3) 4ème lien p:even paragraphe pair a:gt(3) or a:lt(4) chaque lien après le 3ème jusqu'au 4ème a:contains('click') lien contenant le mot 'click'. O.Curé [159 ]
83 Les méthodes Invocation de méthodesà partir d'un sélecteur : $("selecteur").methode() ; Chaînage d'invocation de méthodes : $("selecteur").methode1(). methode2().methode3() ; O.Curé [160 ]
84 Méthode addclass Change la classe du noeud DOM sélectionné par l'attribut 'class' : $("td").addclass("class2") ; On obtiendra : <td class="class2"> Utilisation de removeclass pur supprimer la classe. O.Curé [161 ]
85 Effets.css('propriété','valeur') Ex :.css('color','red').hide(speed) et.show(hide) avec hide=slow normal fast O.Curé [162 ]
86 Chargement du DOM Approche classique : window.onload = function() { } ; jquery : $(window).load(function() { }) ; Pour ne pas attendre le chargement complet des images, on préfère : $(document).ready(function() {}) ; O.Curé [163 ]
DOM - Document Object Model
DOM - Document Object Model 1 But de DOM Interfacer les langages de programmation avec les documents XML en les associant avec un modèle orienté objet DOM permet aux programmes et scripts : d'accéder et
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
Ajax, RIA et HTML5. 9.1 Prise en charge d Ajax
9 Ajax, RIA et HTML5 Au soaire de ce chapitre UU Prise en charge d Ajax UU Bibliothèques JavaScript UU Extensions CSS de WebKit UU Applications Internet riches mobiles UU HTML5 Ajax, HTML5 et RIA, coent
Dojo Toolkit. Créer des applications AJAX/RIA en JavaScript. Thomas Corbière www.itsi-formation.com
Dojo Toolkit Créer des applications AJAX/RIA en JavaScript Auteur Site Web Dernière modification Dojo Toolkit Thomas Corbière www.itsi-formation.com 20/02/2012 (révision 3) 1.6 Ce support de cours est
Serveur 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/
Programmation Web. Madalina Croitoru IUT Montpellier
Programmation Web Madalina Croitoru IUT Montpellier Organisation du cours 4 semaines 4 ½ h / semaine: 2heures cours 3 ½ heures TP Notation: continue interrogation cours + rendu à la fin de chaque séance
NFA016 : 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
Sécurité des applications web. Daniel Boteanu
I F8420: Éléments de Sécurité des applications web Daniel Boteanu Architecture des applications web Client légitime Internet HTTP 浀 HTML Server Web 2 Architecture des applications web Client légitime Internet
Langage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv>
Langage HTML (2 partie) «Je n'ai fait que prendre le principe d - hypertexte et le relier au principe du TCP et du DNS et alors boum! ce fut le World Wide Web!» Tim Berners-Lee
SHERLOCK 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
Rafraichissement conditionné d'une page en.net
Rafraichissement conditionné d'une page en.net Test avec AJAX pour rafraichissement En utilisant AJAX, voici une possibilité de faire un rafraichissement conditionné. Nous verrons dans cet article une
Document Object Model (DOM)
Document Object Model (DOM) Jean-Claude Charr Maître de conférences IUT de Belfort Montbéliard Université de Franche Comté Description générale Définit un standard pour accéder aux documents structurés
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des
HTML, 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
HTML. Notions générales
1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS
INTRODUCTION 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
Le stockage local de données en HTML5
Le stockage local HTML5, pourquoi faire? Dans une optique de réduction des couts de maintenance, de déploiement, beaucoup d'entreprises ont fait le choix de migrer leurs applicatifs (comptables, commerciales,
Module 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
Malgré 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
Micro-ordinateurs, informations, idées, trucs et astuces utiliser le Bureau à distance
Micro-ordinateurs, informations, idées, trucs et astuces utiliser le Bureau à distance Auteur : François CHAUSSON Date : 8 février 2008 Référence : utiliser le Bureau a distance.doc Préambule Voici quelques
Manuel 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
Pré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...
Formation : WEbMaster
Formation : WEbMaster Objectif et Description : Centre Eclipse vous propose une formation complète WebMaster, vous permettant de : Utiliser dès maintenant les nouveautés du web2, ainsi alléger les besoins
WEB page builder and server for SCADA applications usable from a WEB navigator
Générateur de pages WEB et serveur pour supervision accessible à partir d un navigateur WEB WEB page builder and server for SCADA applications usable from a WEB navigator opyright 2007 IRAI Manual Manuel
SYSTÈMES D INFORMATIONS
SYSTÈMES D INFORMATIONS Développement Modx Les systèmes de gestion de contenu Les Content Management Système (CMS) servent à simplifier le développement de sites web ainsi que la mise à jour des contenus.
Failles XSS : Principes, Catégories Démonstrations, Contre mesures
HERVÉ SCHAUER CONSULTANTS Cabinet de Consultants en Sécurité Informatique depuis 1989 Spécialisé sur Unix, Windows, TCP/IP et Internet Séminaire 15 ans HSC Failles XSS : Principes, Catégories Démonstrations,
Optimiser 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...
Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement
Guillaume HARRY l Contenu sous licence Creative Commons CC-BY-NC-ND Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement P. 2 1. Introduction 2.
Architecture Orientée Service, JSON et API REST
UPMC 3 février 2015 Précedemment, en LI328 Architecture générale du projet Programmation serveur Servlet/TOMCAT Aujourd hui Quelques mots sur les SOA API - REST Le format JSON API - REST et Servlet API
RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado
- RAPPORT AUDIT SEO Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado 17 septembre 2013 Table des matières Optimisation structurelle 2 Optimisation des standards, performances et
AJAX. (Administrateur) (Dernière édition) Programme de formation. France, Belgique, Suisse, Roumanie - Canada
AJAX (Administrateur) (Dernière édition) Programme de formation Microsoft Partner France, Belgique, Suisse, Roumanie - Canada WWW.SASGROUPE.COM Formez vos salariés pour optimiser la productivité de votre
Info0101 Intro. à l'algorithmique et à la programmation. Cours 3. Le langage Java
Info0101 Intro. à l'algorithmique et à la programmation Cours 3 Le langage Java Pierre Delisle, Cyril Rabat et Christophe Jaillet Université de Reims Champagne-Ardenne Département de Mathématiques et Informatique
Optimiser les performances d un site web. Nicolas Chevallier Camille Roux
Optimiser les performances d un site web Nicolas Chevallier Camille Roux Intellicore Tech Talks Des conférences pour partager son savoir Le mardi au CICA Sophia Antipolis http://techtalks.intellicore.net
Module BD et sites WEB
Module BD et sites WEB Cours 8 Bases de données et Web Anne Doucet Anne.Doucet@lip6.fr 1 Le Web Architecture Architectures Web Client/serveur 3-tiers Serveurs d applications Web et BD Couplage HTML-BD
as Architecture des Systèmes d Information
Plan Plan Programmation - Introduction - Nicolas Malandain March 14, 2005 Introduction à Java 1 Introduction Présentation Caractéristiques Le langage Java 2 Types et Variables Types simples Types complexes
1. 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
.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15
.. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles
L envoi d un formulaire par courriel. Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248
L envoi d un formulaire par courriel Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248 Chapitre 9 L envoi d un formulaire par courriel L envoi par courriel d informations
Bonnes pratiques de développement JavaScript
Bonnes pratiques de développement JavaScript Titre présentation Conférencier François Béliveau Romain Dorgueil A propos de nous... François Béliveau Développeur web depuis 8 ans Utilise symfony depuis
1-Introduction 2. 2-Installation de JBPM 3. 2-JBPM en action.7
Sommaire 1-Introduction 2 1-1- BPM (Business Process Management)..2 1-2 J-Boss JBPM 2 2-Installation de JBPM 3 2-1 Architecture de JOBSS JBPM 3 2-2 Installation du moteur JBoss JBPM et le serveur d application
Autour du web. Une introduction technique Première partie : HTML. Georges-André SILBER Centre de recherche en informatique MINES ParisTech
Autour du web Une introduction technique Première partie : HTML Georges-André SILBER Centre de recherche en informatique MINES ParisTech silber@cri.ensmp.fr http://www.cri.ensmp.fr/people/silber/cours/2010/web
Développement d'applications Web HTML5 L'art et la manière avec Visual Studio 2015 et TFS
Avant de commencer 1. Introduction 15 2. HTML5 oui, mais pas que... 15 2.1 HTML5 16 2.2 JavaScript 17 2.3 CSS 18 3. Les outils 18 Préparation des outils et création du projet 1. Introduction 21 2. Team
Devenez un véritable développeur web en 3 mois!
Devenez un véritable développeur web en 3 mois! L objectif de la 3W Academy est de former des petits groupes d élèves au développement de sites web dynamiques ainsi qu à la création d applications web
Projet 2. Gestion des services enseignants CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE. G r o u p e :
CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE Projet 2 Gestion des services enseignants G r o u p e : B E L G H I T Y a s m i n e S A N C H E Z - D U B R O N T Y u r i f e r M O N T A Z E R S i
Développer des Applications Internet Riches (RIA) avec les API d ArcGIS Server. Sébastien Boutard Thomas David
Développer des Applications Internet Riches (RIA) avec les API d ArcGIS Server Sébastien Boutard Thomas David Le plan de la présentation Petit retour sur les environnements de développement ArcGIS Server
Sage 100 CRM - Guide de la Fusion Avancée Version 8. Mise à jour : 2015 version 8
Sage 100 CRM - Guide de la Fusion Avancée Version 8 Mise à jour : 2015 version 8 Composition du progiciel Votre progiciel est composé d un boîtier de rangement comprenant : le cédérom sur lequel est enregistré
Tutoriel: Création d'un Web service en C++ avec WebContentC++Framework
Tutoriel: Création d'un Web service en C++ avec WebContentC++Framework Gaël de Chalendar CEA LIST / LIC2M Journée de Présentation des Technologies WebContent INSTN 14/12/2009 Présentation de gsoap Plan
Attaques de type. Brandon Petty
Attaques de type injection HTML Brandon Petty Article publié dans le numéro 1/2004 du magazine Hakin9 Tous droits reservés. La copie et la diffusion de l'article sont admises à condition de garder sa forme
Cré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
STID 2ème année : TP Web/PHP
STID 2ème année : TP Web/PHP Plan de travail et aide mémoire jean.arnaud@inria.fr Ce document est composé de cinq parties : Un aide mémoire sur les aspects pratiques de la création de sites Une introduction
PHP 5.4 Développez un site web dynamique et interactif
Editions ENI PHP 5.4 Développez un site web dynamique et interactif Collection Ressources Informatiques Table des matières Table des matières 1 Chapitre 1 Introduction 1. Objectif de l'ouvrage.............................................
XML par la pratique Bases indispensables, concepts et cas pratiques (3ième édition)
Présentation du langage XML 1. De SGML à XML 17 2. Les bases de XML 18 2.1 Rappel sur HTML 18 2.2 Votre premier document XML 19 2.3 Les avantages de XML 21 3. La syntaxe XML 21 3.1 La première ligne du
Instructions Mozilla Thunderbird Page 1
Instructions Mozilla Thunderbird Page 1 Instructions Mozilla Thunderbird Ce manuel est écrit pour les utilisateurs qui font déjà configurer un compte de courrier électronique dans Mozilla Thunderbird et
Wildix Web API. Guide Rapide
Wildix Web API Guide Rapide Version: 11.12.2013 API Web Wildix s'intègre avec les logiciels CRM, ERP, les solutions et web applications Fias / Fidelio. L'API de téléphonie Javascript vous permet de contrôler
Projet Viticulture - TP 3 : bases de données distantes BTS Services informatiques aux organisations
Projet Viticulture TP 3 : bases de données externes Description du thème Partie 1 : bases de données locales SQLite Partie 2 : projet H2O stockage local Partie 3 : bases de données distantes Partie 4 :
Formation. Module WEB 4.1. Support de cours
Formation Module WEB 4.1 Support de cours Rédacteur Date de rédaction F.CHEA 08/02/2012 Les informations contenues dans ce document pourront faire l'objet de modifications sans préavis Sauf mention contraire,
Notes 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
Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.
Le framework YUI et le développement 4D Par Olivier DESCHANELS, Responsable Programme 4D S.A. Note technique 4D-201004-08-FR Version 1 - Date 1 avril 2010 Résumé Dans la présente note technique, nous allons
Cré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
Licence Bio Informatique Année 2004-2005. Premiers pas. Exercice 1 Hello World parce qu il faut bien commencer par quelque chose...
Université Paris 7 Programmation Objet Licence Bio Informatique Année 2004-2005 TD n 1 - Correction Premiers pas Exercice 1 Hello World parce qu il faut bien commencer par quelque chose... 1. Enregistrez
Sé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)
PDO : PHP Data Object 1/13
PDO : PHP Data Object 1/13 Tous ne sont que des extensions... Les fonstions mysql_* : API mysql Les fonctions mysqli_* aussi Il en est de même pour PDO PDO (avec le pilote PDO MySQL Driver et Extension
BIRT (Business Intelligence and Reporting Tools)
BIRT (Business Intelligence and Reporting Tools) Introduction Cette publication a pour objectif de présenter l outil de reporting BIRT, dans le cadre de l unité de valeur «Data Warehouse et Outils Décisionnels»
Programmer en JAVA. par Tama (tama@via.ecp.fr( tama@via.ecp.fr)
Programmer en JAVA par Tama (tama@via.ecp.fr( tama@via.ecp.fr) Plan 1. Présentation de Java 2. Les bases du langage 3. Concepts avancés 4. Documentation 5. Index des mots-clés 6. Les erreurs fréquentes
Manipulation 4 : Application de «Change».
Manipulation 4 : Application de «Change». Première partie : Cette manipulation a pour but d utiliser un service Web afin d obtenir les taux de change appliqués entre les différentes monnaies référencées
Petite définition : Présentation :
Petite définition : Le Web 2.0 est une technologie qui permet la création de réseaux sociaux, de communautés, via divers produits (des sites communautaires, des blogs, des forums, des wiki ), qui vise
Introduction. PHP = Personal Home Pages ou PHP Hypertext Preprocessor. Langage de script interprété (non compilé)
Introduction PHP = Personal Home Pages ou PHP Hypertext Preprocessor Langage de script interprété (non compilé) Plan Avantages Fonctionnement interne Bases du langage Formulaires Envoi d un email Avantages
WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES
WEB & DÉVELOPPEMENT LES BASES DU WEB HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES LE LANGAGE HTML STRUCTURE D UNE PAGE En-tête et corps Syntaxe INSÉRER DES CONTENUS Texte : formatage (titre,
lundi 3 août 2009 Choose your language What is Document Connection for Mac? Communautés Numériques L informatique à la portée du Grand Public
Communautés Numériques L informatique à la portée du Grand Public Initiation et perfectionnement à l utilisation de la micro-informatique Microsoft Document Connection pour Mac. Microsoft Document Connection
Panel des technologies Web
Panel des technologies Web pierre.jean@mines-ales.fr version 0.14 Objectif Un panorama des technologies Web pour comprendre leurs positionnements et leurs utilisations Questions Evaluation Sommaire Avant
ALCATEL IP1020. Guide de Configuration pour l offre Centrex OpenIP
ALCATEL IP1020 Guide de Configuration pour l offre Centrex OpenIP Ed. 1 23 septembre 2014 ALCATEL Temporis IP1020 Guide de configuration pour OpenIP v1.0 1 Table des matières 1 Introduction 3 2 Prérequis
Introduction à 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
Soon_AdvancedCache. Module Magento SOON. Rédacteur. Relecture & validation technique. Historique des révisions
Module Magento SOON Soon_AdvancedCache Rédacteur Hervé G. Lead développeur Magento herve@agence-soon.fr AGENCE SOON 81 avenue du Bac 94210 LA VARENNE ST HILAIRE Tel : +33 (0)1 48 83 95 96 Fax : +33 (0)1
Flex. Lire les données de manière contrôlée. Programmation Flex 4 Aurélien VANNIEUWENHUYZE
Flex Lire les données de manière contrôlée 1 Plan Lier les données Stocker les données Valider les données 2 Gérer des données Lier des données La notion de DataBinding est l une des plus importantes du
Paris Airports - Web API Airports Path finding
Paris Airports - Web API Airports Path finding Hackathon A660 Version Version Date writer Comment 1.0 19/05/2015 Olivier MONGIN Document creation Rédacteur : Olivier.MONGIN@adp.fr Date : 19/05/2015 Approbateur
Alfstore workflow framework Spécification technique
Alfstore workflow framework Spécification technique Version 0.91 (2012-08-03) www.alfstore.com Email: info@alfstore.com Alfstore workflow framework 2012-10-28 1/28 Historique des versions Version Date
LES ACCES ODBC AVEC LE SYSTEME SAS
LES ACCES ODBC AVEC LE SYSTEME SAS I. Présentation II. SAS/ACCESS to ODBC III. Driver ODBC SAS IV. Driver ODBC SAS Universel V. Version 8 VI. Références I. Présentation Introduction ODBC, qui signifie
Sommaire Accès via un formulaire d'identification... 4 Accès en mode SSO... 5 Quels Identifiant / mot de passe utiliser?... 6
Sommaire Accès via un formulaire d'identification... 4 Accès en mode SSO... 5 Quels Identifiant / mot de passe utiliser?... 6 2 І O2S Intégration O2S dans un site Internet Ce document présente une description
The Mozilla Art Of War. David Teller. 20 septembre 2008. Laboratoire d Informatique Fondamentale d Orléans. La sécurité des extensions.
The Mozilla Art Of War Laboratoire d Informatique Fondamentale d Orléans 20 septembre 2008 Firefox, c est sûr Firefox, c est sûr Donc je vais faire mes extensions sous Firefox, elles seront en sécurité.
Plan du cours. Historique du langage http://www.oracle.com/technetwork/java/index.html. Nouveautés de Java 7
Université Lumière Lyon 2 Faculté de Sciences Economiques et Gestion KHARKIV National University of Economic Introduction au Langage Java Master Informatique 1 ère année Julien Velcin http://mediamining.univ-lyon2.fr/velcin
Démarrer avec Ajax et le php: exemple d'application
Démarrer avec Ajax et le php: exemple d'application Rédacteur: Alain Messin (Alain.Messin arobas obs-azur.fr) CNRS UMS 2202 Admin06 24/09/2007 Le but de ce document est de permettre de démarrer dans le
< Atelier 1 /> Démarrer une application web
MES ANNOTATIONS SONT EN ROUGE : Axel < Atelier 1 /> Démarrer une application web Microsoft France Tutorial Découverte de ASP.NET 2.0 Sommaire 1 INTRODUCTION... 3 1.1 CONTEXTE FONCTIONNEL... 3 1.2 CONTEXTE
Utilisation 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
4. SERVICES WEB REST 46
4. SERVICES WEB REST 46 REST REST acronyme de REpresentational State Transfert Concept introduit en 2000 dans la thèse de Roy FIELDING Est un style d architecture inspiré de l architecture WEB En 2010,
Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet.
1- Optimiser le poids de votre image : Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet. Tous les types d utilisateurs (auteur, publicateur,
Accès au Serveur de PAIE «SPV» par INTERNET Paramétrage du poste de travail «Windows»
Accès au Serveur de PAIE «SPV» par INTERNET Paramétrage du poste de travail «Windows» 1 Introduction... 2 2 Contrôle de la version d Internet Explorer... 3 3 Contrôle de la Machine Virtuelle Java de Microsoft...
Formulaire 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
Google Tag Manager v2 v1 dispo sur http://bit.ly/1adylb0 GTM pour les nuls dispo sur http://bit.ly/1fx5bgg
Google Tag Manager v2 v1 dispo sur http://bit.ly/1adylb0 GTM pour les nuls dispo sur http://bit.ly/1fx5bgg 45 minutes pour comprendre GTM et aller plus loin dans son utilisation Remerciements Merci aux
LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation
ING 01 LANGAGUE JAVA Durée : 21 heures 1090 HT / jour Dates : à définir en 2012 Concevoir et développer des programmes en langage Java Comprendre le fonctionnement de la machine virtuelle S approprier
HTML5 et CSS3 pour des sites Responsive Web Design
Chapitre 1 : Introduction A. Le design Web aujourd'hui 11 B. Le Responsive Web Design 11 C. Les approches dans la conception 12 D. Le lâcher-prise 12 E. Les objectifs du livre 13 F. Les outils de l intégrateur
Authentification et contrôle d'accès dans les applications web
Authentification et contrôle d'accès dans les applications web Quelques Rappels Objectifs : contrôler que seulement Certains utilisateurs Exécutent certaines opérations Sur certains objets Trois entités
PRODIGE V3. Manuel utilisateurs. Consultation des métadonnées
PRODIGE V3 Manuel utilisateurs Consultation des métadonnées Pour plus d'information sur le dispositif : à remplir par chaque site éventuellement 2 PRODIGE V3 : Consultation des métadonnées SOMMAIRE 1.
Définition des Webservices Ordre de paiement par email. Version 1.0
Définition des Webservices Ordre de paiement par email Version 1.0 Rédaction, Vérification, Approbation Rédaction Vérification Approbation Nom Date/Visa Nom Date/Visa Nom Date/Visa Historique du document
Extended communication server 4.1 : VoIP SIP service- Administration
Extended communication server 4.1 : VoIP SIP service- Administration Mai, 2008 Alcatel-Lucent Office Offer - All Rights Reserved Alcatel-Lucent 2007 Ce document explique comment configurer le Service VOIP-SIP
Mozilla Firefox 3.5. Google Chrome 3.0 LES NAVIGATEURS WEB. (pour Windows) Opéra 10. Internet Explorer 8. Safari 4.0
Mozilla Firefox 3.5 Google Chrome 3.0 LES NAVIGATEURS WEB (pour Windows) Opéra 10 Internet Explorer 8 Safari 4.0 1 1 Sommaire Qu est ce qu un navigateur Web? Fonctionnement Caractéristiques communes Caractéristiques
Nouveautés joomla 3 1/14
Nouveautés joomla 3 1/14 Table des matières 1 Responsive... 1 2 Bootstrap... 1 3 LESS CSS intégré... 1 4. JUI (pour les développeurs d'extensions)... 1 5. Le Mambo days vs le Génial UX... 2 6. 7 étapes
Modé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é
Google Tag Manager. «Vous ne verrez plus l'analytics de la même manière» par Ronan CHARDONNEAU
Google Tag Manager «Vous ne verrez plus l'analytics de la même manière» par Ronan CHARDONNEAU Au menu 1)Définition de Google Tag Manager 2)Le fonctionnement 3)Applications pratiques pour un référenceur
PARAMETRAGE D INTERNET EXPLORER POUR L UTILISATION DE GRIOTTE
PARAMETRAGE D INTERNET EXPLORER POUR L UTILISATION DE GRIOTTE ETAPE 1 : configurer votre site Griotte comme site de confiance. Ouvrir votre navigateur sur une page Griotte, n importe laquelle, par exemple