(formulario)Como criar um tipo de select é de imagem?

[deathnoterpg 0]

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:

 

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]

 

**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!!!

 

:o

[Kakashi_Hatake 267]

Use javascript para pegar a imagem selecionada e setar um valor em um input type=hidden no formulário

[deathnoterpg 0]

VLW cara..

mas se não for pedir mto...

como que eh o codigo desse javascript??

:o

[Thiago Retondar 18]

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

[deathnoterpg 0]

alguem tem outra ideia?

[William Bruno 1501]

? por que? qual o problema com a idéia apresentada ?

[deathnoterpg 0]

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!

[William Bruno 1501]

você não definiu o objeto img

 

e você precisa de um disparador para cada imagem que será clicada.

[deathnoterpg 0]

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???