Fórum OpenCart Brasil

Boa tarde pessoal estou tendo problemas para implantar mascaras no cadastro do meu tema!

Seguinte ja vi aqueles tutoriais que o pessoal sempre passa porem nao consigo, segue o codigo que estou adicionando no seuinte arquivo:
OS* Dentro da pasta C:\wamp\www\catalog\view\theme\leisure\template (localhost) joguei os arquivos abaixo:

jquery.maskedinput-1.3
jquery-1.7.2.min

Abri o arquivo Register.tpl (situado na mesma pasta acima e coloquei o seguinte codigo:

<script src="jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="jquery.maskedinput-1.3.js" type="text/javascript"></script>
Chamando os 2 arquivos do jquery.

Criei a função:

<script>
jQuery(function($){
$("#telephone").mask("(99)9999-9999");

});
</script>

e no campo do thephone está aassim

<td><span class="required">*</span> <?php echo $entry_telephone; ?></td>
<td><input type="text" id ="telephone" name="telephone" value="<?php echo $telephone; ?>" />
<?php if ($error_telephone) { ?>
<span class="error"><?php echo $error_telephone; ?></span>
<?php } ?></td>


Porem a mascara nao funciona nem com reza =/ alguem poderia me ajudar?
Ja testei retirar esse codigo <script src="jquery-1.7.2.min.js" type="text/javascript"></script> e chamar apenas a mascara mas tbm nao funciona =/ alguem me da uma luz.

Abraços

Bom tarde...

Você mão precisa importar uma classe Jquery para fazer essa máscara.

tente o código abaixo:

///////////////////////////////////////////////////FORMATACAO Campo
No input adicione o atributo onkeyup="formata(this, '(??)????-????', Event, 'int')"

Dentro da função formata temos(c=ID do campo, m=mascara, e=Sempre Event, t=Caso seja um campos somente para números utilizar "int" caso contrário utilizar "")

function formata(c, m, e, t) {
if(t=='int'){
if (event.keyCode < 48 || event.keyCode > 57){
event.returnValue = false;
return false;
}
}
if(document.all) { // Internet Explorer
key = e.keyCode; }
else{ // Nestcape
key = e.which;
}

if (key == 8) {
return true;
}

string = c.value;
i = string.length;

if (i < m.length) {
if (m.charAt(i) == '?') {
return (key > 47 && key < 58);
} else {
if (m.charAt(i) == '!') { return true; }
for (c = i; c < m.length; c++) {
if (m.charAt(c) != '?' && m.charAt(c) != '!')
c.value = c.value + m.charAt(c);
else if (m.charAt(c) == '!'){
return true;
} else {
return (key > 47 && key < 58);
}
}
}
} else return false;
}

Qualquer coisa só entrar em contato.
Abraço

Boa tarde caro, no caso eu precisava do jquery mesmo. Assim fica muito extenso,... sobre colocar com jquery sabe o motivo de nao estar dando certo?
Grande abraço e obrigado pela ajuda!

Cara utilizei de boa a mascara no formulário, da uma olhada no código fonte:

http://lidrix.com.br/index.php?route=account/register

Tente colocar dentro de Register
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jq ... "></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/digit ... "></script>

e o Jquery você usa apenas -> Importante que o código abaixo esteja no final do código ou após o campo.
$('input#telephone').mask("(99)9999-9999");

skydev escreveu:Tente colocar dentro de Register
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jq ... "></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/digit ... "></script>

e o Jquery você usa apenas -> Importante que o código abaixo esteja no final do código ou após o campo.
$('input#telephone').mask("(99)9999-9999");

Perfeito! simples e funcional! valeu pela ajuda! abraços