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


RSS RSS Feed

Vous aussi, aidez les autres développeurs, publiez vos bouts de codes utiles et vos liens préférés ...
Publiez un article !


Valid HTML 4.0 Transitional

Plateforme d'envoi de gros fichiers en ligne
Script PHP de boutique en ligne
Mondes virtuels gratuits en 3D

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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