Bine a-ti venit pe fraNNNta-Design


[Javascript] Widget for status updates
mihai OnlineOffline
Rank: Membru
mihai
Respect : 100%
Mesaje : 582
Inscris : 21/02/2016
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:[Javascript] Widget for status updates SmZiU78

1. Creați un câmp de profil nou, astfel:
:[Javascript] Widget for status updates WhHM0V7

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)

[Javascript] Widget for status updates LaiGQp9

daca sunt probleme,postati aici.



    Design creat si realizat de fraNNNta-Design.com
    Acum este: Joi Dec 12, 2019 3:08 am