Web Development Knowledge Base
| |
Sections :
Vous aussi, aidez les autres développeurs, publiez vos bouts de codes utiles et vos liens préférés ... Publiez un article ! |
JavaScriptDiaporama 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 ReferenceCOMMON 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 DHTMLL'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 JavascriptFonction 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 ...Connaitre la taille du contenu d'un TEXTAREA, en pixelsHTML : <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 ...Expression régulière pour contrôler les répétitions de caractères identiquesLes 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-EurosUn 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 FlashUne 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 ...Une horloge à la seconde près en javascriptCe 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 DHTMLA 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 TEXTAREAVoici 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 demandefunction 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 chainefunction 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 JavaScriptTo 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 functionshex2dec(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+JavaScriptVoici 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'IEPour 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 JavaScriptCe 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 JavaScriptPour 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 JavaScriptPetite 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 JavaScriptVoici 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 JavaScriptFonctionne 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 JavaScriptUne 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 webComment 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 JavaScriptPour 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 JavaScriptComment 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 JavaScriptFonctionne 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 JavaScriptDé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 RegExpCe 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]?[ ...Encoder/décoder du texte en Base64 en JavaScriptEn 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 ...Ajouter un élément ActiveDesktop (page web) sur le bureau en JavaScriptFonctionne 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 ...RegExp - nettoyer une chaine de caractères en JavaScriptEnlever 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 ...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 CLASSIDVoici 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 JavascriptPour 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 DHTMLVoici 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 JavascriptCe 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 ...Un compteur en JavascriptUn 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"> ...Menu déroulant HTML, CSS et JavascriptCe 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. ...str_replace() en JavaScript - remplacer une chaine de caractère par une autrePour 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 ...Enlever les balises HTML dans une chaine en JavaScriptFonction 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, ... |