1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

[PHP/JS]Criaçao/modificaçao de uma imagem usando um formulário

Discussão em 'Web Development' iniciada por TBarao, 2 de Outubro de 2012. (Respostas: 2; Visualizações: 564)

  1. TBarao

    TBarao Power Member

    Bom dia,

    Eu gostaria que me ajudassem um um problema que me surgiu.
    Pois bem o que se passa é o seguinte:
    • Eu tenho uma pagina que possui uma imagem e um formulário composto por combo boxes
    • A imagem vai ser alterada consoante os valores que o utilizador coloca no formulário.
    A imagem é a seguinte:
    [​IMG]

    Eu queria ir preenchendo aqueles campos que estão vazios com os valores que o utilizador iria colocando no formulário.
    Alguem me dá alguma dica de como fazer isto?
     
  2. softklin

    softklin Power Member

    Podes usar a propriedade de CSS position, com o valor relative. Repara neste exemplo:

    Código:
    <html>
    <head>
    	<style>
    		.campo1 {
    			position: relative;
    			top: 25px;
    			left: 50px;
    		}
    	</style>
    </head>
    <body>
    	<div style="border: 1px solid #000; width: 500px; height: 200px">
    		<input type="text" class="campo1" value="campo1" />
    		<input type="text" class="campo2" value="campo2" />
    	</div>
    </body>
    </html>
    
    Neste caso, o campo1 é colocado a numa localização especifica relativamente à div que o envolve. No teu caso, basta teres uma imagem de dimensões bem conhecidas, e colocar como background da div. Não te esqueças da tag form.
     
    Última edição: 3 de Outubro de 2012
  3. TBarao

    TBarao Power Member

    Muito Obrigado.
    Com a tua dica consegui resolver o meu problema.

    Thanks again ;)
     

Partilhar esta Página