Pagina html funciona só na pré-visualização

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Pagina html funciona só na pré-visualização

Mensagem por Isadora Dias em 03/01/13, 09:55 pm

Qual é minha questão:
Olá, pessoal.
Eu peguei o seguinte código aqui no fórum e modifiquei ele. Fiz a pagina e quando cliquei no pré-visualizar funciona direitinho. Agora quando clico pra enviar e vou até a pagina, ela não funciona.
Código:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<meta http-equiv="Content-Type" content="text/html; charset="utf-8" />
<meta name="" content="">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
   $(document).ready(function(){
      $('#from').change(function(){
      var valorlista = $('#from').val();
      $('#from2').show(valorlista);
         });
         
      $('#from').change(function(){
      var valorlista = $('#from').val();
      $('#local2').show(valorlista);
         });
                  
      $('#from2').change(function(){
      var valorlista = $('#from2').val();
      $('#from3').show(valorlista);
         });
         
      $('#from2').change(function(){
      var valorlista = $('#from2').val();
      $('#outrolocal').show(valorlista);
         });
         
     });
</script>
<style type="text/css">
      #local2, #outrolocal, #from2, #from3 {display:none;}
</style><div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>




    <h3>Painel de Controle</h3>




   <p>Através das caixas de seleção abaixo poderá gerar a mensagem para pedir algo nas Forjas. Após seu post (normal, no RPG) coloque o código que será gerado.</p>
 
 <script>
 function generate() {
    from = document.getElementById("from").value;
    from2 = document.getElementById("from2").value;
    from3 = document.getElementById("from3").value;
    msg = '<br><hr /><strong>Filhos de Hefesto, façam-me um(a) ' + from + ' com ' + from2 + ' || Personalização: ' + from3 + '</strong>'
    document.getElementById("final").value = msg;
 }
</script>
    
<form>
<fieldset>
                <div align="center">Qual item você deseja?</div><dl><dt><label for="from"></label></dt><dd><select name="from" id="from"><option>---</option><optgroup label="Item"></optgroup>
            <option value="espada(s)">-> Espada</option>
            <option value="florete(s)">-> Florete</option>
            <option value="arco(s)">-> Arco</option>
            <option value="besta(s)">-> Besta</option>
            <option value="escudo(s)">-> Escudo</option>
            <option value="armadura(s)"> Armadura</option>
            <option value="cimitarra(s)">-> Cimitarra</option>
            <option value="adaga(s)">-> Adaga</option>
            <option value="foice(s)">-> Foice</option>
            <option value="machado(s)">-> Machado</option>
            <option value="martelo(s)">-> Martelo</option>
            <option value="foice(s)">-> Foice</option>
            <option value="chicote(s)">-> Chicote</option>
            <option value="faca(s) (Kukri)">-> Faca (Kukri)</option>
            </select></dd></dl>
                        
            <div align="center" id="local2">Qual material será feito este item?</div><dl><dt><label for="from2"></label></dt><dd>
            <select name="from2" id="from2"><option>---</option>
               <optgroup label="Item"></optgroup>
            <option value="olmo">-> Olmo</option>
            <option value="bronze">-> Bronze</option>
            <option value="prata">-> Prata</option>
            <option value="titânio">-> Titânio</option>
            <option value="platina">-> Platina</option>
            <option value="ouro"> Ouro</option>
            <option value="bronze celestial">-> Bronze Celestial</option>
            </select></dd></dl>
            
            <div align="center" id="outrolocal">Não é esse o item/material que você quer? Deixe a seleção em branco e escreva aqui o que deseja (não pode escolher um outro material e um outro item, deve escolher apena uma das opções - material ou item).<br>Gostaria de adicionar algum detalhe? Escreva aqui (caso adicione algum detalhe, você não pode mudar o material ou item)<br />
            <input type="text" name="from3" id="from3" value="" /></div><br />
                     
                <div class="center"><input class="button1" type="button" name="submit" value="Gerar código" onclick="generate();"></div>
            </fieldset>
    </form>
    <div class="clear"></div><div class="clear"></div><div class="clear"></div>
    <div class="post row2" style="padding: 6px; margin-top: 6px;"><dl class="codebox"><dt><b>Caminho do Painel de Controle</b> : (<a href="javascript: document.getElementById('final').select();">selecionar tudo</a>)</dt><dd><textarea class="inputbox" style="border: none; background-color: transparent; padding: 4px; width: 100%; margin: 0 auto;" id="final"></textarea></dd></dl></div>
    
   <span class="corners-bottom"><span></span></span></div></div>
   </html>

No caso, ele deveria selecionar uma coisa e aparecer outra caixa para seleção, o que não acontece.
Aqui está um exemplo dela funcionando:

http://forumdetestes.forumeiros.com/h1-

Endereço do meu fórum:
http://gods-and-demigods.forumeiros.com

Versão do fórum:
PHPBB3

Isadora Dias
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Resolvido Re: Pagina html funciona só na pré-visualização

Mensagem por Mafioso em 03/01/13, 10:35 pm

Oque não funciona no caso ?
avatar

Mafioso
Usuário destaque

Masculino
Inscrito dia : 13/11/2012
Mensagens : 707
Pontos Ativos : 903

Ver perfil do usuário http://www.brasilplaycity.com.br/forum
  • 0

Resolvido Re: Pagina html funciona só na pré-visualização

Mensagem por MateusV. em 03/01/13, 10:41 pm

Olá,

Substitua por esta:
Código:



<script type="text/javascript">
  $(document).ready(function(){
      $('#from').change(function(){
      var valorlista = $('#from').val();
      $('#from2').show(valorlista);
        });
       
      $('#from').change(function(){
      var valorlista = $('#from').val();
      $('#local2').show(valorlista);
        });
                 
      $('#from2').change(function(){
      var valorlista = $('#from2').val();
      $('#from3').show(valorlista);
        });
       
      $('#from2').change(function(){
      var valorlista = $('#from2').val();
      $('#outrolocal').show(valorlista);
        });
       
    });
</script>
<style type="text/css">
      #local2, #outrolocal, #from2, #from3 {display:none;}
</style><div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>




    <h3>Painel de Controle</h3>




  <p>Através das caixas de seleção abaixo poderá gerar a mensagem para pedir algo nas Forjas. Após seu post (normal, no RPG) coloque o código que será gerado.</p>
 
 <script>
 function generate() {
    from = document.getElementById("from").value;
    from2 = document.getElementById("from2").value;
    from3 = document.getElementById("from3").value;
    msg = '<br><hr /><strong>Filhos de Hefesto, façam-me um(a) ' + from + ' com ' + from2 + ' || Personalização: ' + from3 + '</strong>'
    document.getElementById("final").value = msg;
 }
</script>
   
<form>
<fieldset>
                <div align="center">Qual item você deseja?</div><dl><dt><label for="from"></label></dt><dd><select name="from" id="from"><option>---</option><optgroup label="Item"></optgroup>
            <option value="espada(s)">-> Espada</option>
            <option value="florete(s)">-> Florete</option>
            <option value="arco(s)">-> Arco</option>
            <option value="besta(s)">-> Besta</option>
            <option value="escudo(s)">-> Escudo</option>
            <option value="armadura(s)"> Armadura</option>
            <option value="cimitarra(s)">-> Cimitarra</option>
            <option value="adaga(s)">-> Adaga</option>
            <option value="foice(s)">-> Foice</option>
            <option value="machado(s)">-> Machado</option>
            <option value="martelo(s)">-> Martelo</option>
            <option value="foice(s)">-> Foice</option>
            <option value="chicote(s)">-> Chicote</option>
            <option value="faca(s) (Kukri)">-> Faca (Kukri)</option>
            </select></dd></dl>
                       
            <div align="center" id="local2">Qual material será feito este item?</div><dl><dt><label for="from2"></label></dt><dd>
            <select name="from2" id="from2"><option>---</option>
              <optgroup label="Item"></optgroup>
            <option value="olmo">-> Olmo</option>
            <option value="bronze">-> Bronze</option>
            <option value="prata">-> Prata</option>
            <option value="titânio">-> Titânio</option>
            <option value="platina">-> Platina</option>
            <option value="ouro"> Ouro</option>
            <option value="bronze celestial">-> Bronze Celestial</option>
            </select></dd></dl>
           
            <div align="center" id="outrolocal">Não é esse o item/material que você quer? Deixe a seleção em branco e escreva aqui o que deseja (não pode escolher um outro material e um outro item, deve escolher apena uma das opções - material ou item).<br>Gostaria de adicionar algum detalhe? Escreva aqui (caso adicione algum detalhe, você não pode mudar o material ou item)<br />
            <input type="text" name="from3" id="from3" value="" /></div><br />
                   
                <div class="center"><input class="button1" type="button" name="submit" value="Gerar código" onclick="generate();"></div>
            </fieldset>
    </form>
    <div class="clear"></div><div class="clear"></div><div class="clear"></div>
    <div class="post row2" style="padding: 6px; margin-top: 6px;"><dl class="codebox"><dt><b>Caminho do Painel de Controle</b> : (<a href="javascript: document.getElementById('final').select();">selecionar tudo</a>)</dt><dd><textarea class="inputbox" style="border: none; background-color: transparent; padding: 4px; width: 100%; margin: 0 auto;" id="final"></textarea></dd></dl></div>
   
  <span class="corners-bottom"><span></span></span></div></div>

Em "Usar inicio e final do fórum" marque não.

Abraços.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Pagina html funciona só na pré-visualização

Mensagem por Isadora Dias em 03/01/13, 11:08 pm

Deu certo, Mateus, vlw. Abração xD

Isadora Dias
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum