HTML Tutorials |
|
XML Tutorials |
|
Browser Scripting |
|
Server Scripting |
|
.NET (dotnet) |
|
Multimedia |
|
Web Building |
|
Java Tutorials |
|
Programming Langauges |
|
Soft Skills |
|
Database Tutorials |
|
Operating System |
|
Software Testing |
|
SAP Module |
|
Networking Programming |
|
Microsoft Office |
|
Accounting |
|
|
Comportements de XML DHTML |
Les prolongements comportementaux fournissent une manière standard pour la déclaration des comportements autonomes qui peuvent être attachés à n'importe quel élément de HTML ou de XML, sans modification du DTD. En partie basé sur des prolongements au modèle de cascade couvre (CSS), ces comportements peut être appliqué aux documents multiples en utilisant le CSS existant liant des mécanismes.
Par XML nous pouvons lier des comportements à n'importe quel élément dans une page Web et manoeuvrer cet élément.
DHTML emploient un attribut de CSS appelé le « comportement » au lieu de l'étiquette de <script>. Ce « comportement » indique un URL à un dossier de HTC qui contient le comportement réel (le dossier de HTC est écrit dans XML)
|
Syntaxe
|
behavior: url(some_filename.htc)
|
Note : L'attribut de comportement est seulement soutenu par IE 5 et plus haut. Tous autres navigateurs l'ignoreront, signifie que Mozilla, Firefox, Netscape et d'autres navigateurs verront seulement que le contenu et l'IE réguliers 5+ peuvent voir les comportements de DHTML.
|
Avantages :
|
Les comportements de DHTML facilite des choses pour chacun impliqué dans le procédé de développement de Web et ajoute la grande valeur à un environnement d'application de Web. Dans le réel, cet environnement se compose d'une équipe d'auteurs, de concepteurs, et de lotisseurs contents. Les auteurs contents sont responsables du contenu d'écriture. Les concepteurs déterminent quels effets interactifs peuvent être ajoutés au contenu, alors que les réalisateurs mettent en application ces effets.
La section suivante décrit les avantages et les benifits en employant des comportements.
- Les comportements fournissent des moyens pour la réutilisation de code et l'encapsulation de manuscrit
- Les comportements permettent à des concepteurs d'ajouter des effets interactifs avec une syntaxe déclarative simple
- Manuscrit d'isolat de comportements de contenu, ayant pour résultat des pages plus maniables et plus propres
- Les comportements rédigent Facile-à-Créent des composants
|
Les comportements fournissent des moyens pour la réutilisation de code et l'encapsulation de manuscrit |
Avec des comportements, il est très facile d'ajouter des effets interactifs en tant que composants encapsulés qui peuvent être réutilisés à travers les pages multiples. Par exemple, considérer un des effets plus populaires possibles dans l'Internet Explorer 4.0 : points culminants d'onmouseover. Par l'utilisation des règles de CSS, et la capacité de changer des modèles en marche, il est facile de réaliser cet effet à une page. Dans l'Internet Explorer 4.0, la manière de mettre en application des points culminants d'onmouseover sur un article de liste, ou le Li, serait de manipuler les événements d'onmouseover et d'onmouseout de cette manière :
|
<HEAD>
<STYLE>
HILITE
{ color:red;letter-spacing:2; }
</STYLE>
</HEAD>
<BODY>
<UL>
<LI onmouseover="this.className='HILITE'"
onmouseout ="this.className=''">HTML Authoring</LI>
</UL>
</BODY>
|
Commençant par l'Internet Explorer 5, un comportement de DHTML peut être mis en application pour réaliser cet effet. Ce comportement, une fois appliqué à un élément de Li, prolonge le comportement du défaut de l'article de liste pour changer sa couleur quand l'utilisateur déplace la souris au-dessus de elle.
L'exemple suivant met en application un comportement sous forme de dossier composant de HTML (HTC), qui est contenu dans le dossier de hilite.htc, pour réaliser l'effet de point culminant d'onmouseover. Le comportement est appliqué au Li avec le bloc familier de modèle, en utilisant l'attribut proposé de CSSbehavior qui indique l'endroit du comportement. Avec le comportement s'est appliqué, le code précédent peut regarder n'importe quoi de pareil dans l'Internet Explorer 5 et plus tard :
|
<HEAD>
<STYLE>
LI {behavior:url(hilite.htc)}
</STYLE>
</HEAD>
<BODY>
<UL>
<LI>HTML Authoring</LI>
</UL>
</BODY>
|
Les comportements permettent à des concepteurs d'ajouter des effets interactifs avec une syntaxe déclarative simple
|
Actuellement, le charger d'ajouter des effets interactifs à une page peut comporter un processus itératif prolongé entre le concepteur et le lotisseur essayant de donner la page qui regard parfait. Le concepteur, habituellement avec le fond de programmation limité, raille vers le haut de l'effet désiré sur le contenu dans un environnement d'édition d'ordinateur de bureau, et des travaux étroitement avec le réalisateur pour réaliser le même effet à la page, habituellement avec le HTML dynamique.
Avec des comportements, un réalisateur peut fonctionner indépendamment sur encapsuler l'effet désiré en dossier séparé, alors que le concepteur s'applique que comportement aux éléments à la page avec quelques attributs de CSS. En fournissant une syntaxe déclarative simple, n'exigeant aucune connaissance nécessaire de scripting et de DHTML, les comportements autorisent des concepteurs de Web pour ajouter facilement des effets interactifs à un contenu autrement statique. Comme vu dans l'exemple précédent, ajouter un onmouseover accentuant l'effet sur un article de liste est aussi facile qu'ajoutant le bloc familier de modèle, exactement de la même manière un modèle est attaché à un élément par le CSS.
|
Manuscrit d'isolat de comportements de contenu, ayant pour résultat des pages plus maniables et plus propres
|
Les comportements fournissent la cloison facile du manuscrit du contenu, car elle déplace tout le manuscrit contenu dans une page dans un dossier séparé. L'exemple précédent a démontré comment le manuscrit manipuler les événements d'onmouseover et d'onmouseout a été déplacé à un dossier séparé, hilite.htc. Cet exemple peut être prolongé au contenu se cachant d'instrument et le montrer, le facilitant encore pour voir comment les comportements peuvent faire une différence, et comment l'isolement de manuscrit a comme conséquence une page plus propre et manuscrit-libre. L'exemple suivant démontre l'utilisation des deux effets, du point culminant d'onmouseover et du contenu montrant/se cachant, dans un scénario de table des matières. Le même exemple a été mis en application deux manières différentes :
- Pour l'Internet Explorer 5.0 et plus tard, en utilisant le HTML dynamique
En utilisant des comportements de DHTML, le code pour mettre en application la même table des matières regarde beaucoup plus propre, comme la majeure partie du manuscrit est isolée dans un dossier séparé.
|
<HEAD>
<STYLE>
CollapsingAndHiliting {behavior:url(ul.htc) url(hilite.htc))}
A {behavior:url(hilite.htc)}
</STYLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<FONT SIZE=1 FACE="Verdana,Arial,Helvetica">
<UL>
<LI CLASS="CollapsingAndHiliting" CHILD="Topics1">HTML
Authoring</LI>
<UL ID="Topics1">
<LI><A HREF="/workshop/author/default.asp">Beginner's Guide</A></LI>
<LI><A HREF="/workshop/author/default.asp">IE4.0 Authoring
Tips</A></LI>
<LI><A HREF="/workshop/author/default.asp">HTML Coding Tips</A></LI>
<LI><A HREF="/workshop/author/default.asp">Table Cell
Backgrounds</A></LI>
<LI><A HREF="/workshop/author/default.asp">Drop Caps</A></LI>
<LI><A HREF="/workshop/author/default.asp">Quote Server</A></LI>
<LI><A HREF="/workshop/author/default.asp">HTML Wizard</A></LI>
<LI><A HREF="/workshop/author/default.asp">Dr. HTML</A></LI>
<LI><A HREF="/workshop/author/default.asp">HTML Coding FAQ for
Internet Explorer</A></LI>
<LI><A HREF="/workshop/author/default.asp">SGML DTD for Internet
Explorer 3.0 Markup</A></LI>
<LI><A HREF="/workshop/author/default.asp">Authoring Basics</A></LI>
<LI><A HREF="/workshop/author/default.asp">Authoring Effective
Pages</A></LI>
<LI><A HREF="/workshop/author/default.asp">Designing Efficient
Pages</A></LI>
<LI><A HREF="/workshop/author/default.asp">Using Frames</A></LI>
</UL>
<LI><A HREF="/workshop/author/default.asp">HTML Help
Authoring</A></LI>
<LI CLASS="CollapsingAndHiliting" CHILD="Topics2">HTML
References</LI>
<UL ID="Topics2">
<LI><A HREF="/workshop/author/default.htm">Elements</A></LI>
<LI><A HREF="/workshop/author/default.htm">Character Sets</A></LI>
</UL>
<LI CLASS="CollapsingAndHiliting" CHILD="Topics3">HTML Applications
(HTA)</LI>
<UL ID="Topics3">
<LI><A HREF="/workshop/author/default.htm">Overview</A></LI>
<LI><A HREF="/workshop/author/default.htm">Reference</A></LI>
</UL>
</UL>
</FONT>
</BODY>
|
Les comportements rédigent Facile-à-Créent des composants
|
Les dossiers de HTC fournissent la manière la plus facile et la plus rapide de créer des comportements de DHTML en utilisant des langues scripting telles que l'édition de base visuelle de Microsoft Scripting (VBScript) et le Microsoft JScript (compatible avec des spécifications de langue d'ECMA 262). Cependant, comme n'importe quel composant utilisé sur l'Internet aujourd'hui, les comportements ont mis en application en utilisant le composant de manuscrit de Microsoft Windows (WSC) ou le Microsoft C++ visuel.
Le comportement employé dans l'exemple précédent pour appliquer l'événement d'onmouseover que c'est effet a été mis en application comme HTC et implique juste quelques lignes de code. Le code consiste principalement en manuscrit, avec un certain nombre d'éléments faits sur commande employés pour définir le comportement. Noter que l'utilisation du PUBLIC : ATTACHER l'élément qui permet à un HTC d'écouter dedans sur des événements mis le feu sur l'élément à la page et de manipuler les événements convenablement. Ainsi il fournit les moyens encapsulent l'événement manipulant le code qui serait autrement mis sur la page.
|
<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="Hilite()" />
<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="Restore()" />
<SCRIPT LANGUAGE="JScript">
var normalColor;
function Hilite()
{
if (event.srcElement == element)
{
normalColor = style.color;
runtimeStyle.color = "red";
runtimeStyle.cursor = "hand";
}
}
function Restore()
{
if (event.srcElement == element)
{
runtimeStyle.color = normalColor;
runtimeStyle.cursor = "";
}
}
</SCRIPT>
|
Keywords: XML DHTML Behaviors, internet explorer dhtml, internet explorer dhtml,xml web service
|
|
HTML Quizes |
|
XML Quizes |
|
Browser Scripting Quizes |
|
Server Scripting Quizes |
|
.NET (dotnet) Quizes |
|
Multimedia Quizes |
|
Web Building Quizes |
|
Java Quizes |
|
Programming Langauges Quizes |
|
Soft Skills Quizes |
|
Database Quizes |
|
Operating System Quizes |
|
Software Testing Quizes |
|
SAP Module Quizes |
|
Networking Programming Quizes |
|
Microsoft Office Quizes |
|
Accounting Quizes |
|
|