Cette activité va vous permettre d'apprendre à faire les choses suivantes: Créer une balise IMG depuis un script Javascript Insérer cette balise dans le document HTML Modifier l'attribut scr de l'image Modifier les attributs width et height de l'image Nous allons aujourd'hui apprendre à réaliser une interface ressemblant à cela: Mais, vous pourriez me dire que vous savez déjà le faire. D'ailleurs, nous l'avons déjà fait dans l'une des activités CSS. Oui, mais ici nous allons déclarer et créer les images dans Javascript. Nous allons ainsi pouvoir modifier l'affichage avec un code simple et, par exemple, modifier la position des images au hasard. Et ça, vous ne savez pas encore le faire. 1 - Interface basique Il va falloir commencer par créer dans un dossier la structure suivante: (vous pouvez télécharger les fichiers à l'aide d'un clic droit) 01 ° Téléchargez le fichier HTML, le fichier CSS et les 9 images. Placez le tout dans un même dossier. Pour info, voici le code HTML:
Image et JS
Créer Un Fichier Javascript Pour
Des que le champ texte est modifié je veux recopier automatiquement le contenu du champ dans un fichier. Il n'est évidemment pas question de l'ouvir à partir d'un la même façon que je peux créer des fichiers sur mon PC avec un programme en C par exemple, je voudrais faire la même manip en javascript 01/04/2013, 12h17 #6 01/04/2013, 13h32 #7 Salut hackoofr, il semble que ce code utilise ActiveX, donc uniquement dédié à IE, je ne peux le faire fonctionner sous Chrome? 01/04/2013, 13h47 #8 C'est quel partie qui t'a échappé dans cette phrase. Si IE tient plus de la passoire que du navigateurs... 01/04/2013, 14h30 #9 Entre cliquez sur un document html qui se trouve sur ton propre PC et qui te crée un fichier dans ton propre environnement et cliquez sur l'executable d'un programme écrit en C qui te fait exactement la même chose, je ne vois pas bien où est la différence et ce que la sécurité vient faire dans l'histoire... Je comprend vite mais faut m'expliquer longtemps! Enfin bon merci quand même 01/04/2013, 14h39 #10 Entre cliquez sur un document html qui se trouve sur ton propre PC Le souci est que pour ton navigateur un fichier html est un fichier html qu'il soit sur ton PC ou sur un serveur distant.
Créer Un Fichier Javascript Online
Si vous voulez tester celui-ci, il vous faudra un serveur (un serveur local suffit). Pour installer une architecture serveur sur votre machine, vous devrez télécharger WAMP (Windows) ou MAMP (Mac). Les fonctionnalités principales des modules Le mode strict La première chose à savoir ici est que les modules utilisent par défaut le mode strict en JavaScript. La portée des modules Les modules possèdent leur propre espace global de portée. Cela signifie que les variables et fonctions définies dans l'espace global d'un module ne seront par défaut pas accessibles aux autres scripts. Chaque module devra exporter les éléments qu'il souhaite rendre accessible aux autres fichiers et importer les éléments auxquels il souhaite accéder (sous réserve que ces éléments soient importables). L'évaluation des modules Le code des modules n'est évalué qu'une seule fois. Ainsi, si le code d'un module est importé plusieurs fois dans d'autres modules, le code ne va être exécuté qu'une seule fois (par le premier module qui va en avoir besoin) puis le résultat de cette exécution sera ensuite exporté à tous les autres modules ayant importé de même code.
Créer Un Fichier Javascript In Your Browser
Sans cela, sur une page présentant de multiples images, on peut voir la page 'sautée' à chaque fois qu'une image arrive. Avec notre façon d'insérer les images dynamiquement, nous allons avoir le même effet malheureusement. Si vous voulez l'éviter, il faut créer les balises images directement dans le HTML et préciser au moins leurs tailles, même si vous laissez les attributs src vides. Nous allons d'abord voir comment récupérer à l'aide de la propriété naturalWidth et naturalHeight la taille de l'image dans le fichier-image originel: J'ai rajouté une fonction afficherTaille qui liste toutes les images à l'aide de la méthode adéquate. Ensuite, on ne travaille qu'à partir de l'image d'index 7 (pour ne pas avoir trop d'affichages) et on affiche la taille de l'image initialement stockée dans le fichier. Cette fonction afficherTaille est appelée à la fin de la fonction demarrage. function demarrage() { afficherTaille()} function afficherTaille() { var listeDiv = document. querySelectorAll ( "#js100_test1 div img"); for (var i = 7; i <; i++) { var monImage = listeDiv [ i]; alert( "Image " + i + " de taille " + monImage.
En tout cas l'enregistrement de fichiers sur l'iPod, je ne sais pas comment ça pourrait fonctionner. 4 juillet 2010 à 20:52:47 Citation: Picross Oui, il est possible d'éditer ou de récupérer des données pour les avoir en "sortie" en PDF mais il faut pour cela utiliser le PhP donc vu que tu n'auras que du HTML et du JS ça ne marchera pas... Oui c'est vrai, mais avec une appli-web ça serait plus simple et esthétique Mais après le fait que je sois sur un iPod change rien pour le fonctionnement, tant que j'utilise que le javascript Donc je suppose que je peux laisser tomber? Sinon, j'ai trouvé cela sur le web: var file = new ActiveXObject("leSystemObject"); var a = eateTextFile("c:\\", true); a. WriteLine("Salut cppFrance! "); (); C'est possible? Personnellement, comme cela ça n'a pas fonctionné 4 juillet 2010 à 20:58:32 Pour ton code en Javascript je ne sais pas... Je ne suis pas doué en JS... Mais si tu veux faire une appli web alors pourquoi tu dis que tu n'auras que le JS et le HTML? Et surtout, si tu as une appli-web, tu peux enregistrer ton fichier txt sur le serveur puis en afficher les informations sur une autre page...