Régler le problème des menus déroulants vs calques
Compatibilité à 100%
À part Netscape 6, toutes les versions de navigateurs ont un problème de "z-index" avec les formulaires, les modules externes (plug-in) comme un Flash, et les applets. Toujours placé au-dessus des autres "layer",...
Pop-up sans bordure et boutons Window
Chromeless Windows de Gabriel Suchowolski
Éliminer complètement la bordure, le menu, statut, boutons et logo de Window de vos Pop-up et remplacer ces éléments par vos propres couleurs. Cette fenêtre est très particulière et de toute beauté....
Fil d’info déroulant avec pause en DHTML
Compatible Netscape 6, IE4+ et NS4.x
Une exclusivité des Trucsweb, du moins pour l’instant. Le fil d’info permet de dérouler un nombre x de massages les uns à la suite des autres dans une boîte paramétrable. Le script est très simple à utiliser....
Bugs et compatibilité du DHTML
Plus de 500 bogues répertoriés...
La grande problématique, en développement DHTML, n’est pas tellement la différence de structure du « Document Object Model » (DOM) selon les navigateurs. Bien que ce détail implique une attention toute particulière,...
Régler le problème de position relative avec Netscape 4.x
en utilisant ilayer et layer
Le positionnement « relative » permet de positionner un objet relativement à sa position dans un document. Cette technique utilisée avec un objet « DIV », contrairement au positionnement « absolute »,...
Modifier le contenu et la position des objets en DHTML
Compatible Netscape 6
Modifier les propriétés d’un objet ou « layer » sur une page HTML est pratique mais imaginez le dynamisme d’une page qui permet aux visiteurs de modifiant le contenu de l’objet. Déclarer un objet avec la balise « DIV » et modifier son contenu avec n’importe quel code HTML,...
Modifier la visibilité des objets en DHTML
Compatible Netscape 6 (DOM-1)
Définir la visibilité des objets est ce qu’il y a de plus simple en DHTML. Il n’y a que deux états, soit : visible « visible » et invisible « hidden ». Une fois vos objets déclarés et le test de compatibilité du DOM effectué,...
Initialisation et propriétés des objets en DHTML
Les styles des objets ou CSS-P layer
Comment initialiser les propriétés d’un objet ou « layer » en DHTML et positionner les objets dans un document HTML. Le DHTML ? LE HTML dynamique n’est pas une technique ou un langage en soit,...
Détection du DOM pour la compatibilité de vos codes DHTML
En attendant un standard international...
Le DOM ou « document object model » est particulier à chaque navigateur. Malgré que le W3C essai de persuader les concepteurs de navigateur d'utiliser son standard, soit le DOM-1 et le DOM-2, il existe encore plusieurs modèles selon les navigateurs,...
Les événements Javascript
Base de la programmation orientée-objet
Un document comporte plusieurs objets, les objets peuvent être les éléments d'un formulaire, les images les liens les textes et même le document lui-même etc. Cette technique orientée-objet permet d'isoler les objets entre eux en leur donnant une certaine indépendance....
Le lien menu
Un lien hypertexte à valeur ajoutée
Vous pouvez ajouter à tous vos liens un menu. Ce truc permet d'ajouter un nombre considérable de liens sur un seul lien. Quand votre visiteur clique sur le lien, au lieu de changer de page, un menu vertical apparaît. Il est un peu complexe à modifier,...
Le menu caché
compatible IE et Netscape.
La technique consiste à créer un objet (le menu) et de la positionner à l'extérieur de la fenêtre, une barre verticale sera le bouton utilisé pour faire apparaître et disparaître le menu. L'objet en question contient 3 objets; le menu avec une image de fond,...
Défillement de texte vertical
Une touche de professionnalisme.
Ajouter une touche d'originalité dans vos pages HTML avec un texte qui défile verticalement à l'aide de deux boutons. Nous utiliserons un objet avec une position absolue (X, Y). La première étape consiste à initialiser les variables....
Le positionnement absolue des images en DHTML.
Avec une table en pourcentage
Premièrement ne jamais centrer la Table du niveau supérieur. (qui contient toute les table de votre page). Deuxièmement ne pas non plus donner une dimension en pourcentage de cette même table du niveau supérieur....
Position dynamique avec DIV
Script pour afficher un bloc dynamique sur votre page Web
Script de base pour afficher un objet avec une position X/Y sur une page Web. Afficher un bloc avec l'objet DIV, Contactez-moi
Du texte dynamique
Associé à un menu
Très simple, ce script permet d'utiliser un espace restreint pour plusieurs textes à la fois. Le script est compatible mais il utilise une position relative. En d'autres mots, il n'est pas compatible avec les différentes résolutions d'écran. Cliquer EXEMPLE pour le voir à l'oeuvre.
Introduction au HTML dynamique
De plus en plus compatible
Le HTML dynamique est un ensemble de technologie incorporé à la plupart des navigateur de génération 4. Il permet au HTML de créer des applications interactives. Le HTML dynamique est basé sur plusieurs technologies développées en méme temps par le consortium de World Wide Web,...
Couleur de fond dynamique
Pas très brillant...
Bon, c'est un vieux trucs, je ne sais pas pourquoi je le garde encore... Compliqué pour rendre la vie difficile. Voyez par vous même l'exemple...
Liens en DHTML
Script pour charger différente page HTML dans un cadre (Fram
Vous pouvez charger autant de page html dynamiquement en utilisant l'objet location d'un frame. Prenons un cadre appelé MonCadre, Le code ci-dessous offre plusieurs choix de page aux visiteurs. Quand un visiteur clic sur le nom d'une page,...
|
