Ticket #83: wymeditor_thickbox.diff

File wymeditor_thickbox.diff, 6.5 kB (added by pc, 3 years ago)

  • src/wymeditor/jquery.wymeditor.js

     
    338338    dialogFeatures:    "menubar=no,titlebar=no,toolbar=no,resizable=no" 
    339339                      + ",width=560,height=300,top=0,left=0", 
    340340 
    341     dialogHtml:      "<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN'" 
    342                       + " 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>" 
    343                       + "<html><head>" 
    344                       + "<link rel='stylesheet' type='text/css' media='screen'" 
    345                       + " href='" 
    346                       + WYM_CSS_PATH 
    347                       + "' />" 
    348                       + "<title>" 
    349                       + WYM_DIALOG_TITLE 
    350                       + "</title>" 
    351                       + "<script type='text/javascript'" 
    352                       + " src='" 
    353                       + WYM_JQUERY_PATH 
    354                       + "'></script>" 
    355                       + "<script type='text/javascript'" 
    356                       + " src='" 
    357                       + WYM_WYM_PATH 
    358                       + "'></script>" 
    359                       + "</head>" 
    360                       + WYM_DIALOG_BODY 
    361                       + "</html>", 
     341    dialogHtml: WYM_DIALOG_BODY, 
    362342 
    363     dialogLinkHtml:  "<body class='wym_dialog wym_dialog_link'" 
     343    dialogLinkHtml:  "<div class='wym_dialog wym_dialog_link'" 
    364344               + " onload='WYM_INIT_DIALOG(" + WYM_INDEX + ")'" 
    365345               + ">" 
    366346               + "<form>" 
    … …  
    385365               + "</div>" 
    386366               + "</fieldset>" 
    387367               + "</form>" 
    388                + "</body>", 
     368               + "</div>", 
    389369 
    390     dialogImageHtml:  "<body class='wym_dialog wym_dialog_image'" 
     370    dialogImageHtml:  "<div class='wym_dialog wym_dialog_image'" 
    391371               + " onload='WYM_INIT_DIALOG(" + WYM_INDEX + ")'" 
    392372               + ">" 
    393373               + "<form>" 
    … …  
    416396               + "</div>" 
    417397               + "</fieldset>" 
    418398               + "</form>" 
    419                + "</body>", 
     399               + "</div>", 
    420400 
    421     dialogTableHtml:  "<body class='wym_dialog wym_dialog_table'" 
     401    dialogTableHtml:  "<div class='wym_dialog wym_dialog_table'" 
    422402               + " onload='WYM_INIT_DIALOG(" + WYM_INDEX + ")'" 
    423403               + ">" 
    424404               + "<form>" 
    … …  
    447427               + "</div>" 
    448428               + "</fieldset>" 
    449429               + "</form>" 
    450                + "</body>", 
     430               + "</div>", 
    451431 
    452     dialogPasteHtml:  "<body class='wym_dialog wym_dialog_paste'" 
     432    dialogPasteHtml:  "<div class='wym_dialog wym_dialog_paste'" 
    453433               + " onload='WYM_INIT_DIALOG(" + WYM_INDEX + ")'" 
    454434               + ">" 
    455435               + "<form>" 
    … …  
    469449               + "</div>" 
    470450               + "</fieldset>" 
    471451               + "</form>" 
    472                + "</body>", 
     452               + "</div>", 
    473453 
    474     dialogPreviewHtml: "<body class='wym_dialog wym_dialog_preview'" 
     454    dialogPreviewHtml: "<div class='wym_dialog wym_dialog_preview'" 
    475455                      + " onload='WYM_INIT_DIALOG(" + WYM_INDEX + ")'" 
    476                       + "></body>", 
     456                      + "></div>", 
    477457 
    478458    dialogStyles: [], 
    479459 
    … …  
    976956 */ 
    977957Wymeditor.prototype.dialog = function(sType) { 
    978958 
    979   var wDialog = window.open( 
    980     '', 
    981     'dialog', 
    982     this._wym._options.dialogFeatures); 
     959  //~ var wDialog = window.open( 
     960    //~ '', 
     961    //~ 'dialog', 
     962    //~ this._wym._options.dialogFeatures); 
    983963 
    984   if(wDialog) { 
     964  if(1) { 
    985965 
    986966    var sBodyHtml = ""; 
    987967 
    … …  
    1017997 
    1018998    dialogHtml = this.replaceStrings(dialogHtml); 
    1019999 
    1020     var doc = wDialog.document; 
    1021     doc.write(dialogHtml); 
    1022     doc.close(); 
     1000    var e = $('<div id="dialogContent"><div id="test">test</div></div>'); 
     1001    e.html(dialogHtml); 
     1002    $(document.body).append(e); 
     1003    e.hide(); 
     1004    tb_show(this.replaceStrings(this.encloseString(sType)), "#TB_inline?height=300&width=560&inlineId=dialogContent"); 
     1005    WYM_INIT_DIALOG(this._index); 
     1006    $("#TB_window").unload(function () { 
     1007        e.remove(); 
     1008    }); 
    10231009  } 
    10241010}; 
    10251011 
    … …  
    12231209 
    12241210function WYM_INIT_DIALOG(index) { 
    12251211 
    1226     var wym = window.opener.WYM_INSTANCES[index]; 
     1212    var wym = window.WYM_INSTANCES[index]; 
    12271213    var doc = window.document; 
    12281214    var selected = wym.selected(); 
    12291215    var dialogType = jQuery(wym._options.dialogTypeSelector).val(); 
    … …  
    12921278                link.attr(WYM_TITLE, jQuery(wym._options.titleSelector).val()); 
    12931279            } 
    12941280        } 
    1295         window.close(); 
     1281        tb_remove(); 
    12961282    }); 
    12971283 
     1284    console.log('IMAGE', wym._options.dialogImageSelector + " " 
     1285        + wym._options.submitSelector, jQuery(wym._options.dialogImageSelector + " " 
     1286        + wym._options.submitSelector)); 
    12981287    jQuery(wym._options.dialogImageSelector + " " 
    12991288        + wym._options.submitSelector).click(function() { 
    13001289 
    … …  
    13171306                image.attr(WYM_ALT, jQuery(wym._options.altSelector).val()); 
    13181307            } 
    13191308        } 
    1320         window.close(); 
     1309        tb_remove(); 
    13211310    }); 
    13221311 
    13231312    jQuery(wym._options.dialogTableSelector + " " 
    … …  
    13491338          if(!node || !node.parentNode) jQuery(wym._doc.body).append(table); 
    13501339          else jQuery(node).after(table); 
    13511340        } 
    1352         window.close(); 
     1341        tb_remove(); 
    13531342    }); 
    13541343 
    13551344    jQuery(wym._options.dialogPasteSelector + " " 
    … …  
    13571346 
    13581347        var sText = jQuery(wym._options.textSelector).val(); 
    13591348        wym.paste(sText); 
    1360         window.close(); 
     1349        tb_remove(); 
    13611350    }); 
    13621351 
    13631352    jQuery(wym._options.dialogPreviewSelector + " " 
    … …  
    13661355 
    13671356    //cancel button 
    13681357    jQuery(wym._options.cancelSelector).mousedown(function() { 
    1369         window.close(); 
     1358        tb_remove(); 
    13701359    }); 
    13711360 
    13721361    //pre-init functions 

  • src/examples/01-basic.html

     
    2222<title>WYMeditor</title> 
    2323<link rel="stylesheet" type="text/css" media="screen" href="styles.css" /> 
    2424<link rel="stylesheet" type="text/css" media="screen" href="../wymeditor/skins/default/screen.css" /> 
     25<link rel="stylesheet" type="text/css" media="screen" href="../wymeditor/skins/default/thickbox.css" /> 
    2526<script type="text/javascript" src="../jquery/jquery.js"></script> 
     27<script type="text/javascript" src="../jquery/thickbox.js"></script> 
    2628<script type="text/javascript" src="../wymeditor/jquery.wymeditor.pack.js"></script> 
    2729 
    2830<script type="text/javascript">