Estou desenvolvendo um fomulário para um projeto e nele precisei adicionar imagens só que essas imagens representam o lugar das cadeiras do cliente e quando o usuário clica em alguma dessas cadeiras o local fica marcado, só que é necessário fazer com que esse local marcado seja exibido em outra página junto dos outros dados do formulário como nome, senha, etc.Ficando assim:
Nome: Java
Senha: 123
Cadeira escolhida: 1 - A , (E outras cadeiras se o usuário tiver escolhido mais de uma)
Diferente do formulário essas imagens que representam o lugar do cliente estão dentro de uma div(ficando mais fácil estiliza-las pelo CSS), e me deparei com o seguinte erro quando tentei criar uma variável no meu arquivo PHP para ela aparecer como as demais informações digitadas pelo usuário:
Notice: Undefined index: tCadeira1 in C:\xampp\www\teste\dados.php on line 54
"tCadeira1" foi a variável criada por mim no PHP. Agora estou sem saber como faço isso pois já tentei colocar o fechamento da tag form depois das div's, dentro da div mas de nada adianta.
Meu arquivo HTML:
<form action="dados.php" method="post">
<input type="text" id="cNome" name="tNome" title="Com no máximo 20 letras" size="20" maxlength="20" placeholder=" Digite Seu Nome"/>
<input id="submit" type="image" src="imagens/ButtonAceitar.png" />
<input type="reset" id="resetar" value="" />
</form>
<div id="cadeiras">
<img src="imagens/cadeiraAzul.png" name="tCadeira1" onClick="cor(this)">
<img src="imagens/cadeiraAzul.png" name="tCadeira2" onClick="cor(this)">
<img src="imagens/cadeiraAzul.png" name="tCadeira3" onClick="cor(this)">
<img src="imagens/cadeiraAzul.png" name="tCadeira4" onClick="cor(this)">
</div>
Meu arquivo PHP:
<?php
$nome = $_POST["tNome"];
$cadeira = $_POST["tCadeira1"];
echo "$nome, obrigado por se cadastrar e comprar o seu ingresso em nosso site.<br>Cadeira(as) escolhida(as): $cadeira ";
?>
Meu arquivo JS:
function cor(e) {
if (e.getAttribute("src") == "imagens/cadeiraAzul.png") {
e.setAttribute("src", "imagens/cadeiraPreta.png");
}
else {
e.setAttribute("src", "imagens/cadeiraAzul.png");
}
}
Mostrem soluções com as possíveis linguagens da tag dessa pergunta, se possível.