कैसे परिदृश्य निम्नलिखित में में "jQuery ajax () विधि" Colorbox पॉपअप प्रदर्शित करने के लिए?

वोट
-1

मैं PHP, चतुर, jQuery, AJAX, Colorbox उपयोग कर रहा हूँ - एक jQuery lightbox, आदि अपनी वेबसाइट के लिए। वहाँ कुछ पुराने कोड jQuery AJAX विधि का उपयोग कर मानक jQuery पुस्तकालय कार्यों का उपयोग कर पॉपअप में संदेश प्रदर्शित करने के लिए किया जाता है। अब मैं Colorbox पॉपअप का उपयोग कर कि ठेठ पॉपअप बदलना चाहते हैं। लघु Iwant में डिजाइन भाग के रूप में यह केवल संदेश हिस्सा है बदलने के लिए। मैं यह करने के कोशिश की, लेकिन अभी तक सफल नहीं हो सका। तुम मुझे आदेश Colorbox पॉपअप के बजाय ठेठ पॉपअप में संदेश दिखाने के लिए में मौजूदा पुराने कोड के लिए आवश्यक परिवर्तन करने में मदद कर सकते हैं? आपकी जानकारी के लिए मैं पुराने कोड डाल रहा हूं नीचे:

चतुर टेम्पलेट से कोड jQuery AJAX के कार्य करने के लिए कॉल करने के लिए इस प्रकार है:

<span class=submit edit_user_transaction_status value={$control_url}{$query_path}?op=edit_user_transaction&page={$page}&txn_no={$user_transaction_details.transaction_no}&transaction_data_assign={$user_transaction_details.transaction_data_assign}&user_id={$user_id}{if $user_name!=''}&user_name={$user_name}{/if}{if $user_email_id!=''}&user_email_id={$user_email_id}{/if}{if $user_group!=''}&user_group={$user_group}&{/if}{if $user_sub_group!=''}&user_sub_group={$user_sub_group}{/if}{if $from_date!=''}&from_date={$from_date}{/if}{if $to_date!=''}&to_date={$to_date}{/if}{if $transaction_status!=''}&transaction_status={$transaction_status}{/if}{if $transaction_no!=''}&transaction_no={$transaction_no}{/if}>Update</span>

से कोड js फ़ाइल जो मौजूदा AJAX कोड होता है इस प्रकार है:

$(document).ready(function() {

//This function is use for edit transaction status
    $(document).on('click', '.edit_user_transaction_status', function (e) {

      e.preventDefault();

      $.colorbox.close();

         //for confirmation that status change
        var ans=confirm(Are you sure to change status?);
        if(!ans) {
          return false;
        }

        var post_url           = $(this).attr('value');
        var transaction_status_update = $('#transaction_status_update').val();       

        $.ajax({
          type: POST,
          url: post_url+&transaction_status_update=+transaction_status_update,
          data:$('#transaction_form').serialize(),
          dataType: 'json',  
          success: function(data) {             
            var error = data.login_error;

            $(.ui-widget-content).dialog(close);
            //This variables use for display title and success massage of transaction update              
            var dialog_title   = data.title;              
            var dialog_message = data.success_massage; 
            //This get link where want to rerdirect
            var redirect_link  = data.href;             

            var $dialog = $(<div class='ui-state-success'></div>)
                          .html(<p class='ui-state-error-success'>+dialog_message+</p>)
                          .dialog({
                            autoOpen: false,
                            modal:true,
                            title: dialog_title,
                            width: 500,
                            height: 80,
            close:  function(){                                     
              document.location.href =redirect_link;
              }                 
            });                 
              $dialog.dialog('open');                   
             }          
        });
     });
});

अब जो PHP कोड और सफलता संदेश है PHP फ़ाइल से कोड स्निपेट इस प्रकार है:

case edit_user_transaction:


                $transaction_no            = $request['txn_no'];
                $transaction_status_update = $request['transaction_status_update'];
                $transaction_data_assign   = $request['transaction_data_assign'];
                $user_id                   = $request['user_id'];
                $from_date                 = $request['from_date'];
                $to_date                   = $request['to_date'];
                $page                      = $request['page'];

                if($request['transaction_no']!=''){
                    $query = &transaction_no=.$request['transaction_no'];
                }
                // If public transaction status is entered
                if($request['transaction_status']!='') {
                    $query .= &transaction_status=.$request['transaction_status'];
                }

                // For checking transaction no is empty, blank, and numeric
                if($transaction_no!='' && !empty($transaction_no)) {
                    $objUserTransactions  = new UserTransactions();
                    $objUserPackages      = new UserPackages();

                    //if transaction status update to success and transaction data not yet assign
                    if(empty($transaction_data_assign) && $transaction_data_assign == 0 && $transaction_status_update == success) {
                        $user_transactions = $objUserTransactions->GetUserTransactionsDetailsByTransactionNo($transaction_no, $user_id);

                        $i = 0 ;
                        $j = 0 ;
                        //Create array related study and test
                        foreach($user_transactions['transaction_details'] as $my_cart) {
                            if(!empty($my_cart['pack_id'])) {
                                if($my_cart['pack_type'] == 'study') {
                                    $data['study'][$i] = $my_cart['pack_id'];
                                    $i++;
                                }
                                if($my_cart['pack_type'] == 'test') {
                                    $data['test'][$j]['pack_id']          = $my_cart['pack_id'];
                                    $data['test'][$j]['pack_expiry_date'] = $my_cart['pack_expiry_date'];
                                    $data['test_pack_ids'][$j]            = $my_cart['pack_id'];
                                    $j++;
                                }
                            }
                        }

                        if(!empty($data['study'])) {
                            $objUserStudyPackage = new UserStudyPackages();
                            //Update packages sold count & purchase date in package table
                            $objUserStudyPackage->UpdateStudyPackagePurchaseData($data['study']);


                            //For insert packages related data to package_user table
                            foreach($data['study'] as $study_pack_id) {
                                $objUserPackages->InsertStudyPackagesToPackageUser($study_pack_id, $user_id);
                            }

                        }

                        if(!empty($data['test'])) {
                            $objUserTestPackage  = new UserTestPackages();
                            //Update packages sold count & purchase date in test package table
                            $objUserTestPackage->UpdateTestPackagePurchaseData($data['test_pack_ids']);

                            //For insert test related data to test_user table
                            foreach($data['test'] as $test_pack_data) {
                                $objUserPackages->InsertTestPackagesToTestUser($test_pack_data['pack_id'], $test_pack_data['pack_expiry_date'], $user_id);
                            }
                        }

                        //This function is use for update status inprocess to success and transaction_data_assign flag 1
                        $user_transactions = $objUserTransactions->UpdateTransactionStatusByTransactionNo($transaction_no, $user_id, $transaction_status_update, '1');

                    } else {
                        // This function is use for update status
                        $user_transaction_details = $obj_user_transactions->UpdateTransactionStatusByTransactionNo($transaction_no, $user_id, $transaction_status_update);
                    }   

                    //Email functionality when status update                
                    include_once(transaction_status_update_email.php);                    

                    **$reponse_data['success_massage'] = Transaction status updated successfully;
                    $reponse_data['title']           = Transaction;
                    $reponse_data['href']            = view_transactions.php?page=.$page.&from_date=.$from_date.&to_date=.$to_date.$query;                                
                    $reponse_data['login_error']     = 'no';
                    $reponse_data = json_encode($reponse_data);

                    echo $reponse_data;

                    die();**
                }

                break;

मोटे अक्षरों में दिखाए गए कोड सफलता प्रतिक्रिया संदेश है। तुम मुझे कृपया इस संबंध में मदद कर सकते हैं? अग्रिम में धन्यवाद।

17/09/2013 को 05:21
उपयोगकर्ता
अन्य भाषाओं में...                            


1 जवाब

वोट
1

यो, आप PHP चैट में मदद के लिए कहा है। उम्मीद है कि इस मदद करता है:

तो तल पर संवाद भाग colorbox समर्थन करने के लिए बदलने की जरूरत है। सबसे पहले, अपने सभी colorbox सामान लोड। दूसरे, आप पृष्ठ पर एक तत्व या मक्खी पर यह निर्माण से या तो हथियाने सामग्री द्वारा गतिशील रूप से आपकी colorbox सामग्री बनाने के लिए की आवश्यकता होगी।

आप इस में से कुछ डिबग करने के लिए आवश्यकता हो सकती है, लेकिन यहाँ तुम ऐसा कैसे कर आम तौर पर है ...

पूरे $ संवाद चर हटाएं

var $dialog = .....

और कुछ है कि के समान दिखाई देगें करने के लिए बदल गया है कि:

var $dialog = $('<div>').addClass('ui-state-success').append($('<p>').addClass('ui-state-error-success').html(dialog_message));

तो फिर तुम कुछ इस तरह करने की आवश्यकता होगी:

$.colorbox({html: $dialog});

आपको ऐसी सामग्री को गतिशील रूप से आपकी colorbox के अंदर बनाया गया है देखकर परेशानी हो रही है खोला कॉलबैक पर $ .colorbox.resize () कॉल का प्रयास करें:

opened: function(){
  $.colorbox.resize();
}

यदि वह काम नहीं करता है तो आप भी आकार विधि के अंदर एक innerWidth / innerHeight या चौड़ाई / ऊंचाई संपत्ति पारित करने के लिए आवश्यकता हो सकती है।

17/09/2013 को 06:14
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more