Meu javascript esta desconfigurando meu formulario

[Guilherme Cruz 0]

Tenho um formulario que fica escondido pelo codigo css display="none" e posteriormente um codigo javascript que o torna display="block".

funciona perfeitamente, porém o formulario vem desconfigurado pois os tamanhos dos inputs vem reduzido.

 

curioso que após dar um resize no navegador os campos passam a ocupar todo o espaço e nao consigo controlar esse tamanho tambem, cheguei ate a testar algo do tipo o formulario ja vir com display="block" e os campos ocuparam toda a <td> porem com tamanhos totalmente desconfigurados.

 

como posso fazer para os campos virem corretos???

 

desde ja agradeço.

• 0

• Citar
• Multicitação

[Vitor Hugo Fadel 1]

Posta o trecho de código ae.

[Guilherme Cruz 0]

<style>

.formulario{

            width: 40%;

            margin-top: -65px;

            float: right;

            display: none;

        }

</style>


<script>

if(document.projetos.projeto.selectedIndex=="1"){

                document.formulario.style.display="block";

}

</script>



<form action="../php/calculosprojetos.php" method="post" name="formulario" class="formulario" id="formulario">


                                <select name="vidro" style="width: 49%;" onfocus="vidro()">

                                    <option value="vazio">vidro</option>

                                    <optgroup></optgroup>

                                    <option value="verde">verde</option>

                                    <option value="bronze">bronze</option>

                                    <option value="preto">preto</option>

                                </select>

                                <select name="espessura" style="width: 49%;">

                                    <option value="vazio">espessura</option>

                                    <optgroup></optgroup>

                                    <option value="05mm">05mm</option>

                                    <option value="10mm">10mm</option>

                                    <option value="20mm">20mm</option>

                                    <option value="40mm">40mm</option>

                                </select>

                                <br><br>

                                <table style="width: 98%;" class="campos">

                                <tr>

                                    <td>

                                        <label>Altura do Vão</label><br><input type="text" name="alturavao" required>

                                    </td>

                                    <td>

                                        <label>Largura do Vão</label><br><input type="text" name="larguravao" value="" class="texto" required>

                                    </td>

                                    <td>

                                        <label>Quantidade</label><br><input type="text" name="quantidade" value="" class="texto" required>

                                    </td>

                                    <td>

                                        <label>Trespasse</label><br><input type="text" name="trespasse" value="50" class="texto" required>

                                    </td>

                                </tr>

                                <tr>

                                    <td>

                                        <label>Altura puxador</label><br><input type="text" name="alturapuxador" value="" class="texto" required>

                                    </td>

                                    <td>

                                        <label>Folga do movel</label><br><input type="text" name="folgamovel" value="20" class="texto" required>

                                    </td>

                                    <td>

                                        <label>Folga do fixo</label><br><input type="text" name="folgafixo" value="60" class="texto" required>

                                    </td>

                                    <td>

                                        <label>Nº do pedido</label><br><input type="text" name="numeropedido" value="" class="texto" required>

                                    </td>

                                </tr>

                                <tr>

                                    <td colspan="2">

                                        <label>Cliente da obra</label><br><input type="text" name="clienteobra" value="" class="texto" required>

                                    </td>

                                    <td colspan="2">

                                        <label>Reserva de crédito</label><br><input type="text" name="reservacredito" value="" class="texto" required>

                                    </td>

                                </tr>

                                <tr>

                                    <td colspan="4">

                                        <label>Data de entrega</label><br><input type="date" name="dataentrega" value="" class="texto" required>

                                    </td>

                                </tr>

                                <tr>

                                    <td colspan="4">

                                        <label>Obs:</label><br><textarea name="observacao" class="texto"></textarea></div><br>

                                    </td>

                                </tr>

                                <tr>

                                    <td>

                                        <input type="submit" value="Orçar" name="janela2folhas" class="botao">

                                    </td>

                                    </table>

                            </form>

[Guilherme Cruz 0]

seguinte o formulario estava vindo sem o css pois o display="none" faz como se ele não existisse, no proprio javascript fis ele reiniciar a tela jogando uma GET e a partir dessa GET a pagina reiniciava com um css novo que traz um display="block" assim nao perco o css do formulario e ele vem normal, infelizmente nao posso colocar o link aqui mas deu certo ;)