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

Több
7 éve 4 hónapja #11026 Írta: ferenczp
Telefonszámot elrejtő bővítményt keresek téma létrehozva ferenczp által
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
7 éve 4 hónapja - 7 éve 4 hónapja #11030 Írta: Zotius
Zotius válaszolt a következő témában: 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
Code:
<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
Code:
$(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.
Utolsó szerkesztés: 7 éve 4 hónapja Zotius által. Indoklás: kiegészítés

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

Több
7 éve 4 hónapja #11031 Írta: Balázs
Balázs válaszolt a következő témában: 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!