Ce script produit une série d’images sur base d’un texte entré dans un formulaire.
Il utilise jQuery, la librairie javascript, pour éviter un travail trop long à php : en effet on risque un timeout si le texte est trop long. Ici, toute les secondes une requête est envoyé à un fichier php, qui génère une image sur base d’un mot.
Ce script est basique et largement perfectible : taille de l’image, de la police, couleurs, typo, texte peuvent être générés différemment.
Le code est annoté pour plus de (...)
Accueil > Mots-clés > Technologie > Javascript
Javascript
Scripting côté client.
Articles
-
Générer des images avec php et jquery
21 avril 2008, par Stéphane Noel -
Extra : Pense-bête html-css-javascript
21 septembre 2007, par Stéphane NoelLes codes qu’on oublie toujours en tant que jeune codeur.
Code pour inclure une css distante, généralement placé dans le head de la page
Code pour inclure des css directement dans la page
/* declaration du comportement visule d’un id */ #un_id
/* declaration du comportement visuel d’une classe */ .une_classe
/* definition du comportement visuel d’un tag */ p
Charger un fichier javascript externe
Insérer du code javascript directement dans la page // votre code ici - le double slashe (...) -
Montrer du code avec jquery
12 octobre 2007, par Stéphane NoelUn code très serré, très synthétique, qui permet d’afficher dans une page le code source d’une page située sur le même serveur.
Ce script a été écrit par une codeur sur base de la librairie jquery. Il crée une requête http, qui permet de récupérer le contenu d’une page (html, css, javascript) et de l’afficher dans un div créé pour l’occasion. Simple et puissant.
Utilisable pour l’exercice sur le code secret.
Une variante de ce code, en français : (...) -
Code dégradable, non intrusif, non obstructif
2 décembre 2008, par Stéphane NoelLe javascript permet d’étendre les possibilités de votre navigateur, de rendre plus fluide l’expérience de surf, de rendre plus rapide certaines opérations via ajax, mais javascript : n’est pas activé sur tous les navigateurs reste lié à l’environnement de l’utilisateur, et peut crasher
Dès lors, que faire si le javascript est inopérant ?
La bonne conduite du web, les recommandations du w3c, veulent que le code soit dégradable, non intrusif et non obstructif. Qu’est ce que ça signifie ?
Non obstructif (...) -
Ouvrir une nouvelle fenêtre en javascript
3 novembre 2009, par Stéphane NoelA manipuler avec précaution, l’ouverture de nouvelles fenêtre a fait les beaux jours du net art des années 90’, mais a aussi été une des première forme d’intrusion intempestive des pubs dans nos navigateurs.
Syntaxe générale window.open(’url_a_ouvrir’,’nom_de_la_fenêtre’,’attribut1,attribut2’) ;
Dans la commande window.open, trois arguments entre guillemets, séparés par des virgules : L’adresse de la page à ouvrir, en relatif (mapage.html) ou en absolu (http://www.monsite.com). On peut aussi ne rien mettre (...) -
Les fonctions
25 octobre 2007, par Stéphane NoelUn des concepts importants de la programmation, les fonctions sont présentes en javascript. Qu’est ce que c’est, comment les utiliser, c’est ici.
-
Les timers javascript
18 novembre 2007, par Stéphane NoelLe javascript comporte une série d’outil, le timer est de ceux qui pourrit la vie des internautes mais fera le bonheur de plusieurs d’entre vous. Exécuter une action après un certain délai, exécuter une action toutes les x secondes, les usages possibles sont multiples et potentiellement envahissants.
setTimeout() et clearTimeout()
Pour activer un timer est une opération simple.
window.setTimeout("mafonction()",1000) ;
function mafonction() alert("Here i am !") ;
Ce code va appeler la (...) -
Premières lignes en Javascript
20 octobre 2007, par Stéphane NoelPour commencer à coder, quelques petites explications.
-
Agir sur les fenêtres
2 décembre 2008, par Stéphane NoelLe net art faisait la part belle aux expérimentations sur son outil premier, le navigateur. Les javascripts ici sommairement présentés leur rend hommage.
Move ! Pour bouger la fenêtre du navigateur, on s’adresse à l’objet window.
Deplacer la fenêtre Ici on fait sauter la fenêtre d’un endroit à un autre. La taille est relative à l’écran. Attention, javascript est "case sensitive", les majuscules sont importantes.
100 pixels vers le haut Les deux chiffres à passer sont bien entendu la distance de (...) -
Faire scroller la page doucement avec jQuery
2 décembre 2012, par Stéphane NoelJquery permet de se déplacer dans une page avec douceur. Il est possible de le faire avec juste la librairie.
La méthode standard Comme toujours, pour que le javascript fonctionne, il faut un code html adapté au script et bien formé l’inclusion de la librairie jQuery le code jQuery d’initilalisation
Un code html adapté Dans notre cas, le code comporte une partie pour la navigation et des éléments dans la page vers lesquels scroller.
La navigation côté html sera une liste d’ancres. En html, une (...)
0 | 10
Rubriques
Sites Web
- ajaxian.com/
- Ajaxload
- Can I use... Support tables for HTML5, CSS3, etc
- Cubespace
- Didacticiels sur DrazziB.com
- Elna Frederick
- Fancybox | Fancy lightbox alternative
- Form art
- Geo Goo
- HTML5 & CSS3 Support, Web Design Tools & Support - FindMeByIP - CSS3 & HTML5 Browser Support
- HTML5 Canvas : tutoriaux
- Interface
- Javascript, orienté objet
- Je javascript
- Jquery
- L’améloration progressive
- Learn to code | Codecademy
- Lesintegristes.net
- Liste de liens sur le javascript
- Mouchette.org
- Plugin cycle pour jquery
- Plugin innerfade pour jQuery
- Selfhtml
- Superbad
- Toutjavascript.com
- Tutoriel pour la balise "canvas"
- Webmonkey
- Yahoo user interface librairy