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í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>