- Hozzászólások: 1
- Köszönetek: 0
Telefonszámot elrejtő bővítményt keresek
- ferenczp
-
Témaindító
- Nem elérhető
- Újonc fórumozó
-
- Zotius
-
- Nem elérhető
- Joomla ász
-
6 éve 8 hónapja - 6 éve 8 hónapja #11030
Í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:
jQuery
Fenti 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
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>
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]);
}
});
});
});
Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot
Skype: zotius
Utolsó szerkesztés: 6 éve 8 hónapja Zotius által. Indoklás: kiegészítés
Jelentkezz be, hogy te is részt vehess beszélgetésben!
- Balázs
-
- Nem elérhető
- Adminisztrátor
-
