[Tips] How to hide last 4 digit phone number

[byteGator]

Because a lot of people ask me how to make phone and mail hide like I have in http://iklangratis.net, I will explain a simple method how to hide last 4 digit phone number using javascript.

1. Display number after user click

Code: [Select]

<div id="phonenumber" data-last="1234">949<span>XXXX</span></div>


Code: [Select]

$('#phonenumber').click(function() {
    $(this).find('span').text( $(this).data('last') );
});

2. To make it toggle on click.

Code: [Select]

$('#phonenumber').toggle(function() {
    $(this).find('span').text( $(this).data('last') );
},function() {
    $(this).find('span').text( 'XXXX' );
});

3. To show phonenumber if user have no javascript

Code: [Select]

<div id="phonenumber" data-last="1234">949<span>1234</span></div>


Code: [Select]

$('#phonenumber').toggle(function() {
    $(this).find('span').text( 'XXXX' );
},function() {
    $(this).find('span').text( $(this).data('last') );
})
  .click();

Note: If you want to make your data unreadable by robot or crawler, you have to use image to display phone number.

[creat15]

hi masgan

I've also been asked about the hide phone number on a different thread

this is link thread [solved] how to hide phone number user?

and the same script with the tutorial above

[plesk]

Hello, or should I put this code and especially that file must be edited please thank you

[byteGator]

Hello, or should I put this code and especially that file must be edited please thank you

It is a javascript method. you can implement it anywhere you like.

[plesk]

good evening
in where you can place this code? and principally made the file to edit themes I thank you bender

[data99]

Can you tell me the location of file that need to be edit

[data99]

I still cant do it Please help 

[tempestblaze]

How do you use image to display phone number?

[burims]

I have install this scritpt and i create one website for it but i don't know this software how is work may you can help me on this
however thanks you bro