Academic Tutorials



English | French | Portugese | Dutch | Italian
Google

Online

À la maison Codes sources E-Livres Téléchargements Nous contacter Au sujet de nous

HTML Tutorials
HTML Tutorial
XHTML Tutorial
CSS Tutorial
TCP/IP Tutorial
CSS 1.0
CSS 2.0
HLML
XML Tutorials
XML Tutorial
XSL Tutorial
XSLT Tutorial
DTD Tutorial
Schema Tutorial
XForms Tutorial
XSL-FO Tutorial
XML DOM Tutorial
XLink Tutorial
XQuery Tutorial
XPath Tutorial
XPointer Tutorial
RDF Tutorial
SOAP Tutorial
WSDL Tutorial
RSS Tutorial
WAP Tutorial
Web Services Tutorial
Browser Scripting
JavaScript Tutorial
VBScript Tutorial
DHTML Tutorial
HTML DOM Tutorial
WMLScript Tutorial
E4X Tutorial
Server Scripting
ASP Tutorial
PERL Tutorial
SQL Tutorial
ADO Tutorial
CVS
Python
Apple Script
PL/SQL Tutorial
SQL Server
PHP
.NET (dotnet)
Microsoft.Net
ASP.Net
.Net Mobile
C# : C Sharp
ADO.NET
VB.NET
VC++
Multimedia
SVG Tutorial
Flash Tutorial
Media Tutorial
SMIL Tutorial
Photoshop Tutorial
Gimp Tutorial
Matlab
Gnuplot Programming
GIF Animation Tutorial
Scientific Visualization Tutorial
Graphics
Web Building
Web Browsers
Web Hosting
W3C Tutorial
Web Building
Web Quality
Web Semantic
Web Careers
Weblogic Tutorial
SEO
Web Site Hosting
Domain Name
Java Tutorials
Java Tutorial
JSP Tutorial
Servlets Tutorial
Struts Tutorial
EJB Tutorial
JMS Tutorial
JMX Tutorial
Eclipse
J2ME
JBOSS
Programming Langauges
C Tutorial
C++ Tutorial
Visual Basic Tutorial
Data Structures Using C
Cobol
Assembly Language
Mainframe
Forth Programming
Lisp Programming
Pascal
Delphi
Fortran
OOPs
Data Warehousing
CGI Programming
Emacs Tutorial
Gnome
ILU
Soft Skills
Communication Skills
Time Management
Project Management
Team Work
Leadership Skills
Corporate Communication
Negotiation Skills
Database Tutorials
Oracle
MySQL
Operating System
BSD
Symbian
Unix
Internet
IP-Masquerading
IPC
MIDI
Software Testing
Testing
Firewalls
SAP Module
ERP
ABAP
Business Warehousing
SAP Basis
Material Management
Sales & Distribution
Human Resource
Netweaver
Customer Relationship Management
Production and Planning
Networking Programming
Corba Tutorial
Networking Tutorial
Microsoft Office
Microsoft Word
Microsoft Outlook
Microsoft PowerPoint
Microsoft Publisher
Microsoft Excel
Microsoft Front Page
Microsoft InfoPath
Microsoft Access
Accounting
Financial Accounting
Managerial Accounting


Comportements de XML DHTML
Previous Next



Comportements

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>



Previous Next

Keywords: XML DHTML Behaviors, internet explorer dhtml, internet explorer dhtml,xml web service


HTML Quizes
HTML Quiz
XHTML Quiz
CSS Quiz
TCP/IP Quiz
CSS 1.0 Quiz
CSS 2.0 Quiz
HLML Quiz
XML Quizes
XML Quiz
XSL Quiz
XSLT Quiz
DTD Quiz
Schema Quiz
XForms Quiz
XSL-FO Quiz
XML DOM Quiz
XLink Quiz
XQuery Quiz
XPath Quiz
XPointer Quiz
RDF Quiz
SOAP Quiz
WSDL Quiz
RSS Quiz
WAP Quiz
Web Services Quiz
Browser Scripting Quizes
JavaScript Quiz
VBScript Quiz
DHTML Quiz
HTML DOM Quiz
WMLScript Quiz
E4X Quiz
Server Scripting Quizes
ASP Quiz
PERL Quiz
SQL Quiz
ADO Quiz
CVS Quiz
Python Quiz
Apple Script Quiz
PL/SQL Quiz
SQL Server Quiz
PHP Quiz
.NET (dotnet) Quizes
Microsoft.Net Quiz
ASP.Net Quiz
.Net Mobile Quiz
C# : C Sharp Quiz
ADO.NET Quiz
VB.NET Quiz
VC++ Quiz
Multimedia Quizes
SVG Quiz
Flash Quiz
Media Quiz
SMIL Quiz
Photoshop Quiz
Gimp Quiz
Matlab Quiz
Gnuplot Programming Quiz
GIF Animation Quiz
Scientific Visualization Quiz
Graphics Quiz
Web Building  Quizes
Web Browsers Quiz
Web Hosting Quiz
W3C Quiz
Web Building Quiz
Web Quality Quiz
Web Semantic Quiz
Web Careers Quiz
Weblogic Quiz
SEO Quiz
Web Site Hosting Quiz
Domain Name Quiz
Java Quizes
Java Quiz
JSP Quiz
Servlets Quiz
Struts Quiz
EJB Quiz
JMS Quiz
JMX Quiz
Eclipse Quiz
J2ME Quiz
JBOSS Quiz
Programming Langauges Quizes
C Quiz
C++ Quiz
Visual Basic Quiz
Data Structures Using C Quiz
Cobol Quiz
Assembly Language Quiz
Mainframe Quiz
Forth Programming Quiz
Lisp Programming Quiz
Pascal Quiz
Delphi Quiz
Fortran Quiz
OOPs Quiz
Data Warehousing Quiz
CGI Programming Quiz
Emacs Quiz
Gnome Quiz
ILU Quiz
Soft Skills Quizes
Communication Skills Quiz
Time Management Quiz
Project Management Quiz
Team Work Quiz
Leadership Skills Quiz
Corporate Communication Quiz
Negotiation Skills Quiz
Database Quizes
Oracle Quiz
MySQL Quiz
Operating System Quizes
BSD Quiz
Symbian Quiz
Unix Quiz
Internet Quiz
IP-Masquerading Quiz
IPC Quiz
MIDI Quiz
Software Testing Quizes
Testing Quiz
Firewalls Quiz
SAP Module Quizes
ERP Quiz
ABAP Quiz
Business Warehousing Quiz
SAP Basis Quiz
Material Management Quiz
Sales & Distribution Quiz
Human Resource Quiz
Netweaver Quiz
Customer Relationship Management Quiz
Production and Planning Quiz
Networking Programming Quizes
Corba Quiz
Networking Quiz
Microsoft Office Quizes
Microsoft Word Quiz
Microsoft Outlook Quiz
Microsoft PowerPoint Quiz
Microsoft Publisher Quiz
Microsoft Excel Quiz
Microsoft Front Page Quiz
Microsoft InfoPath Quiz
Microsoft Access Quiz
Accounting Quizes
Financial Accounting Quiz
Managerial Accounting Quiz

Privacy Policy
Copyright © 2003-2024 Vyom Technosoft Pvt. Ltd., All Rights Reserved.