Print Selected Fields Only

Jorge Roberto · Novembro 9, 2010

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

<HEAD>

<!--

@media print {

.DONTPrint{ display:none }

.DOCheck { display:table}

}

-->

</style>

<!--

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

<BODY>

<form>

<tr>

<td width="68" align="center"><strong>Gender</strong></td>

</tr>

<td>Arnold </td>

</tr>

<td>Garth</td>

</tr>

<td>Delia</td>

</tr>

<td>Johnny</td>

</tr>

</tr>

<td>Louise</td>

</tr>

<td>Wayne</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>

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>

<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>

by <a href="http://javascriptsource.com">The JavaScript Source</a></font>

</center><p>

-------------------------------------

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.

Editado Novembro 9, 2010 por Jorge Roberto

Entrar

Print Selected Fields Only

Pergunta

Jorge Roberto

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades