[TUTORIAL] Formulário de Postagens

por **Fry** Sex Dez 30, 2011 7:47 am

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

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: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]: <input type="text" name="nome1" value="valor padrão" />

Caixa de texto

Código: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]: <textarea name="nome2" rows="7" cols="7">Valor padrão</textarea>

Caixa de Seleção

Código: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]: <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: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]: <input type="hidden" name="nome4" value="valor padrão oculto" />

Campo de Radio

Código: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]: <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: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]: jQuery('[name="NAME"]').val( 'DEFINIR VALOR' );

Modificando Campos Especiais

Código: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]: /*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: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]: /*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">





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


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


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

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

Código: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Código: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]: 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: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]: <script src=hI-></script>

por **Fry** Sex Dez 30, 2011 7:48 am

Ativação do formulário de postagens - Vídeo tutorial

[TUTORIAL] Formulário de Postagens

[TUTORIAL] Formulário de Postagens

Re: [TUTORIAL] Formulário de Postagens