[TUTORIAL] Formulário de Postagens

Em algumas seções do fórum é necessário que as mensagens sigam um mesmo padrão. Para que seja mais fácil para os usuários usamos formulários que geram a mensagem ao final e que ele somente tem de preencher o que realmente é necessário. Verá neste tutorial como criar e colocar para funcionar um formulário.

--> Tutoriais e astúcias <--
Formulário de postagens

VÍDEO

CÓDIGOS A SEREM UTILIZADOS

1º - Atributos dos campos a serem adicionados:

name :	Nome do objeto HTML.
value :	Valor padrão do objeto HTML.
rows :	Quantidade de linhas.
cols :	Quantidade de colunas (caracteres).

2º - Tipos de campos a serem adicionados:

Campo de texto

Código:

<input type="text" name="nome1" value="valor padrão" />

Caixa de texto

Código:

<textarea name="nome2" rows="7" cols="7">Valor padrão</textarea>

Caixa de Seleção

Código:

<select name="nome3">
<option value="1">Valor 1</option>
<option value="2">Valor 2</option>
<option value="3">Valor 3</option>
</select>

Campo Oculto

Código:

<input type="hidden" name="nome4" value="valor padrão oculto" />

Campo de Radio

Código:

<input type="radio" name="radio1" value="1" onclick="radio('VF_radio1',this.value);" />
<input type="radio" name="radio1" value="2" onclick="radio('VF_radio1',this.value);" />
<input type="hidden" value="" name="VF_radio1"/>

3º - Campos Especiais:

name="f" :	Define o fórum onde o tópico vai ser criado.
name="subject" :	Define o título do tópico.
name="description" :	Define a descrição do tópico.
name="message" :	Define a mensagem do tópico.

4º - Scripts a serem usados:
jQuery como usar

Código:

jQuery('[name="NAME"]').val( 'DEFINIR VALOR' );

Modificando Campos Especiais

Código:

/*NUMERO DO FORUM*/
jQuery('[name="f"]').val( '1' );

/*VALOR TITULO*/
jQuery('[name="subject"]').val( 'VALOR DO TITULO' );

/*VALOR DESCRIÇAO*/
jQuery('[name="description"]').val( 'VALOR DA DESCRIÇAO' );

/*VALOR MENSAGEM*/
jQuery('[name="message"]').val( 'VALOR DA MENSAGEM' );

Caracteres Javascript Especiais

Código:

/*Tipo 1*/
\'
\"
\&
\\

/*Tipo 2*/
\n
\t

5º - Formulário Final:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>function radio(nameObtido,valObtido){jQuery('[name="'+nameObtido+'"]').val( valObtido );}
function gerarf() {

/* Script do Formulário */
/* 4º */

}</script>
<form action="/posting.forum" method="post" enctype="multipart/form-data">

<!-- HTML do Formulário -->
<!-- 2º -->

<!-- Ocultos -->
<input type="hidden" name="f" value="1" />
<input type="hidden" name="subject" value="O script não enviou o título" />
<input type="hidden" name="description" value="O script não enviou a descrição" />
<input type="hidden" name="message" value="O script não enviou a mensagem" />



<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="lt" value="0" />

<!-- Pré Visualizar -->
<input type="submit" name="preview" class="button2" value="Pré-visualizar" onClick="gerarf();" />

<!-- Enviar -->
<input type="submit" name="post" class="button2" value="Enviar" onClick="gerarf();" /></form>

6º - Ativar formulário nos Fóruns desejados:

CÓDIGO não funciona mais:

Código:

jQuery(document).ready(function() {
if(window.location.href.match(/-fX\/((\?|#).+)?/)) {
jQuery(".i_post, #i_post").parent().attr('href', '/-hY.htm');
}
});

Devido as mudanças de como aparece a URL de uma página web aqui no serviço da Forumeiros, o código acima não funcionará mais, sendo necessário utilizar este novo:

CÓDIGO:

jQuery(document).ready(function() { jQuery('a[href^="/post?f=X&mode=newtopic"]').attr('href', '/hY-'); });

- No lugar de X, coloque o número do fórum em que deseja que o formulário funcione.
- No lugar de Y, coloque o ID da página criada anteriormente.

Código:

<script src=hI-></script>

table][tr][td] [/td][td]Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Formulário de Postagens [/td][/tr][/table]

---

© Fórum dos Fóruns & Byte