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 |
|
|
Comportamentos de XML DHTML |
As extens�es Behavioral fornecem uma maneira padr�o para a declara��o dos comportamentos aut�nomos que podem ser unidos a todo o elemento do HTML ou do XML, sem a modifica��o do DTD. Baseado em parte em extens�es ao estilo sendo conectado em cascata Sheets (CSS), estes comportamentos pode ser aplicado aos originais m�ltiplos usando o CSS existente que liga mecanismos.
Com XML n�s podemos ligar comportamentos a todo o elemento em um Web page e manipular esse elemento.
DHTML est�o usando um atributo do CSS chamado �comportamento� no lugar do Tag do <script>. Este �comportamento� especifica um URL a uma lima de HTC que contenha o comportamento real (a lima de HTC � escrita em XML)
|
Sintaxe
|
behavior: url(some_filename.htc)
|
Nota: O atributo do comportamento � suportado somente por IE 5 e mais elevado. Todos browsers restantes o ignorar�o, significam que Mozilla, Firefox, Netscape e outros browsers ver�o somente que o �ndice e o IE regulares 5+ podem ver os comportamentos de DHTML.
|
Benef�cios:
|
Os comportamentos de DHTML fazem coisas mais f�ceis para todos envolvido no processo do desenvolvimento da correia fotorreceptora e adicionam o valor grande a um ambiente da aplica��o da correia fotorreceptora. No mundo real, este ambiente consiste em uma equipe de autores, de desenhadores, e de colaboradores satisfeitos. Os autores satisfeitos s�o respons�veis para o �ndice da escrita. Os desenhadores determinam que efeitos interativos podem ser adicionados ao �ndice, quando os colaboradores executarem aqueles efeitos.
A seguinte se��o esbo�a as vantagens e os benifits usando comportamentos.
- Os comportamentos fornecem meios para reusar do c�digo e Encapsulation do certificado
- Os comportamentos permitem que os desenhadores adicionem efeitos interativos com uma sintaxe declarativa simples
- Certificado do Isolate dos comportamentos do �ndice, tendo por resultado p�ginas mais manageable e mais limpas
- Os comportamentos redigem F�cil-�-Cr�am componentes
|
Os comportamentos fornecem meios para reusar do c�digo e Encapsulation do certificado |
Com comportamentos, � muito f�cil adicionar efeitos interativos como os componentes encapsulated que podem re�so atrav�s das p�ginas m�ltiplas. Por exemplo, considerar um dos efeitos mais populares feitos poss�veis no Internet Explorer 4.0: destaques do onmouseover. Com o uso de r�guas do CSS, e a abilidade mudar sobre estilos - - mosca, � f�cil conseguir este efeito em uma p�gina. No Internet Explorer 4.0, a maneira executar destaques do onmouseover em um artigo da lista, ou o li, seriam segurar desse modo os eventos do onmouseover e do onmouseout:
|
<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>
|
Come�ando com o Internet Explorer 5, um comportamento de DHTML pode ser executado para conseguir este efeito. Este comportamento, quando aplicado a um elemento do li, estende o comportamento do defeito do artigo da lista para mudar sua cor quando o usu�rio move o rato sobre ele.
O seguinte exemplo executa um comportamento no formul�rio de uma lima componente do HTML (HTC), que seja contida na lima de hilite.htc, para conseguir o efeito do destaque do onmouseover. O comportamento � aplicado ao li com o bloco familiar do estilo, usando o atributo proposto de CSSbehavior que especifica a posi��o do comportamento. Com o comportamento aplicado, o c�digo precedente pode olhar qualquer outra coisa semelhante no Internet Explorer 5 e mais atrasado:
|
<HEAD>
<STYLE>
LI {behavior:url(hilite.htc)}
</STYLE>
</HEAD>
<BODY>
<UL>
<LI>HTML Authoring</LI>
</UL>
</BODY>
|
Os comportamentos permitem que os desenhadores adicionem efeitos interativos com uma sintaxe declarativa simples
|
Atualmente, a tarefa de adicionar efeitos interativos a uma p�gina pode envolver um processo iterativo longo entre o desenhador e o colaborador que tentam dar a p�gina que olhar perfeito. O desenhador, geralmente com fundo de programa��o limitado, mocks acima do efeito desejado no �ndice em um ambiente publicar desktop, e dos trabalhos pr�xima com o colaborador para conseguir o mesmo efeito na p�gina, geralmente com HTML din�mico.
Com comportamentos, um colaborador pode trabalhar independentemente em encapsulating o efeito desejado em uma lima separada, quando o desenhador se aplicar que comportamento aos elementos na p�gina com alguns atributos do CSS. Fornecendo uma sintaxe declarativa simples, n�o requerendo nenhum conhecimento pr�-requisito de scripting e de DHTML, os comportamentos empower desenhadores da correia fotorreceptora para adicionar f�cilmente efeitos interativos a um �ndice de outra maneira de est�tica. Como visto no exemplo precedente, adicionar um onmouseover que destaca o efeito em um artigo da lista � t�o f�cil quanto adicionando o bloco familiar do estilo, na mesma maneira um estilo � unido exatamente a um elemento com o CSS.
|
Certificado do Isolate dos comportamentos do �ndice, tendo por resultado p�ginas mais manageable e mais limpas
|
Os comportamentos fornecem a divis�ria f�cil do certificado dos �ndices, porque move todo o certificado contido em uma p�gina em uma lima separada. O exemplo precedente demonstrado como o certificado segurar os eventos do onmouseover e do onmouseout foi movido para uma lima separada, hilite.htc. Este exemplo pode ser estendido ao �ndice escondendo do instrumento e indic�-lo, fazendo o mesmo mais f�cil de ver como os comportamentos podem fazer uma diferen�a, e como a isola��o do certificado resulta em uma p�gina mais limpa, certificado-livre. O seguinte exemplo demonstra o uso dos dois efeitos, do destaque do onmouseover e �ndice indicando/escondendo, em um scenario do �ndice. O mesmo exemplo foi executado duas maneiras diferentes:
|
<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>
|
Os comportamentos redigem F�cil-�-Cr�am componentes
|
As limas de HTC fornecem a maneira a mais f�cil e a mais r�pida criar comportamentos de DHTML usando l�nguas scripting tais como a edi��o b�sica visual de Microsoft Scripting (VBScript) e o Microsoft JScript (compat�vel com especifica��o da l�ngua de ECMA 262). Entretanto, como todo o componente usado no Internet hoje, os comportamentos executaram usando o componente do certificado do Microsoft Windows (WSC) ou o Microsoft C++ visual.
O comportamento usado no exemplo precedente aplicar o evento que do onmouseover � efeito foi executado como um HTC e envolve apenas algumas linhas do c�digo. O c�digo consiste principalmente no certificado, com um n�mero de elementos feitos sob encomenda usados definir o comportamento. Observar que o uso do P�BLICO: UNIR o elemento que permite que um HTC escute dentro nos eventos ateados fogo no elemento na p�gina e segure os eventos apropriadamente. Assim fornece os meios encapsulate o evento que segura o c�digo que seria posto de outra maneira sobre a p�gina.
|
<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 |
|
|