Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Sander Luís

[Resolvido] Slide to Login?

Por , em PHP

Recommended Posts

Sander Luís    4

Sander Luís
Postado

ae pessoal, como q faço um login como este:

 

http://templates.tricyclelabs.com/adminica/login.php

 

mas dae quando puxa o slide pra direita teria q executar uma função do php pra validar os dados, e não do javascript

 

a final, com q faço o botão la do slide??

 

acho q vou baixar a pagina pro pc e deixar só o botão...

 

kkkk

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dii    15

Dii
Postado

É...

 

Pelo que eu vejo, você não tem conhecimento algum né? Procure por isso e você será apto a fazer isso.

 

- HTML ( Para aprender a estruturação e organização das marcações em geral )

- Javascript ( Para ter um pouco sobre a Linguagem de Programação )

- jQuery ( Para aprneder a fazer efeitos de maneira rápida e eficaz )

- Aprenda a postar no Fórum ( Leia antes de postar suas dúvidas ) :thumbsup:

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_php    0

visitante_php
Postado

É...

 

Pelo que eu vejo, você não tem conhecimento algum né? Procure por isso e você será apto a fazer isso.

 

- HTML ( Para aprender a estruturação e organização das marcações em geral )

- Javascript ( Para ter um pouco sobre a Linguagem de Programação )

- jQuery ( Para aprneder a fazer efeitos de maneira rápida e eficaz )

- Postar no Tópico ( Leia antes de postar suas dúvidas ) :thumbsup:

 

so complementando, postando o topico no forum certo, aki eh php, e deveria psotar no de javascrpt...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Sander Luís    4

Sander Luís
Postado

puts, fazer eu sei.. mas como q faço pra executar uma função do php quando terminar de puxar tipo valida()

 

......

 

não sei tudo mas tbm não sou burro né..

oq falta pra mim e fazer o dito slide voltar pra traz de eu soltar ele no meio do caminho e tbm executar uma função do php quando puxar ate no final..

 

http://sandersites.com.br/UI/development-bundle/demos/#slider|default

 

outra, o link q pasei tah em php mas é só demo dae não valida nada de php só em javascript ...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Sander Luís    4

Sander Luís
Postado

pra fazer isso você vai usar uma funcao do javascript pra integrar com o php....uma delas pode ser o ajax...

 

olha o q eu configurei

 

http://sandersites.com.br/slide/

 

ae no code tem um input type="hidden"

 

e quando eu puxo a barrinha pra direita, os numeros q aparecem em baixo tbm são enviados para o input

e vai alterando o seu value

 

o q eu queria é q quando o value do input seja =100 ele execute a função do php..

 

ajax realmente nunca entendi muito...

 

como q eu faria isso? só uma explicação ou exemplo se naum quiserem dizer pronto para meu script :thumbsup:

 

ae é claro...

 

com ajax fica legal... tipo eu puxo um poco a barrinha...

 

dae o value ainda não vai ser =100 então ainda não vai executar a função q valida os campos no php

 

mas quando o value for =100 dae sim então o ajax chama a função em php q valida se os imputs serão preeenchido..

 

os imputs e tals e o sistema de login ja tenho pronto só falta colocar no layout...

 

pra acharem q sou burro e tals..

 

tah aki o sistema funcionando:

 

login: http://sandersites.com.br/4/login2/login.php

cadastro: http://sandersites.com.br/4/login2/cadastro.php

nova senha: http://sandersites.com.br/4/login2/nova_senha.php

 

e acharem m***** azar, pq só novato e einda fiz tudo sozinho e to fazendo o maximo para ficar bem em todos os navegadores..

 

afinal os links q passei era somente pra teste aonde vou implementar vai ser no novo layout do site:

 

http://sandersites.com.br/novo/entrar.html dae vou colocar para php e tals e vou colocar os sistema funcional com basse ae..

 

quero usar o minimo de imagens no site...

 

podem ver lá to usando quase que cs purro e tah ficando legal e leve..

 

mas olha esse link q passei é só a base

 

falta o menu de cima o 2º menu

e tbm o rodapé... afinal é só a carcaça q to fazendo e testando nos navegadores..

 

usei tbm css3 e para os iecas da vida vou por um png de 1px e dar repeat-x pra simular os gradientes e tals..

 

a final oq eu quero é chamar uma função do php quando o value do input seja =100

ja pra voltar sozinho pro inicio ja tou ageitando com jquery...

 

Dii, acho q não tinha falado bem oq eu queria por isso o xingão... mas acho q só em html e jquey não dah pra fazer o login funcionar certo? :grin: brinks

Compartilhar este post

Link para o post
Compartilhar em outros sites

Sander Luís    4

Sander Luís
Postado

bonito, ficou, eu realmente nao faria tao bonito, eu prefiro programacao, vamos la

 

o q eu queria é q quando o value do input seja =100 ele execute a função do php..

primeiro leia a documentacao, la deve ter algo sobre funcoes callback

 

 

ajax realmente nunca entendi muito...

ajax com jquery eh muito mais simples do q implementar na mao

$.ajax({type:'post',//tipo da requisicaourl:'pagina.php',//pagina q vai receber os dadosdata:$("#seuform").serialize(),//ele junta todos os campos do form numa unica chamada de funcao, so funciona com formsuccess:function(data){//success eh uma das funcoes de callback do ajax, quando o ajax teve sucesso, so o ajax, e nao o login em si},beforeSend:function(){//outra funcao de callback, eu gosto de usar ela pra deixa o loagind girando na tela...}})

esta bem choxo, mas so pra você ter a ideia do q fazer...

 

bonito, ficou, eu realmente nao faria tao bonito, eu prefiro programacao, vamos la

 

o q eu queria é q quando o value do input seja =100 ele execute a função do php..

primeiro leia a documentacao, la deve ter algo sobre funcoes callback

 

 

ajax realmente nunca entendi muito...

ajax com jquery eh muito mais simples do q implementar na mao

$.ajax({type:'post',//tipo da requisicaourl:'pagina.php',//pagina q vai receber os dadosdata:$("#seuform").serialize(),//ele junta todos os campos do form numa unica chamada de funcao, so funciona com formsuccess:function(data){//success eh uma das funcoes de callback do ajax, quando o ajax teve sucesso, so o ajax, e nao o login em si},beforeSend:function(){//outra funcao de callback, eu gosto de usar ela pra deixa o loagind girando na tela...}})

esta bem choxo, mas so pra você ter a ideia do q fazer...

vlw man..

 

vou tentar ver mais sobre o ajax... realmente é um poco de falta de tempo... e aulas provas e tals parece q o ajax naum tava entrando aki, tava com a mente " :lock: " kkkkkkkkk

 

sobre ele voltar:

 

http://jqueryui.com/demos/draggable/#revert

 

ae tbm falta eu colocar tbm no script...

 

vlw

Compartilhar este post

Link para o post
Compartilhar em outros sites

Sander Luís    4

Sander Luís
Postado

vlw, olha agora s enão for demais me dah uma ajudinha aki você q sabe bem de ajax:

$.ajax({
type:'post',//tipo da requisicao
url:'pagina.php',//pagina q vai receber os dados
data:$("#seuform").serialize(),//ele junta todos os campos do form numa unica chamada de funcao, so funciona com form
success:function(data){
//success eh uma das funcoes de callback do ajax, quando o ajax teve sucesso, so o ajax, e nao o login em si
},
beforeSend:function()
{
//outra funcao de callback, eu gosto de usar ela pra deixa o loagind girando na tela...
}
})

 

então:

 

digamos q tenho aki o meu form

 

  <form action="" method="post">
       <div class="slider"></div> 
       <div id="slider-result">0</div>   
 		<input type="hidden" id="hidden"/>

          <script> 

             $( ".slider" ).slider({
		    animate: true,
               range: "min",
               value: 1,
               min: 0,
               max: 100,
			step: 1,

			// isso fica uma leitura ao vivo do valor e imprime-lo na página
               slide: function( event, ui ) {
                   $( "#slider-result" ).html( ui.value );
               },

			// Este atualiza o campo de formulário oculto, para que possamos enviar os dados utilizando um formulário
               change: function(event, ui) { 
               $('#hidden').attr('value', ui.value);
               }

			});


       </script> 
</form>

 

como eu colocaria a base de ajax q você mandou aki no meu progeto?

 

seria assim:

 

algo automatico:

 

se o 

<input type="hidden" id="hidden"/> tiver value="<100" //menor que 100

não vai chamar nada de ajax nem de php, simplesmente não vai aocntecer nada, afinal, para validar, vai ter q puxar a barra até o seu "100%"

e se:

<input type="hidden" id="hidden" value="100"/> tiver value="=100" //igual a 100

 

dae sim chama automatico o ajax

ou apenas ativa o action do post, q dae vai pra pagina q valida e volta com os alertas de erro ou se der tudo ok dae redireciona para a pagina restrita e tals..

 

a validçõa eu ja tenho com você viu nos exeplos q mandai antes..

 

oq eu quero é apenas q quando o value for =100 fosse como se eu tivese clicado em submit..

 

somente isso

 

entenderam??

 

agora ficou masi claro "eu acho" kkkkkkk vlww

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_php    0

visitante_php
Postado

seria +/- assim

 


 <form action="" method="post">
       <div class="slider"></div> 
       <div id="slider-result">0</div>   
               <input type="hidden" id="hidden"/>

      	<script> 

                	$( ".slider" ).slider({
                           animate: true,
               range: "min",
               value: 1,
               min: 0,
               max: 100,
                               step: 1,

                               // isso fica uma leitura ao vivo do valor e imprime-lo na página
               slide: function( event, ui ) {
                   $( "#slider-result" ).html( ui.value );
               },

                               // Este atualiza o campo de formulário oculto, para que possamos enviar os dados utilizando um formulário
               change: function(event, ui) { 
               $('#hidden').attr('value', ui.value);
if(ui.value)
{
$.ajax({
type:'post',//tipo da requisicao
url:'pagina.php',//pagina q vai receber os dados
data:$("#seuform").serialize(),//ele junta todos os campos do form numa unica chamada de funcao, so funciona com form
success:function(data){
//success eh uma das funcoes de callback do ajax, quando o ajax teve sucesso, so o ajax, e nao o login em si
},
beforeSend:function()
{
//outra funcao de callback, eu gosto de usar ela pra deixa o loagind girando na tela...
}
})
}
               }

                               });


       </script> 
</form>

 

nao posso fazer muita coisa, ja que nao to trabalhando com o slider agora, so posso ver o codigo, desculpe...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Sander Luís    4

Sander Luís
Postado

acredito q o q você precisa eh ler mais os manuais, eles servem pra nos ajudar,

http://jqueryui.com/demos/slider/#event-change

 

procure event, change, acho q da pra fazer com ele...

 

pois é estou usando isso:

 

// isso fica uma leitura ao vivo do valor e imprime-lo na página
               slide: function( event, ui ) {
                   $( "#slider-result" ).html( ui.value );
               },

			// Este atualiza o campo de formulário oculto, para que possamos enviar os dados utilizando um formulário
               change: function(event, ui) { 
               $('#hidden').attr('value', ui.value);
               }

 

oq eu quero saber é oq eu coloco ae no jquery pra quando o input com o id="hidden" tiver value="100" executase o submit da pagina dae eu colocaria a validação no action do post, fica mais facil eu acho...

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_php    0

visitante_php
Postado

ok, pra q você esta colocando o valor num hidden se ele t da o q precisa? eh redundante demais...vamos pela logica, o seu slider pra de 1 a 100, em etapas de 1, ok...

 

e você ker q quando atingir 100 faca o submit da pagina

 

1 ajax nao faz submit

 

2 precisa capturar o valor do slider, e quando der 100 ae você dispara o ajax...

 

de uma olhada no script q eu modifiquei ....ta ae emcima...

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos PHP
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito