Conectar-se

Esqueci minha senha

Os membros mais ativos do mês

Quem está conectado
2 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 2 Visitantes

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 19 em Ter Jan 03, 2012 9:38 am
Últimos assuntos
» Equipe Web ASA Fórum
Dom Jun 24, 2012 11:15 am por Alisson Silva

» [Re-Apresentação] Fábio
Sex Maio 25, 2012 4:45 pm por Fábio

» PixelZIP ~ design&programção em só lugar
Sex Maio 25, 2012 4:44 pm por Fábio

» Pedido de logo
Dom Maio 20, 2012 10:06 am por Alisson Silva

» Kernel - Apresentação
Sab Maio 19, 2012 9:49 am por Alisson Silva

» [Galeria] Gabriel Schiavi - Atualizado (20/02 - !5:21)
Sab Maio 19, 2012 9:48 am por Alisson Silva

»  HEBBO HOTEL 24 HORAS ONLINE !!
Sex Maio 04, 2012 7:20 pm por Alisson Silva

» Pedido de Layout
Sex Maio 04, 2012 5:23 pm por Fonsecca

» [RESOLVIDO]TV CCE HPS 2071-D (IMAGEM SÓ EMBAIXO, ACIMA, LINHAS DE RETRAÇO E FAIXA PRÊTA NO TOPO DA TELA).
Qua Abr 11, 2012 4:07 pm por Fry

» [contato] Deixo aqui meus contatos virtuais
Qua Abr 11, 2012 3:25 pm por Fry


[TUTORIAL] Formulário de Postagens

Ir em baixo

[TUTORIAL] Formulário de Postagens

Mensagem por Fry em Sex Dez 30, 2011 7:47 am

[Você precisa estar registrado e conectado para ver 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



[Você precisa estar registrado e conectado para ver esta imagem.] VÍDEO




[Você precisa estar registrado e conectado para ver esta imagem.] CÓDIGOS A SEREM UTILIZADOS

- Atributos dos campos a serem adicionados:
[Você precisa estar registrado e conectado para ver esta imagem.] name : Nome do objeto HTML.
[Você precisa estar registrado e conectado para ver esta imagem.] value : Valor padrão do objeto HTML.
[Você precisa estar registrado e conectado para ver esta imagem.] rows : Quantidade de linhas.
[Você precisa estar registrado e conectado para ver esta imagem.] cols : Quantidade de colunas (caracteres).



- Tipos de campos a serem adicionados:

[Você precisa estar registrado e conectado para ver esta imagem.] Campo de texto
Código: [Você precisa estar registrado e conectado para ver este link.]
<input type="text" name="nome1" value="valor padrão" />

[Você precisa estar registrado e conectado para ver esta imagem.] Caixa de texto
Código: [Você precisa estar registrado e conectado para ver este link.]
<textarea name="nome2" rows="7" cols="7">Valor padrão</textarea>

[Você precisa estar registrado e conectado para ver esta imagem.] Caixa de Seleção
Código: [Você precisa estar registrado e conectado para ver este link.]
<select name="nome3">
<option value="1">Valor 1</option>
<option value="2">Valor 2</option>
<option value="3">Valor 3</option>
</select>

[Você precisa estar registrado e conectado para ver esta imagem.] Campo Oculto
Código: [Você precisa estar registrado e conectado para ver este link.]
<input type="hidden" name="nome4" value="valor padrão oculto" />

[Você precisa estar registrado e conectado para ver esta imagem.] Campo de Radio
Código: [Você precisa estar registrado e conectado para ver 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"/>



- Campos Especiais:
[Você precisa estar registrado e conectado para ver esta imagem.] name="f" : Define o fórum onde o tópico vai ser criado.
[Você precisa estar registrado e conectado para ver esta imagem.] name="subject" : Define o título do tópico.
[Você precisa estar registrado e conectado para ver esta imagem.] name="description" : Define a descrição do tópico.
[Você precisa estar registrado e conectado para ver esta imagem.] name="message" : Define a mensagem do tópico.



- Scripts a serem usados:
[Você precisa estar registrado e conectado para ver esta imagem.] jQuery como usar
Código: [Você precisa estar registrado e conectado para ver este link.]
jQuery('[name="NAME"]').val( 'DEFINIR VALOR' );

[Você precisa estar registrado e conectado para ver esta imagem.] Modificando Campos Especiais
Código: [Você precisa estar registrado e conectado para ver 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' );

[Você precisa estar registrado e conectado para ver esta imagem.] Caracteres Javascript Especiais
Código: [Você precisa estar registrado e conectado para ver este link.]
/*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: [Você precisa estar registrado e conectado para ver este link.]
Código: [Você precisa estar registrado e conectado para ver 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: [Você precisa estar registrado e conectado para ver este link.]
<script src=hI-></script>





© Fórum dos Fóruns & Byte
avatar
Fry
Admintradores
Admintradores

Posts Posts : 175
Idade Idade : 19
Respeito Respeito : 0
Web Moedas Web Moedas : 415

http://Em breve...

Voltar ao Topo Ir em baixo

Re: [TUTORIAL] Formulário de Postagens

Mensagem por Fry em Sex Dez 30, 2011 7:48 am

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


Melhor visualização no seguinte endereço:
[Você precisa estar registrado e conectado para ver este link.]
avatar
Fry
Admintradores
Admintradores

Posts Posts : 175
Idade Idade : 19
Respeito Respeito : 0
Web Moedas Web Moedas : 415

http://Em breve...

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

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