Kérdés Telefonszámot elrejtő bővítményt keresek

Több
2017 jan. 17 08:53 #1 Írta: ferenczp
ferenczp létrehozta a témát: Telefonszámot elrejtő bővítményt keresek
Olyan modult keresek ami elrejti a telefonszám végét és ha rákattintok akkor jeleníti meg a telyes számot! Jofogas.hu-n van hasonló!

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 jan. 17 14:39 - 2017 jan. 17 14:49 #2 Írta: Zotius
Zotius válaszolt a témára: Telefonszám elrejtő modul
A stackoverflow.com -on találhatsz erre javascriptet. A hivatkozáson az 1. számú válaszban látható, JSFiddle -n található script erre szolgál.

Egy modulba vagy komponensbe ezt a kódot kell valahogy beágyazni, attól függően, hogy hol kívánod alkalmazni ezt a csonkolt megjelenítést. Lényege, hogy a telefonszámhoz a css-ben egy "phonenumber" osztályt rendelsz,
HTML
<p class="phonenumber">+1 202 224 0173</p>
<p class="phonenumber">+1 202 717 0178</p>
<p class="phonenumber">+1 202 505 0179</p>
<p class="phonenumber">+1 202 645 0183</p>
és utána az ezzel az osztállyal rendelkező szövegrészt kezeli a jQuery script:
jQuery
$(document).ready(function() {
    var phonenumbers = [];
    $(".phonenumber").each(function(i) {
        phonenumbers.push($(this).text());
        var newcontent = $(this).text().substr(0, $(this).text().length - 4)
        $(this).text(newcontent);
        $(this).bind("click", function() {
            if ($(this).text() == phonenumbers[i]) {
                $(this).text(phonenumbers[i].substr(0, phonenumbers[i].length - 4));
            } else {
            $(".phonenumber").each(function(x) {
                if ($(this).text() == phonenumbers[x]) {
                   $(this).text(phonenumbers[x].substr(0, phonenumbers[x].length - 4));
                }
            });            
            $(this).text(phonenumbers[i]);
            }
        });
    });
});
Fenti kódban aktuálisan 4 karakterrel csonkolja a megjelenő telefonszámot (phonenumbers[x].length - 4), ezt tetszőlegesen módosíthatod.

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius
Utolsó szerkesztés: 2017 jan. 17 14:49 Írta: Zotius. Indoklás: kiegészítés

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 jan. 17 14:45 #3 Írta: Balázs
Balázs válaszolt a témára: Telefonszámot elrejtő bővítményt keresek

Ha bizalmas információt szeretnél közölni az adminokkal, akkor tedd az üzeneted tartalmát a [ confidential ][ /confidential ] címkék közé (szóközök nélkül).

Joomla! tanácsadás, oktatás, fejlesztés - joomlabs.hu

Jelentkezz be, hogy te is részt vehess beszélgetésben!