Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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');$(".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;
}background: #4cd964 !important;
}
.switchOn:after
{
left: 32px !important;
} AJUDEM AI PF..
Carregando comentários...