Ir para conteúdo

Arquivado

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

Gleyson Abreu

Javascript só funciona no segundo click.

Recommended Posts

Tenho um butão em uma div, esse botão e o estilo do butões de adicionar do IOS(apple), para ele dizer se quer que apareça o PAIS onde ele mora se clicar ele adicionar sim e o butão fica verde, MAIS ELE SÓ FUNCIONA NO 2° CLICK, TIPO QUANDO TA BRANCO ELE CLICK FICANDO VERDE ELE NÃO INSERIR NADA NO BANCO DE DADOS AGORA QUANDO CLICA ELE E FICA BRANCO O BOTÃO ELE INSERI O 'SIM' NO BD, mais queria só no primeiro click, não sou muito bom em js mais não sei se e no codigo ou no em algo..

 

DIV:

 

<div class="switch <?php if($mostrar_pais == 'sim'){echo "switchOn";}else{}?>" id="<?php echo $mostrar_pais;?>" rel="<?php echo $mostrar_pais;?>"></div>

 

SCRIPT:

<script>
$(document).ready(function(){
$(".switch").click(function(){
var RESP = $(this).attr('id');
var REL = $(this).attr('rel');
var dataString = "resposta="+ RESP + "&rel="+ REL;
 
$.ajax({
type: "POST",
url: "edit.php",
data: dataString,
cache: false,
success: function(html)
{
if(REL=='sim'){
$(".switch").attr("rel", 'nao').attr("class", 'switch').attr("id", 'nao');
}else{
$(".switch").attr("rel", 'sim').attr("class", 'switch switchOn').attr("id", 'sim');
}
}
});
 
return false;
});
});
 
 
</script>
 
EDIT.PHP:

 

<?php
include("../../conexao.php");
$pdo=conexao();
session_start();
if(isset($_POST['resposta'])){
$resposta = $_POST['resposta'];
 
$upDate = $pdo->prepare("UPDATE cadastro SET mostrar_pais = '$resposta' WHERE email = ? AND senha = ?");
$upDate->execute(array($_SESSION['email'], $_SESSION['senha']));
}
?>
 
STYLE:
 

.switch {
width: 62px;
height: 32px;
background: #e5e5e5;
z-index: 0;
margin: 0;
padding: 0;
appearance: none;
border: none;
cursor: pointer;
position: relative;
border-radius:16px;
-moz-border-radius:16px;
-webkit-border-radius:16px;
}
 
.switch:before {
content: ' ';
position: absolute;
left: 1px;
top: 1px;
width: 60px;
height: 30px;
background: #fff;
z-index: 1;
border-radius:16px;
-moz-border-radius:16px;
-webkit-border-radius:16px;
}
 
.switch:after {
content: ' ';
height: 29px;
width: 29px;
border-radius: 28px;
background: #fff;
position: absolute;
z-index: 2;
top: 1px;
left: 1px;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-box-shadow: 0 2px 5px #999999;
box-shadow: 0 2px 5px #999999;
}
.switchOn,.switchOn:before
{
background: #4cd964 !important;
}
 
.switchOn:after
{
left: 32px !important;
}

AJUDEM AI PF..

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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