Estou fazendo um código para gerar templates.
Estou usando radio button e checkbox, e não consigo desativar as opções marcadas depois que dou F5.
Alguém poderia me ajudar?
Dúvida em como deixar desativado o radio button e checkbox depois que der F5 na página
J
5 Respostas
la na sua pgina usa o onLoad… eai dentro do metodod JS v desativa 
J
Eu já estou usando onLoad=init() no body. Mas mesmo assim não funciona.
posta o codigo ae…
T
Se está mechendo com templates, vale dar uma olhada no velocity:
http://www.guj.com.br/java.tutorial.artigo.18.1.guj
e
http://www.guj.com.br/java.tutorial.artigo.26.1.guj
J
O meu código é este.
Se alguém poder me ajudar eu agradeço, em relação aos rádios buttons e checkbox que não atualizam com F5 e também com a opção selecione uma opção do menus que não atualizam com F5.
Aguardo respostas!!
<link href="css/estilos.css"
rel="stylesheet" type="text/css" />
<script src="javascript/jquery-1.2.6.min.js"
type="text/javascript"></script>
<script type="text/javascript">
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
var indice = 0;
var codigoTemplate = "";
<!--This function convert template phrase in caracteres-->
$(document).ready( function() {
$("#btnTextoFixo").click( function() {
$("#estrutura").append(
"<tr id='linha" + indice + "'>" +
"<td align='right'>" +
"Texto: " +
"</td>" +
"<td>" +
"<input type='text' class='campoTextoFixo' onkeydown='updatePreview()' onkeyup='updatePreview()'/>" +
"</td>" +
"<td>" +
"<img src='imagens/delete.png' onclick='deleteLine(\"#linha" + indice +"\")'/>" +
"</td>" +
"</tr>"
);
indice++;
updatePreview();
});
$("#btnTextoDinamico").click( function() {
$("#estrutura").append(
"<tr id='linha" + indice + "'>" +
"<td align='right'>" +
"Texto dinâmico da tabela: " +
"</td>" +
"<td>" +
"<select class='listaTabelasDinamicas'><option>teste 1</option><option>teste 2</option></select>" +
"</td>" +
"<td>" +
"<img src='imagens/delete.png' onclick='deleteLine(\"#linha" + indice +"\")'/>" +
"</td>" +
"</tr>"
);
indice++;
updatePreview();
});
$("#btnCampoEntrada").click( function() {
$("#estrutura").append(
"<tr id='linha" + indice + "'>" +
"<td align='right'>" +
"Valor de entrada para a tabela: " +
"</td>" +
"<td>" +
"<select class='listaTabelasRetroalimentacao'><option>teste 1</option><option>teste 2</option></select>" +
"</td>" +
"<td>" +
"<img src='imagens/delete.png' onclick='deleteLine(\"#linha" + indice +"\")'/>" +
"</td>" +
"</tr>"
);
indice++;
updatePreview();
});
$("#btnVerTemplateCodificado").click( function() {
alert( codigoTemplate );
});
});
<!--This function delete wich tex field of linha-->
function deleteLine( idLinha ) {
$(idLinha).remove();
updatePreview();
}
<!--This function get up to date the template-->
function updatePreview() {
var dadosPreview = "<div class='itensPreview'>";
codigoTemplate = "";
for ( i = 0; i < indice; i++ ) {
try {
var campo = $("#linha" + i + " td .campoTextoFixo" );
dadosPreview += "<font class='textoFixo'>" + campo[ 0 ].value + "</font> ";
codigoTemplate += campo[ 0 ].value + " ";
} catch ( err ) {
try {
var campo2 = $("#linha" + i + " td .listaTabelasDinamicas" );
if ( campo2.size() > 0 ) {
dadosPreview += "<font class='textoDinamico'>[texto dinâmico]</font> ";
codigoTemplate += "<$$> ";
} else {
campo2 = $("#linha" + i + " td .listaTabelasRetroalimentacao" );
if ( campo2.size() > 0 ) {
dadosPreview += "<input class='campoTextoRetroPreview'/> ";
codigoTemplate += "<##> ";
}
}
} catch ( err ) {
}
}
}
dadosPreview += "</div>";
$(".itensPreview").remove();
$("#preview").append( dadosPreview );
}
<!-- this funtion to show parts of options Activity and Theme-->
function showPart( namePart ) {
part = document.getElementById( namePart );
part.style.display = "";
}
<!-- this function hide parts of options Activity and Theme-->
function hidePart( namePart ) {
part = document.getElementById( namePart );
part.style.display = "none";
}
<!--This array save the names of Dynamics and Destiny tables, at same time -->
namesTablesDynamicsAndDestiny = new Array(
'CaracteristicasFolclore',
'ComportamentoFolclore',
'PersonagensFolcloricas',
'Acao',
'Posicao',
'Personalidades',
'Definicao',
'Propriedades',
'CausaEConsequencia',
'MetodosContraceptivos',
'SintomasSexo',
'ProblemasProvidenciaSexo',
'DoencasSintomaticas',
'QualidadeSaude',
'AcaoSaude',
'ObjetoSaude',
'Motivacao',
'CriaturasAnimadas',
'Parte',
'Material',
'Objetos',
'Pessoa',
'Locais',
'Frases',
'DitosPopulares');
<!--This array save the names of Destiny table-->
namesTableDestiny = new Array(
'Taxonomia',
'RequisitosSexo',
'DoencasSexuais' );
function loadCompleteDynamicsAndDestiny() {
/*
* Evento do combo dynamics table and destiny
*/
document.getElementById( "tablesDynamicsAndDestiny" ).onchange = function( event ) {
combo = event.target;
optionSelect = combo.selectedIndex;
showTableDynamicsAndDestiny( combo.options[optionSelect].value );
}
};
function showTableDynamicsAndDestiny( tableShowDynamicsAndDestiny ) {
for ( i = 0; i < namesTablesDynamicsAndDestiny.length; i++ ) {
document.getElementById( namesTablesDynamicsAndDestiny[i] ).style.display = "none";
}
document.getElementById( tableShowDynamicsAndDestiny ).style.display = "block";
}
function loadCompleteDestiny() {
/*
* Evento do combo tabelas dinamicas e destino
*/
document.getElementById( "tablesDestiny" ).onchange = function( event ) {
combo = event.target;
optionSelect = combo.selectedIndex;
showTableDestiny( combo.options[optionSelect].value );
}
};
function showTableDestiny( tableShowDestiny ) {
for ( i = 0; i < namesTableDestiny.length; i++ ) {
document.getElementById( namesTableDestiny[i] ).style.display = "none";
}
document.getElementById( tableShowDestiny ).style.display = "block";
}
</script>
</head>
<body onLoad="init()">
<div id="logo" class="sansserif" align="center">
<table border=0 cellpadding=0 cellspacing=0 width=97%>
<tr>
<td width=20 height=20><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/topleft.gif"></td>
<td bgcolor="#b1beff" width=20><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
<td bgcolor="#b1beff" width=99%><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
<td bgcolor="#b1beff" width=20><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
<td bgcolor="#b1beff" width=0><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
<td width=20><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/topright.gif"></td>
</tr>
<tr>
<td bgcolor="#b1beff" height=20><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
<td bgcolor="#b1beff" colspan=4 width=100%>
<br><br>
<table border=0 cellpadding=0 cellspacing=0 width=100%>
<tr>
</table>
<td bgcolor="#b1beff"><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
</tr>
<tr>
<td bgcolor="#b1beff" height=20><img src="C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
<td bgcolor="#b1beff"><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/innertopleft.gif"></td>
<td bgcolor="#ffffff"><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
<td bgcolor="#b1beff"><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/innertopright.gif"></td>
<td bgcolor="#b1beff"><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
<td bgcolor="#b1beff"><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
</tr>
<td bgcolor="#b1beff"><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
<td bgcolor="#ffffff"><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
<td bgcolor="#ffffff" valign=top width=100%>
<center>
</center>
<center>
<table width="90%" cellpadding=2 cellspacing=2 border=0>
<td bgcolor="#330099" align="center" valign="center"> <font face="sans-serif" size="+2" color=#fef259><b>Definir estrutura do
template e sua relação de Minsky </b></font></td>
</table>
</center>
<center>
<table bgcolor=#FFFFFF cellpadding=0 cellspacing=0 border=0 width=90%>
<tr>
<td> <div align="justify"><font size="2" face="Arial, Helvetica, sans-serif" > Nesta etapa deverá ser escolhida a tabela de destino, a tabela de retroalimentação e a tabela dinâmica. Também deverá ser criada a frase que aparecerá no template, indicando sua parte dinâmica, e o números de campos de preenchimento.</p></font></div></td>
</tr>
<table width=90% ><font face="Arial, Helvetica, sans-serif" size="1"></font>
<!--Here the user should write the quantity of templates will be done-->
<tr>
<td height="50">Relações de Minsky:</td>
<td>
<input id="chooseRelation" type="button" value="Selecionar" onClick="showPart('optionRelation')"/>
</td>
<td>
<div id="optionRelation" style="display:none ";>
<table>
<td width="148" height="20"> PropertyOf </td>
<td width="35">
<form name="form1" method="post" action="">
<input type="checkbox" name="optionRelation1" value=" ">
</form>
</td>
<td width="130" align="left"> PrerequisiteEventOf </td>
<td width="35">
<form name="form1" method="post" action="">
<input type="checkbox" name="optionRelation2" value=" ">
</form>
</td>
<td width="101">EffectOf</td>
<td width="35">
<form name="form1" method="post" action="">
<input type="checkbox" name="optionRelation3x" value="checkbox">
</form>
</td>
<td width="163">DesireOf</td>
<td width="41">
<form name="form1" method="post" action="">
<input type="checkbox" name="optionRelation4" value="checkbox">
</form>
</td>
</tr>
<tr>
<td> IsA </td>
<td>
<form name="form1" method="post" action="">
<input type="checkbox" name="optionRelation5" value="checkbox">
</form>
</td>
<td> CapableOf </td>
<td>
<form name="form1" method="post" action="">
<input type="checkbox" name="optionRelation6" value="checkbox">
</form>
</td>
<td>LocationOf</td>
<td>
<form name="form1" method="post" action="">
<input type="checkbox" name="optionRelation7" value="checkbox">
</form>
</td>
<td>MotivationOf</td>
<td>
<form name="form1" method="post" action="">
<input type="checkbox" name="optionRelation8x" value="checkbox">
</form>
</td>
</tr>
<tr>
<td> SuperThematicKLine </td>
<td>
<form name="form1" method="post" action="">
<input type="checkbox" name="optionRelation9" value="checkbox">
</form>
</td>
<td> DefinedAs </td>
<td>
<form name="form1" method="post" action="">
<input type="checkbox" name="optionRelation10x" value="checkbox">
</form>
</td>
<td>LasSubeventOf</td>
<td>
<form name="form1" method="post" action="">
<input type="checkbox" name="optionRelation11" value="checkbox">
</form>
</td>
<td>CapableOfReceivingAction</td>
<td>
<form name="form1" method="post" action="">
<input type="checkbox" name="optionRelation12" value="checkbox">
</form>
</td>
</tr>
<tr>
<td> ThematicKLine </td>
<td>
<form name="form1" method="post" action="">
<input type="checkbox" name="optionRelation13" value="checkbox">
</form>
</td>
<td> MadeOf </td>
<td>
<form name="form1" method="post" action="">
<input type="checkbox" name="optionRelation14" value="checkbox">
</form>
</td>
<td>SubEventOf</td>
<td>
<form name="form1" method="post" action="">
<input type="checkbox" name="optionRelation15" value="checkbox">
</form>
</td>
<td>UsedFor</td>
<td>
<form name="form1" method="post" action="">
<input type="checkbox" name="optionRelation16" value="checkbox"
</form>
</td>
</tr>
<tr>
<td> ConceptuallyRelatedTo </td>
<td>
<form name="form1" method="post" action="">
<input type="checkbox" name="optionRelation17" value="checkbox">
</form>
</td>
<td> PartOf </td>
<td>
<form name="form1" method="post" action="">
<input type="checkbox" name="optionRelation18" value="checkbox">
</form>
</td>
<td>FirstSubeventOf</td>
<td>
<form name="form1" method="post" action="">
<input type="checkbox" name="optionRelation19" value="checkbox">
</form>
</td>
<td>DesirousEffectOf</td>
<td>
<form name="form1" method="post" action="">
<input type="checkbox" name="optionRelation20" value="checkbox">
</form>
</td>
</tr>
</table>
</td>
</div>
</tr>
<tr>
<td width="1" height="50" >Tabelas destino: </td>
<td width="600" align="left">
<form>
<select id="tablesDynamicsAndDestiny" name="tablesDynamicsAndDestiny">
<option value=" ">Selecione uma opção</option>
<option value="CaracteristicasFolclore" onClick="showPart('tableDestiny')">Características do folclore</option>
<option value="ComportamentoFolclore">Comportamentos do Folclore</option>
<option value="PersonagensFolcloricas">Personagens Folclóricas</option>
<option value="Acao">Ação</option>
<option value="Posicao">Posição</option>
<option value="Personalidades">Personalidades</option>
<option value="Definicao">Definição</option>
<option value="Propriedades">Propriedades</option>
<option value="CausaEConsequencia">Causa e consequência</option>
<option value="MetodosContraceptivos">Métodos contraceptivos</option>
<option value="SintomasSexo">Sintomas do Sexo</option>
<option value="ProblemasProvidenciaSexo">Problemas e providência sexo</option>
<option value="DoencasSintomaticas">Doenças causadas por sintomas</option>
<option value="QualidadeSaude">Qualidade saúde</option>
<option value="AcaoSaude">Ação saúde</option>
<option value="ObjetoSaude">Objeto saúde</option>
<option value="Motivacao">Motivação</option>
<option value="CriaturasAnimadas">Criaturas animadas</option>
<option value="Parte">Parte</option>
<option value="Material">Material</option>
<option value="Objetos">Objetos</option>
<option value="Pessoa">Pessoa</option>
<option value="Frases">Frases</option>
<option value="Locais">Locais</option>
<option value="DitosPopulares">Ditos populares</option>
</select>
</form>
</td>
<td width="600" height="90">
<div id="tableDestiny" style="display: none; background: #dde4ff">
Dados da tabela destino
</div>
</td>
</tr>
<tr>
<td width="1" height="50" >Tabelas retroalimentação:</td>
<td width="600" align="left">
<form>
<select id="tablesFeedback" name="tablesFeedback">
<option value=" ">Selecione uma opção </option>
<option value="CaracteristicasFolclore" onClick="showPart('tableRetroalimentacao')">Características do folclore</option>
<option value="ComportamentoFolclore">Comportamentos do Folclore</option>
<option value="PersonagensFolcloricas">Personagens Folclóricas</option>
<option value="Acao">Ação</option>
<option value="Posicao">Posição</option>
<option value="Personalidades">Personalidades</option>
<option value="Definicao">Definição</option>
<option value="Propriedades">Propriedades</option>
<option value="CausaEConsequencia">Causa e consequência</option>
<option value="MetodosContraceptivos">Métodos contraceptivos</option>
<option value="SintomasSexo">Sintomas do Sexo</option>
<option value="ProblemasProvidenciaSexo">Problemas e providência sexo</option>
<option value="DoencasSintomaticas">Doenças causadas por sintomas</option>
<option value="QualidadeSaude">Qualidade saúde</option>
<option value="AcaoSaude">Ação saúde</option>
<option value="ObjetoSaude">Objeto saúde</option>
<option value="Motivacao">Motivação</option>
<option value="CriaturasAnimadas">Criaturas animadas</option>
<option value="Parte">Parte</option>
<option value="Material">Material</option>
<option value="Objetos">Objetos</option>
<option value="Pessoa">Pessoa</option>
<option value="Frases">Frases</option>
<option value="Locais">Locais</option>
<option value="DitosPopulares">Ditos populares</option>
</select>
</form>
</td>
<td width="600" height="90">
<div id="tableFeedback" style="display: none; background: #D9FFDE">
Dados da tabela retroaliementação
</div>
</td>
</tr>
<tr>
<td width="1" height="50" >Exemplos de tabelas :</td>
<div id="optionsExemplesTable" style="display: none; ";>
<td width="600" height="90" align="left">
<form>
<select id="optionsExemplesTable" name="optionsExemplesTable">
<option value=" ">Selecione uma opção</option>
<option name="Exemplos1" onClick="hidePart('table3');hidePart('table2');showPart('table1');hidePart('table3');hidePart('table2')">Exemplo um</option>
<option name="Exemplos2" onClick="hidePart('table3');hidePart('table1');showPart('table2');hidePart('table3');hidePart('table1')" >Exemplo dois</option>
<option name="Exemplos2" onClick="hidePart('table2');hidePart('table1');showPart('table3');hidePart('table2');hidePart('table1')" >Exemplo três</option>
</select>
</form>
</td>
<td width="600" align="left">
<div id="table1" style="display: none;">
<img src="desenhosExemplo/table1.bmp">
</div>
<div id="table2" style="display: none; ">
<img src="desenhosExemplo/table2.bmp">
</div>
<div id="table3" style="display: none; "><!--esta aqui não funciona--->
<img src="desenhosExemplo/table3.bmp">
</div>
</td>
</div>
</tr>
<tr>
<td colspan="2"height="50" ><div align="justify"><font size="2" face="Arial, Helvetica, sans-serif" >Construção da frase do template:</font></div></td>
</tr>
<tr>
<table width="90%" cellpadding=2 cellspacing=2 border=0>
<tr>
<td>
<div id="botoes" align="center">
<input id="btnTextoFixo" type="button" value="Texto fixo"/>
<input id="btnTextoDinamico" type="button" value="Texto retroalimentação"/>
<input id="btnCampoEntrada" type="button" value="Campo de destino"/>
<input id="btnImagemExemplo" type="button" value="Exemplo" onClick="showPart('text1')"/>
</td>
<tr>
<td align="center">
<div id="text1" style="display: none;">
<img src="desenhosExemplo/exempleText.bmp">
</div>
</td>
</div>
<tr>
<td>
<div id="preview" class="estiloPreview">
Preview
<br />
<br />
<div class="itensPreview">
</div>
</div>
</td>
</tr>
<tr>
<td>
<div>
<table id="estrutura">
</table>
</div>
</td>
</tr>
<tr>
<td align="right">
<input id="btnVerTemplateCodificado" type="button" value="Template Codificado"/>
</td>
</tr>
</tr>
</table>
</br>
</br>
</br>
<table width="35%" align="center" border="0">
<div id="Layer4" style="position:absolute; left:277px; top:798px; width:296px; height:19px; z-index:4">
<form name="buttonsLow" method="post" action="">
<!--buttons localizeds in low-->
<input name="button" type="button" value="Explicação detalhada" onClick="MM_openBrWindow('explicacaoDetalhadaEstruturaTemplate.html','','scrollbars=yes,width=450,height=300')"/>
<input name="button" type="button" value="Salvar"/>
<input name="button" type="button" value="Sair" id="button" />
</form>
</div>
</table>
</br>
</br>
<td bgcolor="#ffffff"><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
<td valign=top bgcolor="#b1beff" width=1 height=100%><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
<td bgcolor="#b1beff"><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
<tr>
<td bgcolor="#b1beff" height=20><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
<td bgcolor="#b1beff"><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/innerbottomleft.gif"></td>
<td bgcolor="#ffffff"><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
<td bgcolor="#b1beff"><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/innerbottomright.gif"></td>
<td bgcolor="#b1beff"><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
<td bgcolor="#b1beff"><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
</tr>
<tr>
<td width=20 height=20><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/bottomleft.gif"></td>
<td bgcolor="#b1beff" height=20><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
<td bgcolor="#b1beff"><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
<td bgcolor="#b1beff"><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
<td bgcolor="#b1beff"><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/transparent.gif" width=1 height=1 alt="." border=0></td>
<td><img src="/C:/Program Files/Apache Software Foundation/Tomcat 6.0/webapps/omcs/images/bottomright.gif"></td>
</tr>
</table>
</table>
</div>
</body>
Criado 18 de dezembro de 2008
Ultima resposta 20 de jan. de 2009
Respostas 5
Participantes 3
Alura Git Flow: entenda o que é, como e quando utilizar Entenda o que é Git Flow, como funciona seu fluxo com branches como Master, Develop, Feature, Release e Hotfix, além de vantagens e desvantagens.
Casa do Codigo Desmistificando WebAssembly: Alta performance,... Por Raphael Amorim — Casa do Codigo