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
Some jscript would not work
Moderator: General Moderators
- social_experiment
- DevNet Master
- Posts: 2793
- Joined: Sun Feb 15, 2009 11:08 am
- Location: .za
Re: Some jscript would not work
[23:41:05.488] GET http://hostel.org.br/novosite/Hostellin ... l-Carteira [HTTP/1.1 404 Not Found 4649ms]
Post your code here
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
Re: Some jscript would not work
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
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ítica de Cancelamento</a><br />
<a href="Hostelling-International-Brasil-Hostels-Associacoes-Estaduais.html">Associaçõ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ó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ço</h4></td>
<td><input name="endereco" type="text" id="endereco" size="30" /></td>
</tr>
<tr>
<td bgcolor="#FFEFDF"><h4>Nú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> </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> </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ões Bradesco <br />
(Visa/Mastercad / Cartão de correntista / Crédito/Dé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ósito </span></td>
</tr>
<tr>
<td> </td>
<td><label></label></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="button" id="button" value="Enviar" /></td>
</tr>
</form>
</table></div>
<p><br />
Se após enviar a solicitação de carteira - por algum motivo - você não conseguiu imprimir o Boleto
Bancário ou efetuar o Home-Banking, não se preocupe em preencher a ficha novamente, pois ela já está 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úmero da nossa conta bancária para
depósito direto. <br />
<br />
</p>
<div>
<p><strong>Bradesco - agência: 0227-5 (Botafogo-RJ) / conta corrente: 86.789-6</strong><br />
<b>FBAJ - Federaçã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ós a comprovação do pagamento, você pode agilizar nos enviando o comprovante via fax ou e-mail. Imediatamente, sua carteira será emitida e enviada pelo correio em carta registrada.
Por isso é necessário que alguém possa receber esta correspondência no endereço indicado. O prazo médio de entrega varia de 4 (capitais) a 7 dias ú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çõ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ç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.
Reason: Added [syntax=php|sql|css|javascript] and/or [text] tags.