Jump to content


Steeph

Member Since 28/05/2010
Offline Last Active 24/06/2010, 16:52
-----

Topics I've Started

Ajudinha Com Formulário / Gerador

08/06/2010, 15:34

Eu fiz um gerador, básico, de bbcodes para um fórum, mas tem uma certa opção em que os links dos downloads podem variar em partes..
Então acho que seria necssário adicionar mais uns campos de input, só que de acordo com a necessidade...
Mas aí já nao sei mais como fazer =\
Html:
<html>
<head>

<title>Gerador</title>


<style type="text/css">
body
{background-color: #91B8FF;
font-family: verdana;
font-size: 12;}

.form
{background-color: #91B8FF !important;
font-family: verdana !important;
font-size: 12px; !important}

.titulo
{font-size: 30;}

#informacoes
{margin-left: 45%;
margin-top: 80px;
font-size: 10px;
}

a:link {text-decoration: none}
a:visited {text-decoration: none; color: black;}
a:hover {text-decoration: underline; color: white;}


</style>

</head>
<body>

<script type="text/javascript" src="C:\eclipse\meus projetos\EvolutionProject2\geradorscript.js"></script>

<div id="informacoes" style="position: absolute;">

</div>

<div class="titulo"> <center><img height="30" width="30" src="http://www.iconspedia.com/uploads/112957163234749909.png">Painel do Uploader </center></font><br /></div>

<form class="form" method="get" action="">
<table border="0" cellpadding="4">

<!--- Endereço da imagem ---!>

<tr valign="top">
<td align="left" width="40%">
<label class="form" for="imagem">Endereço da imagem<br> <font size="1"><b>(não ultrapasse o tamanho de 191x132)</b>:</font> </label>
</td>
<td align="left">
<input type="text" id="imagem" name="imagem" size="30" cols="50" rows="1" title="Coloque aqui o endereço da imagem.">
</td>
</tr>


<!--- Nome do arquivo ---!>
<tr valign="top">
<td align="left" width="40%">
<label class="form" for="nome">Nome do arquivo: </label>
</td>
<td align="left">
<input type="text" id="nome" name="nome" size="30" cols="50" rows="1" title="Digite aqui o nome do arquivo.">
</td>
</tr>

<!--- Tamanho do arquivo ---!>
<tr valign="top">
<td align="left" width="40%">
<label class="form" for="tamanho">Tamanho do arquivo: </label>
</td>
<td align="left">
<input type="text" id="tamanho" name="tamanho" size="30" cols="50" rows="1" title="Digite aqui o tamanho do arquivo.">
</td>
</tr>

<!--- Qualidade de imagem ---!>
<tr valign="top">
<td align="left" width="10%">
<label class="form" for="qualidade1" accesskey="2">Qualidade de Imagem: </label>
</td>
<td align="left">
<select size="1" id="qualidade1" name="qualidade" title="Selecione a qualidade da imagem.">
<option value=" ">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>

<!--- Qualidade de Som ---!>
<tr valign="top">
<td align="left" width="10%">
<label class="form" for="qualidade2" accesskey="2">Qualidade de Som: </label>
</td>
<td align="left">
<select size="1" id="qualidade2" name="qualidade" title="Selecione a qualidade do Som">
<option value=" ">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>

<!--- UPLOADER ---!>
<tr valign="top">
<td align="left" width="40%">
<label class="form" for="uploader">Uploader: </label>
</td>
<td align="left">
<input type="text" id="uploader" name="uploader" size="30" cols="50" rows="1" title="Digite o nome de quem fez o upload">
</td>
</tr>

<!--- LINK ---!>
<tr valign="top">
<td align="left" width="40%">
<label class="form" for="linkdown">Link do Download: </label>
</td>
<td align="left">
<input type="text" id="linkdown" size="30" name="linkdown" cols="50" rows="1" title="Coloque aqui o link do download">
</td>
</tr>
</table>

<!--- INFO ---!>
<p align="left">
<label for="info">Informações adicionais: </label> <br>
<textarea id="info" name="info" cols="53" rows="5" title="Caso queira adicionar mais informações, digite nesta área."></textarea></p>

<!--- Gerar o código ---!>
<p align="left">
<br><input onclick="doStuff()" value="Gerar Código" type="button" /><br><br>
<textarea id="gen" rows="8" cols="53" onMouseOver="this.focus()" onFocus="this.select()" title="Pegue aqui o código!"> Aqui estará o código.</textarea>
</p>

<p align="center">
<font size="1px">Gerador criado por <a href="http://ajuda.forumeiros.com/profile.forum?mode=viewprofile&u=27659">Steeph</a><br>
<a href="http://attitude182.forumeiros.com">Fórum Attitude 182</a> | 2010
</font>
</p>

</form>
</body>
</html>


Script:
function doStuff()
        {
        var txt = "";
        document.getElementById("gen").value = "";

      
//IMAGEM
        if (document.getElementById("imagem").value != ""){ //pega o elemento pelo id

        txt += "[center][size=9][table class=\"forumbg\" style=\"width: 85%; margin: 0 auto; padding: 5px 3px 3px 3px;\" cellspacing=\"0\"][tr][td colspan=\"2\" style=\"padding-bottom: 3px;\"][color=white][b]Descição[/b][/color][/td][/tr][tr][td][table class=\"row2\" style=\"width: 100%;\"][tr][td][table][tr][td][table class=\"table1\" style=\"width: 100%;\"][td][img]"; //o que vai aparecer antes

        txt += document.getElementById("imagem").value; //nome do jogo

        txt += "[/img][/td][/tr][/table][/td][/table][/td]\n"; //o que vai aparecer depois

        document.getElementById("gen").value += txt; //manda gerar

        }

      
//Nome do arquivo
        if (document.getElementById("nome").value != ""){

        txt = "[td][table class=\"table1\" style=\"width: 100%;\" style=\"width: 110%;\"][tr][td]Nome:[/td][td][b]";

        txt += document.getElementById("nome").value; //NOME

        txt += "[/b][/td][/tr]\n";

        document.getElementById("gen").value += txt;

        }


//tamanho - tamanho do arquivo
            if (document.getElementById("tamanho").value != ""){
        txt = "";

        txt += "[tr][td]Tamanho do arquivo:[/td][td]";

        txt += document.getElementById("tamanho").value; //TAMANHO

        txt += "[/td][/tr]\n";

        document.getElementById("gen").value += txt;

        }
      
      
      
//Qualidade da IMAGEM      
          if (document.getElementById("qualidade1").value != ""){

        txt = "";

        txt += "[tr][td]Qualidade da Imagem:[/td][td]";

        txt += document.getElementById("qualidade1").value; //IMAGEM QUALIDADE

        txt += "[/td][/tr]\n";

        document.getElementById("gen").value += txt;

        }
      
      
//qualidade de SOM            
         if (document.getElementById("qualidade2").value != ""){

        txt = "";

        txt += "[tr][td]Qualidade de Som:[/td][td][i]";

        txt += document.getElementById("qualidade2").value; //qualidade da SOM

        txt += "[/i][/td][/tr]\n";

        document.getElementById("gen").value += txt;

        }

       //uploader          
         if (document.getElementById("uploader").value != ""){

        txt = "";

        txt += "[tr][td]Uploader:[/td][td][b][color=#CFAC00]";

        txt += document.getElementById("uploader").value; //uploader

        txt += "[/color][/b][/td][/tr]\n";

        document.getElementById("gen").value += txt;

        }
        
       //Link          
         if (document.getElementById("linkdown").value != ""){

        txt = "";

        txt += "[tr][td]Link do Download:[/td][td][url=";

        txt += document.getElementById("linkdown").value; //link

        txt += "]";
        
        txt += document.getElementById("linkdown").value; //link
        
        txt += "[/url][/td][/tr]\n";

        document.getElementById("gen").value += txt;

        }
        
       //INFO          
         if (document.getElementById("info").value != ""){

        txt = "";

        txt += "[tr][td]Informações adicionais:[/td][td][b][u]";

        txt += document.getElementById("info").value; //link

        txt += "[/u][/b][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/size][/center]\n";

        document.getElementById("gen").value += txt;

        }

//Caso precise adicionar mais
        txt = "";

        txt += ""; 

        document.getElementById("gen").value += txt;

        }

function selectCode()
        {
        document.pad.text.focus(); 
        document.pad.text.select();
        } 

Aguardo caso possam me ajudar =)

Olá! =)

28/05/2010, 12:01

Oi gente.
Sou steeph, aspirante a webdesigner shusauhsa, mas acho q to longe entendo não perfeitamente.
sei de css, html, um pouco de java, sei delphi (num sei pq), entendo basicamente o php (e quero ficar sinistra nisso) e sql (bem pouco quero evoluir tb).
Da pra ver que quero muito ainda.
Então so isso, espero aprender coisas aqui =)

IPB Skin By Virteq