JavaScript, CSS, DOM, tutoriels.

Didacticiels et études de cas sur le JavaScript. Exemples et démonstrations utilisant DOM, les CSS, les images, Ajax.
lire la suite

Lien du post: http://www.xul.fr/javascript/tutoriel.html

Sur le même thème que "JavaScript, CSS, DOM, tutoriels."

Tutoriel DOM

Tutoriel DOM - Tutoriel base sur la specification DOM 2 Core implementee par tous les navigateurs recents DOM le modele objet de document, decrit la structure d'un document XML ou HTML, d'une page Web, et permet d'acceder individuellement a chaque element. On verra dans ce tutoriel que l'on peut ainsi modifier chaque element d'une page, ou creer un page ou une partie grace au DOM. Histoire de DOM: La premiere description de l'interface faisait partie de HTML 4 et on peut parler de DOM Level 0 et date de . L'apparition du HTML dynamique en 7 sur Netscape et Internet Explorer on donne lieu a une definition DOM connue comme DOM intermediaire. Le W3C a ete fonde en 4 pour promouvoir les standards du Web. C'est en 8 qu'il etablit la premiere specification de DOM dite Level . DOM Level 2 est apparu en . [lien] [FR]

javascript css (par mattouuu)

Bonjour, Dans ma page html j'ai un menu, avec deux "onglets", disons 2 rectangles (Accueil/Recherche) de couleurs vert fonce. Quand je survole ma sourie sur un des rectangles, celui ci devient vert clair. J'aimerais que si l'on clic dessus, celui si reste vert clair. La propriete CSS a:active le fait, mais si je clic n'importe où dans la page il redevient vert fonce. Je voudrais qu'il [lien] [FR]

Nouveau tutoriel: Maîtriser le positionnement CSS dans toutes les situations

Benjamin De Cock nous fait cadeau d'un tres bon article sur le positionnement CSS: Maitriser le positionnement CSS dans toutes les situations, sous-titre «Comprendre le positionnement CSS et opter pour des choix adaptes a des situations precises». [lien] [FR]

Offre d'emploi - IDF (Région Ile-de-France) | Développeur HTML CSS JAVASCRIPT CONFIRME (H/F)

Reference : RE_2189508718 Ville : IDF (Region Ile-de-France) Categorie : Nouvelles technos/Web Date limite de reponse : 23/10/2008 Description : Nous recrutons pour l'un de nos clients grands comptes dans le secteur des services, un(e) Developpeur HTML, JavaScript, CSS confirme(e). Vous participerez : - Aux developpements web statiques realises en interne : Prise en charge de developpements web statiques cote client ; Maintenance corrective et evolutive sur les sites internet ; en fonction du cahier des... [lien] [FR]

Ombre en CSS

Ombre en CSS - Ajouter une ombre sous une boite de texte ou sous une image peut se faire en HTML et CSS sans JavaScript ni framework. Le principe consiste a imbriquer des calques l'un dans l'autre, avec un decalage et une couleur de fond de teinte progressivement assombrie. Message Il suffit alors d'inserer ce code dans la page et de lier la feuille de style qui realise l'ombre (dans la demo, le code CSS est dans la page HTML). La largeur de la boite doit etre specifiee dans le code HTML si on utilise des boites de taille differentes. Dans le cas d'une image, il faut aussi specifier la taille de l'image pour le calque qui la contient, et un padding de , contrairement au texte qui doit avoir une marge. [lien] [FR]

Nouveau tuto : Mise en page CSS avancée grâce à la propriété display

Benjamin De Cock, membre tres actif actuellement du forum Alsacreations (et accessoirement nouveau moderateur), nous a concocte un tutoriel sur les techniques de positionnement assez meconnues en CSS,... [lien] [FR]

Lightbox en CSS

Pour ajouter une lightbox a votre page, il n'est pas besoin d'inclure un gros framework Ajax, quelques lignes de CSS et JavaScript suffisent! Une lightbox est une fenetre qui affiche un contenu soit statique, soit dynamique, tandis que [lien] [FR]

Bordure texturée en CSS

Bordure texturee en CSS - L'attribut border des feuilles de style peut varier en couleur et en largeur, mais il n'est pas prevu de lui attribuer une texture. Cependant, il suffit d'une regle CSS pour ajouter cet effet graphique. La regle s'applique a la balise fieldset concue pour creer un cadre, et nous nous allons lui ajouter une texture. On pourrait faire de meme avec un calque, mais l'avantage de fieldset est, tout au moins sous Firefox, d'obtenir des coins arrondis. Le principe consistera a attribuer une texture au cadre tout entier et placer dedans soit un autre fieldset (pour les bords arrondis) soit un div, dont le fond soit le meme que celui de la page. . texte . On peut incruster un titre dans la bordure comme dans la demo. Titre . [lien] [FR]

Tutoriel XUL pour une interface graphique XML par Denis Sureau

Apprenez XUL pour construire des interfaces utilisateurs graphiques avec des balises XML. Chaque cours est accompagne d'un exemple utilisant eventuellement JavaScript pour l'interaction. [lien] [FR]

Nouveau tutoriel officiel : Java, par cysboy

Comme vous le savez peut-etre, le Site du Zero propose de nombreux tutoriels mais ceux-ci sont divises en 2 categories bien distinctes : · Les tutoriels officiels : ils beneficient d'une forte visibilite car ils apparaissent dans le menu a gauche de votre ecran. Historiquement, ce sont tous des tutoriels que j'ai rediges et qui ont fait a la base le succes du site. Vous constaterez que l'auteur est M@teo21 a chaque fois, a l'exception pres du tutoriel Blender. · Les tutoriels non-officiels : ce sont les tutoriels rediges par les membres du site, depuis que ceux-ci ont la possibilite d'en rediger et d'en proposer (cela fait quelques annees deja). Ces tutoriels ne sont acceptes qu'apres une validation par un conseil de validateurs et de correcteurs benevoles qui oeuvrent beaucoup pour le site et que je remercie chaleureusement au passage. [lien] [FR]

E-mail et CSS : du nouveau

C'est un fait avere : les clients e-mails ou webmail gerent plutot mal des styles CSS dans les e-mails. De plus, il n'y a pas vraiment de consensus et chacun fait ce qui lui plait, reconnait ou... [lien] [FR]

Problème menu déroulant javascript + CSS (par biguiz)

Bonjour a tous, Je suis en train de realiser un site et j'ai realise un menu dont une partie est un menu deroulant. Tout marche niquel mais le probleme est que lorsque le menu se deroule, mes "li" qui ont pourtant une apparence normale se rallongent sur la droite en transparence ce qui a pour effet de prolonger mon site sur la droite sur quelques centaines de pixels (pas de deformation [lien] [FR]

html et javascript (par rototofuego)

Bonjour, J'ai un souci J'ai fait un menu en onglets avec javascript css html. La page s'affiche correctement en local. Mais le souci c'est que des que je l'a charge sur le bac office de la boite pour lequel je dois faire ce truc. Et bien ca ne marche plus! Je pense que le bac office ne lit pas le javscript. Auriez-vous une solution? Je pensai appeler la partie javascript depuis la page html [lien] [FR]

Tutoriel Javascript/PHP/Ajax : Verifier les données d'un formulaire

Le resultat souhaite Pour ce tutoriel, nous prendrons comme exemple un formulaire d'inscription a un service quelconque. Ce formulaire sera tres 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 verifications : · Pour le champ "Nom d'utilisateur" : on utilisera Ajax pour aller verifier si le nom desire est deja pris ou pas. · Pour le champ "Mot de passe" : on utilisera une fonction Javascript qui affichera un message suivant le niveau de securite du mot de passe (faible/correct/eleve). La verification sera sommaire, car elle dependra seulement du nombre de caracteres saisis. · Pour le champ "Adresse e-mail" : on controlera avec une fonction Javascript si l'adresse saisie respecte bien le format d'une adresse e. [lien] [FR]