[TUTORIAL] Formulário de Postagens Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

[TUTORIAL] Formulário de Postagens

2 participantes

Ir para baixo

[TUTORIAL] Formulário de Postagens Empty [TUTORIAL] Formulário de Postagens

Mensagem por Byte 14.12.10 21:49

[TUTORIAL] Formulário de Postagens Scripts    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



[TUTORIAL] Formulário de Postagens Logo VÍDEO

[TUTORIAL] Formulário de Postagens Logo 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:
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>


[TUTORIAL] Formulário de Postagens Act_bottom
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
Byte
Byte
Super Membro

Membro desde : 12/02/2009
Mensagens : 1272
Pontos : 2341

http://gabionicle.forum.st/

Ir para o topo Ir para baixo

[TUTORIAL] Formulário de Postagens Empty Ativação do formulário no fórum

Mensagem por Shek 09.01.17 13:23

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
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos