La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

DOMINIQUE ROSSIN Modex Web Javascript / Google Maps javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; void 0 javascript:

Présentations similaires


Présentation au sujet: "DOMINIQUE ROSSIN Modex Web Javascript / Google Maps javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; void 0 javascript:"— Transcription de la présentation:

1 DOMINIQUE ROSSIN Modex Web Javascript / Google Maps javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; void 0 javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; void 0

2 Plan 1) Site avec téléchargement de fichiers 2) Javascript 3) Application à Google Maps

3 Téléchargement Formulaire HTML

4 Récupération fichier $_FILES (1) $_FILES['userfile']['name'] Le nom original du fichier client $_FILES['userfile']['type'] Le type MIME du fichier (ex"image/gif"). Non sûr $ _FILES['userfile']['size'] La taille, en octets, du fichier téléchargé. $_FILES['userfile']['tmp_name'] Le nom temporaire du fichier serveur $_FILES['userfile']['error'] Le code d'erreur

5 Récupération du fichier (exemple) // ex pour une image jpg if (!empty($_FILES['fichier']['tmp_name']) && is_uploaded_file($_FILES['fichier']['tmp_name'])) { // Le fichier a bien ete telecharge // Par securite on utilise getimagesize plutot que les variables $_FILES list($larg,$haut,$type,$attr) = getimagesize($_FILES['fichier']['tmp_name']); echo $larg." ".$haut." ".$type." ".$attr; // JPEG => type=2 if ($type == 2) { if (move_uploaded_file($_FILES['fichier']['tmp_name'],'images/toto.jpg')) { echo "Copie réussie"; } else { echo "echec de la copie"; }} else echo "mauvais type de fichier";} Démonstration On récupère les attributs de limage Le fichier est bien téléchargé ? On le stocke dans un répertoire

6 Liste des différents types Image: 1 => 'GIF', 2 => 'JPG', 3 => 'PNG', 4 => 'SWF', 5 => 'PSD', 6 => 'BMP', 7 => 'TIFF(intel byte order)', 8 => 'TIFF(motorola byte order)', 9 => 'JPC', 10 => 'JP2', 11 => 'JPX', 12 => 'JB2', 13 => 'SWC', 14 => 'IFF', 15 => 'WBMP', 16 => 'XBM'

7 Fichier doc, rtf, pdf $allowedExtensions = array("txt", "rtf", "doc", "pdf"); if (in_array(end(explode(".", $fileName)), $allowedExtensions)) { echo Bon type de fichier ; else echo erreur de type; $allowedExtensions = array("txt", "rtf", "doc", "pdf"); if (in_array(end(explode(".", $fileName)), $allowedExtensions)) { echo Bon type de fichier ; else echo erreur de type;

8 Javascript javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; void 0 javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; void 0

9 Principe Javascript est exécuté par le client (navigateur web) Pas dinteraction avec le serveur Sauf pour AJAX (Asynchronous Javascript And Xml) Permet de modifier la page affichée Montrer / cacher des éléments Formulaires à nombre de champs variables Vérification à priori de champs saisis Affichage de cartes, Geolocalisation …

10 Javascript et l'attribut id Bonjour function f() { var obj = document.getElementById("texte"); var i; for (i = 1; i< 10; i++) { obj.innerHTML = obj.innerHTML + " monde "; } } Démonstration Syntaxe JAVA

11 Portabilité et compatibilité Dépend du navigateur …. Utilisation de librairie universelle Jquery Télécharger jquery-minjquery-min Ou le lier depuis le site de google

Annonces Google