Some jscript would not work

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
ptityop
Forum Newbie
Posts: 13
Joined: Thu May 07, 2009 1:48 pm

Some jscript would not work

Post by ptityop »

Hi,

I have problems with som piece of javascript that does not want to work and I have no idea as to why ... any help would be appreciated.
You can see the page here http://hostel.org.br/novosite/Hostellin ... l-Carteira -order.php
Basically some fields have wether a restriction applied like only accept number (CEP) or automatic insert like (CPF field for instance has this kind of format 323.455.465-46 , but anythig can be entered and the dash or point do not get inserted automatically)
I am using php include to include the file, so the php code is in the php page itself and I am using dreamweaver template. Could this be a hierarchy issue ? Any guidance is very welcome , thanks a lot
User avatar
social_experiment
DevNet Master
Posts: 2793
Joined: Sun Feb 15, 2009 11:08 am
Location: .za

Re: Some jscript would not work

Post by social_experiment »

[23:41:05.488] GET http://hostel.org.br/novosite/Hostellin ... l-Carteira [HTTP/1.1 404 Not Found 4649ms]

Post your code here :)
“Don’t worry if it doesn’t work right. If everything did, you’d be out of a job.” - Mosher’s Law of Software Engineering
ptityop
Forum Newbie
Posts: 13
Joined: Thu May 07, 2009 1:48 pm

Re: Some jscript would not work

Post by ptityop »

Sorry I did not know that links can not be seen, I have inserted the code, (i delted some lines that are not eseential)
I'v put in bold the part of the script I am having problem with and the some fields that contain the events that do not work ...
Hope it is clear .... many thanks

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt"><!-- InstanceBegin template="Templates/main.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Hostels Brasil - Hostelling International Brasil - Carteira HI</title>
<!-- InstanceEndEditable -->
<link href="css/stylesheet.css" rel="stylesheet" type="text/css" />
<link href="css/button.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="js/style.css" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/carteira-forms.css" />
<link rel="stylesheet" type="text/css" href="css/top-header.css" />
<link rel="stylesheet" type="text/css" href="css/navigation.css" />
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<link href="css/index-accordion.css" rel="stylesheet" type="text/css" />

<!--NEW FILES -->

<link type="text/css" href="jquery/css/custom-theme/jquery-ui-1.8.16.custom.css" rel="stylesheet" />	
<link type="text/css" href="jquery/css/listnav.css" rel="stylesheet" />	

<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>

<!-- JQUERY UI FILES -->
			        	<script type="text/javascript" src="jquery/js/jquery-1.6.2.min.js"></script>
	   <script type="text/javascript" src="jquery/js/jquery-ui-1.8.16.custom.min.js"></script>	
<script type="text/javascript" src="jquery/js/jquery.listnav-2.1.js"></script>	

	<script type="text/javascript">
			$(function(){
// Listnav
	
				$('#demoFive').listnav({ 
    includeAll: false,  
    noMatchText: 'No Hostels.' 
  });
				// Accordion
				$("#accordion").accordion({ header: "h3",autoHeight: false,collapsible: true,
active: false});
	
				// Tabs
				$('#tabs').tabs();
				
				
				
				
				// Dialog			
				$('#dialog').dialog({
					autoOpen: false,
					width: 600,

					}
				);
				
			

				// Datepicker
				$('#datepicker').datepicker({
					inline: true
				});
				
				// Slider
				$('#slider').slider({
					range: true,
					values: [17, 67]
				});
				
				// Progressbar
				$("#progressbar").progressbar({
					value: 20 
				});
				
				//hover states on the static widgets
				$('#dialog_link, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
				);
				
			});
		</script>


     <!-- END JQUERY UI FILES -->


<script src="js/externalizedswapimage.js" type="text/javascript"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/brasil.font.js"></script>
 

 
<!-- InstanceBeginEditable name="head" -->

<link href="css/cart.css" rel="stylesheet" type="text/css" />
<!-- InstanceEndEditable -->

</head>
<body>
<div id="top-header-bg"><div id="top-header-container">
  <div id="top-header-logo"><a href="index.html"><img src="images/logotop.gif" border="0" align="left" /></a></div>
  <div id="top-header-links"><a href="Hostelling-International-Brasil-Hostels-cancelamento.html">Pol&iacute;tica de Cancelamento</a><br />
    <a href="Hostelling-International-Brasil-Hostels-Associacoes-Estaduais.html">Associa&ccedil;&otilde;es Estaduais/FBAJ</a></div>
</div>

</div>
<!--header start-->
<div id="nav-container"><div id="nav">

    <ul id="menu">
      <li>
        <h4><a href="index.html">Home</a></h4>
      </li>
      <li>
        <h4><a href="viagem-brasil/index.php">Destinos</a></h4>

      </li>
    <li>
      <h4><a href="Hostelling-International-Brasil-Historico.html">Hist&oacute;rico e Filosofia</a></h4>
    </li>
    <li>
      <h4><a href="Hostelling-International-Brasil-Carteira.html">Carteira HI Brasil</a></h4>
    </li>

    <li>
      <h4><a href="hostels-mondo/index.html">Albergues no Mondo</a></h4>
    </li>
            <li>
              <h4><a href="Hostelling-International-Brasil-Contato.html">Contato</a></h4>
            </li>
    </ul>
  </div>

 </div>
<!--header end-->

<div class="wapper">
<!--contain start-->
<div class="contain">
    	<!--<div class="con_top">
    	  <div class="headBanner" >  </div>
 	</div>-->
  </div>
<!--<div id="socialnet"><a href="#"><img src="../images/facebook.gif"/></a><a href="#"><img src="../images/orkut.png"/></a> <a href="#"><img src="../images/twitter.jpg" width="83" height="25" /></a></div>-->
        <div class="con_s">
          

          <div class="con_cens"><div class="left_main ui-corner-all"  style="border:solid 1px #ddd;"><!-- InstanceBeginEditable name="left content" -->
            <div class="left_main">

              <div class="con_lefts">
                <div class="left1"></div>
                <div class="left2"><h1>Hostelling International Brasil - Carteirinhas HI</h1>
                  <p>Preencha todos os campos do formulário, depois siga as instruções:<br> 
                  Atenção: Não deixar de colocar o nome no comprovante de depósito</p>
                  <p><img src="images/visa-mastercard.gif" width="134" height="25" alt="Hostels Brasil" /><br />  
                  </p>
                  <script language="JavaScript">
function checa_formulario(cad){
if (cad.nome.value == ""){
alert("Campo Nome sem informação! Campo Obrigatório");
cad.nome.focus();
return (false);
}
if (cad.endereco.value == ""){
alert("Campo Endereço sem informação! Campo Obrigatório");
cad.endereco.focus();
return (false);
}
if (cad.num.value == ""){
alert("Campo Número sem informação! Campo Obrigatório");
cad.num.focus();
return (false);
}
if (cad.comp.value == ""){
alert("Campo Complemento sem informação! Campo Obrigatório");
cad.comp.focus();
return (false);
}
if (cad.bairro.value == ""){
alert("Campo Bairro sem informação! Campo Obrigatório");
cad.bairro.focus();
return (false);
}
if (cad.cep.value == ""){
alert("Campo cep sem informação! Campo Obrigatório");
cad.cep.focus();
return (false);
}
if (cad.cidade.value == ""){
alert("Campo Cidade sem informação! Campo Obrigatório");
cad.cidade.focus();
return (false);
}
if (cad.estado.value == ""){
alert("Campo Estado sem informação! Campo Obrigatório");
cad.estado.focus();
return (false);
}
if (cad.tel.value == ""){
alert("Campo Telefone sem informação! Campo Obrigatório");
cad.tel.focus();
return (false);
}
if (cad.CampoNumero.value == ""){
alert("Campo CPF sem informação! Campo Obrigatório");
cad.CampoNumero.focus();
return (false);
}
if (cad.email.value == ""){
alert("Campo e-mail sem informação! Campo Obrigatório");
cad.email.focus();
return (false);
}
if (cad.senha.value == ""){
alert("Por favor preencha o campo SENHA ele e muito importante,\n pois através dele você poderá acessar o painel do alberguista e assim atualizar seu cadastro em nosso sistema.");
cad.senha.focus();
return (false);
}
return (true);
}


</script>
[b]<script type="text/javascript">
	// Função única que fará a transação
	function getEndereco() {
			// Se o campo CEP não estiver vazio
			if($.trim($("#cep").val()) != ""){
				/* 
					Para conectar no serviço e executar o json, precisamos usar a função
					getScript do jQuery, o getScript e o dataType:"jsonp" conseguem fazer o cross-domain, os outros
					dataTypes não possibilitam esta interação entre domínios diferentes
					Estou chamando a url do serviço passando o parâmetro "formato=javascript" e o CEP digitado no formulário
					http://cep.republicavirtual.com.br/web_cep.php?formato=javascript&cep="+$("#cep").val()
				*/
				$.getScript("http://cep.republicavirtual.com.br/web_cep.php?formato=javascript&cep="+$("#cep").val(), function(){
					// o getScript dá um eval no script, então é só ler!
					//Se o resultado for igual a 1
			  		if(resultadoCEP["resultado"]){
						// troca o valor dos elementos
						$("#endereco").val(unescape(resultadoCEP["tipo_logradouro"])+": "+unescape(resultadoCEP["logradouro"]));
						$("#bairro").val(unescape(resultadoCEP["bairro"]));
						$("#cidade").val(unescape(resultadoCEP["cidade"]));
						$("#estado").val(unescape(resultadoCEP["uf"]));
					}else{
						alert("Endereço não encontrado");
					}
				});				
			}			
	}[/b]
</script><div class="ui-corner-all " style="/* [disabled]background-color:#FFF4EA; */ width:600px;">
  <table width="100%" border="0" cellpadding="5" cellspacing="0">
  <form method="post" onSubmit="return checa_formulario(this)" action="carteira-order/enviar.php" enctype="multipart/form-data" name="enviacarteira">
<input name="acao" type="hidden" id="acao" value="carteira">
<input name="VALOR" type="hidden" id="VALOR" value="40">
<input name="tipo" type="hidden" id="tipo" value="internacional">

  <tr>
    <td colspan="2" align="right"><h4 style="color:#FF9935;">DATOS PERSONALES</h4></td>
    </tr>

  <tr>
    <td width="40%" bgcolor="#FFEFDF"><h4>Nome</h4></td>
    <td width="60%" bgcolor="#FFEFDF"><input name="nome" type="text" id="nome" size="30" /></td>
  </tr>
  <tr>
    <td><h4>Tipo</h4></td>
    <td>Carteira Internacional</td>

  </tr>
    <tr>
    <td bgcolor="#FFEFDF"><h4>CEP</h4></td>
    [b]<td bgcolor="#FFEFDF"><input name="cep" type="text" id="cep" size="10" maxlength="9" onKeyUp="mascaraHellas(this.value, this.id, '#####-###', event)" onBlur="getEndereco()"/></td>[/b]
  </tr>
  <tr>
    <td><h4>Endere&ccedil;o</h4></td>

    <td><input name="endereco" type="text" id="endereco" size="30" /></td>
  </tr>
  <tr>
    <td bgcolor="#FFEFDF"><h4>N&uacute;mero</h4></td>
    <td bgcolor="#FFEFDF"><input name="num" type="text" id="num" size="5" /></td>
  </tr>
  <tr>
    <td><h4>Complemento</h4></td>

    <td><input name="comp" type="text" id="comp" size="10" /></td>
  </tr>
  <tr>
    <td bgcolor="#FFEFDF"><h4>Bairro</h4></td>
    <td bgcolor="#FFEFDF"><input name="bairro" type="text" id="bairro" size="20" /></td>
  </tr>
  <tr>
    <td><h4>Cidade</h4></td>

    <td><span class="style3">
      <input name="cidade" type="text" id="cidade" size="20" />
    </span></td>
  </tr>
  <tr>
    <td bgcolor="#FFEFDF"><h4>Estado</h4></td>
    <td bgcolor="#FFEFDF"><font size="2" face="Arial, Helvetica, sans-serif">
      <select name="estado" id="estado" >

        <option value="z">Selecione um Estado</option>

        <option value="TO">TO</option>
      </select>
    </font></td>
  </tr>

  <tr>
    <td><h4>Telefone</h4></td>
    <td><span class="style3">
     [b] <input name="telefone" type="text" id="telefone" size="15" onKeyUp="mascaraHellas(this.value, this.id, '(##)####-####', event)" />[/b]
    </span></td>
  </tr>
  <tr>
    <td bgcolor="#FFEFDF"><h4>Data de nascimento</h4></td>

    <td bgcolor="#FFEFDF"><span class="style3">
    [b]  <input name="datanasc" type="text" id="datanasc" size="15" maxlength="10" onKeyUp="mascaraHellas(this.value, this.id, '##-##-####', event)"/>[/b]
    </span></td>
  </tr>
  <tr style="display:none;">
    <td><h4>&nbsp;</h4></td>
    <td><input type="hidden" name="chkCPF" value="on" checked="checked" /></td>
  </tr>
  <tr>

    <td bgcolor="#FFEFDF"><h4>CPF</h4></td>
    [b]<td bgcolor="#FFEFDF"><input name="CampoNumero" type="text" id="CampoNumero" onKeyUp="mascaraHellas(this.value, this.id, '###.###.###-##', event)" size="25" /></td>[/b]
  </tr>
  <tr>
    <td><h4>Identidade</h4></td>
    <td><input name="rg" type="text" id="rg" size="25" /></td>
  </tr>
  <tr>

    <td bgcolor="#FFEFDF"><h4>E-mail</h4></td>
    <td bgcolor="#FFEFDF"><input name="email" type="text" id="email" size="30" /></td>
  </tr>
  <tr>
    <td><h4>Senha para login</h4></td>
    <td><input name="senha" type="password" id="senha" size="20" /></td>
  </tr>
  <tr>

    <td colspan="2" align="right"><h4 style="color:#FF9935;">Tipo de pagamento</h4></td>
    </tr>
  <tr>
    <td><h4>&nbsp;</h4></td>
    <td><span class="style3">
      <input style="border:none;background:none;" type="radio" id="tipo_pagto" name="tipo_pagto" value="B" />
Boleto<br />
<input style="border:none;background:none;" type="radio" id="tipo_pagto" name="tipo_pagto" value="C" />
Cart&otilde;es Bradesco <br />

(Visa/Mastercad / Cart&atilde;o de correntista / Cr&eacute;dito/D&eacute;bito)<br />
<img src="../images/visa-mastercard.gif" alt="" /><br />
<input style="border:none;background:none;" checked="checked" type="radio" id="tipo_pagto" name="tipo_pagto" value="D" />
Dep&oacute;sito </span></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><label></label></td>

  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><input type="submit" name="button" id="button" value="Enviar" /></td>
  </tr>
  </form>
</table></div>
<p><br />
  Se ap&oacute;s enviar a solicita&ccedil;&atilde;o de carteira -  por algum motivo -  voc&ecirc; n&atilde;o conseguiu imprimir o Boleto
  Banc&aacute;rio ou efetuar o Home-Banking, n&atilde;o se preocupe em preencher a ficha novamente, pois ela j&aacute; est&aacute; em
  nossos arquivos. <br />

  Nos avise o fato por e-mail <a href="mailto:atendimento@hostel.org.br" style="color:#ff0000;font-weight:bold;">clicando aqui</a> e anote o n&uacute;mero da nossa conta banc&aacute;ria para
  dep&oacute;sito direto. <br />
  <br />
</p>
<div>
<p><strong>Bradesco - ag&ecirc;ncia: 0227-5 (Botafogo-RJ) / conta corrente: 86.789-6</strong><br />
<b>FBAJ - Federa&ccedil;&atilde;o Brasileira dos Albergues da Juventude</b><br />

       CNPJ 42.180.109/0001-06 </p>
</div>

<div>
  <p>Telefone exclusivo para atendimento aos alberguistas e envio dos comprovantes de pagamento <br />
<b>Telefone / Fax (51) 3228.3802 / (51) 3326.5380</b><br />
    <a href="mailto:atendimento@hostel.org.br" style="color:#ff0000; font-size:12px; font-family:arial;">atendimento@hostel.org.br</a> <br />
    <br />

  </p>
</div>
<p>Ap&oacute;s a comprova&ccedil;&atilde;o do pagamento, voc&ecirc; pode agilizar nos enviando o comprovante via fax ou e-mail. Imediatamente, sua carteira ser&aacute; emitida e enviada pelo correio em carta registrada.
   Por isso &eacute; necess&aacute;rio que algu&eacute;m possa receber esta correspond&ecirc;ncia no endere&ccedil;o indicado. O prazo m&eacute;dio de entrega varia de 4 (capitais)  a 7 dias &uacute;teis (interior). <br /></p>

              </div>
                
              </div>  
            
                <div class="left2">
                  <div class="top_top"><img src="images/top_top.png" width="614" height="8" alt="Hostels Brasil - Hostelling International Brasil" /></div><br />
</div>
              </div>
          <!-- InstanceEndEditable --></div>
              <!--<div class="carteiraSide">
            <a href="../hostels-brasil/Belo-Horizonte-Hostel.html"><img src="../images/destaque.jpg" /></a> <hr color="#eee" /><p>A capital mineira conta com mais um Hostel da Hostelling International. O novo <strong><a href="../Hostelling-International-Brasil-Destino-Belo-Horizonte.php">Belo Horizonte Hostel</a></strong></p>
</div>--><div id="pesquisar" class="ui-corner-all " style="background-color:#FFEFDF;">
                <h1 style="color:#000;"><span class="ui-icon ui-icon-search"></span>Pesquisar Hostels Em Brasil</h1><h4><div id="demoFive-nav" class="listNav">

</div></h4><ul id="demoFive" class="demo">

<li class="ln-u"><a href="Hostelling-International-Brasil-Destino-Ubatuba.php">Ubatuba Hostel</a></li>

</ul></div><div class="carteiraSide ui-corner-all" style="padding:10px; /* [disabled]border:thin #CCC solid; */"> 
    <a href="Hostelling-International-Brasil-Carteira.html"><img src="images/carteiraSide.jpg" width="360" height="195" alt="Hostels Brasil Carteira" /></a></div>
              <div class="carteiraSide ui-corner-all" style="padding:10px; border:thin #CCC solid;"> 
  <h4 style="color:#000;">
  Cadastre-se e receba nossas Promo&ccedil;&otilde;es no seu E-mail</h4>
 <iframe src="news/default.php" width=300 height=160 frameborder="0"></iframe>
              </div>
</div>
  </div>

       
<!--contain end-->

<!--footer start-->
  <div class="footer">
  Federa&ccedil;ao Brasileira de Albergue de Juventude | Rue Siqueira Campos. 121 sala 203 | Tel:(21) 2531.1085 - Copacabana - Rio de Janeiro / RJ CEP: 22031 - 071<br />
  Emissão de Carteiras e Reservas Fone/Fax: (51) 3226.5380 - atendimento@hostel.org.br  </div>
</div><div class="footer2">
      <div class="footer2Links">
        <div class="partners">

          <h3 class="orange2">
          Parceiros<br />
          <br />
        </div>
      </div>
    </div>
<!--footer end-->


<script src="http://labs.adobe.com/technologies/spry/includes_minified/SpryDOMUtils.js"></script> 

<script type="text/javascript">

       function InitPage(){

        Spry.$$('#nav li').forEach(function(node){

        var a=node.getElementsByTagName("a")[0]; // finds all a elements inside the li, but we only want the first so [0]

        if(a.href == window.location){

            Spry.Utils.addClassName(node,"activeMenuItem");

        }

    });

    }

    Spry.Utils.addLoadListener(InitPage);
</script>
</body>
<!-- InstanceEnd --></html>
Last edited by Benjamin on Thu Nov 10, 2011 1:44 am, edited 1 time in total.
Reason: Added [syntax=php|sql|css|javascript] and/or [text] tags.
Post Reply