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 |
|
|