Ir para conteúdo
Fórum Script Brasil

Juliana Caliari

Membros
  • Total de itens

    7
  • Registro em

  • Última visita

Sobre Juliana Caliari

Juliana Caliari's Achievements

0

Reputação

  1. também usei todos estes códigos e não funciona.!!!
  2. Eu agradeço seu interesse, mas felizmente consegui fazer meu menu funcionar. Obrigada!!!
  3. Fiz a alteração, e continua não funcionando. Volta no estado inicial fechando a página e abrindo de novo. Mas assim mesmo, agradeço sua ajuda!!!!!
  4. Este menu será bem simples, com três opções que ficaram visíveis no começo da página. Terá cores diferentes para distinguir a opção do menu usada da não usada. Minha dúvida é como fazer. Fiz separa as três opções, mas ficam diferentes. E depois quando vou colocar numa tabela, o tamanho das imagens não ficam em formato real. O que eu faço?
  5. A frase : <%@LANGUAGE="JAVASCRIPT" CODEPAGE="1252"%> quando eu apago, código da erro. Alguém poderia me ajudar?
  6. Estou fazendo este código em java script e não estou conseguindo deixar no estado inicial o checkbox (desmarcado), o radio Button(desmarcado), e a opção dos menu (selecione uma opção). Alguém poderia me ajudar? Meu código é este: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Testes Templates</title> <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&aacute; ser escolhida a tabela de destino, a tabela de retroalimentação e a tabela dinâmica. Tamb&eacute;m dever&aacute; ser criada a frase que aparecer&aacute; no template, indicando sua parte din&acirc;mica, e o n&uacute;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('tableFeedback')">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> </html>[/codebox]
×
×
  • Criar Novo...