Variabile suplimentare pentru template-uri

Vezi subiectul anterior Vezi subiectul urmator In jos

Variabile suplimentare pentru template-uri

Mesaj Scris de Apollo la data de Joi 31 Mar - 13:52

Buna ziua,
Iata ca am ajuns la o noua versiune a codului, aceasta versiune suporta mult mai bine codurile HTML.
Acest cod va poate ajuta foarte mult pe cei care doriti sa adaugati in template-uri diferite varibile fara sa le mai incarcati prin .load, .get.

Codul ofera suport pentru toate tipurile de varibile create in mod direct in template.

Instalare:

Panou > Module > HTML & JAVASCRIPT > Gestiunea codurilor javascript > Creati un nou cod JavaScript
  • Titlu: HTML Varibles
  • Amplasare: Toate Paginile
  • Cod:

    Cod:
    (function($) {
       if(!window.HTMLArray) window.HTMLArray;

       window.HTMLArray = {
          __construct: function()
          {
             return this.__construct;
          },

          assign: function(array, varkey) {
             var HTML = $('html body'), i;
             for(i in HTML)
             {
                array = new RegExp("\\{."+ array +"\\}", "gi");
                HTML[i].innerHTML = HTML[i].innerHTML.replace(array, varkey);
             }
          },

          Vars: function(array) {
             switch(array)
             {
                case 'IM_ONLINE':
                   $(function() {
                      var u = _userdata;
                      var HTML = $('html body'), i;
                      for(i in HTML) {
                         HTML[i].innerHTML = HTML[i].innerHTML.replace(/\{IM_ONLINE\}|\{.IM_ONLINE\}/g, u.session_logged_in);
                      }
                   });
                   break;

                case 'USER_NAME':
                   $(function() {
                      var u = _userdata;
                      var HTML = $('html body'), i;
                      for(i in HTML) {
                         HTML[i].innerHTML = HTML[i].innerHTML.replace(/\{USER_NAME\}|\{.USER_NAME\}/g, u.username);
                      }
                   });
                   break;

                case 'AVATAR':
                   $(function() {
                      var u = _userdata;
                      var HTML = $('html body'), i;
                      for(i in HTML) {
                         HTML[i].innerHTML = HTML[i].innerHTML.replace(/\{AVATAR\} | \{.AVATAR\}/g, $(u.avatar).attr('src'));
                      }
                   });
                   break;

                case 'USER_PRIVATE_MSG':
                   $(function() {
                      var u = _userdata;
                      var HTML = $('html body'), i;
                      for(i in HTML) {
                         HTML[i].innerHTML = HTML[i].innerHTML.replace(/\{USER_PRIVATE_MSG\} | \{.USER_PRIVATE_MSG\}/g, u.user_nb_privmsg);
                      }
                   });
                   break;
                case 'USER_REPUTATION':
                   $(function() {
                      var u = _userdata;
                      var HTML = $('html body'), i;
                      for(i in HTML) {
                         HTML[i].innerHTML = HTML[i].innerHTML.replace(/\{USER_REPUTATION\} | \{.USER_REPUTATION\}/g, u.point_reputation);
                      }
                   });
                   break;


                case 'USER_LINK':
                   $(function() {
                      var u = _userdata;
                      var HTML = $('html body'), i;
                      for(i in HTML) {
                         HTML[i].innerHTML = HTML[i].innerHTML.replace(/\{USER_LINK\} | \{.USER_LINK\}/g, "/u" + u.user_id);
                      }
                   });
                   break;

                case 'USER_ID':
                   $(function() {
                      var u = _userdata;
                      var HTML = $('html body'), i;
                      for(i in HTML) {
                         HTML[i].innerHTML = HTML[i].innerHTML.replace(/\{USER_ID\} | \{.USER_ID\}/g, u.user_id);
                      }
                   });
                   break;

                case 'USER_LEVEL':
                   $(function() {
                      var u = _userdata;
                      var HTML = $('html body'), i;
                      for(i in HTML) {
                         HTML[i].innerHTML = HTML[i].innerHTML.replace(/\{USER_LEVEL\} | \{.USER_LEVEL\}/g, u.user_level);
                      }
                   });
                   break;

                case 'RANK_TITLE':
                   $(function() {
                      var u = _userdata;
                      var HTML = $('html body'), i;
                      for(i in HTML) {
                         HTML[i].innerHTML = HTML[i].innerHTML.replace(/\{RANK_TITLE\} | \{.RANK_TITLE\}/g, _lang.rank_title);
                      }
                   });
                   break;
             }
          }
       };
    }(jQuery));


Utilizare:

In template-uri trebuie sa utilizati sub aceasta forma:
Cod:
<h1>Bine ai venit {.VARIBILA_NUME}</h1>

Aisare:
[h1]Bine ai venit SSYT[/h1]

Panou > Module > HTML & JAVASCRIPT > Gestiunea codurilor javascript > Creati un nou cod JavaScript
  • Titlu: Variabile Definite
  • Amplasare: Toate Paginile
  • Cod:

    Cod:
    $(function() {
            HTMLArray.assign('VARIBILA_NUME', _userdata.username);
            HTMLArray.assign('NUME_VARIABILA', 'Cod afisare');
    });


Variabile Predefinite

De oare ce este un cod destul de complex am creat pentru voi si cateva variabile:

Variabila Descriere
IM_ONLINE Returneaza 1 sau 0 (1 - Conectat | 0 - Deconectat)
USER_NAME Returneaza numele celui conectat
AVATAR Returneaza url de la avatar (http://help.forumgratuit.ro/users/2513/71/04/52/avatars/gallery/fg10.png)
USER_PRIVATE_MSG Returneaza numarul total de mesaje private (Trimise & Primite)
USER_REPUTATION Daca sistemul de reputatie este activat, returneaza punctele acumulate.
USER_LINK Returneaza link catre profil (/u1)
USER_ID Returneaza ID-ul
USER_LEVEL Returneaza nivelul (1 - Admin, 2 - Moderator, 3 - Member)
RANK_TITLE Returneaza numele rang-ului

Daca am ezitat ceva, sau aveti probleme la utilizare, va astept in sectiunea de: Probleme cu un script


Ultima editare efectuata de catre SSYT in Dum 5 Feb - 15:12, editata de 2 ori (Motiv : Actualizare topic)
avatar
Apollo
Moderator
Moderator

masculin

Mesaje : 956
Varsta : 23
Localizare : Github, SSYT.
Data înscrierii : 10/08/2015
Multumiri : 123
Niciun avertisment

https://goo.gl/FNpP4P

Sus In jos

Re: Variabile suplimentare pentru template-uri

Mesaj Scris de mr.franta la data de Vin 1 Apr - 17:56

Este un script minunat cu care ma folosesc si ma ajuta enorm de mult in toate proiectele mele,iti multumesc SSYT pentru munca depusa si ca vrei sa ne ajuti distribuind munca ta mai departe.


Daca v-am fost de ajutor apasati butonul  
avatar
mr.franta
Asistent
Asistent

masculin

Mesaje : 1197
Varsta : 29
Localizare : giurgiu
Data înscrierii : 18/02/2012
Multumiri : 89
Niciun avertisment

http://www.frannnta-design.com/

Sus In jos

Re: Variabile suplimentare pentru template-uri

Mesaj Scris de etcc la data de Vin 1 Apr - 19:08

SSYT a scris:
Utilizare variabile HTML `{}`


Salutare, am vazut pe un forum un tutorial in care arata cum putem utiliza anumite variabile HTML `{NUME_VARIABILA}` in widget, si mesaje. Insa eu am reusit sa fac sa poti utiliza aceste variabile si in anunturi, si in ori ce parte a forumului !

Instalare:
PA ~> MODULE ~> HTML & JAVASCRIPT ~> Gestiunea codurilor JavaScript ~> Creeaza un cod JavaScript

  • Titlu * : JS-HTML Variables
  • Amplasare : Toate paginile
  • Cod JavaScript * :
    Cod:
    // V1.0
    $(function() {
        var u = _userdata, l = _lang;
        var content = $('html').get(); // document.getElementsByName('html'); - not work, i don't know
        for (i = 0; i < content.length; i++) {
            content[i].innerHTML = content[i].innerHTML
            .replace(/\{IM_ONLINE\}/g, u.session_logged_in)
            .replace(/\{USER_NAME\}|\{.USER_NAME\}/g, u.username)
            .replace(/\{AVATAR\}|\{.AVATAR\}/g, u.avatar)
            .replace(/\{USER_PRIVATE_MSG\}|\{.USER_PRIVATE_MSG\}/g, u.user_nb_privmsg)
            .replace(/\{USER_REPUTATION\}|\{.USER_REPUTATION\}/g, u.point_reputation)
            .replace(/\{USERID\}|\{.USERID\}/g, "/u"+u.user_id)
            .replace(/\{USER_POST\}|\{.USER_POST\}/g, u.user_posts)
            .replace(/\{USER_LEVEL\}|\{.USER_LEVEL\}/g, u.user_level)
            .replace(/\{RANK_TITLE\}|\{.RANK_TITLE\}/g, l.rank_title);
        }
    });



Lista variabile disponibile:

  • {IM_ONLINE} - Arata ca userul este online !
  • {USER_NAME} - Arata numele utilizatorului !
  • {AVATAR} - Afiseaza avatarul utilizatorului !
  • {USER_PRIVATE_MSG} - Numarul de mesaje private primite !
  • {USER_REPUTATION} - Numarul reputatiei !
  • {USERID} - Url catre profil (/u1) !
  • {USER_POST} - Numarul de mesaje postate !
  • {RANK_TITLE} - Rank-ul utilizatorului !


Lista variabile disponibile in template:

  • {.USER_NAME} - Arata numele utilizatorului !
  • {.AVATAR} - Afiseaza avatarul utilizatorului !
  • {.USER_PRIVATE_MSG} - Numarul de mesaje private primite !
  • {.USER_REPUTATION} - Numarul reputatiei !
  • {.USERID} - Url catre profil (/u1) !
  • {.USER_POST} - Numarul de mesaje postate !
  • {.RANK_TITLE} - Rank-ul utilizatorului !


+ bonus:
Cod:
Hello <strong>{USER_NAME}</strong><br /><a href="{USERID}">{AVATAR}</a><br />You have <strong>{USER_PRIVATE_MSG}</strong> private message.<br />You have <strong>{USER_REPUTATION}</strong> like's<br />Your ranks is <strong>{RANK_TITLE}</strong> on forum.<br />You have <strong>{USER_POST}</strong> on forum.

Afisare:


Succes.

Cu stima,
SSYT #Pace !

Am facut cum ai spus dar nu a mers nu arata deloc ca in imagine  Nu think . Oare dece? think
avatar
etcc
Membru Forumgratuit

Mesaje : 129
Varsta : 15
Data înscrierii : 26/03/2016
Multumiri : 3
1 avertisment

http://zombiedeathmod.rpdforum.com/

Sus In jos

Re: Variabile suplimentare pentru template-uri

Mesaj Scris de Apollo la data de Vin 1 Apr - 20:40

Salut @etcc, eu acel cod, l-am folosit intrr-un wiget, pentru template poti folosi `{.NUME_VARIABILE}` ai o lista in primul topic !
avatar
Apollo
Moderator
Moderator

masculin

Mesaje : 956
Varsta : 23
Localizare : Github, SSYT.
Data înscrierii : 10/08/2015
Multumiri : 123
Niciun avertisment

https://goo.gl/FNpP4P

Sus In jos

Re: Variabile suplimentare pentru template-uri

Mesaj Scris de Apollo la data de Joi 14 Apr - 21:02

Update cod sursa:
Cod:
function vars(c,d){for(var e=new RegExp(c,"g"),b=$("html"),a=0;a<b.length;a++)b[a].innerHTML=b[a].innerHTML.replace(e,d);return!1};

Utilizare:
Cod:
vars('{USER_NAME}', 'SSYT'); // Predefinit
vars('{USER_NAME}', _userdata.username); // Auto get
vars('{.USER_NAME}', _userdata.username); // Predefinit in template
avatar
Apollo
Moderator
Moderator

masculin

Mesaje : 956
Varsta : 23
Localizare : Github, SSYT.
Data înscrierii : 10/08/2015
Multumiri : 123
Niciun avertisment

https://goo.gl/FNpP4P

Sus In jos

Re: Variabile suplimentare pentru template-uri

Mesaj Scris de Adi`Tu la data de Joi 12 Mai - 16:39

erroare pentru versiunea phpbb3 cand adaugi codul in javascript si selectezi toate paginile in topicurile postate si care contin imagini acele imagini dispare...
avatar
Adi`Tu
Membru activ

masculin

Mesaje : 440
Varsta : 18
Localizare : Bucuresti
Data înscrierii : 20/02/2013
Multumiri : 1
Niciun avertisment

http://www.onexiled.com/

Sus In jos

Re: Variabile suplimentare pentru template-uri

Mesaj Scris de Apollo la data de Vin 13 Mai - 14:14

@Adi`Tu a scris:erroare pentru versiunea phpbb3 cand adaugi codul in javascript si selectezi toate paginile in topicurile postate si care contin imagini acele imagini dispare...

Nu cred ca e de la codul oferit de mine, eu folosesc pe forumul meu personal si nu am intampinat astfel de erori !
avatar
Apollo
Moderator
Moderator

masculin

Mesaje : 956
Varsta : 23
Localizare : Github, SSYT.
Data înscrierii : 10/08/2015
Multumiri : 123
Niciun avertisment

https://goo.gl/FNpP4P

Sus In jos

Re: Variabile suplimentare pentru template-uri

Mesaj Scris de mr.franta la data de Mier 1 Iun - 9:05

Poti face un update cu vizualizari ,raspunsuri,autor topic,numele ultimului membru care a postat?
avatar
mr.franta
Asistent
Asistent

masculin

Mesaje : 1197
Varsta : 29
Localizare : giurgiu
Data înscrierii : 18/02/2012
Multumiri : 89
Niciun avertisment

http://www.frannnta-design.com/

Sus In jos

Re: Variabile suplimentare pentru template-uri

Mesaj Scris de Apollo la data de Mier 1 Iun - 14:00

O sa incerc sa fac si acest lucru, multumesc de sugesti @mr.franta.
avatar
Apollo
Moderator
Moderator

masculin

Mesaje : 956
Varsta : 23
Localizare : Github, SSYT.
Data înscrierii : 10/08/2015
Multumiri : 123
Niciun avertisment

https://goo.gl/FNpP4P

Sus In jos

Re: Variabile suplimentare pentru template-uri

Mesaj Scris de Apollo la data de Dum 26 Iun - 17:17

Proiect actualizat - 05.02.2017
avatar
Apollo
Moderator
Moderator

masculin

Mesaje : 956
Varsta : 23
Localizare : Github, SSYT.
Data înscrierii : 10/08/2015
Multumiri : 123
Niciun avertisment

https://goo.gl/FNpP4P

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum