Máscara em formulário do Telefone 8 e 9 digitos

[Apocalipse81 0]

Pessoal, estou com uma agenda prontinha que fiz, e estava querendo colocar uma mascara no meu telefone, de 8 e 9 digitos, tentei de tudo e nada nessa minha folha, vou postar para vcs verem e me dar uma idéia de como fazer, eu n vou colar da parte que fiz, porque tentei mta coisa, então ficaria mto extenso colocar todas as formas que tentei, então vou deixar minhas folhas .php pra quem puder me dizer onde aplicar e quais os frameworks do jquery.... ficarei grato !!!!

o código é grande então vou hospedar ele em outro lugar e postar o link aqui

https://mega.nz/#!hQlhzSxA!qexYRvPJSdoySdyngr7xSyVffUDXdDSpXigQDLxHhLQ

https://mega.nz/#!NUdRRS5T!KCJo2nHbMVE9LpkwIXq82uLkysPxKPHoSGyEkD78jaI

https://mega.nz/#!xZt1TJDL!Dm8IjgaOlkAR9htVuEzkvSekzb1FtWbXR7QwoX2tLQs

(obs: não é vírus)

[Criquio 19]

Seria melhor postar os códigos em um site próprio para isso como por exemplo o GitHub ou então poste só a parte que receberá a máscara aqui mesmo. E tu está usando php ou js?

[Apocalipse81 0]

ele tah misturado !! mas o arquivo está salvo em .php ... tenho também .js para pegar os efeitos do template e tal

 

 

 

 

index.php

//Tabela do Telefone
telefones: {
title: '',
width: '5%',
sorting: false,
edit: false,
create: false, 
display: function (studentData) {
//Create an image that will be used to open child table
var $img = $('<a href="javascript:void(0);"><img src="./img/phone_metro.png" title="Exibir Números de Telefone" /></a>');
//Open child table when user clicks the image
$img.click(function () {
$('#PeopleTableContainer').jtable('openChildTable', 
$img.closest('tr'),
{
messages: {
addNewRecord: '+ Adicionar Telefone',
deleteConfirmation: 'Você irá deletar o telefone. Tem certeza que deseja fazer isso?',
deleteText: 'Deletar Telefone',
deleting: 'Deletando',
editRecord: 'Editar Telefone',
areYouSure: 'Deletar Telefone?',
canNotDeletedRecords: 'Can not deleted {0} of {1} records!',
deleteProggress: 'Deleted {0} of {1} records, processing...'
},
title: studentData.record.nome + ' - Meus Telefones',
actions: {
listAction: './controlador_fone.php?action=list&id=' + studentData.record.id


<?php if (isset($_GET['super']) && $_GET['super']=='usuario') { ?>
,
deleteAction: './controlador_fone.php?action=delete',
updateAction: './controlador_fone.php?action=update',
createAction: './controlador_fone.php?action=create'
<?php } ?>
},


fields: {
id: {
key: true,
create: false,
edit: false,
list: false
},
telefone: {
title: 'Telefone',
width: '30%'


},
contato_id: {
type: 'hidden',
defaultValue: studentData.record.id
}, 
operadora: {
title: 'Operadora',
width: '30%'
},
observacao: {
title: 'Observação',
width: '30%'
}
}
}, function (data) { //opened handler
data.childTable.jtable('load');
});


});
//Return image to show on the person row
return $img;
}


}
}




});


//Load person list from server
$('#PeopleTableContainer').jtable('load');


});






</script>




   </div>
</nav>

[ESerra 744]

Movendo para a área correta, JS.

 

Para a máscara recomendo: http://digitalbush.com/projects/masked-input-plugin/

[Apocalipse81 0]

Consegui fazer.. não deu certo com nenhum plugin, tive que colocar os comandos:

index.php

<!-- Mascara telefone-->
<script type="text/javascript">
function mascaraTelefone( campo ) {
      
         function trata( valor,  isOnBlur ) {
            
            valor = valor.replace(/\D/g,"");                      
            valor = valor.replace(/^(\d{2})(\d)/g,"($1)$2");       
            
            if( isOnBlur ) {
               
               valor = valor.replace(/(\d)(\d{4})$/,"$1-$2");   
            } else {


               valor = valor.replace(/(\d)(\d{3})$/,"$1-$2"); 
            }
            return valor;
         }
         
         campo.onkeypress = function (evt) {
             
            var code = (window.event)? window.event.keyCode : evt.which;   
            var valor = this.value
            
            if(code > 57 || (code < 48 && code != 8 ))  {
               return false;
            } else {
               this.value = trata(valor, false);
            }
         }
         
         campo.onblur = function() {
            
            var valor = this.value;
            if( valor.length < 13 ) {
               this.value = ""
            }else {      
               this.value = trata( this.value, true );
            }
         }
         
         campo.maxLength = 14;
      }
</script>
<!--Fim Mascara telefone-->

 

 

jquery.jtable.js

 //Open the form
            self._$addRecordDiv.append($addRecordForm).dialog('open');
            self._trigger("formCreated", null, { form: $addRecordForm, formType: 'create' });


mascaraTelefone( document.forms[1].telefone );

 //Open dialog
            self._$editingRow = $tableRow;
            self._$editDiv.append($editForm).dialog('open');
            self._trigger("formCreated", null, { form: $editForm, formType: 'edit', record: record });


mascaraTelefone( document.forms[1].telefone );
        },