Exemplo Anterior-|-Exemplos do Próximo Capítulo-|-Retornar à Listagem dos Capítulos
Exemplo 13.5:
Usando a Matriz Objeto para Visualizar as Propriedades
Este formulário exibe os nomes das propriedades e valores para um objeto.
Selecione um objeto usando os botões de rádio e dê um clique no botão Exibir:
Cuidado: Este programa trava alguns browsers, devido a um erro em JavaScript em algumas versões. Por exemplo, o Atlas Preview Release 2, trava se você usar o botão da opção Window.
Temos estas funções na seção HEAD:
<![CDATA[
<SCRIPT LANGUAGE="JavaScript">
<!--
//======================================================================
//Define os caracteres de nova linha a serem usados na caixa textarea - isso depende da platforma
//em que o browser está rodando
var nl=null
if (navigator.appVersion.lastIndexOf('Win') != -1) {
nl = "\r\n"
}
else {
if (navigator.appVersion.lastIndexOf('Mac') != -1) {
nl = "\r"
}
else {
nl = "\n"
}
}
//==========================================================================
function mostra_propriedades(form, obj, nome_obj) {
var sExibe = ""
var i = 0
for(i in obj) {
sExibe = sExibe + nome_obj + "." + i + " = " + obj[i] + nl
}
form.txtObjectList.value = sExibe
}
//==========================================================================
function LimpaTudo(form) {
//Limpa a caixa Textarea:
form.txtObjectList.value = ""
}
//======================================================================
//Determina qual objeto exibir:
function TipoObjeto(form) {
//Limpa a caixa textarea:
form.txtObjectList.value = ""
if (form.radTipoObjeto[0].checked) {
mostra_propriedades(form, form.TextProps, "Textprops")
return
}
if (form.radTipoObjeto[1].checked) {
mostra_propriedades(form, window, "window")
return
}
if (form.radTipoObjeto[2].checked) {
mostra_propriedades(form, document, "document")
return
}
if (form.radTipoObjeto[3].checked) {
mostra_propriedades(form, form, "Form1")
return
}
if (form.radTipoObjeto[4].checked) {
mostra_propriedades(form, Math, "Math")
return
}
if (form.radTipoObjeto[5].checked) {
mostra_propriedades(form, form.botExibir, 'botExibir')
return
}
if (form.radTipoObjeto[6].checked) {
mostra_propriedades(form, form.radTipoObjeto, 'radTipoObjeto')
return
}
if (form.radTipoObjeto[7].checked) {
mostra_propriedades(form, history, 'history')
return
}
}
//==========================================================================
//-->
</SCRIPT>
]]>
Depois, temos este formulário:
<![CDATA[
<FORM NAME="form1">
<INPUT TYPE="radio" NAME="radTipoObjeto" CHECKED VALUE = "TEXT"
onclick="LimpaTudo(this.form);">Text Box
<INPUT TYPE="radio" NAME="radTipoObjeto"
onclick="LimpaTudo(this.form);">window
<INPUT TYPE="radio" NAME="radTipoObjeto"
onclick="LimpaTudo(this.form);">document
<INPUT TYPE="radio" NAME="radTipoObjeto"
onclick="LimpaTudo(this.form);">form
<INPUT TYPE="radio" NAME="radTipoObjeto"
onclick="LimpaTudo(this.form);">Math
<INPUT TYPE="radio" NAME="radTipoObjeto"
onclick="LimpaTudo(this.form);">Button
<INPUT TYPE="radio" NAME="radTipoObjeto"
onclick="LimpaTudo(this.form);">Radio
<INPUT TYPE="radio" NAME="radTipoObjeto"
onclick="LimpaTudo(this.form);">History
<BR> Textbox object:
<INPUT TYPE="text" NAME="TextProps" size=50 VALUE="Conteúdo da Caixa de Texto -- Experimente Alterar Isto")>
<BR> <INPUT TYPE="button" VALUE="Exibir as Propriedades do Objeto"
NAME=botExibir onclick="TipoObjeto(this.form)">
<BR>
<TEXTAREA NAME="txtObjectList" ROWS=10 COLS=73></TEXTAREA>
</form>
]]>
Exemplo Anterior-|-Exemplos do Próximo Capítulo-|-Retornar à Listagem dos Capítulos