DHTML - Trucsweb
http://trucsweb.com/
Aide, tutoriels et outils pour Webmestre
fr-ca
Trucsweb
Django Blais, Conception Oznogco Multimédia
Copyright © 1998-2016 http://neural3.com/propos/
2016-02-27T14:59:59-05:00
daily
2
2000-01-01T12:00+00:00
DHTML - Trucsweb
http://www.trucsweb.com/documents/images/logos/l_tw-tr.png
http://trucsweb.com/
-
Régler le problème des menus déroulants vs calques - Compatibilité à 100%
http://trucsweb.com/tutoriels/dhtml/tw328/
tw328
À 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, un objet comme un menu déroulant cachera vos menus DHTML. Les navigateurs sont en fait incapable de mettre ce type d’objet dans un z-index.
Django (Oznog) Blais
2001-09-08T00:00:00-05:00
Bas-Saint-Laurent
DHTML
Compatibilité du DHTML
dhtml formulaire sélection menu déroulant selection list liste form compatibilité au-dessus au dessus par over cacher clip layer div z-index visibility visible hidden
Text.Article
text/html
Trucsweb
fr-ca
9
26490
-
Pop-up sans bordure et boutons Window - Chromeless Windows de Gabriel Suchowolski
http://trucsweb.com/tutoriels/dhtml/tw320/
tw320
É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é. Elle désactive le bouton de droit et permet de faire des pubs originales et sans ornement.
Django (Oznog) Blais
2001-08-10T00:00:00-05:00
Bas-Saint-Laurent
DHTML
Pop-up sans bordure et boutons Window
Chromeless Windows Gabriel Suchowolski fenêtre pop-up popup sans bordure flotante
Text.Article
text/html
Trucsweb
fr-ca
0
41896
-
Fil d’info déroulant avec pause en DHTML - Compatible Netscape 6, IE4+ et NS4.x
http://trucsweb.com/tutoriels/dhtml/tw290/
tw290
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. La grandeur de la boîte mais aussi la couleur de fond ou une image de fond peuvent êtres ajustés.
Django (Oznog) Blais
2001-03-13T00:00:00-05:00
Bas-Saint-Laurent
DHTML
Défillement de texte vertical
fil info défillement déroulant news message boîte box nouveautées nouveautés layer div paramétrable scroll Pausing updown message scroller pause setTimeout getElementsByTagName style.top innerHTML offsetHeight ilayer relative
Text.Article
text/html
Trucsweb
fr-ca
0
18577
-
Bugs et compatibilité du DHTML - Plus de 500 bogues répertoriés...
http://trucsweb.com/tutoriels/dhtml/tw282/
tw282
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, la difficulté première réside dans l’énorme quantité de « bugs », tout particulièrement avec Netscape 4.x.
Django (Oznog) Blais
2001-02-22T00:00:00-05:00
Bas-Saint-Laurent
DHTML
Introduction au HTML dynamique
bugs erreurs bogues compatibilité dhtml dynamique netscape internet explorer opera problèmes error styles css layer dom dom-1 dom-2 w3c navigateurs propriétées RichInStyle’s mise mozila feuilles css.nu
Text.Article
text/html
Trucsweb
fr-ca
0
9073
-
Régler le problème de position relative avec Netscape 4.x - en utilisant ilayer et layer
http://trucsweb.com/tutoriels/dhtml/tw281/
tw281
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 », entraîne un certain nombre de problèmes quand vient le temps de manipuler les objets avec Netscape 4.x. La solution est de déclarer les objets.
Django (Oznog) Blais
2001-02-21T00:00:00-05:00
Bas-Saint-Laurent
DHTML
Introduction au HTML dynamique
dhtml liens changement changer contenu texte dynamique position layer netscape 6 compatible propriétés div absolute ilayer layer style top left class id document write getElementById innerHTML pixelLeft pixelTop onMouseOver onMouseOut rollover
Text.Article
text/html
Trucsweb
fr-ca
0
20787
-
Modifier le contenu et la position des objets en DHTML - Compatible Netscape 6
http://trucsweb.com/tutoriels/dhtml/tw280/
tw280
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, des images, des tables, du texte...
Django (Oznog) Blais
2001-02-20T00:00:00-05:00
Bas-Saint-Laurent
DHTML
Introduction au HTML dynamique
dhtml liens changement changer contenu texte dynamique position layer netscape 6 compatible propriétés div absolute style top left class id document write getElementById innerHTML pixelLeft pixelTop onMouseOver onMouseOut rollover réactive
Text.Article
text/html
Trucsweb
fr-ca
0
27732
-
Modifier la visibilité des objets en DHTML - Compatible Netscape 6 (DOM-1)
http://trucsweb.com/tutoriels/dhtml/tw279/
tw279
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é, il ne reste qu’à modifier la propriété CSS « style.visibility » de votre objet ou « layer ».
Django (Oznog) Blais
2001-02-19T00:00:00-05:00
Bas-Saint-Laurent
DHTML
Introduction au HTML dynamique
visibilité visible show visibility effacer afficher layer dom invisible hidden hide css style div style.visibility document mozilla netscape internet explorer getElementsByTagName onMouseOver onMouseOut roll over réactif réactive
Text.Article
text/html
Trucsweb
fr-ca
0
33098
-
Initialisation et propriétés des objets en DHTML - Les styles des objets ou CSS-P layer
http://trucsweb.com/tutoriels/dhtml/tw278/
tw278
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, c’est plutôt un concept qui permet, à l’aide de langage « script » comme le Javascript, de manipuler les objets d’un document...
Django (Oznog) Blais
2001-02-19T00:00:00-05:00
Bas-Saint-Laurent
DHTML
Introduction au HTML dynamique
initialisation propriétés objets dhtml styles css-p layers structure dom document object model div parent id div visibilité couleur espacement police position:absolute relative z-index visibility visible left top hidden width height overflow
Text.Article
text/html
Trucsweb
fr-ca
0
27284
-
Détection du DOM pour la compatibilité de vos codes DHTML - En attendant un standard international...
http://trucsweb.com/tutoriels/dhtml/tw277/
tw277
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, en particulier entre Internet Explorer et Netscape.
Django (Oznog) Blais
2001-02-19T00:00:00-05:00
Bas-Saint-Laurent
DHTML
Introduction au HTML dynamique
détection dom sniffer compatibilité javascript dhtml object model navigateurs dom-1 dom-2 internet explorer netscape ns4 ns5 ns6 ie4 ie5 ie5.5 version document.all document.layers document.getElementById opera test compatible include detect.js
Text.Article
text/html
Trucsweb
fr-ca
0
12049
-
Les événements Javascript - Base de la programmation orientée-objet
http://trucsweb.com/tutoriels/dhtml/tw193/
tw193
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.
Django (Oznog) Blais
2000-08-25T00:00:00-05:00
Bas-Saint-Laurent
DHTML
Les événements Javascript
onafterupdate onblur onchange onclick ondbclick onfocus onhelp onkeydown onkeypress onkeyup onLoad onmousedown onmousemove onmouseout onmouseover onmouseup onreadystatechange onreset onresize onscroll onselect onsubmit onunload onerror
Text.Article
text/html
Trucsweb
fr-ca
0
30252
-
Le lien menu - Un lien hypertexte à valeur ajoutée
http://trucsweb.com/tutoriels/dhtml/tw178/
tw178
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, pour ajouter un menu par exemple.
Django (Oznog) Blais
2000-08-22T00:00:00-05:00
Bas-Saint-Laurent
DHTML
Le lien menu
liens dhtml menus hypertexte pop up pop-up popup boîte vertical layers div l array Span id tableau new ilayer visibility show class onclick event cancelbubble return document.layers captureevents position absolute hidden document.all style padding
Text.Article
text/html
Trucsweb
fr-ca
0
17841
-
Le menu caché - compatible IE et Netscape.
http://trucsweb.com/tutoriels/dhtml/tw117/
tw117
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, la barre verticale et une image au bas du menu.
Django (Oznog) Blais
2000-04-04T00:00:00-05:00
Bas-Saint-Laurent
DHTML
Le menu caché
menu caché navigation dhtml javascript html dynamic dynamique timer liens link div style layer position
Text.Article
text/html
Trucsweb
fr-ca
0
18283
-
Défillement de texte vertical - Une touche de professionnalisme.
http://trucsweb.com/tutoriels/dhtml/tw118/
tw118
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. Ajuster les variables est la partie la plus difficile, quelques essais seront nécessaires.
Django (Oznog) Blais
2000-02-04T00:00:00-05:00
Bas-Saint-Laurent
DHTML
Défillement de texte vertical
texte défillement défiler vertical document.write absolute id onmouseout onmouseover settimeout document.all document.layers scroll
Text.Article
text/html
Trucsweb
fr-ca
0
26595
-
Le positionnement absolue des images en DHTML. - Avec une table en pourcentage
http://trucsweb.com/tutoriels/dhtml/tw27/
tw27
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. Le problème vient quand la résolution de l’écran change (parfois de 600p à 1800p) Vos images absolues reste au même endroit mais tout le
Django (Oznog) Blais
1999-04-05T00:00:00-05:00
Bas-Saint-Laurent
DHTML
Compatibilité du DHTML
compatibilité, dhtml, position, absolue, centré, table, pourcentage
Text.Article
text/html
Trucsweb
fr-ca
0
10322
-
Position dynamique avec DIV - Script pour afficher un bloc dynamique sur votre page Web
http://trucsweb.com/tutoriels/dhtml/tw122/
tw122
Script de base pour afficher un objet avec une position X/Y sur une page Web. HTML HEAD TITLEAfficher un bloc avec l’objet DIV/TITLE /HEAD BODY DIV ID=mailblock STYLE=position:absolute; width :auto; height :auto; left :590px; top :400px; background-color:white; A HRE
Django (Oznog) Blais
1998-08-05T00:00:00-05:00
Bas-Saint-Laurent
DHTML
Position dynamique avec DIV
div id style top position absolute px objet affichage bloc dynamique dynamic dhtml
Text.Article
text/html
Trucsweb
fr-ca
0
21379
-
Introduction au HTML dynamique - De plus en plus compatible
http://trucsweb.com/tutoriels/dhtml/tw116/
tw116
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, soit le HTML, les feuilles de style, cascading style sheets...
Django (Oznog) Blais
1998-08-04T00:00:00-05:00
Bas-Saint-Laurent
DHTML
Introduction au HTML dynamique
html dhtml dynamique dynamic netscape communicator w3c world wide web javascript introduction dom
Text.Article
text/html
Trucsweb
fr-ca
0
32495
-
Liens en DHTML - Script pour charger différente page HTML dans un cadre (Fram
http://trucsweb.com/tutoriels/dhtml/tw121/
tw121
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, le nom du fichier en question est passer en paramètre à la fonction. Cette fonction ajoute l’extension .htm au
Django (Oznog) Blais
1998-08-04T00:00:00-05:00
Bas-Saint-Laurent
DHTML
Liens en DHTML
dhtml div onclick parent location lien frame cadre url
Text.Article
text/html
Trucsweb
fr-ca
0
12839
-
Couleur de fond dynamique - Pas très brillant...
http://trucsweb.com/tutoriels/dhtml/tw120/
tw120
Bon, c’est un vieux trucs, je ne sais pas pourquoi je le garde encore... Voyez par vous même l’exemple...
Django (Oznog) Blais
1998-08-04T00:00:00-05:00
Bas-Saint-Laurent
DHTML
Couleur de fond dynamique
couleur fond background dynamique html javascript document.bgcolor x.chri x.txt x.innerhtml x.lng x.txt.length x.style.visibility visible x.msg chr span style display ecal window.settimeout document
Text.Article
text/html
Trucsweb
fr-ca
0
8398
-
Du texte dynamique - Associé à un menu
http://trucsweb.com/tutoriels/dhtml/tw119/
tw119
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.
Django (Oznog) Blais
1998-08-04T00:00:00-05:00
Bas-Saint-Laurent
DHTML
Du texte dynamique
changer lien link url href texte dynamique html javascript conmouseover onmouseout visibility div style new array document.layers document.all open write close show hide position absolute
Text.Article
text/html
Trucsweb
fr-ca
0
12061