Jorge Roberto
-
Total de itens
1 -
Registro em
-
Última visita
Sobre Jorge Roberto
Jorge Roberto's Achievements
0
Reputação
-
Ola Pessoal. Eu estou pesquisando a tempos, mexo no dreamweaver, tento editar coisas, muita coisa eu consegui fazer funcionar. Mas estou com um problema que vocês que gostam de Javascript vão gostar de tentar adapta-lo para outras coisas. Quem sabe algúem até o aperfeiçoe e poste no nos códigos do scriptbrasil. O Código que peguei é deste link: http://javascript.internet.com/miscellaneo...ields-only.html Como podem observar é um código interessantissimo, mas eu estou com sérios problemas para adapta-lo a outra necessidade minha. Eu queria em vez dos fields estarem em tabela, eles pudessem ser colocados lado a lado, e paragrafo abaixo de paragrafo. Como por exemplo: Colocar os nomes daquela tabela desta forma: NOTA: "x" é como sendo o checkbox x Walter, x Alan, x wilson, x Maria, x José, etc. E desta forma também com uma frase: x Os itens que encontramos na cozinha sâo: x armario, x freezer, x cama, x bide, x geladeira, x fogão,etc. x Dentro da piscina encontramos: x agua, x sal, x cloro, x girinos, etc. Eu já tentei substutuir os rows por cells no codigo-fonte, não dá certo. Só dá certo fazer frases inteiras de linhas em colunas, como: x balela x abacadabra x encheção de linguiça Vejam como é o código: <!-- TWO STEPS TO INSTALL PRINT SELECTED FIELDS ONLY: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <style type="text/css"> <!-- @media print { .DONTPrint{ display:none } .DOCheck { display:table} } --> </style> <script type="text/javascript"> <!-- /* This script and many more are available free online at The JavaScript Source :: http://javascript.internet.com Created by: Thony den Braber :: http://www.orangespirits.nl */ function select_row(row, color) { if(row.parentNode.parentNode.style.backgroundColor != color) { row.parentNode.parentNode.style.backgroundColor = color; row.parentNode.parentNode.className = 'DOPrint' } else { row.parentNode.parentNode.style.backgroundColor = ''; row.parentNode.parentNode.className = 'DONTprint' } } function mouseover(row, font_color, checkedcolor) { if(row.style.color != checkedcolor) { row.style.color = font_color; } } function mouseout(row, font_color, checkedcolor) { if(row.style.color != checkedcolor) { row.style.color = font_color; } } // --> </script> </HEAD> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> <BODY> <form> <table width="219" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="24" align="center"> </td> <td width="79" align="center"><strong>Name</strong></td> <td width="68" align="center"><strong>Gender</strong></td> <td width="38" align="center"><strong>Age</strong></td> </tr> <tr onmouseover="mouseover(this,'#cc6600','#cc6600');" onmouseout="mouseout(this,'#000000','#000000')" class='DONTPrint'> <td><input type="checkbox" name="checkbox1" onclick="select_row(this, '#cccccc');"></td> <td>Arnold </td> <td><div align="center">M</div></td> <td><div align="center">45</div></td> </tr> <tr onmouseover="mouseover(this,'#cc6600','#cc6600');" onmouseout="mouseout(this,'#000000','#000000')" class='DONTPrint'> <td><input type="checkbox" name="checkbox1" onclick="select_row(this, '#cccccc');"></td> <td>Garth</td> <td><div align="center">M</div></td> <td><div align="center">22</div></td> </tr> <tr onmouseover="mouseover(this,'#cc6600','#cc6600');" onmouseout="mouseout(this,'#000000','#000000')" class='DONTPrint'> <td><input type="checkbox" name="checkbox1" onclick="select_row(this, '#cccccc');"></td> <td>Delia</td> <td><div align="center">F</div></td> <td><div align="center">24</div></td> </tr> <tr onmouseover="mouseover(this,'#cc6600','#cc6600');" onmouseout="mouseout(this,'#000000','#000000')" class='DONTPrint'> <td><input type="checkbox" name="checkbox1" onclick="select_row(this, '#cccccc');"></td> <td>Johnny</td> <td><div align="center">M</div></td> <td><div align="center">65</div></td> </tr> <tr onmouseover="mouseover(this,'#cc6600','#cc6600');" onmouseout="mouseout(this,'#000000','#000000')" class='DONTPrint'> <td><input type="checkbox" name="checkbox1" onclick="select_row(this, '#cccccc');"></td> <td>Mary</td> <td><div align="center">F</div></td> <td><div align="center">34</div></td> </tr> <tr onmouseover="mouseover(this,'#cc6600','#cc6600');" onmouseout="mouseout(this,'#000000','#000000')" class='DONTPrint'> <td><input type="checkbox" name="checkbox1" onclick="select_row(this, '#cccccc');"></td> <td>Louise</td> <td><div align="center">F</div></td> <td><div align="center">18</div></td> </tr> <tr onmouseover="mouseover(this,'#cc6600','#cc6600');" onmouseout="mouseout(this,'#000000','#000000')" class='DONTPrint'> <td><input type="checkbox" name="checkbox1" onclick="select_row(this, '#cccccc');"></td> <td>Wayne</td> <td><div align="center">M</div></td> <td><div align="center">22</div></td> </tr> </table> </form> <p class="DONTPrint">[<em>The text below is visible on the page, but will not be printed out.</em>] Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> <p class="DONTPrint"> Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto.</p> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> <!-- Script Size: 5.34 KB --> ------------------------------------- Enfim, eu quero substituir a forma deste form em tabela para um form normal apenas com linhas e checkbox um do lado do outro e também abaixo um do outro. como se faz isto? Alguém tem uma idéia? Obrigado pelas respostas e ajudas.