2011-04-19 11 views
8

पर कलरबॉक्स रीलोड पैरेंट पेज मेरा मुद्दा यह है कि मुझे मूल पृष्ठ को बंद करने के लिए रंगीन रंग की आवश्यकता है।करीब

यह है कि मैं क्या है:

$(".example").colorbox({ 
    onClosed:function(){ 
     parent.location.reload(); 
    } 
}); 

Colorbox लोड ठीक है, लेकिन पास पर माता पिता के पेज को ताज़ा नहीं है। कोई विचार?

+0

जवाब स्वीकार करने के लिए मत भूलना। –

उत्तर

13

उपयोग window.location.reload(); या parent.location.reload();

+1

धन्यवाद +1! यह मेरे लिए काम किया;) –

1

या के बजाय window.location = window.location; बस का उपयोग

<input type="submit" onclick="parent.location.reload()" value="Save" name="submit"/> 

मैं इसे पुन: लोड के बिना क्योंकि तुम भी आसानी से

<input type="button" onclick="javascript:parent.$.colorbox.close()" value="Cancel" /> 

बना सकते हैं, लुकास के समाधान पर इस एक पसंद करते हैं पूरा पृष्ठ

-1
function __colorbox_onClose(e) { 
    $.fn.colorbox.close(); 
    return false; 
} 
$.fn.colorbox.close(); - Closes colorbox manually 

return false; - reloads/Autopostbac's form from which you called colorbox 
3

थोड़ा विलंब हुआ, लेकिन मुझे एक और जवाब मिला है। आप रंग बॉक्स में लोड होने वाले लक्षित पृष्ठ से विंडो को पुनः लोड करने के लिए कोड भेज सकते हैं।

मैं लॉगिन/how_it_works/faqs & कुछ अन्य कार्यों के लिए रंग बॉक्स का उपयोग कर रहा था। मैं चाहता था कि मेरा मूल पृष्ठ केवल 'लॉगिन' के मामले में पुनः लोड हो। इसलिए, लॉगिन फॉर्म के जवाब में, मैंने निम्नलिखित कोड भेजा:

<script type="text/javascript"> 
window.parent.location.reload(); 
</script> 

'विंडो' रंगबॉक्स विंडो है। मैं अपने माता-पिता (ब्राउज़र विंडो) को पुनः लोड करने के लिए कह रहा हूं।

यह कर सकते हैं:

0

यहाँ मेरी सामान्य colorbox खोलने-समारोह है

  • पुनः लोड यह आत्म बंद करने (+ कुछ कस्टम अजाक्स यूआरएल के साथ) के बाद पृष्ठ पुनः लोड करें
  • एक और एचटीएमएल
  • महत्वपूर्ण -> ये क्रिया तब होती है जब आप मैन्युअल रूप से बंद रंग बॉक्स:
    • सेटअप वैश्विक चर उचित रूप से
    • $ .colorbox.close();
इसके अलावा

:

  • फोकस एक कस्टम HTML तत्व लोड के बाद
  • (लेकिन निश्चित रूप से आप क्या कर रहे हैं यदि आप जानते हैं

मुख्य बिंदु है, तो आप होना चाहिए) कुछ कुछ ग्लोबल जावास्क्रिप्ट चर और यह है।

function showActionForColorBox(
    _url, 
    _forFocus 
    ) { 
    _url = fixURLWithMasterServerPrefix(_url); 
    $.colorbox(
     { 
      scrolling: false, 
      href: _url, 
      onLoad: function() { 
       idColorboxAjaxIndect1.appendTo($('#cboxOverlay')); 
       idColorboxAjaxIndect2.appendTo($('#cboxOverlay')); 
       idColorboxAjaxIndect3.appendTo($('#cboxOverlay')); 
       idColorboxAjaxIndect4.appendTo($('#cboxOverlay')); 
       return; 
      }, 
      onComplete: function() { 
       if (_forFocus) { 
        var c = $('#' + _forFocus); 
        if (c.length) { 
        c.focus(); 
        } 
       } 
       return; 
      }, 
      onCleanup: function() { 
       // TODO: ? 
       return; 
      }, 
      onClosed: function() { 
       abortAllAsyncAjaxRequests(); 

       if (shouldReloadPageAfterColorBoxAction) { 
        shouldReloadPageAfterColorBoxAction = false; // NOTE: To be sure: Reset. 
        reloadWholePage(); 
       } 
       else if (cbEBillsActionReloadPopup) { 
        cbEBillsActionReloadPopup = false; 
        // NOTE: WE HAVE AN OPTION TO RELOAD COLORBOX WITH CUSTOM URL ! 
        showActionForColorBox((cbActionReloadPopupCustomURL !== '' ? cbActionReloadPopupCustomURL : _url)); 
        cbActionReloadPopupCustomURL = ''; 
       } 
       else if (cbShouldLoadAnotherContentAfterClosed) { 
        cbShouldLoadAnotherContentAfterClosed = false; 
        $.colorbox({ html: setupContentForcbShouldLoadAnotherContentAfterClosed }); 
        setupContentForcbShouldLoadAnotherContentAfterClosed = ''; 
       } 
       return; 
      } 
     } 
     ); 

    return; 
} 
0
$(document).bind('cbox_closed', function(){ 
    location.reload(); 
}); 

ऊपर कोड colorbox डिफ़ॉल्ट पास (x) बटन के लिए है।

आप अपने खुद के बंद करें बटन तो इस तरह की कोशिश करती हैं:

$('#id').click(function(){ 
    location.reload(); 
}); 
संबंधित मुद्दे