Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Functii jQuery: format number si format string

Vezi subiectul anterior Vezi subiectul urmator In jos

Functii jQuery: format number si format string Empty Functii jQuery: format number si format string

Mesaj Scris de SSYT Mier Mar 16, 2016 10:08 pm

Functii utile jQuery

Codul sursa:
* Aplasare in toate paginile !

Cod:
// Functii utile by Stark !
// Forumgratuit !
// Pwd StarK 2012 - 2106 !
(function() {
 if (typeof Number.prototype.formatNumberA === 'undefined') {
 Number.prototype.formatNumberA = function (precision) {
 if (!isFinite(this)) {
 return this.toString();
 }
 var a = this.toFixed(precision).split('.');
 a[0] = a[0]
 .split('').reverse().join('')
 .replace(/\d{3}(?=\d)/g, '$&,')
 .split('').reverse().join('');

 return a.join('.');
 };
 };
 
 if (typeof Number.prototype.formatNumberB === 'undefined') {
 Number.prototype.formatNumberB = function (precision) {
 if (!isFinite(this)) {
 return this.toString();
 }

 var a = this.toFixed(precision).split('.');
 a[0] = a[0].replace(/\d(?=(\d{3})+$)/g, '$&,');
 return a.join('.');
 }
 };
 
 // Format String test for jQuery !
 String.prototype.formatStr = function() {
 var formatted = this;
 for (var arg in arguments) {
 formatted = formatted.replace("{" + arg + "}", arguments[arg]);
 }
 return formatted;
 };
})(window.format2, window.format, window.formatStr);

function sprintf() {
 var args = arguments,
 string = args[0],
 i = 1;
 return string.replace(/%((%)|s|d)/g, function (m) {
 var val = null;
 if (m[2]) {
 val = m[2];
 } else {
 val = args[i];
 switch (m) {
 case '%d':
 val = parseFloat(val);
 if (isNaN(val)) {
 val = 0;
 }
 break;
 }
 i++;
 }
 return val;
 });
};

Utilizare:
Format Number
Transforma un numar intreg intru numar cu split:
Daca avem 10615 mesaje pe forum la statistici, cu plugin formatNumberA/formatNumberB va transforma in : 10,615

Utilizare formatNumberA:
Consola:
Cod:
var number = 10000; // Numar intreg 10,000
console.log("$" + number.formatNumberA(0)); // un singur split (,) !

Rezultat:
$10,000

Utilizare formatNumberB:
Consola:
Cod:
var number = 10000000; // Numar intreg 10,000,000
console.log("$" + number.formatNumberB(0)); // doua split-uri (,) !

Rezultat:
$10,000,000


Format String

Utilizare formatStr:
Consola:
Cod:
console.log("Salut {0}, ai id {1} si {2} mesaje postate.".formatStr(_userdata.username, _userdata.user_id, _userdata.user_post));

Rezultat:
Salut SSYT, ai id 1 si 2 mesaje postate.


Format String

Utilizare sprintf(): // Este putin mai avansat !
Consola:
Cod:
console.log(sprintf("Salut %s, ai id %d si %d mesaje postate.", _userdata.username, _userdata.user_id, _userdata.user_post));

Rezultat:
Salut SSYT, ai id 1 si 2 mesaje postate.


Atentie, nu recomand utilizarea acestor pluginuri la incepatori !
SSYT

SSYT
Membru onorific
Membru onorific

Mesaje : 1424
Varsta : 30
Localizare : Romania, localhost:80
Data înscrierii : 10/08/2015
Mulțumiri : 199
Opera phpBB3

https://help.forumgratuit.ro
SSYT a fost mulțumit de autorul acestui subiect.

Functii jQuery: format number si format string Empty Re: Functii jQuery: format number si format string

Mesaj Scris de mr.franta Vin Sept 09, 2016 9:46 am

Sa stii ca mie imi place foarte mult!
Dar cum il pot adauga in index_box la subiecte si mesaje sa fie functional?
mr.franta

mr.franta
Membru onorific
Membru onorific

Mesaje : 1403
Varsta : 36
Localizare : Giurgiu
Data înscrierii : 18/02/2012
Mulțumiri : 130
Google Chrome AwesomeBB

https://frannnta-design.forumgratuit.ro/
mr.franta a fost mulțumit de autorul acestui subiect.

Functii jQuery: format number si format string Empty Re: Functii jQuery: format number si format string

Mesaj Scris de SSYT Sam Sept 10, 2016 10:00 am

Salut @mr.franta,
Trebuie editat index_box adăugând 2 clase la topică and posts apoi utilizând codul js .
SSYT

SSYT
Membru onorific
Membru onorific

Mesaje : 1424
Varsta : 30
Localizare : Romania, localhost:80
Data înscrierii : 10/08/2015
Mulțumiri : 199
Opera phpBB3

https://help.forumgratuit.ro
SSYT a fost mulțumit de autorul acestui subiect.

Functii jQuery: format number si format string Empty Re: Functii jQuery: format number si format string

Mesaj Scris de mr.franta Joi Sept 15, 2016 6:57 am

Clasa in index_box daca am citit bine trebuie sa fie .split?
mr.franta

mr.franta
Membru onorific
Membru onorific

Mesaje : 1403
Varsta : 36
Localizare : Giurgiu
Data înscrierii : 18/02/2012
Mulțumiri : 130
Google Chrome AwesomeBB

https://frannnta-design.forumgratuit.ro/
mr.franta a fost mulțumit de autorul acestui subiect.

Functii jQuery: format number si format string Empty Re: Functii jQuery: format number si format string

Mesaj Scris de SSYT Lun Oct 17, 2016 9:17 pm

Salut Sabin, poți face ceva de genul:
Cod:
var topics = $('.topics').text();  
$('.topics').html(topics.formatNumberB(0));

Apropo asta este doar un exemplu cred că ai înțeles cum vine făcut.
SSYT

SSYT
Membru onorific
Membru onorific

Mesaje : 1424
Varsta : 30
Localizare : Romania, localhost:80
Data înscrierii : 10/08/2015
Mulțumiri : 199
Opera phpBB3

https://help.forumgratuit.ro
SSYT a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum