Você
Olá Convidado,
Você se cadastrou no dia
A sua ultima visita foi em
A sua idade é: 0
Voce ja postou 1 mensagens
Últimos assuntos
Script: formulario auto prenchivel
Página 1 de 1
Script: formulario auto prenchivel
Toma ai ocodigo:
Resultado:
- Código:
<br><div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Formulário</div>
<script>
function gerarcodigo() {
document.getElementById('Ftitulo').innerHTML = document.getElementById('titulo').value;
document.getElementById('Fimagens').innerHTML = document.getElementById('imagens').value;
document.getElementById('Fdescricao').innerHTML = document.getElementById('descricao').value;
document.getElementById('Fartista').innerHTML = document.getElementById('artista').value;
document.getElementById('Falbum').innerHTML = document.getElementById('album').value;
document.getElementById('Flancamento').innerHTML = document.getElementById('lancamento').value;
document.getElementById('Fgenero').innerHTML = document.getElementById('genero').value;
document.getElementById('Fnfaixas').innerHTML = document.getElementById('nfaixas').value;
document.getElementById('Fduracao').innerHTML = document.getElementById('duracao').value;
document.getElementById('Ftamanho').innerHTML = document.getElementById('tamanho').value;
document.getElementById('Fqualidade').innerHTML = document.getElementById('qualidade').value;
document.getElementById('Ffaixas').innerHTML = document.getElementById('faixas').value;
}
function numero() {if (event.keyCode<48 || event.keyCode>57){return false;}}
</script>
<fieldset>
<b>Título: </b><input type="text" id="titulo" tabindex="1" onChange="gerarcodigo();" style="width: 300px; clear: both;" /><br>
<br>
<br>
<b>Imagens: </b><br>
<textarea id="imagens" cols="8" rows="3" tabindex="2" style="height: 50px;width: 400px;border:1px solid #000;padding: 5px;font-family: Courier, CourierNew, sans-serif;color: seaGreen;font-size: 0.9em;"></textarea><br>
<br>
<b>Descrição: </b><input type="text" id="descricao" tabindex="3" onChange="gerarcodigo();" style="width: 300px; clear: both;" /><br>
<br>
<b>Artista: </b> <input type="text" id="artista" tabindex="4" onChange="gerarcodigo();" style="width: 300px; clear: both;" /><br>
<b>Álbum: </b> <input type="text" id="album" tabindex="5" onChange="gerarcodigo();" style="width: 300px; clear: both;" /><br>
<b>Lançamento: </b> <input type="text" id="lancamento" tabindex="6" onChange="gerarcodigo();" style="width: 300px; clear: both;" /><br>
<b>Género: </b> <input type="text" id="genero" tabindex="7" onChange="gerarcodigo();" style="width: 300px; clear: both;" /><br>
<b>N° de Faixas: </b> <input type="text" id="nfaixas" tabindex="8" onChange="gerarcodigo();" OnKeyPress="return numero();" style="width: 300px; clear: both;" /><br>
<b>Duração: </b> <input type="text" id="duracao" tabindex="9" onChange="gerarcodigo();" style="width: 300px; clear: both;" /><br>
<b>Tamanho: </b> <input type="text" id="tamanho" tabindex="10" onChange="gerarcodigo();" style="width: 300px; clear: both;" /><br>
<b>Qualidade: </b> <input type="text" id="qualidade" tabindex="11" onChange="gerarcodigo();" style="width: 300px; clear: both;" /><br>
<br>
<b>Faixas: </b><br><textarea id="faixas" cols="8" rows="3" tabindex="2" style="height: 50px;width: 400px;border:1px solid #000;padding: 5px;font-family: Courier, CourierNew, sans-serif;color: seaGreen;font-size: 0.9em;"></textarea><br>
</fieldset>
<br><br>
Código:<div style="border:1px solid #000;padding: 5px;font-family: Courier, CourierNew, sans-serif;color: seaGreen;font-size: 0.9em;">
[b]Título:[/b] <span id="Ftitulo"></span> <br>
<br>
<br>
[b]Imagens:[/b] <span id="Fimagens"></span> <br>
<br>
[b]Descrição:[/b] <span id="Fdescricao"></span> <br>
<br>
[b]Artista:[/b] <span id="Fartista"></span> <br>
[b]Álbum:[/b] <span id="Falbum"></span> <br>
[b]Lançamento:[/b] <span id="Flancamento"></span> <br>
[b]Género:[/b] <span id="Fgenero"></span> <br>
[b]N° de Faixas:[/b] <span id="Fnfaixas"></span> <br>
[b]Duração:[/b] <span id="Fduracao"></span> <br>
[b]Tamanho:[/b] <span id="Ftamanho"></span> <br>
[b]Qualidade:[/b] <span id="Fqualidade"></span> <br>
<br>
[b]Faixas:[/b] <span id="Ffaixas"></span> <br>
</div>
<input type="button" name="submit_button" value="GERAR" onclick="gerarcodigo();">
<span class="corners-bottom"><span></span></span></div></div><br>
Resultado:
Tópicos semelhantes
» Script de enviar um formulario para o e-mail, em HTML
» Script de busca em java script
» Script de radio em java script
» script de menu em java script
» Script de add ao favoritos, java script
» Script de busca em java script
» Script de radio em java script
» script de menu em java script
» Script de add ao favoritos, java script
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Dom 17 Fev 2013, 8:16 am por Darkmel
» Novas Vagas
Dom 17 Fev 2013, 8:02 am por Darkmel
» jogos mortais IV
Ter 04 Dez 2012, 4:51 pm por manete
» Planet - RO - Full PvP
Qui 12 Jan 2012, 10:12 am por Nagato_Uchiha
» TUXqweqe
Qui 05 Jan 2012, 10:29 am por vitao009