Ir para conteúdo

POWERED BY:

Arquivado

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

PHP-Master

imagem aparecer ao trocar campo

Por , em Javascript

Recommended Posts

PHP-Master    0

PHP-Master
Postado

olá, sou programador php e estou criando uma engine de rpg mas meu problema é que eu quero criar uma págino onde os jogadores podem criar seu personagem, a pagina funcionaria assim:

teria uma imagem grande do personagem ao lado e alguns campos ao lado da imagem como:

fundo;

cabelo;

olhos etc..

e eu queria que ao escolher um valor em um dos campos a imagem aparecesse sobre a imagem que está lá automaticamente e esse é meu problema.

o script até agora está só com fundo pra não confundir muito

<?php
include 'headerp.php';
$confere = "SELECT * FROM avatar WHERE id_dono = ".$pers."";
$conf = mysql_query($confere);
$conf1 = mysql_num_rows($conf);
if ($conf1 > 0){
echo 'Você já possui um avatar';
}else{
echo 'crie aqui seu avatar';

?>
<?php 


{

?>

<html>
<head>

<style type="text/css">
.under
{
position: absolute;
}
body { font-family: arial; }
form { inline; }
</style>
</head>

<script language=javascript>
   function jsDropDown(imgid,folder,newimg) {
     document.getElementById(imgid).src =  "" + folder + "/" + newimg + ".png";
   }
</script>

<body>
<form action=createpng.php>

<?
 $gender = $_GET['gender'];
 if ($gender == "") { $gender = "Young Lady"; }

 if ($gender == "Young Lady") { $width = 247; }
 if ($gender == "Lady") { $width = 247; }
 if ($gender == "Young Man") { $width = 265; }
 if ($gender == "Man") { $width = 265; }

?>


<table width=600 align=center style="border: 0px solid #000000;" bgcolor=#FFFFFF>
<tr>
<td width=50% valign=top align=center>
 <font face=arial><b><? echo $gender; ?></b></font>
 <div style="border: 1px solid #000000; height: 322; width: <? echo $width; ?>px; text-align: left;">
 <img src="imagens/<? echo $gender; ?>/Backgrounds/None.png" width="<? echo $width; ?>" height="322" class=under id="Backgrounds">
 <img src="imagens/<? echo $gender; ?>/Body/Torso.png" width="<? echo $width; ?>" height="322" class=under>
 <img src="imagens/<? echo $gender; ?>/Clothes/None.png" width="<? echo $width; ?>" height="322" class=under id="Clothes">
 <img src="imagens/<? echo $gender; ?>/Clothes2/None.png" width="<? echo $width; ?>" height="322" class=under id="Clothes2">
 <img src="imagens/<? echo $gender; ?>/Body/Head.png" width="<? echo $width; ?>" height="322" class=under>
 <img src="imagens/<? echo $gender; ?>/Eyebrows/None.png" width="<? echo $width; ?>" height="322" class=under id="Eyebrows"/>
 <img src="imagens/<? echo $gender; ?>/Noses/None.png" width="<? echo $width; ?>" height="322" class=under id="Noses"/>  
 <img src="imagens/<? echo $gender; ?>/Markings/None.png" width="<? echo $width; ?>" height="322" class=under id="Markings"/>
 <img src="imagens/<? echo $gender; ?>/Eyes/None.png" width="<? echo $width; ?>" height="322" class=under id="Eyes"/>    
 <img src="imagens/<? echo $gender; ?>/Hair/None.png" width="<? echo $width; ?>" height="322" class=under id="Hair"/>  
 <img src="imagens/<? echo $gender; ?>/Lips/None.png" width="<? echo $width; ?>" height="322" class=under id="Lips"/>
 <img src="imagens/<? echo $gender; ?>/Other/None.png" width="<? echo $width; ?>" height="322" class=under id="Other"/>    
 <img src="imagens/<? echo $gender; ?>/Hats/None.png" width="<? echo $width; ?>" height="322" class=under id="Hats"/>    

 </div>    
</td>
<td valign=top>
<table> 
<form action="" method="post" enctype="multipart/form-data">
<fieldset>


          <div align="center">
            <legend class="style2"></legend>
            <?php if (isset($_POST['enviar']) && $_POST['enviar'] == 'send') {

$fundp    = anti_injection($_POST['fundo']);

}

?>
 </div>
		          <label></div>
      </label>

<label>
</label>
<p align="center"> </p>

<label>
      <div align="center"><span><br />
        Fundo</span><br />
         <select name="relacionamento">

               <option value="1">1</option>
               <option value="2">2</option>
               <option value="3">3</option>


        </select>
 </div>
</label></label>
<label>
<p> </p>
      <p><br />
          <input name="Enviar" type="submit" value="enviar" />
          </div>
        </label>
</p>
      <p align="center">
  <input type="hidden" name="enviar" value="send" />

</table>
<input type=hidden name=gender value="<? echo $gender; ?>">

<br>
      <div style="text-align: right; padding-right: 22px;"></div>
      <br>
</form>
</td></tr>
<tr><td colspan=2>
<table width=600 align=center style="border: 1px dashed #dcdcdc">
<tr><td align=center colspan=4><b>Select New Character Base</b></td></tr>
<tr><td align=center><a href="criaa.php?gender=Lady"><font size=-1>Lady</a></td>
<td align=center><a href="criaa.php?gender=Man"><font size=-1>Man</a></td>
<td align=center><a href="criaa.php?gender=Young Lady"><font size=-1>Young Lady</a></td>
<td align=center><a href="criaa.php?gender=Young Man"><font size=-1>Young Man</a></td></tr></table>
</td></tr>
</table>

<center><font face=arial>
<b>Graphic Credits:</b>  <i>Celianna</i><br>
<b>Code by:</b> <i>Hardcopi</i>
</body>
</html>

<? } }
?>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

praticamente só css resolve isso.

 

faz um position absolute para posicionar as partes acima do boneco, e então um simples display: block; alterando os estilos dá conta de fazer a troca com javascript.

Compartilhar este post

Link para o post
Compartilhar em outros sites

PHP-Master    0

PHP-Master
Postado

Sim, mas eu não entendo muito disso, e gostaria se alguém postasse um exemplo de como fazer a imagem aparecer sobre a outra automaticamente, a parte do css é fácil.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito