L'operateur || en JavaScript - définir une valeur par défaut L'opérateur || permet de faire un ou logique dans une condition : if(true || false) ...... lire la suite
L'opérateur || permet de faire un ou logique dans une condition : ...
Il y a quelques temps, je vous ai parlé d'outil permettant de compresser du code JavaScript, je viens de découvrir ce post Notes on JavaScript Compression qui présente d'autres outils pour compacter le JavaScript, surtout Packer de Dean Edwards qui permet de racourcir le nom des variables privés ; il en existe même une version .net. La compression de script est de plus en plus utilisé, surtout par les éditeurs de composants. Mais lorsque l'on veut débugger le code compresser et que l'on ne dispose pas de la version original cela devient très vite compliqué de s'y retrouver dans LA ligne de code. Heureusement il existe des outils qui décompacte le code JavaScript, en voici un : Beautify Javascript simple et efficace. Posted: vendredi 28 décembre 2007 00:19 par cyril Classé sous : .net, JavaScript, Ajax, Niveau débutant
Pour ce tutoriel, nous prendrons comme exemple un formulaire d'inscription à un service quelconque. Ce formulaire sera très simple pour se cantonner au but du tutoriel et demandera seulement un nom d'utilisateur, un mot de passe, une adresse email et le code postal du visiteur. Concernant les vérifications : · Pour le champ "Nom d'utilisateur" : on utilisera Ajax pour aller vérifier si le nom désiré est déjà pris ou pas. · Pour le champ "Mot de passe" : on utilisera une fonction Javascript qui affichera un message suivant le niveau de sécurité du mot de passe (faible/correct/elevé). La vérification sera sommaire, car elle dépendra seulement du nombre de caractères saisis. · Pour le champ "Adresse e-mail" : on contrôlera avec une fonction Javascript si l'adresse saisie respecte bien le format d'une adresse e-mail (xxx@xxx.xx). · Pour le champ "Code Postal" : on limitera la longueur du champ à 5 caractères grâce à XHTML. On pourrait également faire une fonction Javascript qui vérifiera que la donnée saisie est uniquement composée de caractères numériques. On va partir du principe qu'il s'agit d'un champ non obligatoire : on n'effectuera alors un contrôle que coté serveur, afin de ne pas perdre de temps inutilement dans une vérification coté client (aussi simple qu'elle soit dans cette exemple). Afin de commencer par le commencement, nous allons tout d'abord mettre en place notre formulaire XHTML, avec 4 champs de saisie pour le nom d'utilisateur, le mot de passe, l'adresse email et le code postal. Nous ajoutons aussi 4 balises span pour afficher les messages d'alerte pour chaque champ, dont l'id sera le nom du champ concerné suivi de "_alert" afin de pouvoir pointer facilement dessus via le DOM pour modifier le message. Pour le champ Code postal, l'attribut maxlength avec une valeur de 5 limitera le nombre de caractères saisissables. L'attribut action du formulaire appelera ce même fichier. Pourquoi ? Parce qu'ainsi, en cas d'erreur, on pourra réafficher facilement les valeurs saisies par le visiteur grace à $_POST["nom_du_champ"]. Vu que le formulaire s'appelle lui-même, il faudra alors détecter si il a été soumis pour inclure le traitement des données avant son réaffichage. Nous allons créer un tableau de données en PHP pour pouvoir transmettre les messages d'erreurs entre la vérification coté serveur (PHP) et le formulaire. L'affichage se fera dans les balises span correspondant à chaque champ. On rajoute également un paragraphe p au dessus du formulaire qui servira à afficher le message de confirmation d'inscription en cas de réussite. Source du tutoriel : Nom d'utilisateur :
Kevin van Zonneveld has a great series of posts and JavaScript code snippets that give you JavaScript equivalents of some of his favorite PHP. The good news is there is some useful code here, the bad news is that the JavaScript code doesn’t support namespaces.
Navx, créée en 2005 par deux entrepreneurs expérimentés (anciens co-fondateurs de K-Mobile), nous sommes fournisseur de services et de contenus pour GPS. Notre plate-forme de services fournit en temps réel sur GPS des informations actualisées telles que la position des radars fixes, la position des zones dangereuses, le téléchargement d’itinéraires touristiques, le guide Gault et Millau, la personnalisation de la voix et du fond d’écran. Notre roadmap nous amènera rapidement à enrichir nos services avec de nombreuses fonctionnalités liées au routage dynamique, et au partage communautaire d’informations. Le potentiel marché (70 Millions de GPS en Europe en 2010), et notre toute récente levée de fonds de 3 Millions d’euros, nous permettent aujourd’hui de rechercher de jeunes talents pour participer à notre aventure. Basé(e) Paris Mission : Au sein de notre équipe R&D (développement logiciel et site web), vous aurez en charge le développement de nouvelles fonctionnalités et tous les aspects techniques liés. Vos missions principales seront les suivantes: • Participer au développement du système d’information de NAVX et de sa plate-forme push/pull de services géolocalisés • Contribuer de façon majeure au développement de nos sites Internet/Intranet • Assurer la maintenance et l’évolution de l’ensemble de ces sites • Respecter des méthodes de développement rigoureuses (spécs fonctionnelles et techniques, développement, test, QA,...) • Etre force de proposition sur les évolutions à mettre en œuvre Profil : De formation informatique, vous justifiez d’une expérience professionnelle d’au moins 1 an, dont 6 mois dans le développement en PHP et MySQL. Vous avez une connaissance de javascript et le web 2.0 n’a plus de secret pour vous. Vous êtes rigoureux(se), autonome et à l’écoute des utilisateurs. Vous aimez le travail en équipe et êtes passionné(e) d’informatique. Inspiré(e) par les changements actuels de l’Internet, vous recherchez aujourd’hui des responsabilités au sein d’une structure vous permettant d’y exprimer tout votre potentiel. • Une équipe de haut niveau menée par deux serial entrepreneur • Une levée de fonds permettant d’avoir une vision internationale dès le début • L’opportunité d’imaginer, de créer et de manager des projets technos intéressants • Des solutions très innovantes, ergonomiques, riches et apportant un vrai plus aux équipements GPS • Etre associé à une aventure humaine qui promet d’être exceptionnelle compte tenu des atouts réunis sur ce projet ! Pour ce poste, merci de contacter notre conseil en précisant la référence NAVDEV-01A : Altaïde, Eve NICOLAS-HERONDART 5, rue Daunou 75002 Paris - France E-Mail : eve.nicolas@altaide.com Blog : http://altaide.typepad.com Les internautes ont noté cet article de: Ce billet à été posté le 13 juin 2007 à 11:20 dans la (les) catégorie(s) DSI, Ingénieurie, Développement, Internet, PME, Paris. Vous pouvez suivre les commentaires de ce billet grâce au fil RSS 2.0. Vous pouvez laisser un commentaire, ou faire un trackback de ce billet depuis votre propre site.
Certains pensent qu'il n'est pas possible de faire de jolies applications graphiques animées en JavaScript. Selon eux, il faut passer par flash ou silverlight ... Je viens de voir sur Ajaxian, le blog Ajax, un magnifique solitaire réalisé en JavaScript : http://worldofsolitaire.com Ca vaut le coup d'oeil, vraiment somptueux ! Que ça en déplaisent a certains, JavaScript n'est pas mort, loin de la ! -------------------- Dans le même genre d'idée : · extjs.com est un framework avec des contrôles très riche ... · prototype-graphic : framework pour dessiner en js (génére du VML, SVG ou Canvas) Je mettrais a jour mon post au fur et a mesure de mes découvertes, si vous avez d'autres démos bluffantes d'utilisation de JavaScript laissé en commentaires je mettrais a jour ce billet. Et non je n'ai même pas troller sur Silverlight, j'avais pourtant matière ;-) Posted: dimanche 26 août 2007 04:15 par cyril Classé sous : HTML, CSS, javascript, XSLT, ..., Internet, divers, JavaScript, Ajax, navigateur, Web 2.0
Pour utiliser la technologie VML dans nos pages HTML il est nécessaire de rajouter 2 choses : un namespace XML et une régle CSS, on se retrouve donc avec une page qui posséde ces éléments : Untitled Page v\:* {behavior:url(#default#VML);}
Pour ceux qui connaisse la propriété des div innerHTML, ils ont pu s'appercevoir d'un bug. Lors de la modification de sa valeur Firefox affiche bien le bon code lors d'un rappel de la nouvelle valeur, mais Internet Explorer fait sauter quelques guillemets sur les attributs de balise. Qules sont les problèmes de cela ?? · Pour l'affichage simple en HTML : aucun, le code est bien affiché. · pour la validation du code W3C : le code n'est plus valide du fait de l'abscence de certains ". · Pour un export vers FLASH : les attributes sans " ne sont pas lus correctement. Par exemple lors de l'utilisation de certains éditeurs visuels en ligne pour modifier des textes au format HTML utilisé dans un site en FLASH, il y aura certainement des soucis d'affichage dans FLASH. 'Attention' L'éditeur FCKeditor ne présente pas ce souci mais utilise une mise en forme par utilisation des attributs "style" qui n'est pas compatible avec la zone de texte HTML de FLASH. La solution est de retravailler la chaine de caractère crée et de rajouter les ", voila un exemple de code javascript que nous avons utiliser pour un projet : Récupération des attribut existant, la page propose une zone d'édition d'un texte extrait d'un XML qui sera affiché dans FLASH. screenCode+"-T"+i est une textarea invisible utilisée pour renvoyer les textes modifier dans le formulaire. var reg=new RegExp("\"", "g"); txt=document.getElementById(screenCode+"-T"+i).value tableau[i]=new Array(); tableau[i]=txt.split(reg); for(j=0;j
Autres recommandations de Google: à éviter : Pages masquées ("cloaking"), redirections JavaScript trompeuses et pages satellites ("doorway")
Nettoyez vos pages HTML des codes JavaScript, et apprenez à utiliser la puissance du DOM pour créer des événements stockés dans un fichier externe.