[TUTORIAL] Formulário de Postagens

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

[TUTORIAL] Formulário de Postagens

Mensagem por Byte em 14/12/10, 07:49 pm

   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
- Atributos dos campos a serem adicionados:
Seta name : Nome do objeto HTML.
Seta value : Valor padrão do objeto HTML.
Seta rows : Quantidade de linhas.
Seta cols : Quantidade de colunas (caracteres).
- Tipos de campos a serem adicionados:

Seta Campo de texto
Código:
<input type="text" name="nome1" value="valor padrão" />
Seta Caixa de texto
Código:
<textarea name="nome2" rows="7" cols="7">Valor padrão</textarea>
Seta 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>
Seta Campo Oculto
Código:
<input type="hidden" name="nome4" value="valor padrão oculto" />
Seta 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"/>


- Campos Especiais:
Seta name="f" : Define o fórum onde o tópico vai ser criado.
Seta name="subject" : Define o título do tópico.
Seta name="description" : Define a descrição do tópico.
Seta name="message" : Define a mensagem do tópico.
- Scripts a serem usados:
Seta jQuery como usar
Código:
jQuery('[name="NAME"]').val( 'DEFINIR VALOR' );
Seta 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' );
Seta Caracteres Javascript Especiais
Código:
/*Tipo 1*/
\'
"
\&
\\

/*Tipo 2*/
\n
\t



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


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

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


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



- 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('at;/post?[color=red]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>



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



©️ Fórum dos Fóruns & Byte
avatar

Byte
Membro do Fórum

Masculino
Inscrito dia : 12/02/2009
Mensagens : 1272
Pontos Ativos : 2341

Ver perfil do usuário http://gabionicle.forum.st/

Ativação do formulário no fórum

Mensagem por Shek em 09/01/17, 11:23 am

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


Assista em HD (720p) para obter melhor visualização:
https://www.youtube.com/watch?v=EnqmuP_OvZY
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17902
Pontos Ativos : 22009

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum