Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Eu ja procurei em tudo quanto é lugar...
preciso colocar no sistema de cadastro do meu site um jeito do usuario escolher o
personagem que ele quer (mais ou menos uma imagem de avatar)
olhem o paint que eu fiz:
/applications/core/interface/imageproxy/imageproxy.php?img=http://uploadeimagem.com.br/out.php/i42729_imagem.jpg&key=fa02e11c890be46dcfc803c427e623fd95134957400fb234f67dcc80f0a5b909" alt="i42729_imagem.jpg" />
deu pra entender? no caso desse paint o usuario teria selecionado o personagem "L" e quando ele clicou na imagem do "L" criou uma borda nessa imagem, e quando ele clicar no botão cadastrar o formulario criará um novo usuario no DB mais ou menos dessa forma:
>
$login == _post[nome];
$password == _post[senha];
$email == _post;
[$classe == _post[personagem]](mailto:)
**os outros campos (nome, email, senha) eu ja tenho na pagina de cadastro..
eu soh preciso msm eh do codigo PHP, JAVASCRIPT ou sei lá mais o que, para criar esse select img
VLW cara..
mas se não for pedir mto...
como que eh o codigo desse javascript??
:o
Bem... já que você tem o código para deixar com a borda vermelha, fica mais fácil.
HTML
<input type="hidden" value="" name="nome_avatar" />
JavaScript
// código para identificar qual imagem foi clicada
img.onclick = function(){ // quando a imagem for selecionada
// código para deixar a borda vermelha
// agora vem para informar o valor ao campo hidden
var campo = document.getElementsByName("nome_avatar")[0];
campo.value = imagem.getAttribute("alt");
};
Isso aí é só a lógica. Posta o seu código se não conseguir fazer.
:thumbsup: @thiagoretondar
alguem tem outra ideia?
? por que? qual o problema com a idéia apresentada ?
mann eu tentei ja mas ele não envia pd db os dados
olhem o codigo da pagina
o codigo da minha pag eh mto grande por isso eu soh coloquei o que realmente importa
<?php
include("lib.php");
define("PAGENAME", "Cadastrar");
if ($error == 0)
{
$insert['username'] = $_POST['username'];
$insert['imgchar'] = $_POST['nome_avatar'];
$insert['nasc_dia'] = $_POST['nasc_dia'];
$insert['nasc_mes'] = $_POST['nasc_mes'];
$insert['login'] = $_POST['username'];
$insert['nome'] = $_POST['nome'];
$insert['senha'] = $_POST['password2'];
$insert['sexo'] = $_POST['sexo'];
$insert['password'] = sha1($_POST['password']);
$insert['email'] = $_POST['email'];
$insert['registered'] = time();
$insert['last_active'] = time();
$insert['ip'] = $_SERVER['REMOTE_ADDR'];
$query = $db->autoexecute('players', $insert, 'INSERT');
if (!$query)
{
$could_not_register = "Desculpe, você não pode se registrar! Entre em contato com o administrador!<br /><br />";
}
else
{
$insertid = $db->Insert_ID();
include("templates/header.php");
echo "Parabéns! Você se registrou com sucesso! <br /> Você pode entrar no jogo agora.";
include("templates/footer.php");
exit;
}
}
}
include("templates/header.php");
?>
<script type="text/javascript">
img.onclick = function(){
var campo = document.getElementsByName("nome_avatar")[0];
campo.value = imagem.getAttribute("alt");
};
</script>
<form name="form1" method="POST" action="cadastro.php" onsubmit="return checkCheckBox(this)">
<input type="hidden" value="" name="nome_avatar" />
<img src="images/kira.jpg" width="100" height="150" alt="kira" class="img" />
<img src="images/misa.jpg" width="100" height="150" alt="misa" class="img" />
<img src="images/l.jpg" width="100" height="150" alt="l" class="img"/>
<img src="images/near.jpg" width="100" height="150" alt="near" class="img"/>
<img src="images/mello.jpg" width="100" height="150" alt="mello" class="img" />
<input type="submit" name="register" value="Cadastrar" class="botao"> </form>
ta mais ou menos assim minha pagina, eu não sei onde q to errando!
você não definiu o objeto img
e você precisa de um disparador para cada imagem que será clicada.
e como eu faço isso?
bruuunooooooooo?????????????
:mellow: :o
alguem ai pra ajudar??????
eu no manjo mto de javascript mas preciso desse codigo.. eh urgente!
:(
alguem ai???
Use javascript para pegar a imagem selecionada e setar um valor em um input type=hidden no formulário