1 [Javascript] Widget for status updates la data de 24/5/2017, 2:33 am

Multumiri primite : 1
Mesaje scrise : 34
Data de inscriere : 29/11/2015
Varsta : 20
Locație : Bucharest, Romania
Puncte obtinute : 113
100%
Description:


Acest tutorial vă va permite să vă schimbați rapid starea profilului fără a fi nevoie să vizitați profilul dvs. și să schimbați o coloană Stare.

Previzualizare:

1. Creați un câmp de profil nou, astfel:
:

2. Creați un nou widget și plasați următorul cod în interiorul:
Cod:
<div class="module main">
                                                                    
 <div class="main-head">
                                                                                            
 <div class="h3" id="statusTitle">
                                                        <em class="fa fa-comment-o"> </em>  <span id="statusAtual">Status update</span>                                                  
 </div>
                                                                              
 </div>
                                                                    
 <div class="main-content clearfix">
                                                                                            
 <div id="statusUpdateBody">
                                                                                                                
 <center>
                                                                          <input id="statusUpdate" type="text" style="width: 100px;" />                <input id="statusUpdateButton" value="OK" style=" margin-top: -3px; " type="submit" />                <br />Maxium amount of characters are <strong>21</strong>. <br /><strong><span style="color: #ff3300;">Important:</span></strong> Advertising is against rules.                          
 </center>
                                                                                                    
 </div>
                                                <script>
            jQuery(function () {
                jQuery('#statusUpdateButton').click(function () {
                    var USER_ID = _userdata["user_id"];
                    var statusText = jQuery('#statusUpdate').val();
                    var TID = jQuery('input[name="tid"]').val() + '';
                    jQuery.post("/ajax_profile.forum?jsoncallback=?", {
                        id: "7",
                        user: USER_ID,
                        active: "1",
                        content: '[["profile_field_13_1", "' + statusText + '"]]',
                        tid: TID
                    }, function (data) {
                        jQuery('#statusUpdate').val('');
                        jQuery('#statusTitle').html('Status has been updated.<span id="statusNovoAtual" style="display:none;"></span>');
                        jQuery('#statusNovoAtual').load('profile?mode=editprofile&page_profil=informations #', function () {
                            jQuery('#statusNovoAtual').hide();
                            var statusTextAtual = jQuery('#statusNovoAtual #profile_field_13_1').val();
                            jQuery('#statusTitle').html('<em class="fa fa-comment-o"></em> Status: <span id="statusAtualText">"' + statusTextAtual + '"</span>');
                            var statusTextChat = jQuery('#statusAtualText').text();
                        });
                        console.log("OK: ajax_profile, userID = " + USER_ID);
                    }, "json").fail(function () {
                        alert("There was an error updating status! If this problem persists, contact your administrators.")
                        console.log("error: ajax_profile, userID = " + USER_ID);
                    });
                });
            });
            jQuery(function () {
                jQuery('#statusAtual').load('profile?mode=editprofile&page_profil=informations #profile_field_13_1', function () {
                    jQuery('#statusAtual').hide();
                    var statusText = jQuery('#statusAtual #profile_field_13_1').val();
                    jQuery('#statusTitle').html('<em class="fa fa-comment-o"></em> Status: <br/><span id="statusAtualText">"' + statusText + '"</span>');
                });
            });
        </script>                                  
 </div>
</div>
 <style>#statusTitle br {
  display: none;
}
#statusTitle {
  white-space:nowrap;
  width: 100%;                  
  overflow:hidden;
  text-overflow:ellipsis;
}</style

În cod găsi următorul șir: profile_field_13_1

Înlocuiți-l cu codul câmpului de stare cu funcția inspect element în crome sau Mozilla. (Faceți clic dreapta -> Inspectați elementul)

Vezi profilul utilizatorului

2 Re: [Javascript] Widget for status updates la data de 24/5/2017, 7:34 am

Petronel YT

avatar
Moderator
Multumiri primite : 0
Mesaje scrise : 52
Data de inscriere : 05/03/2016
Varsta : 16
Locație : Ostrov , Dervent , Constanța
Puncte obtinute : 150
100%
Tutorial copy & paste de pe punbb...
Vezi profilul utilizatorului