- Hozzászólások: 1
- Köszönetek: 0
Telefonszámot elrejtő bővítményt keresek
2017 jan. 17 14:39 - 2017 jan. 17 14:49 #2 Írta: Zotius
Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot
Skype: 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és utána az ezzel az osztállyal rendelkező szövegrészt kezeli a jQuery script:
jQueryFenti kódban aktuálisan 4 karakterrel csonkolja a megjelenő telefonszámot (phonenumbers[x].length - 4), ezt tetszőlegesen módosíthatod.
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>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]);
}
});
});
});Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot
Skype: zotius
Jelentkezz be, hogy te is részt vehess beszélgetésben!
