DevKB
Web Development Knowledge Base
HOME | TOP 20 | WRITE AN ARTICLE |
Sections :



RSS RSS Feed

You too, please publish your useful code snippets in any programming language :
write an article !


Valid HTML 4.0 Transitional

Plateforme d'envoi de gros fichiers en ligne
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 JavaScript ...
 

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 = 128; ...
 

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 ...
 

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="htt ...
 

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(1, sString.l ...
 

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 mise à ...
 

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"> ...
 

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 se ...
 

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 : a ...
 

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 pour ...
 

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.net/ ...
 

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 propose ...
 

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 électron ...
 

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 du sc ...
 

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 sont ...
 

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é appe ...
 

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 utilisiez ...
 

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 chiff ...
 

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://w ...
 

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 Trace ...
 

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-ci ...
 

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 capabil ...
 

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 Johnston ...
 

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'; HexVal ...
 

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 is ...
 

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> functi ...
 

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; filte ...
 

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,true) ...
 

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); ...
 

Afficher la boite de dialogue "Sélectionnez un fichier" en JavaScript

Petite bidouille pour pouvoir afficher à la demande une boite de dialogue de sélection de fichier, et récupérer ensuite le chemin d'accès du fichier sélectionné. <div id="divHidden" style="visibility: h ...
 

Lister le contenu d'un répertoire local via JavaScript

Fonctionne uniquement sous IE, et nécessite que la page soit "de confiance", c'est à dire que le navigateur lui autorise l'accès au PC de l'internaute. C'est rarement le cas, sauf parfois dans les intranets, et ...
 

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.onselectst ...
 

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('cookie ...
 

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.ev ...
 

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]|[01]?[ ...
 

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", 100,100 ...
 

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 pouvoir l ...
 

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 IEDetectObjec ...
 

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 scrip ...
 

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-tr ...
 

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. ...

 

Enlever les balises HTML dans une chaine en JavaScript

Fonction noHtml(txt) pour nettoyer une chaine de caractères des balises HTMl qu'elle contient : function noHtml(txt) { a = txt.indexOf('<'); b = txt.indexOf('>'); len = txt.length; c = txt.substring(0, ...
 

str_replace() en JavaScript - remplacer une chaine de caractère par une autre

Pour remplacer une chaine de caractère par une autre, dans une variable : function str_replace(a, b, str) { return str_replace2(str, a, b); } function str_replace2(SRs, SRt, SRu) { /* ** Replace a token in a str ...
 
Nos partenaires : iPhone 8 Cases & Protection