Creaza widget cu ultimele actualizari de stare

Vezi subiectul anterior Vezi subiectul urmator In jos

Creaza widget cu ultimele actualizari de stare

Mesaj Scris de Shawn la data de Mar 2 Aug - 11:53

Buna ziua, am vazut ca din ce in ce mai multi utilizatori ai platformei ForumGratuit vor sa isi personalizeze forumurile cu cat mai multe chestii noi, de exemplu `Status Update`, `Recent Status Update` si multe alte hook de pe platforma IP.Board, am incercat sa reproduc cat mai mult acele hook.


Pasul 1:
Trebuie sa instalam un hook oferit de @LGforum, acest hook poate fii gasit pe forumul lui personal.
Status Update Field (OST)

Pasul 2:
Mergem in panoul de administare:
Panou de administrare => General => Categorii si forumuri => Adauga
Apasam pe Adauga si adaugam un nou forum !


  • Alegeti tipul de forum dorit : Forum
  • Numele forumului : Database
  • Atasat la : Implicit
  • Pozitioneaza acest forum dupa : Implicit
  • Copiaza permisiunile forumului : Implicit
  • Statutul forumului : Implicit
  • Claseaza subiectele dupa : Implicit
  • Claseaza mesajele unui subiect dupa : Implicit


Si salvam.

Acuma mergem la forumul creat, apasam pe: Modificare selectam Permisiuni

  • Vizualizeaza forumul: Admin
  • Citeste subiectele: Membri
  • Raspunde la un mesaj: Membri
  • Editeaza mesajele: Membri
  • Sterge mesajele: Admin
  • Deschide un subiect: Admin


Salvam.

Pasul 3:
Panou de administrare => Module => Portal & Widget-uri => Gestiunea widget-urilor forumului => Creati un widget personalizat


  • Nume widget : RSU
  • Utilizati un tablou tip : Da
  • Titlul widget : Recent  Status Updates
  • Sursa widget * :
    Cod:
    <div id="status_list">
    </div>



Salvam, dupa care selectam din Adaugare/stergere de widget-uri personale alegem RSU si apasam pe Adauga Widget

Pasul 4:
Mergem in forumul `Database` si creem un nou topic:

  • Titlul subiectului: Status Update
  • Mesaj:
    Cod:
    <br />

  • Posteaza subiectul ca:  Normal


Pasul 5:
Panou de administrare => Module => HTML & JAVASCRIPT => Gestiunea codurilor JavaScript => Creati un nou cod JavaScript

  • Titlu * : Status Form @LGforum
  • Amplasare : Toate paginile
  • Cod JavaScript * :
    Cod:
    /********************************************************/
    /* Cod creat si dezolvat de SSYT            *************************/
    /* www.forumcodes.com                      *************************/
    /*******************************************************/


    var settings = {
       topic : {
          url: "/t199-",
          database: "/t199-",
          urlID: "925"
       }
    };

    function setSQL(b, c, a) {
      var d = c;
      $.get(b, function() {
        return !0;
      }).done(function(c) {
        var b = $(".post .postbody .content div:eq(0)", c).html();
        "" == b || "<br>" == b ? $.post("/post?p=" + d + "&mode=editpost", {subject:"Status Update", message:a, mode:"editpost", lt:d, p:d, post:"Submit"}).done(function(b) {
          console.log("New content: " + a);
        }).fail(function() {
          alert("Failed update DB");
        }) : $.post("/post?p=" + d + "&mode=editpost", {subject:"Status Update", message:a + "<br />" + b, mode:"editpost", lt:d, p:d, post:"Submit"}).done(function(c) {
          console.log("New content: " + b + "<br />" + a);
        }).fail(function() {
          alert("Failed update DB");
        });
      });
      return !1;
    }

    function getSQL(b, c) {
      $.get(b, function(a) {
        return 1;
      }).done(function(a) {
        var b = $(".post .postbody .content div:eq(0)", a).html();
        $("status:lt(" + c + ")", $(".post .postbody .content div:eq(0)", a).html());
        "" != $(".post .postbody .content div:eq(0)", a).html() ? $("#status_list").html(b) : $("#status_list").html("No status update !");
      });
      return !1;
    }

    $(function() {
      getSQL(settings.topic.database, 5);
      $(".status-button").click(function(b) {
        b = $("#LGstatus_input").val();
        if ("" != b) {
          var c = new Date, a = Array(12);
          a[0] = "Jan";
          a[1] = "Feb";
          a[2] = "Mar";
          a[3] = "Apr";
          a[4] = "May";
          a[5] = "Jun";
          a[6] = "Jul";
          a[7] = "Aug";
          a[8] = "Sep";
          a[9] = "Oct";
          a[10] = "Nov";
          a[11] = "Dec";
          a = a[c.getUTCMonth()];
          c = c.getDate() + ", " + a;
          setSQL(settings.topic.url, settings.topic.urlID, '<status updateID="' + _userdata.user_id + '"><img src="' + jQuery(_userdata.avatar).attr("src") + '" class="status_photo" /><content><a href="/u' + _userdata.user_id + '">' + _userdata.username + "</a><br/>" + b + "</content><update>" + c + "</update></status>");
        }
      });
    });



Alte informatii si zona editabila:
Pentru editat:
"Database Link topic"
"/post?p=ID TOPIC&mode=editpost"
"ID TOPIC" with id of edit mode topic !

CSS:
Cod:
div#status_list status {
    display: block;
    clear: both;
    padding: 5px 4px;
    background: #fff;
    border: 1px solid #ddd;
 overflow: hidden;
    line-height: 5px;
}
img.status_photo {
    float: left;
    width: 30px;
    height: 30px;
    clear: both;
    padding: 1px;
    margin-top: 2px;
    border: 1px solid #ddd;
}
div#status_list status content {
    float: left;
    padding-left: 10px;
    font-size: 12px;
    width: 60%;
    display: inline-block;
    min-height: 30px;
    line-height: 17px;
    word-wrap: break-word;
    margin-top: 0px;
}
div#status_list status content a[href*="/u"] {
    clear: both;
    margin-bottom: 5px;
}
div#status_list status update {
    width: 20%;
    float: right;
    color: #0dbd0d;
}
div#status_list status br {
    display: block;
}
div#status_list br {
    display: none;
}
div#status_list status {
    margin-bottom: 5px;
}


Ultima editare efectuata de catre SSYT in Joi 1 Sept - 16:10, editata de 1 ori (Motiv : Update cod JavaScript)


"Mulți programatori buni fac programare nu pentru că se așteaptă să câștige bani sau să fie lăudați de public, ci pentru că e amuzant să programezi." - Linus Torvalds



Absent perioada: 17.11.2k16 - 21.12.2k16

Shawn
Moderator
Moderator

masculin

Mesaje : 675
Varsta : 22
Localizare : C:\system32
Data de inscriere : 10/08/2015
Multumiri : 77
Niciun avertisment

http://help.forumgratuit.ro

Sus In jos

Re: Creaza widget cu ultimele actualizari de stare

Mesaj Scris de Petronel™ la data de Vin 19 Aug - 11:40

Folositor Tutorialul , chiar folositor pentru incepatori si pentru cei care nu stiu sa isi faca un forum ipb A face cu ochiul Platforma asta o sa se extinda foarte mult Fericit

Petronel™
Membru Forumgratuit

Mesaje : 20
Varsta : 20
Data de inscriere : 21/05/2016
Multumiri : 0
Niciun avertisment

http://crazy-gaming.board.st/

Sus In jos

Re: Creaza widget cu ultimele actualizari de stare

Mesaj Scris de Ionut la data de Dum 21 Aug - 14:54

Ceva nu e bine în cod adică acest cod
Cod:

function updateDB(b, c, a) {
  var d = c.match(/\d+/g)[0];
  $.get(b, function() {
    return !0;
  }).done(function(c) {
    var b = $(".post .postbody .content div:eq(0)", c).html();
    "" == b || "<br>" == b ? $.post("/post?p=" + d + "&mode=editpost", {subject:"Status Update", message:a, mode:"editpost", lt:d, p:d, post:"Submit"}).done(function(b) {
      console.log("New content: " + a);
    }).fail(function() {
      alert("Failed update DB");
    }) : $.post("/post?p=" + d + "&mode=editpost", {subject:"Status Update", message:a + "<br />" + b, mode:"editpost", lt:d, p:d, post:"Submit"}).done(function(c) {
      console.log("New content: " + b + "<br />" + a);
    }).fail(function() {
      alert("Failed update DB");
    });
  });
  return !1;
}
function getDBStatus(b, c) {
  $.get(b, function(a) {
    return 1;
  }).done(function(a) {
    var b = $(".post .postbody .content div:eq(0)", a).html();
    $("status:lt(" + c + ")", $(".post .postbody .content div:eq(0)", a).html());
    "" != $(".post .postbody .content div:eq(0)", a).html() ? $("#status_list").html(b) : $("#status_list").html("No status update !");
  });
  return !1;
}
$(function() {
  getDBStatus("Database Link topic", 5);
  $(".status-button").click(function(b) {
    b = $("#LGstatus_input").val();
    if ("" != b) {
      var c = new Date, a = Array(12);
      a[0] = "Jan";
      a[1] = "Feb";
      a[2] = "Mar";
      a[3] = "Apr";
      a[4] = "May";
      a[5] = "Jun";
      a[6] = "Jul";
      a[7] = "Aug";
      a[8] = "Sep";
      a[9] = "Oct";
      a[10] = "Nov";
      a[11] = "Dec";
      a = a[c.getUTCMonth()];
      c = c.getDate() + ", " + a;
      updateDB("Database Link topic", "/post?p=ID&mode=editpost", '<status updateID="' + _userdata.user_id + '"><img src="' + jQuery(_userdata.avatar).attr("src") + '" class="status_photo" /><content><a href="/u' + _userdata.user_id + '">' + _userdata.username + "</a><br/>" + b + "</content><update>" + c + "</update></status>");
    }
  });
});

Am făcut fix ca în tutorial, pe vro 5 forumuri dar degeaba aceaș fază, dacă adaug codul de mai sus nu mai merge nici un cod js, și forumurile sunt luate de la 0 adică de la tema default albă versiunea punbb și doar cu un cod js funcționabil să văd dacă mai merge după ce adaug codul oferit de tine și nu a mai mers, apoi am șters codul meu unul simplu care funcționa să văd dacă o fii din cauza acelui cod și nu este ... an încercat să editez codul de sus, l-am editat după ce l-am editat codul meu mergea dar RSU tot nu mergea
Codul care l-am editat
Cod:

$(function updateDB(b, c, a) {
    var d = c.match(/\d+/g)[0];
  $.get(b, function() {
    return !0;
  }).done(function(c) {
var b = $(".post .postbody .content div:eq(0)", c).html();
  $.post("/post?p=" + d + "&mode=editpost", {subject:"Status Update", message:a, mode:"editpost", lt:d, p:d, post:"Submit"}).done(function(b) {
  console.log("New content: " + a);
    }).fail(function() {
 alert("Failed update DB");
});
 $.post("/post?p=" + d + "&mode=editpost", {subject:"Status Update", message:a + "<br />" + b, mode:"editpost", lt:d, p:d, post:"Submit"}).done(function(c) {
      console.log("New content: " + b + "<br />" + a);
    }).fail(function() {
      alert("Failed update DB");
    });
  return !1;
});
$(function getDBStatus(b, c) {
    $.get(b, function(a) {
    return 1;
 }).done(function(a) {
 var b = $(".post .postbody .content div:eq(0)", a).html();
    $("status:lt(" + c + ")", $(".post .postbody .content div:eq(0)", a).html());
    "" != $(".post .postbody .content div:eq(0)", a).html() ? $("#status_list").html(b) : $("#status_list").html("No status update !");
}) ;
return !1;
});
$(function() {
    getDBStatus("/t11-status-update", 5);
      $(".status-button").click(function(b) {
    b = $("#LGstatus_input").val();
  if ("" != b) {
    var c = new Date, a = Array(12);
      a[0] = "Jan";
      a[1] = "Feb";
      a[2] = "Mar";
      a[3] = "Apr";
      a[4] = "May";
      a[5] = "Jun";
      a[6] = "Jul";
      a[7] = "Aug";
      a[8] = "Sep";
      a[9] = "Oct";
      a[10] = "Nov";
      a[11] = "Dec";
      a = a[c.getUTCMonth()];
      c = c.getDate() + ", " + a;
    updateDB("/t11-status-update", "35", '<status updateID="' + _userdata.user_id + '"><img src="' + jQuery(_userdata.avatar).attr("src") + '" class="status_photo" /><content><a href="/u' + _userdata.user_id + '">' + _userdata.username + "</a><br/>" + b + "</content><update>" + c + "</update></status>");
      }
    });
 });
});
am încercat mai multe site-uri cu edit js și la unu mia dat 30 de erori la codul de sus ne editat de mine, poți să îl refaci ? Te rog ?

Ionut
Membru Forumgratuit

Mesaje : 331
Varsta : 18
Data de inscriere : 01/11/2015
Multumiri : 30
3 avertismente

http://g-zone.bbflash.net/forum

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum