Web Development Knowledge Base
- CSS (7)
- Flash & AS (2)
- HTML (19)
- Java (5)
- JavaScript (52)
- Perl (0)
- PHP (36)
- Protocols (1)
- Python (0)
- Ruby (0)
- SQL (4)
- Linux (13)
- Misc (9)
RSS Feed
You too, please publish your useful code snippets in any programming language :
write an article !
Dépannage site web
Blog infogérance
Hébergement e-mail
JavaScript
Diaporama de photos avec effets spéciaux en transition - JavaScript-DHTML (IE Only)
Avec Internet Explorer, des effets spéciaux sont disponibles pour fondre une image dans une autre, et ainsi réaliser des diaporamas avec des effets de transitions surprenants. Il suffit d'un bout de CSS et de JavaScrip ...RegExp - nettoyer une chaine de caractères en JavaScript
Enlever tous les caractères sauf les lettres minuscules et les chiffres : alert("abcdef01234".replace(new RegExp("[^(a-z0-9)]", "g"), ''));  Enlever tous les caractères sauf les lettres ...Transférer des fichiers par FTP avec JavaScript
Voici un bout de code que j'avais du écrire il y a fort longtemps ... Le but est de se connecter à un serveur FTP pour y récupérer certains fichiers et les télécharger sur le bureau, ou ailleurs, afin de faire une ...Couleur de fond changeante
Fond d'écran changeant de couleur aléatoirement testé avec IE 6 <html> <head> <title>Couleur</title> <script> var intensite_rouge = 128; var intensite_verte = 128; var intensite_bleue = 1 ...Texte ondulant en Javascript : effet animé comme dans Flash
Une fonction Javascript qui permet de faire onduler du texte, comme s'il faisait des vagues, et sans Flash, c'est possible ! :) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www ...Un compteur en Javascript
Un compteur qu'on peut lancer, stopper puis redémarrer sans problème : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" ...Système d'onglets très simple en DHTML
A copier-coller dans votre éditeur préféré ! ;) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns= ...Fonction trim() en JavaScript pour enlever les espaces de début et de fin de chaine
function trim(sString) {    while (sString.substring(0,1) == ' ' || sString.substring(0,1) == 't' || sString.substring(0,1) == 'r' || sString.substring(0,1) == 'n')    {       sString = sString.substring( ...Récupérer et remplacer le texte sélectionné dans un TEXTAREA
Voici une fonction pour récupérer le texte sélectionné dans un TEXTAREA, compatible avec FireFox et Internet Explorer, ainsi qu'une fonction pour remplacer le texte sélectionné par une nouvelle valeur. Utile pour p ...Lire et écrire dans le presse-papier en JavaScript
Fonctionne avec Internet Explorer uniquement. Â // Plus d'infos : http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/clipboarddata.asp // set the clipboard // var x = 'Whatever you want on the clipboard'; ...Monter / descendre les lignes d'un tableau en Javascript
Fonction moveup(TR) pour monter la ligne TR, et movedown(TR) pour descendre la ligne TR Note : le script part du principe que le tableau concerné est le premier de la page, si ce n'est pas le cas alors 2-3 adaptations s ...Get an MD5 hash in JavaScript
Here is a ready-to-use code to get the MD5 hash summary of any string in JavaScript. The MD5 algorithm gives a unique 16-byte hash of any data. You can compare hashes to check integrity of data, securely store passwords, ...URLEncode() en JavaScript
En javascript il n'existe pas de fonction universelle pour encoder des valeurs passées en paramètres dans une URL. Les fonctions escape(), encodeURIComponent, etc, ne fonctionnent pas toujours correctement notamment po ...Donner un effet de reflet à la sauce Apple à vos images
La librairie Javascript reflection.js permet très simplement de donner des effets de reflets style Apple à tous vos documents images : voyez sur le site officiel pour mieux vous rendre compte : http://cow.neondragon.ne ...JavaScript Reference
COMMON JS 1.5 REFERENCE : http://www.webreference.com/javascript/reference/core/JavaScript is Netscape's cross-platform, object-based scripting language. This book explains everything you need to know about using core Ja ...Encoder/décoder du texte en Base64 en JavaScript
En informatique, base64 est un codage de l'information utilisant 64 caractères, choisis pour être disponible sur la majorité des systèmes. Il est principalement utilisé pour la transmission de messages (courrier él ...Connaitre la taille du contenu d'un TEXTAREA, en pixels
HTML : <textarea name=TA>contenu modifiable par l'utilisateur</textarea> JavaScript : w = TA.scrollWidth  // largeur du contenu h = TA.scrollHeight  // hauteur du contenu TA.scrollLeft  // position X ...window.localStorage ou les cookies de nouvelle génération
Depuis les dernières versions des principaux navigateurs (Internet Explorer, Firefox, Chrome ou encore Safari), il est devenu possible de stocker des informations côté client sans passer par les cookies. Les cookies s ...getStackTrace() en JavaScript pour récupérer la pile des appels de fonctions
Quand on programme en Java, la localisation des erreurs qui ont lieu lors de l'exécution est assez simple car on obtient le plus souvent une vue de la pile des appels, c'est à dire la liste des fonctions qui ont été ...Intégrer un éditeur WYSIWYG pour gérer son site
Pour administrer facilement les contenus de votre site, vous pouvez utiliser TinyMCE : un éditeur WYSIWG ("What You See Is What You Get", autrement dit, vous rédigez vos textes exacement comme si vous utilisi ...Expression régulière pour contrôler les répétitions de caractères identiques
Les expressions régulières qui suivent sont valables en PHP et Javascript. Elles permettent de vérifier des champs de formulaires, plus précisément selon le type de chaîne attendue (une suite de lettres, ou bien de ...Convertisseur Euros-Francs et Francs-Euros
Un script qui vous permet d'effectuer des convertions euros --> francs et francs --> euros dès que vous saisissez un prix : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// ...Une horloge à la seconde près en javascript
Ce script affiche l'heure de votre ordinateur à la seconde près : <script type="text/javascript"> var style_paragraphes = 'font-family:verdana,arial,courier;color:black;font-size:13px;'; /* Cette fois-c ...DHTML : Dessinez des lignes, ellipses, cercles, rectangles ...
Découvrez la bibliothèque de Walter Zorn pour dessiner de multiples formes en JavaScript, dynamiquement et sans alourdir la page ni ralentir le navigateur. This JavaScript VectorGraphics library provides graphics capab ...DHTML Tooltips (bulles d'aide contextuelles)
DHTML JavaScript Tooltips : http://www.walterzorn.com/tooltip/tooltip_e.htm (LGPL) An easy to use cross-browser Tooltip JavaScript Library that creates tooltips, information popup boxes ... BoxOver : http://boxover.swazz ...Exécuter un script JS distant à la demande
function xLoadScript(url) { Â if (document.createElement && document.getElementsByTagName) { Â Â Â var s = document.createElement('script'); Â Â Â var h = document.getElementsByTagName('head'); Â Â Â if (s ...Fonction de hachage MD5 en JavaScript
To hash a string into MD5 : var hash = hex_md5('test'); /*  * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message  * Digest Algorithm, as defined in RFC 1321.  * Version 2.1 Copyright (C) Paul Johns ...hex2dec() / dec2hex() JavaScript functions
hex2dec(n) : convert from hexadecimal (ff) to decimal (255) dec2hex(n) : convert from decimal (255) to hexadecimal (ff) Â Â Â Â Â Â Â Â function Hex2DecF(HexVal){ Â Â Â Â Â Â Â Â Â hexChars = '0123456789ABCDEF'; Â ...Système d'onglets (tabs) en HTML+JavaScript
Voici deux systèmes gratuits pour afficher des onglets sur une page web. WebFX Tab Pane : http://webfx.eae.net/dhtml/tabpane/tabpane.html (Apache Software License 2.0)The look and feel is entirely decided by CSS so it i ...Changer la page de démarrage d'IE
Pour changer la page de démarrage d'Internet Explorer, en JavaScript : <HTML XMLNS:IE> <HEAD> <STYLE> @media all {   IE:HOMEPAGE {behavior:url(#default#homepage)} } </STYLE> <SCRIPT> fun ...Ombre mouvante en DHTML
L'ombre va tourner progressivement comme si la source de lumière bougeait. Fonctionne sous IE uniquement (utilise un filtre MS). <div id=test style="padding-left:100; width:100%; font-size:64pt; color:blue; filt ...Lire le n° de série du disque dur en JavaScript
Ce code javascript a besoin d'être exécuté dans un environnement trusté, une HTA par exemple, pas dans une page web classique. new ActiveXObject('WScript.Shell')  .Run("%comspec% /c vol > test.txt",2,t ...Connaitre la hauteur d'une page web en JavaScript
Pour savoir la hauteur d'une page web en pixels, ce qui peut être pratique afin de placer ou redimensionner des éléments : alert(document.body.scrollHeight);  ...Vérifier la validité d'une adresse email en JavaScript
Une fonction javascript pour vérifier qu'une adresse email entrée par l'internaute a une forme valide : function checkMail(email) { regexp = "^([_a-z0-9-]+)(.[_a-z0-9-]+)*@([a-z0-9-]+)(.[a-z0-9-]+)*(.[a-z]{2,6})$ ...Empêcher la sélection du texte dans une page web
Comment empêcher l'utilisateur de sélectionner le texte de la page web qu'il visite, grâce à un code JavaScript : function disableselect(e){ return false } function reEnable(){ return true } //if IE4+ document.onsele ...Détecter si le navigateur est en mode "travail hors connexion" en JavaScript
Pour savoir si le navigateur de l'internaute est en mode "connecté" ou "travail hors connexion" : utilisez la propriété : navigator.onLine (fonctionne sous FireFox et Internet Explorer) ...Détecter si les cookies sont activés en JavaScript
Comment savoir si les cookies sont activés ou désactivés dans le navigateur de l'internaute ? => Utilisez la propriété : navigator.cookieEnabled if(navigator.cookieEnabled) alert('cookies activés'); else alert(' ...Détecter l'état des touches du clavier en JavaScript
Détecte les appuis de touches sur le clavier, y compris les touches spéciales CTRL/SHIFT/ALT, et affiche leur statut en direct. <script language="JavaScript"> function process_keypress(evt) { if(window. ...Vérifier la syntaxe d'une adresse IP en JavaScript avec les RegExp
Ce script vérifie si une chaine de caractère a bien une syntaxe valide pour une adresse IP (4 nombres pouvant aller de 0 à 255 séparés par un point).function checkIP(IP) {  v = eval("/\b((25[0-5]|2[0-4][0-9]| ...Ajouter un élément ActiveDesktop (page web) sur le bureau en JavaScript
Fonctionne sous Internet Explorer uniquement. Non testé sur les dernières versions sur-protégées d'IE (7 et 8) window.external.AddDesktopComponent(   "http://www.google.fr/",   "website",  ...Détection du navigateur (Internet Explorer / autres)
Un script simple pour détecter si le navigateur utilisé est Internet Explorer ou bien un autre (Firefox ...). Le résultat du test est contenu dans les variables isFF et isIE. A placer en tout début de page pour pouvo ...Détection d'un plugin par son CLASSID
Voici comment détecter si un plugin est installé sur le client, en connaissant uniquement son CLASSID : // Detection of an ActiveX plugin inside Internet Explorer on Windows var result; function IEDetectObj ...Afficher la date et l'heure dans la barre d'état en Javascript
Pour afficher la date et l'heure dans la barre d'état : <?xml version="1.0" encoding="ISO-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict ...Album photo en DHTML
Voici un exemple d'album photo interactif en javascript. Une image est affichée en grand, et il suffit de passer la souris sur l'une des miniatures pour que l'image correspondante soit affichée. Pour télécharger le s ...Tracer un disque avec javascript
<html> <head> <title>Disque</title> <!-- fonctionne avec I.E. 6.00 - Firefox 2.0 (Firefox ne tient pas compte de la couleur indiquée) --> <script type='text/javascript'> function Trac ...Formulaire validé automatiquement en Javascript
Ce formulaire est validé automatiquement dès qu'on choisit une option dans la liste déroulante : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1 ...Menu déroulant HTML, CSS et Javascript
Ce menu deroulant affiche les sous-menus au passage du curseur sur les titres du menu. Un timer gere le temps a partir duquel les sous-menus disparaissent quand le curseur n'est plus sur les sous-menus. ...Rendre une section de page web éditable par l'utilisateur (IE only)
le contenu peut être modifié par l'internaute
Et ensuite, pour récupérer le code HTML produit, il suffit de lire la valeur de Editor.innerHTML Fonctionne sous IE uniquement. ...