Ir para conteúdo

Arquivado

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

  • 0
lucascuri1

Trocar o .src de uma <img> através de um id dentro de um vetor

Perguntado por lucascuri1

Pergunta

lucascuri1    0

lucascuri1
Postado

Estou desenvolvendo um script e quero trocar a foto da cadeira conforme a pessoa digite o id da cadeira no input, no caso "banco1", ou "banco2", porém, quando eu fui fazer isso, tentei utilizar um banco[ i ].src = "banco2.jpg"; (ou banco.src[ i ], não sei qual o correto), mas tentei ambos e não funcionou. Alguém sabe como eu poderia mudar a imagem de acordo com o id que a pessoa digitou? 

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
</head>
<body>
	
	<h1>Teatro Guarani - Show Papas da Língua</h1>

	<hr>

	<p>Poltrona:<input id="poltrona">
	<button type="button" onclick="reservarPoltrona()">Reservar</button>
	</p>

	<hr>

	<div id="mapa" style="font-family: 'Courier New'; font-size: 10px">
		<h3>Mapa do Teatro</h3>
	</div>

	<p>Legenda: </p>

	<h4>
		<img src="banco.jpg" style="width: 25px; height: 35px">Poltrona Disponível
		<img src="banco2.jpg" style="width: 25px; height: 35px">Poltrona Reservada
	</h4>
	
	<script>
	var aReserva = [];

	montarMapa();

			function montarMapa() {
				for (i = 1; i <= 300; i++) {

				var sp = document.createElement("span");
				var zeros = "";
				if (i<10) {
					zeros = "00";
				} else if (i<100) {
					zeros = "0";
				}

				var num = document.createTextNode("["+zeros+i+"]");
				if (i % 20 == 11) {
					sp.style.marginLeft = "100px";
				} else {
				sp.style.marginLeft = "5px";
				}
				sp.appendChild(num);
				document.getElementById("mapa").appendChild(sp);

				var banco = document.createElement("img");
				banco.src = "banco.jpg";
				document.getElementById("mapa").appendChild(banco);
				banco.style.width = "35px";
				banco.style.height = "40px";
				banco.id = "banco" + i;

				if (i % 20 == 0) {
					var br = document.createElement("br");
					document.getElementById("mapa").appendChild(br);
				}
	}
	}

			function reservarPoltrona() {

				var poltrona = document.getElementById("poltrona").value;
				var banco = document.createElement("img");
				aReserva.push(poltrona);

				if (poltrona == "" || isNaN(poltrona) || poltrona < 1 || poltrona > 300) {
				
					
						if (aReserva[i] == banco[i]) {
							banco.src = "banco2.jpg";	
							banco.style.width = "35px";
							banco.style.height = "40px";
						}
					
				}
					
	}
				
	
	</script>
	
</body>
</html>

 

banco.jpg

banco2.jpg

Compartilhar este post

Link para o post
Compartilhar em outros sites

0 respostas a esta questão

Recommended Posts

Até agora não há respostas para essa pergunta

Ir para lista de Perguntas Perguntas e respostas rápidas

  • Conteúdo Similar

    • Carlos Web Soluções Web
      Listagem por ID em ordem crescente !!
      Por Carlos Web Soluções Web
      Olá...
      Estou tentando fazer o seguinte !!
      Listando dados em tabela !!
      Gostaria que....se na listagem houver 4 linhas...indepedente de seu número de ID, faça a listagem em ID ser em ordem 1 2 3 4 !!
      Exemplo...se tiver uma listagem de dados que está em ID 1 3 3...faça ficar 1 2 3 !!

       
      echo "<table class='tabela_dados' border='1'> <tr> <td>ID</td> <td>Nome Empresa</td> <td>Responsável</td> <td>Telefone 1</td> <td>Telefone 2</td> <td>E-mail 1</td> <td>E-mail 2</td> <td>Endereço</td> <td>CEP</td> <td>Bairro</td> <td>AÇÃO 1</td> <td>AÇÃO 2</td> </tr> "; $sql = "SELECT ID FROM usuarios_dados WHERE Usuario='$usuario'"; $result = $conn->query($sql); $num_rows = $result->num_rows; $Novo_ID = 1; for ($i = 0; $i < $num_rows; $i++) { $registro = $result -> fetch_row(); $sql2 = "UPDATE usuarios_dados SET ID='$Novo_ID' WHERE ID='$Novo_ID'"; $result2 = $conn->query($sql2); $Novo_ID++; } $sql = "SELECT * FROM usuarios_dados"; $result = $conn->query($sql); if ($result->num_rows > 0) { // output data of each row while($row = $result->fetch_assoc()) { echo "<tr> <td>$row[ID]</td> <td>$row[Nome_Empresa]</td> <td>$row[Responsavel]</td> <td>$row[Telefone_1]</td> <td>$row[Telefone_2]</td> <td>$row[Email_1]</td> <td>$row[Email_2]</td> <td>$row[Endereço]</td> <td>$row[CEP]</td> <td>$row[Bairro]</td> <td> <form method='post' action='Editar_Dados.php'> <input type='hidden' name='usuario' value='$usuario'> <input type='hidden' name='senha' value='$senha'> <input type='hidden' name='ID' value='$row[ID]'> <input type='submit' style='padding: 10px;' value='EDITAR'> </form> </td> <td> <form method='post' action='Deletar_Dados.php'> <input type='hidden' name='usuario' value='$usuario'> <input type='hidden' name='senha' value='$senha'> <input type='hidden' name='ID' value='$row[ID]'> <input type='submit' style='padding: 10px;' value='DELETAR'> </form> </td> </tr> "; } } else { echo "0 results"; } $conn->close();  
    • ILR master
      Colocar resultado do msql em um array
      Por ILR master
      Boa tarde, pessoal.
      Espero que todos estejam bem.
       
      Seguinte:
      Tenho a seguinte consulta:
       
      $usuarios= "SELECT * FROM usuarios";
      $query= mysqli_query($conexao, $usuarios) or die ("Usuário não encontrado");
      $usuario = mysqli_fetch_array($query);
       
      Quero pegar apenas o campo 'nome' da tabela 'usuarios' e colocar todos os resultados da seguinte forma:
       
      $nomes = array("Rafael", "João", "Maria", "Pedro", "Patricia", "Camila");
       
      Agradeço desde já.
      Abs
       
       
    • mateus.andriollo
      IF e array [RESOLVIDO]
      Por mateus.andriollo
      Existe uma forma de fazer um IF na select e comparar com Array de dados?
       
      algo como
       
      Select if( in_array(idCliente,'1,2,3,4,5')=true,'Tem','Não') ) as cliente Não consigo usar inner ou where pois esse array é algo q tem varias regras...
       
      Precisava saber se existe uma função assim em MySQL
    • mateus.andriollo
      IF e array [RESOLVIDO]
      Por mateus.andriollo
      Existe uma forma de fazer um IF na select e comparar com Array de dados?
       
      algo como
       
      Select if( in_array(idCliente,'1,2,3,4,5')=true,'Tem','Não') ) as cliente Não consigo usar inner ou where pois esse resultado do array é algo q tem varias regras...
       
      Precisava saber se existe uma função assim em MySQL
    • clovis.sardinha
      Erro ao mostrar o array multidimensional
      Por clovis.sardinha
      Bom dia.
      Meu problema é o seguinte:
      Estou fazendo uma tabela e preciso mostrar o usuário e várias cidades que pertencem a este usuário.
      O resultado do array é o seguinte:

      Quando passo para a tabela os valores de cidade se repetem para o mesmo usuário até o final e retorna fazendo o mesmo para o próximo usuário. 
      Veja abaixo

       
      Meu código para a tabela é a seguinte:
      <tr> <td align="left"><?php echo $usuario['nome'] ?></td> <td align="left"><?php echo $usuario['nome_orgao'] ?></td> <td align="left"><?php echo $usuario['nome_funcao'] ?></td> <?php foreach($destinos as $key=>$destino):?> <?php $key=0;?> <td align="left"> <?php foreach($destino as $chave=> &$cidade): ?> <?php echo $cidade['cid_nome']."-";?> <?php endforeach;?> </td> <?php $key+=$key; ?> <?php endforeach;?> <td><?php echo date('d/m/Y', strtotime( $usuario['created_at'])) ?></td> <td align="left"><a href="<?php echo base_url('UserAdmin/Usuario/getUsuarioById')."/".$usuario['id_user'] ?>">DETALHES</a></td> </tr> <?php endforeach ?> Onde estou errando? O que tenho de fazer para percorrer este array de modo a aparecer apenas as cidades pertencentes a cada usuário?

×

Informação importante

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

  Aceito