Distribuiţi
Vezi subiectul anteriorIn josVezi subiectul urmator
avatar
eIonuț
Administrator
Mesaje : 2019
Joined : 05/04/2011
Varsta : 23
Oras : Bucuresti
Reputatie : 1

Mesaj de suport în index

la data de Vin Mai 19 2017, 19:31
Titlu : Mesaj de suport în index
Descriere : Salut dragi utilizatori, nu știu dacă va fii folositor acest cod pentru forumurile dvs. dar l-am făcut pentru un scop anume, acest cod dă posibilitatea membrilor de a raporta o problemă direct din tabelul prezentat



După adăugarea codului, vă va apărea oriunde pe forum un cerc cu o iconiță și dacă vreți să îl încercați dacă funcționează completați câmpurile și dați save.

Să începem.

Panoul de Administrare - Module -  HTML & JAVASCRIPT - Gestiunea codurilor JavaScript - Creati un nou cod javascript

Titlu : Tabel suplimentar pentru support V1.0
Amplasare : toate paginile
Cod :
Cod:
// Toate drepturile rezervate de către Ionuț //
// Mesaj de support //
// On Create JavaScript for PC //
// 16:25:30, 19.05.2017 //
// Version phpBB2, phpBB3, punBB, Invision, ModernBB //
jQuery(function($) {
 if(_userdata.session_logged_in == 1) {
  var message = {
    init: function() {
      message.exec();
       }, exec : function() {
        $('body').each(function(d) {
          $('body', d).append('<a href="" id="message"><i class="fa fa-comments-o"></i></a>', false);
          $('body', d).append('<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />', false);
           var messages = {
              msgContent: '<form action="" method="POST" name="msg_app" style="display:none;" class="msg_support" id="msg_support">
                  '+'<div id="mesage_text">
                  '+'<div>
                  '+'<strong>Explică \/\Raportează. '+'</strong>Puteți explica problema dvs,'+'<br/>
                  chiar de aici, te rugăm să completați toate tabelele de mai jos!'+'</div>
                   '+'</div>
                   '+'<div class="form-group">
                   '+'<input placeholder="Nume" class="form-control" name="msg_array_1" />
                   '+'</div>
                   '+'<br/>
                   '+'<div class="form-group">
                   '+'<input placeholder="Prenume" class="form-control" name="msg_array_2" />
                   '+'</div>
                   '+'<br/>
                   '+'<div class="form-group">
                   '+'<input placeholder="Vârsta" class="form-control" name="msg_array_3" />
                   '+'</div>
                   '+'<br/>
                   '+'<div class="form-group">
                   '+'<input placeholder="Problema întâmpinată" class="form-control" name="msg_array_4" />
                   '+'</div>
                   '+'<br/>
                   '+'<div class="form-group">
                   '+'<textarea placeholder="Descrie problema" class="form-control" name="msg_array_5" />
                   '+'</div>
                   '+'<br/>
                   '+'<div class="reset-button">
                   '+'<a href="/" class="btn btn-warning" id="cancel_msg_button">Reset'+'</a>
                   '+'<a href="" class="btn btn-success" id="app_msg_button">Save'+'</a>
                   '+'</div>
                   '+'</form>
                  ',
              msgTarget: '',
           };$('body').append(messages.msgContent);
           $('a#message').click(function() {
         var oClick = $(this);
         var oTarget = $('.msg_support');
           if (oTarget[0].style.display == 'none') {
               oTarget.css({'left': (oClick.offset().left + oClick.outerWidth()) - oTarget.outerWidth(),'top': oClick.offset().top + oClick.outerHeight()}).fadeIn(400);
                $(document).mousedown(function() {
                 if (!oTarget.is(":hover")) {
                   $(document).unbind('mousedown');
                    oClick.removeClass('');
                    oTarget.fadeOut(400);
                };
              });
            } else {
            oClick.removeClass('');
            oTarget.fadeOut(400)
            }
             return false
          });
             var arr = new Array();
            if (/\//.test(window.location.pathname)) {
          $('#app_msg_button').click(function(e) {
              e.preventDefault();
             arr['msg_field1'] = $('form#msg_support input[name="msg_array_1"]').val();
             arr['msg_field2'] = $('form#msg_support input[name="msg_array_2"]').val();
             arr['msg_field3'] = $('form#msg_support input[name="msg_array_3"]').val();
             arr['msg_field4'] = $('form#msg_support input[name="msg_array_4"]').val();
             arr['msg_field5'] = $('form#msg_support textarea[name="msg_array_5"]').val();
          
             var messages = "Nume : " + arr.msg_field1 + "<br />Prenume : " + arr.msg_field2 + "<br />Vârsta : " + arr.msg_field3 + "<br />Problema întâmpinată : " + arr.msg_field4 + "<br />Problema explicată : " + arr.msg_field5 + " <br />";
            
           if (arr.msg_field1 != "" && arr.msg_field2 != "" && arr.msg_field3 != "" && arr.msg_field4 != "" && arr.msg_field5 != "") {
                    $.post('/post?f=134&mode=newtopic', {
                            post_icon: 0,
                            subject: "[HELP]Raport/Problema - Ajutor",
                            message: messages,
                            auth: [],
                            auth: [],
                            mode: "newtopic",
                            f: 134,
                            lt: 0,
                            topictype: 0,
                            post: 1
        }, function(x) {
      $('fieldset dd input[type="text"], textarea').val("")
        }).done(function() {
          $('body').before('<div id="notes" style="z-index: 1005;"><div class="done">Felicitări, problema dvs. este în curs de rezolvare. Vă rugăm să așteptați ca un Administrator să răspundă.</div></div>');
            setTimeout(function() {
            location.reload()
          }, 1500)
        }).fail(function() {
      $('body').before('<div id="notes" style="z-index: 1005;"><div class="fails">Ceva nu a mers bine, încercați din nou</div></div>');
          setTimeout(function() {
          location.reload()
              }, 1500)
                });
              } else alert('Ceva nu a mers bine, încercați din nou');
            });
          };
        });
      };
    };
  $(document).ready(message.init);
};
$('body').append('<style>
#notes .done {    padding: 10px;    background: #53cf36;    display: block;    position: fixed;    font-size: 14px !important;    z-index: 999;    top: 20px;    color: #fff;    border-radius: 3px;    -webkit-animation: pace-spinner 400ms linear infinite;    -moz-animation: pace-spinner 400ms linear infinite;    -ms-animation: pace-spinner 400ms linear infinite;    -o-animation: pace-spinner 400ms linear infinite;    animation: pace-spinner 400ms linear infinite;    right: 10px;  transition: all.2s ease-out,bottom.3s linear;}
#notes .fails {    padding: 10px;    background: red;    display: block;    position: fixed;    font-size: 14px !important;    z-index: 999;    top: 20px;    color: #fff;    border-radius: 3px;    -webkit-animation: pace-spinner 400ms linear infinite;    -moz-animation: pace-spinner 400ms linear infinite;    -ms-animation: pace-spinner 400ms linear infinite;    -o-animation: pace-spinner 400ms linear infinite;    animation: pace-spinner 400ms linear infinite;    right: 10px;    transition: all.2s ease-out,bottom.3s linear;}
#mesage_text {    position: relative;    font-size: 1em;    margin: 0 0 30px;    padding: 15px 30px 15px 15px;    border-radius: 4px;    background-color: #F44336;    color: #f2f2f2;    box-shadow: 0 1px 3px rgba(0,0,0,.15);    line-height: 1.6;}
.reset-button a#cancel_msg_button {       position: relative;    display: inline-block;    padding: 0 15px;    height: 36px;    line-height: 36px;    border: none;    border-radius: 4px;    white-space: nowrap;    font-weight: 600;    background-color: #ff5a5a;    color: #f2f2f2;    cursor: pointer;    box-shadow: 0 1px 3px rgba(0,0,0,.15);    outline: 0!important;    -webkit-transition: all .25s ease-in-out;    transition: all .25s ease-in-out;    visibility: visible;    -webkit-touch-callout: none;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;     margin-right: 10px;    margin-top: 10px;}
.reset-button a#app_msg_button {     margin-top: 10px;    position: relative;    display: inline-block;    padding: 0 15px;    height: 36px;    line-height: 36px;    border: none;    border-radius: 4px;    white-space: nowrap;    font-weight: 600;    background-color: #5aff67;    color: #f2f2f2;    cursor: pointer;    box-shadow: 0 1px 3px rgba(0,0,0,.15);    outline: 0!important;    -webkit-transition: all .25s ease-in-out;    transition: all .25s ease-in-out;    visibility: visible;    -webkit-touch-callout: none;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none; }
#message {    opacity: 1 !important;    box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);    position: fixed;    bottom: 10px;    right: 30px;    width: 56px;    height: 56px;    line-height: 60px;    background: #369fcf;    color: #FFF;    border-radius: 50%;    text-align: center;    transition: all .2s ease-out,bottom .3s linear;}
#message:hover {    background: #f74040;}
#message i.fa {    margin-top: 11px;    font-weight: bold !important;    font-size: 30px;}
.msg_support {    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);    border-color: #ddd;    margin-bottom: 20px;    background-color: #fff;    border-radius: 0px !important;    border: 1px solid #ddd;    top: 210px !important;    right: 20px !important;    font-size: 12px;    border-radius: 4px;    position: fixed;    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);    padding: 15px;}
.form-group label {    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;    font-size: 14px !important;    color: #333;    float: right;    font-weight: bold !important;}
.msg_support input,.msg_support textarea {    padding: 6px 12px;    font-size: 14px;    line-height: 1.42857143;    color: #555;    background-color: #fff;    background-image: none;    border: 1px solid #ccc;    border-radius: 4px;    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}</style>');
});

Cum funcționează, tot ce trebuie să faceți e să înlocuiți /post?f=134&mode=newtopic cu un topic de pe forumul dvs. dar să fie intrat deja în mesajul de postare, adică unde este Postează un nou subiect, și apoi codul va funcționa!

Vor mai apărea actualizări dacă chiar doriți asta. Acest cod nu este valid pentru vizitatori doar pentru cei înregistrați.
Cu stimă Ionuț
avatar
mihai
Mesaje : 64
Joined : 22/02/2016
Varsta : 19
Oras : #BUG_oras_
Reputatie : 0

Re: Mesaj de suport în index

la data de Mier Mai 24 2017, 14:20
Felicitări pentru codu creat Ionuț
Vezi subiectul anteriorSusVezi subiectul urmator
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum