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