Add html files
This commit is contained in:
1
.gitignore
vendored
1
.gitignore
vendored
@@ -4,6 +4,7 @@
|
|||||||
|
|
||||||
!.gitignore
|
!.gitignore
|
||||||
!*.php
|
!*.php
|
||||||
|
!*.html
|
||||||
|
|
||||||
# ...even if they are in subdirectories
|
# ...even if they are in subdirectories
|
||||||
!*/
|
!*/
|
||||||
|
|||||||
125
cos.html
Executable file
125
cos.html
Executable file
@@ -0,0 +1,125 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- saved from url=(0044)http://malsup.com/jquery/form/progress2.html -->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2">
|
||||||
|
<title>File Upload Progress Demo #2</title>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
padding: 30px
|
||||||
|
}
|
||||||
|
|
||||||
|
form {
|
||||||
|
display: block;
|
||||||
|
margin: 20px auto;
|
||||||
|
background: #eee;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 15px
|
||||||
|
}
|
||||||
|
|
||||||
|
.progress {
|
||||||
|
position: relative;
|
||||||
|
width: 400px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
padding: 1px;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bar {
|
||||||
|
background-color: #B4F5B4;
|
||||||
|
width: 0%;
|
||||||
|
height: 20px;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.percent {
|
||||||
|
position: absolute;
|
||||||
|
display: inline-block;
|
||||||
|
top: 3px;
|
||||||
|
left: 48%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>File Upload Progress Demo #2</h1>
|
||||||
|
<code><input type="file" name="myfile[]" multiple></code>
|
||||||
|
<div id="form1">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="progress">
|
||||||
|
<div class="bar"></div>
|
||||||
|
<div class="percent">0%</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="status"></div>
|
||||||
|
|
||||||
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
|
||||||
|
<script src="http://malsup.github.com/jquery.form.js"></script>
|
||||||
|
<script>
|
||||||
|
$("div#form1")
|
||||||
|
.append(
|
||||||
|
// Creating Form Div and Adding <h2> and <p> Paragraph Tag in it.
|
||||||
|
$("<form/>", {
|
||||||
|
action : 'index.php?entryPoint=uploadAjaxFile',
|
||||||
|
method : 'POST',
|
||||||
|
enctype : "multipart/form-data"
|
||||||
|
}).append(
|
||||||
|
// Create <form> Tag and Appending in HTML Div form1.
|
||||||
|
$("<input/>", {
|
||||||
|
type : 'file',
|
||||||
|
id : 'myfile[]',
|
||||||
|
name : 'name',
|
||||||
|
multiple : ''
|
||||||
|
}), // Creating Input Element With Attribute.
|
||||||
|
$("<br/>"), $("<input/>", {
|
||||||
|
type : 'submit',
|
||||||
|
id : 'submit',
|
||||||
|
value : 'Submit'
|
||||||
|
})));
|
||||||
|
$(document)
|
||||||
|
.ready(
|
||||||
|
function() {
|
||||||
|
|
||||||
|
(function() {
|
||||||
|
|
||||||
|
var bar = $('.bar');
|
||||||
|
var percent = $('.percent');
|
||||||
|
var status = $('#status');
|
||||||
|
|
||||||
|
$('form').ajaxForm(
|
||||||
|
{
|
||||||
|
beforeSend : function() {
|
||||||
|
status.empty();
|
||||||
|
var percentVal = '0%';
|
||||||
|
bar.width(percentVal)
|
||||||
|
percent.html(percentVal);
|
||||||
|
},
|
||||||
|
uploadProgress : function(event, position, total,
|
||||||
|
percentComplete) {
|
||||||
|
var percentVal = percentComplete + '%';
|
||||||
|
bar.width(percentVal)
|
||||||
|
percent.html(percentVal);
|
||||||
|
//console.log(percentVal, position, total);
|
||||||
|
},
|
||||||
|
success : function() {
|
||||||
|
var percentVal = '100%';
|
||||||
|
bar.width(percentVal)
|
||||||
|
percent.html(percentVal);
|
||||||
|
},
|
||||||
|
complete : function(xhr) {
|
||||||
|
status.html(xhr.responseText);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
})();
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<script src="http://www.google-analytics.com/urchin.js"
|
||||||
|
type="text/javascript"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
_uacct = "UA-850242-2";
|
||||||
|
urchinTracker();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
5
custom/index.html
Executable file
5
custom/index.html
Executable file
@@ -0,0 +1,5 @@
|
|||||||
|
<html>
|
||||||
|
<body>
|
||||||
|
<p>keep me</p>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
1
data/upload/index.html
Executable file
1
data/upload/index.html
Executable file
@@ -0,0 +1 @@
|
|||||||
|
This directory must be writable by the webserver user.
|
||||||
267
import/EcmPriceBooks/DetailView.html
Normal file
267
import/EcmPriceBooks/DetailView.html
Normal file
@@ -0,0 +1,267 @@
|
|||||||
|
<!--
|
||||||
|
/*****************************************************************************
|
||||||
|
* The contents of this file are subject to the RECIPROCAL PUBLIC LICENSE
|
||||||
|
* Version 1.1 ("License"); You may not use this file except in compliance
|
||||||
|
* with the License. You may obtain a copy of the License at
|
||||||
|
* http://opensource.org/licenses/rpl.php. Software distributed under the
|
||||||
|
* License is distributed on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
* either express or implied.
|
||||||
|
*
|
||||||
|
* You may:
|
||||||
|
* a) Use and distribute this code exactly as you received without payment or
|
||||||
|
* a royalty or other fee.
|
||||||
|
* b) Create extensions for this code, provided that you make the extensions
|
||||||
|
* publicly available and document your modifications clearly.
|
||||||
|
* c) Charge for a fee for warranty or support or for accepting liability
|
||||||
|
* obligations for your customers.
|
||||||
|
*
|
||||||
|
* You may NOT:
|
||||||
|
* a) Charge for the use of the original code or extensions, including in
|
||||||
|
* electronic distribution models, such as ASP (Application Service
|
||||||
|
* Provider).
|
||||||
|
* b) Charge for the original source code or your extensions other than a
|
||||||
|
* nominal fee to cover distribution costs where such distribution
|
||||||
|
* involves PHYSICAL media.
|
||||||
|
* c) Modify or delete any pre-existing copyright notices, change notices,
|
||||||
|
* or License text in the Licensed Software
|
||||||
|
* d) Assert any patent claims against the Licensor or Contributors, or
|
||||||
|
* which would in any way restrict the ability of any third party to use the
|
||||||
|
* Licensed Software.
|
||||||
|
*
|
||||||
|
* You must:
|
||||||
|
* a) Document any modifications you make to this code including the nature of
|
||||||
|
* the change, the authors of the change, and the date of the change.
|
||||||
|
* b) Make the source code for any extensions you deploy available via an
|
||||||
|
* Electronic Distribution Mechanism such as FTP or HTTP download.
|
||||||
|
* c) Notify the licensor of the availability of source code to your extensions
|
||||||
|
* and include instructions on how to acquire the source code and updates.
|
||||||
|
* d) Grant Licensor a world-wide, non-exclusive, royalty-free license to use,
|
||||||
|
* reproduce, perform, modify, sublicense, and distribute your extensions.
|
||||||
|
*
|
||||||
|
* The Original Code is: CommuniCore
|
||||||
|
* Olavo Farias
|
||||||
|
* 2006-04-7 olavo.farias@gmail.com
|
||||||
|
*
|
||||||
|
* The Initial Developer of the Original Code is CommuniCore.
|
||||||
|
* Portions created by CommuniCore are Copyright (C) 2005 CommuniCore Ltda
|
||||||
|
* All Rights Reserved.
|
||||||
|
********************************************************************************/
|
||||||
|
|
||||||
|
-->
|
||||||
|
<!-- BEGIN: main -->
|
||||||
|
<script language="javascript" src="modules/EcmProducts/mintajax.js"></script>
|
||||||
|
<script language="javascript" src="modules/EcmProducts/helper.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<table cellpadding="0" cellspacing="0" border="0">
|
||||||
|
<form action="index.php" method="post" name="DetailView" id="form">
|
||||||
|
<input type="hidden" name="module" value="EcmPriceBooks">
|
||||||
|
<input type="hidden" name="record" value="{ID}">
|
||||||
|
<input type="hidden" name="isDuplicate" value=false>
|
||||||
|
<input type="hidden" name="action">
|
||||||
|
<input type="hidden" name="return_module">
|
||||||
|
<input type="hidden" name="return_action">
|
||||||
|
<input type="hidden" name="return_id" >
|
||||||
|
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td style="padding-bottom: 2px;">
|
||||||
|
<input {NAME_style} title="{APP.LBL_EDIT_BUTTON_TITLE}"
|
||||||
|
accessKey="{APP.LBL_EDIT_BUTTON_KEY}"
|
||||||
|
class="button"
|
||||||
|
onclick="this.form.return_module.value='EcmPriceBooks'; this.form.return_action.value='DetailView'; this.form.return_id.value='{ID}'; this.form.action.value='EditView'"
|
||||||
|
type="submit"
|
||||||
|
name="Edit"
|
||||||
|
value=" {APP.LBL_EDIT_BUTTON_LABEL} "> </td><td>
|
||||||
|
<input {NAME_style} title="{APP.LBL_DUPLICATE_BUTTON_TITLE}"
|
||||||
|
accessKey="{APP.LBL_DUPLICATE_BUTTON_KEY}"
|
||||||
|
class="button"
|
||||||
|
onclick="this.form.return_module.value='EcmPriceBooks'; this.form.return_action.value='index'; this.form.isDuplicate.value=true; this.form.action.value='EditView'"
|
||||||
|
type="submit"
|
||||||
|
name="Duplicate"
|
||||||
|
value=" {APP.LBL_DUPLICATE_BUTTON_LABEL} "> </td><td>
|
||||||
|
<input {NAME_style} title="{APP.LBL_DELETE_BUTTON_TITLE}"
|
||||||
|
accessKey="{APP.LBL_DELETE_BUTTON_KEY}"
|
||||||
|
class="button"
|
||||||
|
onclick="this.form.return_module.value='EcmPriceBooks'; this.form.return_action.value='ListView'; this.form.action.value='Delete'; return confirm('{APP.NTC_DELETE_CONFIRMATION}')"
|
||||||
|
type="submit"
|
||||||
|
name="Delete"
|
||||||
|
value=" {APP.LBL_DELETE_BUTTON_LABEL} "></td><td>
|
||||||
|
{SHOWPDF}</td><td>
|
||||||
|
{LEOBITE}</td><td>
|
||||||
|
{LEOBITEEN}</td><td>
|
||||||
|
{CATALOGUE}</td><td>
|
||||||
|
{PDFGEN}</td><td>
|
||||||
|
{GENXLS}</td><td>
|
||||||
|
{FIND_DUPES_MERGE_BUTTON}</td><td>
|
||||||
|
{SORT_ORDER}</td>
|
||||||
|
<td align='right'>{ADMIN_EDIT}</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</form>
|
||||||
|
<script language="javascript" src="include/ECM/EcmPreviewPDF/EcmPreviewPDF.js"></script>
|
||||||
|
<script>
|
||||||
|
function showBlock(id)
|
||||||
|
{
|
||||||
|
var tabs=new Array();
|
||||||
|
tabs[0]="details";
|
||||||
|
tabs[1]="items";
|
||||||
|
document.getElementById('images_block').style.display='none';
|
||||||
|
for(var i=0;i<=1;i++)
|
||||||
|
{
|
||||||
|
document.getElementById(tabs[i]+'_menu').className="";
|
||||||
|
document.getElementById(tabs[i]+'_link').className="";
|
||||||
|
document.getElementById(tabs[i]+'_block').style.display="none";
|
||||||
|
}
|
||||||
|
if(id=="previewpdf")document.getElementById('images_block').style.display='block';
|
||||||
|
document.getElementById(id+'_menu').className="active";
|
||||||
|
document.getElementById(id+'_link').className="current";
|
||||||
|
document.getElementById(id+'_block').style.display="block";
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<ul class="subpanelTablist" style="margin-top:10px;" id="groupTabs">
|
||||||
|
<li class="active" id="details_menu"><a id="details_link" class="current" href="javascript:showBlock('details');">{MOD.LBL_DETAILS}</a></li>
|
||||||
|
<li class="" id="items_menu"><a id="items_link" class="" href="javascript:showBlock('items');">{MOD.LBL_ITEMS}</a></li>
|
||||||
|
|
||||||
|
<!--<li class="" id="previewxls_menu"><a id="previewxls_link" class="" href="javascript:showBlock('previewxls');mintajaxget('index.php?to_pdf=1&module=EcmPriceBooks&action=showXLS','previewxls_block');">{MOD.LBL_PREVIEWXLS}</a></li>-->
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<br />
|
||||||
|
<div id="details_block" style="display:block;">
|
||||||
|
|
||||||
|
<table width="100%" border="0" cellspacing="{GRIDLINE}" cellpadding="0">
|
||||||
|
{PAGINATION1}
|
||||||
|
<th class="dataLabel" align="left" colspan="8">
|
||||||
|
<h4>{MOD.LBL_PRICE_DETAIL_NAME}</h4></th>
|
||||||
|
<tr>
|
||||||
|
<td width="15%" class="tabDetailViewDL"><span sugar='slot1'>{MOD.LBL_NAME}</span sugar='slot'></td>
|
||||||
|
<td width="35%" class="tabDetailViewDF"><span sugar='slot1b'>{NAME} </span sugar='slot'></td>
|
||||||
|
<td width="15%" valign="top" class="tabDetailViewDL"><span sugar='slot2'>{APP.LBL_ASSIGNED_TO}</span sugar='slot'></td>
|
||||||
|
<td width="35%" valign="top" class="tabDetailViewDF"><span sugar='slot2b'>{ASSIGNED_TO}</span sugar='slot'></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td valign="top" class="tabDetailViewDL"><span sugar='slot3'>{MOD.LBL_ACTIVE}</span sugar='slot'></td>
|
||||||
|
<td valign="top" class="tabDetailViewDF"><span sugar='slot3b'>{ACTIVE}</span sugar='slot'></td>
|
||||||
|
|
||||||
|
<td valign="top" class="tabDetailViewDL"><span sugar='slot5'>{MOD.LBL_EXCHANGE_RATE_NAME}</span sugar='slot'></td>
|
||||||
|
<td valign="top" class="tabDetailViewDF"><span sugar='slot5b'>{CURRENCY}</span sugar='slot'></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td valign="top" class="tabDetailViewDL"><span sugar='slot7'>{MOD.LBL_ACCOUNT_NAME}</span sugar='slot'></td>
|
||||||
|
<td valign="top" class="tabDetailViewDF"><span sugar='slot7b'>{ACCOUNT_NAME}</span sugar='slot'></td>
|
||||||
|
<td valign="top" class="tabDetailViewDL"><span sugar='slot9'>{MOD.LBL_LEAD_NAME}</span sugar='slot'></td>
|
||||||
|
<td valign="top" class="tabDetailViewDF"><span sugar='slot9b'>{LEAD_NAME}</span sugar='slot'></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td valign="top" class="tabDetailViewDL"><span sugar='slot4'>{MOD.LBL_DESCRIPTION}</span sugar='slot'></td>
|
||||||
|
<td valign="top" class="tabDetailViewDF"><span sugar='slot4b'>{DESCRIPTION} </span sugar='slot'></td>
|
||||||
|
<td valign="top" class="tabDetailViewDL">{MOD.LBL_CURRENCY_VALUE}</td>
|
||||||
|
<td valign="top" class="tabDetailViewDF">{CURRENCY_VALUE}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td valign="top" class="tabDetailViewDL"> </td>
|
||||||
|
<td valign="top" class="tabDetailViewDF"> </td>
|
||||||
|
<td valign="top" class="tabDetailViewDL"> </td>
|
||||||
|
<td valign="top" class="tabDetailViewDF"> </td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<div id="items_block" style="display:none;">
|
||||||
|
<table width="100%" border="0" cellspacing="{GRIDLINE}" cellpadding="0">
|
||||||
|
<th class="dataLabel" align="left" colspan="8">
|
||||||
|
<h4>{MOD.LBL_PRICE_PRODUCT_NAME}</h4>
|
||||||
|
</th>
|
||||||
|
<tr>
|
||||||
|
<td colspan="4" valign="top" class="tabDetailViewDL">
|
||||||
|
<div id="price-block" style="display:none;position:absolute;">
|
||||||
|
<table cellpadding="0" cellspacing="0" border="0" class="ListView">
|
||||||
|
<tr>
|
||||||
|
<td width="90%" bgcolor="#FFFFFF" class="listViewThS1">{MOD.LBL_EDIT_PRICE} </td><td width="10%" align="right" bgcolor="#FFFFFF" class="listViewThS1"> </td><td width="10%" align="right" bgcolor="#FFFFFF" class="listViewThS1"> </td><td width="1%" align="right" bgcolor="#FFFFFF" class="listViewThS1"><a href="javascript:hidediv('price-block');" title="Click to Close" class="olCloseFontClass"><img src="themes/Sugar/images/close_inline.gif" border="0"></a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td valign="top" bgcolor="#FFFFFF" class="oddListRowS1">{MOD.LBL_UNIT_PRICE}:</td>
|
||||||
|
<td valign="top" bgcolor="#FFFFFF" class="oddListRowS1">{MOD.LBL_MARGIN}:</td>
|
||||||
|
<td colspan="2" valign="top" bgcolor="#FFFFFF" class="oddListRowS1">{MOD.LBL_LIST_PRICE_PRICEBOOK}:</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td valign="top" bgcolor="#FFFFFF" class="oddListRowS1">
|
||||||
|
<input size="8" id="purchase_price" name="purchase_price" readonly type="text" onchange="getPricePricebook();" onclick="getPricePricebook();" onblur="getPricePricebook();" />
|
||||||
|
</td>
|
||||||
|
<td valign="top" bgcolor="#FFFFFF" class="oddListRowS1">
|
||||||
|
<input size="4" id="margin" name="margin" type="text" onchange="getPricePricebook();" onclick="getPricePricebook();" onblur="getPricePricebook();" />
|
||||||
|
</td>
|
||||||
|
<td valign="top" bgcolor="#FFFFFF" class="oddListRowS1" colspan="2">
|
||||||
|
<input size="8" id="price" name="price" type="text" onchange="getPricePricebook();" onclick="getPricePricebook();" onblur="getPricePricebook();" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td valign="top" bgcolor="#FFFFFF" class="oddListRowS1">{MOD.LBL_RECIPIENT_CODE}:</td>
|
||||||
|
<td valign="top" bgcolor="#FFFFFF" class="oddListRowS1"> </td>
|
||||||
|
<td colspan="2" valign="top" bgcolor="#FFFFFF" class="oddListRowS1"> </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td valign="top" bgcolor="#FFFFFF" class="oddListRowS1">
|
||||||
|
<input size="8" id="recipient_code" name="recipient_code" type="text" />
|
||||||
|
</td>
|
||||||
|
<td valign="top" bgcolor="#FFFFFF" class="oddListRowS1"></td>
|
||||||
|
<td valign="top" bgcolor="#FFFFFF" class="oddListRowS1" colspan="2"></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td valign="top" bgcolor="#FFFFFF" class="oddListRowS1">{MOD.LBL_REMARKS_PL}:</td>
|
||||||
|
<td valign="top" bgcolor="#FFFFFF" class="oddListRowS1">{MOD.LBL_REMARKS_EN}:</td>
|
||||||
|
<td colspan="2" valign="top" bgcolor="#FFFFFF" class="oddListRowS1">{MOD.LBL_REMARKS_DE}:</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td valign="top" bgcolor="#FFFFFF" class="oddListRowS1">
|
||||||
|
<input size="8" id="remarks_pl" name="remarks_pl" type="text" />
|
||||||
|
</td>
|
||||||
|
<td valign="top" bgcolor="#FFFFFF" class="oddListRowS1">
|
||||||
|
<input size="8" id="remarks_en" name="remarks_en" type="text" />
|
||||||
|
</td>
|
||||||
|
<td valign="top" bgcolor="#FFFFFF" class="oddListRowS1" colspan="2">
|
||||||
|
<input size="8" id="remarks_de" name="remarks_de" type="text" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td valign="top" bgcolor="#FFFFFF" class="oddListRowS1" colspan="4">
|
||||||
|
<input id="product_id" name="product_id" type="hidden" />
|
||||||
|
<input id="order_by" name="order_by" type="hidden" />
|
||||||
|
<input id="sorder" name="sorder" type="hidden" />
|
||||||
|
<input class="button" type="submit" name="saveprice" value="Save" onclick="mintajaxget('index.php?to_pdf=1&module=EcmPriceBooks&action=SavePrice&pricebook_id={ID}&record='+document.getElementById('product_id').value+'&recipient_code='+document.getElementById('recipient_code').value+'&remarks_pl='+document.getElementById('remarks_pl').value+'&remarks_en='+document.getElementById('remarks_en').value+'&remarks_de='+document.getElementById('remarks_de').value+'&order_by='+document.getElementById('order_by').value+'&sorder='+document.getElementById('sorder').value+'&price='+document.getElementById('price').value,'products');document.getElementById('price-block').style.display='none';"/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table></div></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td valign="top" class="tabDetailViewDL"><input type="button" class="button" name="productslist" value="{MOD.LBL_ADD_PRODUCTS_TO_PRICEBOOK}" onclick="location.href='index.php?module=EcmProducts&action=ListViewAddToPriceBook&pricebook_id={ID}';" /></td>
|
||||||
|
<td valign="top" class="tabDetailViewDF"> </td>
|
||||||
|
<td colspan="2" align="right" valign="top" class="tabDetailViewDL">{CUSTOMVIEW_SELECT}</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td colspan="4" valign="top" class="tabDetailViewDL"><div id='products'></div></td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div><div id="images_block" style="display:none;">
|
||||||
|
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||||
|
<tr><td class="dataLabel" align="left" width="15%">
|
||||||
|
<h4>{MOD.LBL_PREVIEWPDF}</h4>
|
||||||
|
</td><td width="85%"></td></tr></table></div>
|
||||||
|
<div id="previewpdf_block" style="display:none;"></div>
|
||||||
|
<div id="previewxls_block" style="display:none;"></div>
|
||||||
|
|
||||||
|
{LOAD_TAB}
|
||||||
|
<!-- END: main -->
|
||||||
|
<!-- BEGIN: subpanel -->
|
||||||
|
<span sugar='slot23'>{SUBPANEL}</span sugar='slot'>
|
||||||
|
<!-- END: subpanel -->
|
||||||
152
import/EcmPriceBooks/EditView1.html
Normal file
152
import/EcmPriceBooks/EditView1.html
Normal file
@@ -0,0 +1,152 @@
|
|||||||
|
<!--
|
||||||
|
/*****************************************************************************
|
||||||
|
* The contents of this file are subject to the RECIPROCAL PUBLIC LICENSE
|
||||||
|
* Version 1.1 ("License"); You may not use this file except in compliance
|
||||||
|
* with the License. You may obtain a copy of the License at
|
||||||
|
* http://opensource.org/licenses/rpl.php. Software distributed under the
|
||||||
|
* License is distributed on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
* either express or implied.
|
||||||
|
*
|
||||||
|
* You may:
|
||||||
|
* a) Use and distribute this code exactly as you received without payment or
|
||||||
|
* a royalty or other fee.
|
||||||
|
* b) Create extensions for this code, provided that you make the extensions
|
||||||
|
* publicly available and document your modifications clearly.
|
||||||
|
* c) Charge for a fee for warranty or support or for accepting liability
|
||||||
|
* obligations for your customers.
|
||||||
|
*
|
||||||
|
* You may NOT:
|
||||||
|
* a) Charge for the use of the original code or extensions, including in
|
||||||
|
* electronic distribution models, such as ASP (Application Service
|
||||||
|
* Provider).
|
||||||
|
* b) Charge for the original source code or your extensions other than a
|
||||||
|
* nominal fee to cover distribution costs where such distribution
|
||||||
|
* involves PHYSICAL media.
|
||||||
|
* c) Modify or delete any pre-existing copyright notices, change notices,
|
||||||
|
* or License text in the Licensed Software
|
||||||
|
* d) Assert any patent claims against the Licensor or Contributors, or
|
||||||
|
* which would in any way restrict the ability of any third party to use the
|
||||||
|
* Licensed Software.
|
||||||
|
*
|
||||||
|
* You must:
|
||||||
|
* a) Document any modifications you make to this code including the nature of
|
||||||
|
* the change, the authors of the change, and the date of the change.
|
||||||
|
* b) Make the source code for any extensions you deploy available via an
|
||||||
|
* Electronic Distribution Mechanism such as FTP or HTTP download.
|
||||||
|
* c) Notify the licensor of the availability of source code to your extensions
|
||||||
|
* and include instructions on how to acquire the source code and updates.
|
||||||
|
* d) Grant Licensor a world-wide, non-exclusive, royalty-free license to use,
|
||||||
|
* reproduce, perform, modify, sublicense, and distribute your extensions.
|
||||||
|
*
|
||||||
|
* The Original Code is: CommuniCore
|
||||||
|
* Olavo Farias
|
||||||
|
* 2006-04-7 olavo.farias@gmail.com
|
||||||
|
*
|
||||||
|
* The Initial Developer of the Original Code is CommuniCore.
|
||||||
|
* Portions created by CommuniCore are Copyright (C) 2005 CommuniCore Ltda
|
||||||
|
* All Rights Reserved.
|
||||||
|
********************************************************************************/
|
||||||
|
-->
|
||||||
|
<!-- BEGIN: main -->
|
||||||
|
|
||||||
|
<script type="text/javascript" src="include/javascript/popup_parent_helper.js?s={SUGAR_VERSION}&c={JS_CUSTOM_VERSION}"></script>
|
||||||
|
<table cellpadding="0" cellspacing="0" border="0" width="100%">
|
||||||
|
<tr>
|
||||||
|
<form name="EditView" method="POST" action="index.php">
|
||||||
|
<input type="hidden" name="module" value="EcmPriceBooks">
|
||||||
|
<input type="hidden" name="record" value="{ID}">
|
||||||
|
<input type="hidden" name="action">
|
||||||
|
<input type="hidden" name="return_module" value="{RETURN_MODULE}">
|
||||||
|
<input type="hidden" name="return_id" value="{RETURN_ID}">
|
||||||
|
<input type="hidden" name="return_action" value="{RETURN_ACTION}">
|
||||||
|
<input type="hidden" name="contact_id" value="{CONTACT_ID}">
|
||||||
|
<input type="hidden" name="email_id" value="{EMAIL_ID}">
|
||||||
|
<input type="hidden" name="account_id" value="{ACCOUNT_ID}">
|
||||||
|
<input type="hidden" name="case_id" value="{CASE_ID}">
|
||||||
|
<!--// InboundEmail support //-->
|
||||||
|
<input type="hidden" name="inbound_email_id" value="{INBOUND_EMAIL_ID}">
|
||||||
|
<input type="hidden" name="start" value="{START}">
|
||||||
|
<input type="hidden" name="type" value="{TYPE}">
|
||||||
|
<td style="padding-bottom: 2px;">
|
||||||
|
<input title="{APP.LBL_SAVE_BUTTON_TITLE}" accessKey="{APP.LBL_SAVE_BUTTON_KEY}" class="button"
|
||||||
|
onclick="this.form.action.value='Save';return check_form('EditView');"
|
||||||
|
type="submit" name="button" value=" {APP.LBL_SAVE_BUTTON_LABEL} " >
|
||||||
|
<input title="{APP.LBL_CANCEL_BUTTON_TITLE}" accessKey="{APP.LBL_CANCEL_BUTTON_KEY}" class="button"
|
||||||
|
onclick="this.form.action.value='{RETURN_ACTION}'; this.form.module.value='{RETURN_MODULE}'; this.form.record.value='{RETURN_ID}'"
|
||||||
|
type="submit" name="button" value=" {APP.LBL_CANCEL_BUTTON_LABEL} ">
|
||||||
|
</td>
|
||||||
|
<td align="right" nowrap><span class="required">{APP.LBL_REQUIRED_SYMBOL}</span> {APP.NTC_REQUIRED}</td>
|
||||||
|
<td align='right'>{ADMIN_EDIT}</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<p>
|
||||||
|
|
||||||
|
|
||||||
|
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="tabForm">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
|
||||||
|
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td width="15%" class="dataLabel"><span sugar='slot1'>{MOD.LBL_NAME} <span class="required">{APP.LBL_REQUIRED_SYMBOL}</span></span sugar='slot'></td>
|
||||||
|
<td width="35%" class="dataField"><span sugar='slot1b'><input name='name' type="text" tabindex='1' size='35' maxlength='50' value="{NAME}"></span sugar='slot'></td>
|
||||||
|
<td class="dataLabel" ><span sugar='slot2'>{APP.LBL_ASSIGNED_TO}</span sugar='slot'></td>
|
||||||
|
<td class="dataField">
|
||||||
|
<span sugar='slot2b'>
|
||||||
|
<input class="sqsEnabled" tabindex="2" autocomplete="off" id="assigned_user_name" name='assigned_user_name' type="text" value="{ASSIGNED_USER_NAME}">
|
||||||
|
<input id='assigned_user_id' name='assigned_user_id' type="hidden" value="{ASSIGNED_USER_ID}" />
|
||||||
|
<input title="{APP.LBL_SELECT_BUTTON_TITLE}" accessKey="{APP.LBL_SELECT_BUTTON_KEY}" type="button" class="button" value='{APP.LBL_SELECT_BUTTON_LABEL}' name=btn1
|
||||||
|
onclick='open_popup("Users", 600, 400, "", true, false, {encoded_users_popup_request_data});' /></span sugar='slot'> </td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td class="dataLabel"><span sugar='slot3'>{MOD.LBL_ACTIVE}</span sugar='slot'></td>
|
||||||
|
<td class="dataField">
|
||||||
|
<span sugar='slot3b'>
|
||||||
|
<input id="active" title="Product active" type="checkbox" title="{ACTIVE_HELP}" name="active" {ACTIVE}/></span sugar='slot'> </td>
|
||||||
|
|
||||||
|
<td valign="top" class="dataLabel"><span sugar='slot6'>{MOD.LBL_EXCHANGE_RATE_ID}</span sugar='slot'></td>
|
||||||
|
<td valign="top" class="dataField"><select name="exchange_rate_id" id="exchange_rate_id">
|
||||||
|
|
||||||
|
|
||||||
|
{EXCHANGE_RATE_ID}
|
||||||
|
|
||||||
|
|
||||||
|
</select> </td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td class="dataLabel" valign="top">{MOD.LBL_ACCOUNT_NAME}</td>
|
||||||
|
<td class="dataField"><input id='account_id' name='account_id' type="hidden" value="{ACCOUNT_ID}" />
|
||||||
|
<input class="sqsEnabled" id='account_name' name='account_name' type="text" tabindex='13' maxlength='40' value="{ACCOUNT_NAME}" />
|
||||||
|
</span sugar='slot'> <input title="{APP.LBL_SELECT_BUTTON_TITLE}" accesskey="{APP.LBL_SELECT_BUTTON_KEY}" type="button" class="button" value='{APP.LBL_SELECT_BUTTON_LABEL}' name="btn1"
|
||||||
|
onclick='open_popup("Accounts", 600, 400, "index.php?module=Accounts&action=Popup&mode=single&create=true&metadata=undefined", true, false, {encoded_accounts_popup_request_data});' /></td>
|
||||||
|
<td valign="top" class="dataLabel">{MOD.LBL_LEAD_NAME}</td>
|
||||||
|
<td valign="top" class="dataField"><input id='lead_id' name='lead_id' type="hidden" value="{LEAD_ID}" />
|
||||||
|
<input class="sqsEnabled" id='lead_name' name='lead_name' type="text" tabindex='13' maxlength='40' value="{LEAD_NAME}" />
|
||||||
|
</span sugar='slot'> <input title="{APP.LBL_SELECT_BUTTON_TITLE}" accesskey="{APP.LBL_SELECT_BUTTON_KEY}" type="button" class="button" value='{APP.LBL_SELECT_BUTTON_LABEL}' name="btn1"
|
||||||
|
onclick='open_popup("Leads", 600, 400, "index.php?module=Leads&action=Popup&mode=single&create=true&metadata=undefined", true, false, {encoded_leads_popup_request_data});' /></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="dataLabel" valign="top"><span sugar='slot4'>{MOD.LBL_DESCRIPTION}</span sugar='slot'></td>
|
||||||
|
<td class="dataField"><span sugar='slot4b'>
|
||||||
|
<textarea name='description' title="Description" tabindex='4' cols="30" rows="4">{DESCRIPTION}</textarea>
|
||||||
|
</span sugar='slot'> </td>
|
||||||
|
<td valign="top" class="dataLabel"> </td>
|
||||||
|
<td valign="top" class="dataField"> </td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</p>
|
||||||
|
<div style="padding-top: 2px">
|
||||||
|
<input title="{APP.LBL_SAVE_BUTTON_TITLE}" accessKey="{APP.LBL_SAVE_BUTTON_KEY}" class="button" onclick="this.form.action.value='Save';return check_form('EditView');" type="submit" name="button" value=" {APP.LBL_SAVE_BUTTON_LABEL} " >
|
||||||
|
<input title="{APP.LBL_CANCEL_BUTTON_TITLE}" accessKey="{APP.LBL_CANCEL_BUTTON_KEY}" class="button" onclick="this.form.action.value='{RETURN_ACTION}'; this.form.module.value='{RETURN_MODULE}'; this.form.record.value='{RETURN_ID}'" type="submit" name="button" value=" {APP.LBL_CANCEL_BUTTON_LABEL} ">
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
{JAVASCRIPT}
|
||||||
|
<!-- END: main -->
|
||||||
371
import/EcmPriceBooks/Emails.html
Normal file
371
import/EcmPriceBooks/Emails.html
Normal file
@@ -0,0 +1,371 @@
|
|||||||
|
<!--
|
||||||
|
/**
|
||||||
|
* EditView for Email
|
||||||
|
*
|
||||||
|
* SugarCRM is a customer relationship management program developed by
|
||||||
|
* SugarCRM, Inc. Copyright (C) 2004 - 2007 SugarCRM Inc.
|
||||||
|
*
|
||||||
|
* This program is free software; you can redistribute it and/or modify it under
|
||||||
|
* the terms of the GNU General Public License version 3 as published by the
|
||||||
|
* Free Software Foundation with the addition of the following permission added
|
||||||
|
* to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
|
||||||
|
* IN WHICH THE COPYRIGHT IS OWNED BY SUGARCRM, SUGARCRM DISCLAIMS THE WARRANTY
|
||||||
|
* OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
|
||||||
|
*
|
||||||
|
* This program is distributed in the hope that it will be useful, but WITHOUT
|
||||||
|
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
|
||||||
|
* FOR A PARTICULAR PURPOSE. See the GNU General Public License for more
|
||||||
|
* details.
|
||||||
|
*
|
||||||
|
* You should have received a copy of the GNU General Public License along with
|
||||||
|
* this program; if not, see http://www.gnu.org/licenses or write to the Free
|
||||||
|
* Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
|
||||||
|
* 02110-1301 USA.
|
||||||
|
*
|
||||||
|
* You can contact SugarCRM, Inc. headquarters at 10050 North Wolfe Road,
|
||||||
|
* SW2-130, Cupertino, CA 95014, USA. or at email address contact@sugarcrm.com.
|
||||||
|
*
|
||||||
|
* The interactive user interfaces in modified source and object code versions
|
||||||
|
* of this program must display Appropriate Legal Notices, as required under
|
||||||
|
* Section 5 of the GNU General Public License version 3.
|
||||||
|
*
|
||||||
|
* In accordance with Section 7(b) of the GNU General Public License version 3,
|
||||||
|
* these Appropriate Legal Notices must retain the display of the "Powered by
|
||||||
|
* SugarCRM" logo. If the display of the logo is not reasonably feasible for
|
||||||
|
* technical reasons, the Appropriate Legal Notices must display the words
|
||||||
|
* "Powered by SugarCRM".
|
||||||
|
*/
|
||||||
|
-->
|
||||||
|
|
||||||
|
<!-- BEGIN: main -->
|
||||||
|
|
||||||
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
|
||||||
|
<meta name="generator" content="">
|
||||||
|
<title></title>
|
||||||
|
<script type="text/javascript" src="include/javascript/sugar_grp1_yui.js?s=5.0.0c&c="></script>
|
||||||
|
<script type="text/javascript" src="include/javascript/sugar_grp1.js?s=5.0.0c&c="></script>
|
||||||
|
<script type="text/javascript" src="include/javascript/sugar_3.js?s=5.0.0c&c="></script>
|
||||||
|
<script type="text/javascript" src="include/javascript/sugar_grp1.js?s=5.0.0c&c="></script>
|
||||||
|
<script type="text/javascript" src="jscalendar/lang/calendar-en.js?s=5.0.0c&c="></script>
|
||||||
|
<script type="text/javascript" src="include/SugarFields/Fields/Address/SugarFieldAddress.js?s=5.0.0c&c="></script>
|
||||||
|
<script type="text/javascript" src="cache/jsLanguage/en_us.js?s=5.0.0c&c=&j=1">
|
||||||
|
</script><script type="text/javascript" src="cache/jsLanguage/Accounts/en_us.js?s=5.0.0c&c=&j=1"></script>
|
||||||
|
<script type="text/javascript" src="jssource/src_files/include/SugarEmailAddress/SugarEmailAddress.js?s=5.0.0c&c="></script>
|
||||||
|
<link rel="stylesheet" type="text/css" href="themes/Sugar/navigation.css?s=5.0.0c&c=" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="themes/Sugar/style.css?s=5.0.0c&c=" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="themes/Sugar/colors.sugar.css?s=5.0.0c&c=" id="current_color_style" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="themes/Sugar/fonts.normal.css?s=5.0.0c&c=" id="current_font_style"/>
|
||||||
|
<script language="javascript" src="themes/default/SiteMapJS.js?s=5.0.0c&c="></script>
|
||||||
|
<script language="javascript" src="themes/menu.js?s=5.0.0c&c="></script>
|
||||||
|
<script language="javascript" src="themes/cookie.js?s=5.0.0c&c="></script>
|
||||||
|
<script language="javascript" src="themes/Sugar/style.js?s=5.0.0c&c="></script>
|
||||||
|
<script language="javascript" src="include/JSON.js?s=5.0.0c&c="></script>
|
||||||
|
<script type="text/javascript" language="Javascript">
|
||||||
|
{JS_VARS}
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body class="{BODYCLASS}" style="border:none;" onLoad="">
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript" src="include/jsolait/init.js?s={SUGAR_VERSION}&c={JS_CUSTOM_VERSION}"></script>
|
||||||
|
<script type="text/javascript" src="include/javascript/jsclass_base.js?s={SUGAR_VERSION}&c={JS_CUSTOM_VERSION}"></script>
|
||||||
|
<script type="text/javascript" src="include/javascript/jsclass_async.js?s={SUGAR_VERSION}&c={JS_CUSTOM_VERSION}"></script>
|
||||||
|
<script type="text/javascript" src="modules/EcmPriceBooks/Email.js?s={SUGAR_VERSION}&c={JS_CUSTOM_VERSION}"></script>
|
||||||
|
<script type="text/javascript" src="modules/Documents/documents.js?s={SUGAR_VERSION}&c={JS_CUSTOM_VERSION}"></script>
|
||||||
|
{MESSAGE}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<form action="index.php" method="post" name="EditView" enctype="multipart/form-data">
|
||||||
|
<input type="hidden" name="module" value="EcmPriceBooks" />
|
||||||
|
<input type="hidden" name="action" value="EmailSave" />
|
||||||
|
<input type="hidden" name="to_pdf" value="1" />
|
||||||
|
<input type="hidden" name="contact_id" value="{CONTACT_ID}" />
|
||||||
|
<input type="hidden" name="user_id" value="{USER_ID}" />
|
||||||
|
<input type="hidden" name="return_module" value="{RETURN_MODULE}" />
|
||||||
|
<input type="hidden" name="return_id" value="{RETURN_ID}" />
|
||||||
|
<input type="hidden" name="send" value="" />
|
||||||
|
<input type="hidden" name="type" value="out" />
|
||||||
|
<input type="hidden" name="record" value="{ID}" />
|
||||||
|
<input type="hidden" name="return_action" value="{RETURN_ACTION}" />
|
||||||
|
<input type="hidden" name="inbound_email_id" value="{INBOUND_EMAIL_ID}" />
|
||||||
|
<input type="hidden" name="assigned_user_id" value="{ASSIGNED_USER_ID}" />
|
||||||
|
<input type="hidden" name="object_type" value="{OBJECT_TYPE}" />
|
||||||
|
<input type="hidden" name="object_id" value="{OBJECT_ID}" />
|
||||||
|
<input type="hidden" name="group" value="{GROUP}" />
|
||||||
|
<input type="hidden" name="origType" value="{TYPE}" />
|
||||||
|
<input type="hidden" name="invoiceout_id" value="{INVOICEOUT_ID}" />
|
||||||
|
<input type="hidden" name="pricebook_id" value="{PRICEBOOK_ID}" />
|
||||||
|
<input type="hidden" name="pIdFrom" value="{PIDFROM}" />
|
||||||
|
<input type="hidden" name="pTypeFrom" value="{PTYPEFROM}" />
|
||||||
|
<input type="hidden" name="pIdTo" value="{PIDTO}" />
|
||||||
|
<input type="hidden" name="pTypeTo" value="{PTYPETO}" />
|
||||||
|
<input type="hidden" name="bodyclass" value="{BODYCLASS}" />
|
||||||
|
|
||||||
|
<table width="100%" cellpadding="0" cellspacing="0" border="0">
|
||||||
|
<th class="dataLabel" align="left" colspan="8">
|
||||||
|
<h4>Send email</h4><br>
|
||||||
|
</th>
|
||||||
|
<tr>
|
||||||
|
<td style="padding-bottom: 2px;">
|
||||||
|
<input type="submit" name="button" class="button" {disable_send} title="{MOD.LBL_SEND_BUTTON_TITLE}" accesskey="{MOD.LBL_SEND_BUTTON_KEY}" value=" {MOD.LBL_SEND_BUTTON_LABEL} " />
|
||||||
|
<!--
|
||||||
|
<input type="submit" name="button" class="button" title="{MOD.LBL_SAVE_AS_DRAFT_BUTTON_TITLE}" accesskey="{MOD.LBL_SAVE_AS_DRAFT_BUTTON_KEY}" value=" {MOD.LBL_SAVE_AS_DRAFT_BUTTON_LABEL} " onclick="return invoiceoutAlert('save_draft');" />
|
||||||
|
<input type="submit" name="button" class="button" title="{APP.LBL_CANCEL_BUTTON_TITLE}" accesskey="{APP.LBL_CANCEL_BUTTON_KEY}" value=" {APP.LBL_CANCEL_BUTTON_LABEL} " onclick="this.form.action.value='{RETURN_ACTION}'; this.form.module.value='{RETURN_MODULE}'; this.form.record.value='{RETURN_ID}'; {MYINBOX}" />
|
||||||
|
-->
|
||||||
|
|
||||||
|
</td>
|
||||||
|
<td align="right" nowrap>
|
||||||
|
</td>
|
||||||
|
<td align='right'>
|
||||||
|
{ADMIN_EDIT}
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||||
|
<tr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- BEGIN: open_source_1 -->
|
||||||
|
<td nowrap class="dataLabel">
|
||||||
|
<slot> </slot>
|
||||||
|
Attach PDF </td>
|
||||||
|
<td nowrap>
|
||||||
|
<slot> </slot> </td>
|
||||||
|
<!-- END: open_source_1 -->
|
||||||
|
<td nowrap>
|
||||||
|
<slot> </slot> </td>
|
||||||
|
<td>
|
||||||
|
<div style="display:none;">
|
||||||
|
<slot>
|
||||||
|
<select tabindex='2' name='parent_type' onChange=" document.EditView.parent_name.value='';
|
||||||
|
changeQS();
|
||||||
|
checkParentType(document.EditView.parent_type.value, document.EditView.change_parent);">
|
||||||
|
{TYPE_OPTIONS}</select> </slot>
|
||||||
|
</div>
|
||||||
|
<input type="checkbox" name="attach_pdf" value="1" checked>
|
||||||
|
Images:
|
||||||
|
<input type="checkbox" name="email_images" value="true" checked></td>
|
||||||
|
<td class="dataField" nowrap>
|
||||||
|
<div style="display:none;">
|
||||||
|
<slot>
|
||||||
|
<input id='parent_id' name='parent_id' type="hidden" value='{PARENT_ID}'>
|
||||||
|
<input class="sqsEnabled" id='parent_name' name='parent_name' tabindex='2' type='text' value="{PARENT_NAME}">
|
||||||
|
{CHANGE_PARENT_BUTTON} </slot>
|
||||||
|
</div> </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="dataLabel">
|
||||||
|
<div style="display:none;">
|
||||||
|
<slot>
|
||||||
|
{APP.LBL_ASSIGNED_TO} </slot>
|
||||||
|
</div>
|
||||||
|
Attach XLS </td>
|
||||||
|
<td class="dataField">
|
||||||
|
<div style="display:none;">
|
||||||
|
<slot>
|
||||||
|
<input class="sqsEnabled" tabindex='1' id="assigned_user_name" name='assigned_user_name' type="text" value="{ASSIGNED_USER_NAME}">
|
||||||
|
<input id='assigned_user_id' name='assigned_user_id' type="hidden" value="{ASSIGNED_USER_ID}" />
|
||||||
|
<input title="{APP.LBL_SELECT_BUTTON_TITLE}" accesskey="{APP.LBL_SELECT_BUTTON_KEY}" type="button" tabindex='1' class="button" value='{APP.LBL_SELECT_BUTTON_LABEL}' name="btn1" onclick='open_popup("Users", 600, 400, "", true, false, {encoded_users_popup_request_data});' />
|
||||||
|
</slot>
|
||||||
|
</div> </td>
|
||||||
|
<td nowrap>
|
||||||
|
<slot> </slot> </td>
|
||||||
|
<td nowrap>
|
||||||
|
<slot> </slot>
|
||||||
|
<span class="dataLabel">
|
||||||
|
<input type="checkbox" name="attach_xls" value="checkbox">
|
||||||
|
</span></td>
|
||||||
|
<td nowrap>
|
||||||
|
<slot> </slot> </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="5"> </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="1"> </td>
|
||||||
|
<td colspan="4">
|
||||||
|
{MOD.LBL_NOTE_SEMICOLON} </td>
|
||||||
|
<td colspan="2"> </td>
|
||||||
|
</tr>
|
||||||
|
<tr valign="top">
|
||||||
|
<td class="dataLabel">
|
||||||
|
<slot>
|
||||||
|
{MOD.LBL_TO} </slot> </td>
|
||||||
|
<td colspan="4" class="dataField" nowrap="NOWRAP">
|
||||||
|
<slot>
|
||||||
|
<table cellspacing="0" cellpadding="0" border="0">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<textarea id="to_addrs_field" name='to_addrs' tabindex='3' cols="80" rows="1" style="height: 1.6.em; overflow-y:auto; font-family:sans-serif,monospace; font-size:inherit;" value="{TO_ADDRS}">{TO_ADDRS}</textarea>
|
||||||
|
<input type="hidden" id="to_addrs_ids" name="to_addrs_ids" value="{TO_ADDRS_IDS}" />
|
||||||
|
<input type="hidden" id="to_addrs_emails" name="to_addrs_emails" value="{TO_ADDRS_EMAILS}" />
|
||||||
|
<input type="hidden" id="to_addrs_names" name="to_addrs_names" value="{TO_ADDRS_NAMES}" /> </td>
|
||||||
|
<td style="padding-left: 4px;">
|
||||||
|
{CHANGE_TO_ADDRS_BUTTON} </td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</slot> </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="dataLabel">
|
||||||
|
<slot>
|
||||||
|
{MOD.LBL_CC} </slot> </td>
|
||||||
|
<td class="dataField" colspan="4" nowrap="NOWRAP">
|
||||||
|
<slot>
|
||||||
|
<table cellspacing="0" cellpadding="0" border="0">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<textarea id="cc_addrs_field" name='cc_addrs' tabindex='3' cols="80" rows="1" style="height: 1.6.em; overflow-y:auto; font-family:sans-serif,monospace; font-size:inherit;" value="{CC_ADDRS}">{CC_ADDRS}</textarea>
|
||||||
|
<input type="hidden" id="cc_addrs_ids" name="cc_addrs_ids" value="{CC_ADDRS_IDS}" />
|
||||||
|
<input type="hidden" id="cc_addrs_emails" name="cc_addrs_emails" value="{CC_ADDRS_EMAILS}" />
|
||||||
|
<input type="hidden" id="cc_addrs_names" name="cc_addrs_names" value="{CC_ADDRS_NAMES}" /> </td>
|
||||||
|
<td style="padding-left: 4px;">
|
||||||
|
{CHANGE_CC_ADDRS_BUTTON} </td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</slot> </td>
|
||||||
|
</tr>
|
||||||
|
<tr valign="top">
|
||||||
|
<td class="dataLabel">
|
||||||
|
<slot>
|
||||||
|
{MOD.LBL_BCC} </slot> </td>
|
||||||
|
<td class="dataField" colspan="4" nowrap="NOWRAP">
|
||||||
|
<table cellspacing="0" cellpadding="0" border="0">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<textarea id="bcc_addrs_field" name='bcc_addrs' tabindex='3' cols="80" rows="1" style="height: 1.6.em; overflow-y:auto; font-family:sans-serif,monospace; font-size:inherit;" value="{BCC_ADDRS}">{BCC_ADDRS}</textarea>
|
||||||
|
<input type="hidden" id="bcc_addrs_ids" name="bcc_addrs_ids" value="{BCC_ADDRS_IDS}" />
|
||||||
|
<input type="hidden" id="bcc_addrs_emails" name="bcc_addrs_emails" value="{BCC_ADDRS_EMAILS}" />
|
||||||
|
<input type="hidden" id="bcc_addrs_names" name="bcc_addrs_names" value="{BCC_ADDRS_NAMES}" /> </td>
|
||||||
|
<td style="padding-left: 4px;">
|
||||||
|
{CHANGE_BCC_ADDRS_BUTTON} </td>
|
||||||
|
</tr>
|
||||||
|
</table> </td>
|
||||||
|
</tr>
|
||||||
|
<tr valign="top">
|
||||||
|
<td class="dataLabel">
|
||||||
|
<slot>
|
||||||
|
{MOD.LBL_FROM} </slot> </td>
|
||||||
|
<td class="dataField" colspan="4" nowrap="NOWRAP">
|
||||||
|
<slot>
|
||||||
|
<table cellspacing="0" cellpadding="0" border="0">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<textarea id="from_addr_field" name='from_addr' tabindex='3' cols="80" rows="1" style="height: 1.6.em; overflow-y:auto; font-family:sans-serif,monospace; font-size:inherit;" value="{FROM_ADDR}">{FROM_ADDR}</textarea> {FROM_ADDR_GROUP}
|
||||||
|
<input type="hidden" id="from_addr_email" name="from_addr_email" />
|
||||||
|
<input type="hidden" id="from_addr_name" name="from_addr_name" /> </td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</slot> </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="5"> </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="dataLabel">
|
||||||
|
<slot>
|
||||||
|
{MOD.LBL_SUBJECT} </slot> </td>
|
||||||
|
<td colspan='4' class="dataField">
|
||||||
|
<slot>
|
||||||
|
<textarea name='name' tabindex='4' cols="100" rows="1" style="height: 1.6.em; overflow-y:auto; font-family:sans-serif,monospace; font-size:inherit;" id="subjectfield">{NAME}</textarea>
|
||||||
|
</slot> </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td valign="top" class="dataLabel">
|
||||||
|
{MOD.LBL_BODY} </td>
|
||||||
|
<!-- BEGIN: htmlarea -->
|
||||||
|
<td colspan="2" class="dataField">
|
||||||
|
<div style="display:none;">
|
||||||
|
<slot>
|
||||||
|
<div id="editor_select">
|
||||||
|
<input id="setEditor" name="setEditor" value="1" {EMAIL_EDITOR_OPTION} type="checkbox" onClick="toggle_textonly();" />
|
||||||
|
{MOD.LBL_EMAIL_EDITOR_OPTION} </div>
|
||||||
|
</slot>
|
||||||
|
</div> </td>
|
||||||
|
<td class="dataLabel" valign="top">
|
||||||
|
<slot>
|
||||||
|
{MOD.LBL_USE_TEMPLATE}
|
||||||
|
<select tabindex='2' name='email_template' onChange="fill_email(this.options[this.selectedIndex].value);">
|
||||||
|
{EMAIL_TEMPLATE_OPTIONS}
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<input type="button" class="button" name="clear" id="clear" value="Clear" onClick="fill_email('');">
|
||||||
|
|
||||||
|
<input type="button" class="button" name="new_template" id="new_template" value="Template Fields" onClick="document.getElementById('template_fields').style.display='';" />
|
||||||
|
</slot> </td>
|
||||||
|
<td class="dataField" nowrap width="1">
|
||||||
|
<slot> </slot> </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td></td>
|
||||||
|
<td colspan="4">
|
||||||
|
<div id="template_fields" style="display:none">
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<td valign="top" class="dataLabel">
|
||||||
|
Templatate Fields: </td>
|
||||||
|
<td colspan="5" class="dataField">
|
||||||
|
<slot>
|
||||||
|
{MFP}
|
||||||
|
<input type="button" class="button" name="cancel_template_fields" id="cancel_template_fields" value="Hide" onClick="document.getElementById('template_fields').style.display='none';">
|
||||||
|
</slot> </td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div> </td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td valign="top" class="dataLabel"> </td>
|
||||||
|
<td colspan="4" class="dataField">
|
||||||
|
{TINY}
|
||||||
|
<slot>
|
||||||
|
<div style="display:none;">
|
||||||
|
<div id="html_div">
|
||||||
|
<textarea id="description_html" onBlur="">{DESCRIPTION_HTML}</textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="display:none;">
|
||||||
|
<div id="alt_text_div">
|
||||||
|
<input id="toggle_textarea_elem" onClick="toggle_textarea();" type="checkbox" name="toggle_html">
|
||||||
|
{MOD.LBL_EDIT_ALT_TEXT} </div>
|
||||||
|
</div>
|
||||||
|
<div id="text_div" style="display: none;"> </div>
|
||||||
|
<textarea tabindex='5' id="description" name='description' cols="100" rows="20">{DESCRIPTION}</textarea>
|
||||||
|
</slot> </td>
|
||||||
|
<!-- END: htmlarea -->
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</form>
|
||||||
|
{JAVASCRIPT}
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
<!-- END: main -->
|
||||||
98
import/EcmPriceBooks/ListView1.html
Normal file
98
import/EcmPriceBooks/ListView1.html
Normal file
@@ -0,0 +1,98 @@
|
|||||||
|
<!--
|
||||||
|
|
||||||
|
/*****************************************************************************
|
||||||
|
* The contents of this file are subject to the RECIPROCAL PUBLIC LICENSE
|
||||||
|
* Version 1.1 ("License"); You may not use this file except in compliance
|
||||||
|
* with the License. You may obtain a copy of the License at
|
||||||
|
* http://opensource.org/licenses/rpl.php. Software distributed under the
|
||||||
|
* License is distributed on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
* either express or implied.
|
||||||
|
*
|
||||||
|
* You may:
|
||||||
|
* a) Use and distribute this code exactly as you received without payment or
|
||||||
|
* a royalty or other fee.
|
||||||
|
* b) Create extensions for this code, provided that you make the extensions
|
||||||
|
* publicly available and document your modifications clearly.
|
||||||
|
* c) Charge for a fee for warranty or support or for accepting liability
|
||||||
|
* obligations for your customers.
|
||||||
|
*
|
||||||
|
* You may NOT:
|
||||||
|
* a) Charge for the use of the original code or extensions, including in
|
||||||
|
* electronic distribution models, such as ASP (Application Service
|
||||||
|
* Provider).
|
||||||
|
* b) Charge for the original source code or your extensions other than a
|
||||||
|
* nominal fee to cover distribution costs where such distribution
|
||||||
|
* involves PHYSICAL media.
|
||||||
|
* c) Modify or delete any pre-existing copyright notices, change notices,
|
||||||
|
* or License text in the Licensed Software
|
||||||
|
* d) Assert any patent claims against the Licensor or Contributors, or
|
||||||
|
* which would in any way restrict the ability of any third party to use the
|
||||||
|
* Licensed Software.
|
||||||
|
*
|
||||||
|
* You must:
|
||||||
|
* a) Document any modifications you make to this code including the nature of
|
||||||
|
* the change, the authors of the change, and the date of the change.
|
||||||
|
* b) Make the source code for any extensions you deploy available via an
|
||||||
|
* Electronic Distribution Mechanism such as FTP or HTTP download.
|
||||||
|
* c) Notify the licensor of the availability of source code to your extensions
|
||||||
|
* and include instructions on how to acquire the source code and updates.
|
||||||
|
* d) Grant Licensor a world-wide, non-exclusive, royalty-free license to use,
|
||||||
|
* reproduce, perform, modify, sublicense, and distribute your extensions.
|
||||||
|
*
|
||||||
|
* The Original Code is: CommuniCore
|
||||||
|
* Olavo Farias
|
||||||
|
* 2006-04-7 olavo.farias@gmail.com
|
||||||
|
*
|
||||||
|
* The Initial Developer of the Original Code is CommuniCore.
|
||||||
|
* Portions created by CommuniCore are Copyright (C) 2005 CommuniCore Ltda
|
||||||
|
* All Rights Reserved.
|
||||||
|
********************************************************************************/
|
||||||
|
-->
|
||||||
|
<!-- BEGIN: main -->
|
||||||
|
<table cellpadding="0" cellspacing="0" width="100%" border="0" class="listView">
|
||||||
|
<!-- BEGIN: list_nav_row -->
|
||||||
|
{PAGINATION}
|
||||||
|
<!-- END: list_nav_row -->
|
||||||
|
|
||||||
|
<tr height="20">
|
||||||
|
<td scope="col" class="listViewThS1" NOWRAP>{CHECKALL}</td>
|
||||||
|
<td scope="col" width="32%" class="listViewThS1" NOWRAP><slot><a href="{ORDER_BY}name" class="listViewThLinkS1">{MOD.LBL_LIST_SUBJECT}{arrow_start}{name_arrow}{arrow_end}</a></slot></td>
|
||||||
|
|
||||||
|
<!-- BEGIN: pro_nav -->
|
||||||
|
<td scope="col" width="9%" class="listViewThS1" NOWRAP><slot><a href="{ORDER_BY}teams.name" class="listViewThLinkS1">{APP.LBL_LIST_TEAM}{arrow_start}{teams_name_arrow}{arrow_end}</a></slot></td>
|
||||||
|
<!-- END: pro_nav -->
|
||||||
|
|
||||||
|
<!-- BEGIN: open_source -->
|
||||||
|
<!-- END: open_source -->
|
||||||
|
<td scope="col" width="9%" class="listViewThS1" NOWRAP><slot><a href="{ORDER_BY}users.user_name" class="listViewThLinkS1">{APP.LBL_LIST_ASSIGNED_USER}{arrow_start}{users_user_name_arrow}{arrow_end}</a></slot></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- BEGIN: row -->
|
||||||
|
<tr height="20"
|
||||||
|
onmouseover="setPointer(this, '{ECMPRICEBOOK.NAME}', 'over', '{BG_COLOR}', '{BG_HILITE}', '{BG_CLICK}');"
|
||||||
|
onmouseout="setPointer(this, '{ECMPRICEBOOK.NAME}', 'out', '{BG_COLOR}', '{BG_HILITE}', '{BG_CLICK}');"
|
||||||
|
onmousedown="setPointer(this, '{ECMPRICEBOOK.NAME}', 'click', '{BG_COLOR}', '{BG_HILITE}', '{BG_CLICK}');">
|
||||||
|
|
||||||
|
<td class="{ROW_COLOR}S1" bgcolor="{BG_COLOR}" valign='top'>{PREROW}</td>
|
||||||
|
<td scope='row' valign=TOP class="{ROW_COLOR}S1" bgcolor="{BG_COLOR}">
|
||||||
|
<slot>
|
||||||
|
|
||||||
|
<{TAG.MAIN} href="{URL_PREFIX}index.php?action=DetailView&module=EcmPriceBooks&record={ECMPRICEBOOK.ID}&offset={ECMPRICEBOOK.OFFSET}&stamp={ECMPRICEBOOK.STAMP}" class="listViewTdLinkS1">{ECMPRICEBOOK.NAME}</{TAG.MAIN}>
|
||||||
|
</slot>
|
||||||
|
</td>
|
||||||
|
<!-- BEGIN: pro -->
|
||||||
|
<td valign=TOP class="{ROW_COLOR}S1" bgcolor="{BG_COLOR}" nowrap><slot>{ECMPRICEBOOK.TEAM_NAME}</slot></td>
|
||||||
|
<!-- END: pro -->
|
||||||
|
|
||||||
|
<!-- BEGIN: open_source -->
|
||||||
|
<!-- END: open_source -->
|
||||||
|
<td valign=TOP class="{ROW_COLOR}S1" bgcolor="{BG_COLOR}" nowrap><slot>{ECMPRICEBOOK.ASSIGNED_USER_NAME}</slot></td>
|
||||||
|
|
||||||
|
</tr>
|
||||||
|
<tr><td colspan="20" class="listViewHRS1"></td></tr>
|
||||||
|
<!-- END: row -->
|
||||||
|
{PAGINATION}
|
||||||
|
|
||||||
|
</table>
|
||||||
|
<!-- END: main -->
|
||||||
122
import/EcmPriceBooks/Popup.html
Normal file
122
import/EcmPriceBooks/Popup.html
Normal file
@@ -0,0 +1,122 @@
|
|||||||
|
|
||||||
|
<!--
|
||||||
|
/*****************************************************************************
|
||||||
|
* The contents of this file are subject to the RECIPROCAL PUBLIC LICENSE
|
||||||
|
* Version 1.1 ("License"); You may not use this file except in compliance
|
||||||
|
* with the License. You may obtain a copy of the License at
|
||||||
|
* http://opensource.org/licenses/rpl.php. Software distributed under the
|
||||||
|
* License is distributed on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
* either express or implied.
|
||||||
|
*
|
||||||
|
* You may:
|
||||||
|
* a) Use and distribute this code exactly as you received without payment or
|
||||||
|
* a royalty or other fee.
|
||||||
|
* b) Create extensions for this code, provided that you make the extensions
|
||||||
|
* publicly available and document your modifications clearly.
|
||||||
|
* c) Charge for a fee for warranty or support or for accepting liability
|
||||||
|
* obligations for your customers.
|
||||||
|
*
|
||||||
|
* You may NOT:
|
||||||
|
* a) Charge for the use of the original code or extensions, including in
|
||||||
|
* electronic distribution models, such as ASP (Application Service
|
||||||
|
* Provider).
|
||||||
|
* b) Charge for the original source code or your extensions other than a
|
||||||
|
* nominal fee to cover distribution costs where such distribution
|
||||||
|
* involves PHYSICAL media.
|
||||||
|
* c) Modify or delete any pre-existing copyright notices, change notices,
|
||||||
|
* or License text in the Licensed Software
|
||||||
|
* d) Assert any patent claims against the Licensor or Contributors, or
|
||||||
|
* which would in any way restrict the ability of any third party to use the
|
||||||
|
* Licensed Software.
|
||||||
|
*
|
||||||
|
* You must:
|
||||||
|
* a) Document any modifications you make to this code including the nature of
|
||||||
|
* the change, the authors of the change, and the date of the change.
|
||||||
|
* b) Make the source code for any extensions you deploy available via an
|
||||||
|
* Electronic Distribution Mechanism such as FTP or HTTP download.
|
||||||
|
* c) Notify the licensor of the availability of source code to your extensions
|
||||||
|
* and include instructions on how to acquire the source code and updates.
|
||||||
|
* d) Grant Licensor a world-wide, non-exclusive, royalty-free license to use,
|
||||||
|
* reproduce, perform, modify, sublicense, and distribute your extensions.
|
||||||
|
*
|
||||||
|
* The Original Code is: CommuniCore
|
||||||
|
* Olavo Farias
|
||||||
|
* 2006-04-7 olavo.farias@gmail.com
|
||||||
|
*
|
||||||
|
* The Initial Developer of the Original Code is CommuniCore.
|
||||||
|
* Portions created by CommuniCore are Copyright (C) 2005 CommuniCore Ltda
|
||||||
|
* All Rights Reserved.
|
||||||
|
********************************************************************************/
|
||||||
|
-->
|
||||||
|
<!-- BEGIN: main -->
|
||||||
|
<!-- BEGIN: SearchHeader -->
|
||||||
|
{SET_RETURN_JS}
|
||||||
|
<script type="text/javascript">
|
||||||
|
function toggleDisplay(id){
|
||||||
|
if(this.document.getElementById( id).style.display=='none'){
|
||||||
|
this.document.getElementById( id).style.display='inline'
|
||||||
|
if(this.document.getElementById(id+"link") != undefined){
|
||||||
|
this.document.getElementById(id+"link").style.display='none';
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
this.document.getElementById( id).style.display='none'
|
||||||
|
if(this.document.getElementById(id+"link") != undefined){
|
||||||
|
this.document.getElementById(id+"link").style.display='inline';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="tabForm">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<div id='divsearchform' style='display:inline'>
|
||||||
|
<form>
|
||||||
|
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||||
|
<tr>
|
||||||
|
<td class="dataLabel" nowrap="nowrap" width="40%">{MOD.LBL_NAME} <input type="text" size="20" name="name" class="dataField" value="{NAME}" /></td>
|
||||||
|
<td width="10%" align="right">
|
||||||
|
<input type="hidden" name="action" value="Popup" />
|
||||||
|
<input type="hidden" name="query" value="true"/>
|
||||||
|
<input type="hidden" name="module" value="{MODULE_NAME}" />
|
||||||
|
<input type="hidden" name="parent_id" value="{parent_id}" />
|
||||||
|
<input type="hidden" name="parent_name" value="{parent_name}" />
|
||||||
|
<input type="submit" name="button" class="button"
|
||||||
|
title="{APP.LBL_SEARCH_BUTTON_TITLE}"
|
||||||
|
accesskey="{APP.LBL_SEARCH_BUTTON_KEY}"
|
||||||
|
value="{APP.LBL_SEARCH_BUTTON_LABEL}" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<!-- END: SearchHeader -->
|
||||||
|
|
||||||
|
<!-- BEGIN: SearchHeaderEnd -->
|
||||||
|
<!-- END: SearchHeaderEnd -->
|
||||||
|
|
||||||
|
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="listView">
|
||||||
|
<!-- BEGIN: list_nav_row -->
|
||||||
|
{PAGINATION}
|
||||||
|
<!-- END: list_nav_row -->
|
||||||
|
<tr height="20">
|
||||||
|
<td scope="col" width="65%" class="listViewThS1"><a href="{ORDER_BY}name" class="listViewThLinkS1">{MOD.LBL_LIST_NAME}{arrow_start}{name_arrow}{arrow_end}</a></td>
|
||||||
|
<td scope="col" width="35%" class="listViewThS1"><a href="{ORDER_BY}assigned_user_name" class="listViewThLinkS1">{MOD.LBL_LIST_ASSIGNED_USER_ID}{arrow_start}{assigned_user_name_arrow}{arrow_end}</a></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<!-- BEGIN: row -->
|
||||||
|
<tr height="20"
|
||||||
|
onmouseover="setPointer(this, '{ecmpricebooks.ID}', 'over', '{BG_COLOR}', '{BG_HILITE}', '{BG_CLICK}');"
|
||||||
|
onmouseout ="setPointer(this, '{ecmpricebooks.ID}', 'out', '{BG_COLOR}', '{BG_HILITE}', '{BG_CLICK}');"
|
||||||
|
onmousedown="setPointer(this, '{ecmpricebooks.ID}', 'click', '{BG_COLOR}', '{BG_HILITE}', '{BG_CLICK}');">
|
||||||
|
<td scope='row' class="{ROW_COLOR}S1" bgcolor="{BG_COLOR}"><a href="#" onclick="set_return('{.ID}', '{ecmpricebooks.NAME}'); window.close();" class="listViewTdLinkS1">{ecmpricebooks.NAME}</a></td>
|
||||||
|
<td class="{ROW_COLOR}S1" bgcolor="{BG_COLOR}">{ecmpricebooks.ASSIGNED_USER_NAME}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="20" class="listViewHRS1"></td>
|
||||||
|
</tr>
|
||||||
|
<!-- END: row -->
|
||||||
|
</table>
|
||||||
|
<!-- END: main -->
|
||||||
165
import/EcmPriceBooks/Popup_picker.html
Normal file
165
import/EcmPriceBooks/Popup_picker.html
Normal file
@@ -0,0 +1,165 @@
|
|||||||
|
<!--
|
||||||
|
/*****************************************************************************
|
||||||
|
* The contents of this file are subject to the RECIPROCAL PUBLIC LICENSE
|
||||||
|
* Version 1.1 ("License"); You may not use this file except in compliance
|
||||||
|
* with the License. You may obtain a copy of the License at
|
||||||
|
* http://opensource.org/licenses/rpl.php. Software distributed under the
|
||||||
|
* License is distributed on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
* either express or implied.
|
||||||
|
*
|
||||||
|
* You may:
|
||||||
|
* a) Use and distribute this code exactly as you received without payment or
|
||||||
|
* a royalty or other fee.
|
||||||
|
* b) Create extensions for this code, provided that you make the extensions
|
||||||
|
* publicly available and document your modifications clearly.
|
||||||
|
* c) Charge for a fee for warranty or support or for accepting liability
|
||||||
|
* obligations for your customers.
|
||||||
|
*
|
||||||
|
* You may NOT:
|
||||||
|
* a) Charge for the use of the original code or extensions, including in
|
||||||
|
* electronic distribution models, such as ASP (Application Service
|
||||||
|
* Provider).
|
||||||
|
* b) Charge for the original source code or your extensions other than a
|
||||||
|
* nominal fee to cover distribution costs where such distribution
|
||||||
|
* involves PHYSICAL media.
|
||||||
|
* c) Modify or delete any pre-existing copyright notices, change notices,
|
||||||
|
* or License text in the Licensed Software
|
||||||
|
* d) Assert any patent claims against the Licensor or Contributors, or
|
||||||
|
* which would in any way restrict the ability of any third party to use the
|
||||||
|
* Licensed Software.
|
||||||
|
*
|
||||||
|
* You must:
|
||||||
|
* a) Document any modifications you make to this code including the nature of
|
||||||
|
* the change, the authors of the change, and the date of the change.
|
||||||
|
* b) Make the source code for any extensions you deploy available via an
|
||||||
|
* Electronic Distribution Mechanism such as FTP or HTTP download.
|
||||||
|
* c) Notify the licensor of the availability of source code to your extensions
|
||||||
|
* and include instructions on how to acquire the source code and updates.
|
||||||
|
* d) Grant Licensor a world-wide, non-exclusive, royalty-free license to use,
|
||||||
|
* reproduce, perform, modify, sublicense, and distribute your extensions.
|
||||||
|
*
|
||||||
|
* The Original Code is: CommuniCore
|
||||||
|
* Olavo Farias
|
||||||
|
* 2006-04-7 olavo.farias@gmail.com
|
||||||
|
*
|
||||||
|
* The Initial Developer of the Original Code is CommuniCore.
|
||||||
|
* Portions created by CommuniCore are Copyright (C) 2005 CommuniCore Ltda
|
||||||
|
* All Rights Reserved.
|
||||||
|
********************************************************************************/
|
||||||
|
-->
|
||||||
|
|
||||||
|
<!-- BEGIN: main -->
|
||||||
|
<!-- BEGIN: SearchHeader -->
|
||||||
|
|
||||||
|
<script type="text/javascript" src="include/JSON.js?s={SUGAR_VERSION}&c={JS_CUSTOM_VERSION}"></script>
|
||||||
|
<script type="text/javascript" src="include/javascript/popup_helper.js?s={SUGAR_VERSION}&c={JS_CUSTOM_VERSION}"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="tabForm">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<form action="index.php" method="post" name="popup_query_form" id="the_form">
|
||||||
|
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||||
|
<tr>
|
||||||
|
<td width="1%" nowrap="nowrap" class="dataLabel">{MOD.LBL_NAME}
|
||||||
|
<input type="text" name="name" size="20" class="dataField" value="{NAME}" /></td>
|
||||||
|
|
||||||
|
<td width="20%" align="right">
|
||||||
|
<input type="hidden" name="module" value="{MODULE_NAME}" />
|
||||||
|
<input type="hidden" name="action" value="Popup" />
|
||||||
|
<input type="hidden" name="query" value="true" />
|
||||||
|
<input type="hidden" name="request_data" value="{request_data}" />
|
||||||
|
<input type="hidden" name="record_id" value="" />
|
||||||
|
<input type="hidden" name="pricebook_product_id" value="{PRICEBOOK_PRODUCT_ID}" />
|
||||||
|
<input type="hidden" name="exchange_rate_id" value="{EXCHANGE_RATE_ID}" />
|
||||||
|
<input type="submit" name="button" class="button"
|
||||||
|
title="{APP.LBL_SEARCH_BUTTON_TITLE}"
|
||||||
|
accessKey="{APP.LBL_SEARCH_BUTTON_KEY}"
|
||||||
|
value="{APP.LBL_SEARCH_BUTTON_LABEL}" />
|
||||||
|
<input type="hidden" name="mode" value="{MULTI_SELECT}" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</form>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
<!--
|
||||||
|
/* initialize the popup request from the parent */
|
||||||
|
|
||||||
|
if(window.document.forms['popup_query_form'].request_data.value == "")
|
||||||
|
{
|
||||||
|
window.document.forms['popup_query_form'].request_data.value
|
||||||
|
= JSON.stringify(window.opener.get_popup_request_data());
|
||||||
|
}
|
||||||
|
function send_back1(module,id)
|
||||||
|
{var associated_row_data=associated_javascript_data[id];eval("var temp_request_data = "+window.document.forms['popup_query_form'].request_data.value);if(temp_request_data.jsonObject){var request_data=temp_request_data.jsonObject;}else{var request_data=temp_request_data;}
|
||||||
|
var passthru_data=Object();if(typeof(request_data.passthru_data)!='undefined')
|
||||||
|
{passthru_data=request_data.passthru_data;}
|
||||||
|
var form_name=request_data.form_name;var field_to_name_array=request_data.field_to_name_array;var call_back_function=eval("window.opener."+request_data.call_back_function);var array_contents=Array();for(var the_key in field_to_name_array)
|
||||||
|
{if(the_key!='toJSON')
|
||||||
|
{var the_name=field_to_name_array[the_key];var the_value='';if(module!=''&&id!='')
|
||||||
|
{the_value=associated_row_data[the_key.toUpperCase()];}
|
||||||
|
if(typeof(the_value)=='string'){the_value=the_value.replace(/\r\n/g,'\\n');}
|
||||||
|
array_contents.push('"'+the_name+'":"'+the_value+'"');}}
|
||||||
|
eval("var name_to_value_array = {"+array_contents.join(",")+"}");var result_data={"form_name":form_name,"name_to_value_array":name_to_value_array,"passthru_data":passthru_data};var close_popup=window.opener.get_close_popup();call_back_function(result_data);
|
||||||
|
for(var i=0; i<parent.opener.N.rowCount(); i++)
|
||||||
|
{
|
||||||
|
parent.opener.N.row(i).calculateTotal();
|
||||||
|
|
||||||
|
};if(close_popup){window.close();}}
|
||||||
|
-->
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- END: SearchHeader -->
|
||||||
|
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="listView">
|
||||||
|
<!-- BEGIN: list_nav_row -->
|
||||||
|
{PAGINATION}
|
||||||
|
<!-- END: list_nav_row -->
|
||||||
|
<tr height="20" class="listViewThS1">
|
||||||
|
<td scope="col" width="30%" class="listViewThS1" NOWRAP>
|
||||||
|
<slot>
|
||||||
|
<a href="{ORDER_BY}name" class="listViewThLinkS1">{MOD.LBL_NAME}{arrow_start}{name_arrow}{arrow_end}</a>
|
||||||
|
</slot>
|
||||||
|
</td>
|
||||||
|
<td scope="col" width="13%" class="listViewThS1" NOWRAP>Index</td>
|
||||||
|
<td scope="col" width="13%" class="listViewThS1" NOWRAP>
|
||||||
|
<slot>
|
||||||
|
<a href="{ORDER_BY}exchange_rate_id" class="listViewThLinkS1">{MOD.LBL_EXCHANGE_RATE_ID}{arrow_start}{exchange_rate_id_arrow}{arrow_end}</a>
|
||||||
|
</slot>
|
||||||
|
</td>
|
||||||
|
<td scope="col" width="30%" class="listViewThS1" NOWRAP>
|
||||||
|
<slot>
|
||||||
|
<a href="{ORDER_BY}account_name" class="listViewThLinkS1">{MOD.LBL_ACCOUNT_NAME}{arrow_start}{account_name_arrow}{arrow_end}</a>
|
||||||
|
</slot>
|
||||||
|
</td>
|
||||||
|
<td scope="col" width="13%" class="listViewThS1" NOWRAP>List Price</td>
|
||||||
|
</tr>
|
||||||
|
<!-- BEGIN: row -->
|
||||||
|
<tr height="20"
|
||||||
|
onmouseover="setPointer(this, '{ECMPRICEBOOK.ID}', 'over', '{BG_COLOR}', '{BG_HILITE}', '{BG_CLICK}');"
|
||||||
|
onmouseout="setPointer(this, '{ECMPRICEBOOK.ID}', 'out', '{BG_COLOR}', '{BG_HILITE}', '{BG_CLICK}');"
|
||||||
|
onmousedown="setPointer(this, '{ECMPRICEBOOK.ID}', 'click', '{BG_COLOR}', '{BG_HILITE}', '{BG_CLICK}');">
|
||||||
|
|
||||||
|
<td scope="row" valign="top" class="{ROW_COLOR}S1" bgcolor="{BG_COLOR}">
|
||||||
|
<slot>
|
||||||
|
<{TAG.MAIN} href="#"
|
||||||
|
onclick="send_back1('EcmPriceBook','{ECMPRICEBOOK.ID}');"
|
||||||
|
class="listViewTdLinkS1">{ECMPRICEBOOK.NAME}</{TAG.MAIN}>
|
||||||
|
</slot>
|
||||||
|
</td>
|
||||||
|
<td scope="row" valign="top" class="{ROW_COLOR}S1" bgcolor="{BG_COLOR}">{ECMPRICEBOOK.INDEX}</td>
|
||||||
|
<td scope="row" valign="top" class="{ROW_COLOR}S1" bgcolor="{BG_COLOR}">{ECMPRICEBOOK.EXCHANGE_RATE_NAME}</td>
|
||||||
|
<td scope="row" valign="top" class="{ROW_COLOR}S1" bgcolor="{BG_COLOR}">{ECMPRICEBOOK.ACCOUNT_NAME}</td>
|
||||||
|
<td scope="row" valign="top" class="{ROW_COLOR}S1" bgcolor="{BG_COLOR}">{ECMPRICEBOOK.PRICE}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="24" class="listViewHRS1"></td>
|
||||||
|
</tr>
|
||||||
|
<!-- END: row -->
|
||||||
|
</table>
|
||||||
|
{ASSOCIATED_JAVASCRIPT_DATA}
|
||||||
|
<!-- END: main -->
|
||||||
102
import/EcmPriceBooks/SearchForm1.html
Normal file
102
import/EcmPriceBooks/SearchForm1.html
Normal file
@@ -0,0 +1,102 @@
|
|||||||
|
<!--
|
||||||
|
/*****************************************************************************
|
||||||
|
* The contents of this file are subject to the RECIPROCAL PUBLIC LICENSE
|
||||||
|
* Version 1.1 ("License"); You may not use this file except in compliance
|
||||||
|
* with the License. You may obtain a copy of the License at
|
||||||
|
* http://opensource.org/licenses/rpl.php. Software distributed under the
|
||||||
|
* License is distributed on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
* either express or implied.
|
||||||
|
*
|
||||||
|
* You may:
|
||||||
|
* a) Use and distribute this code exactly as you received without payment or
|
||||||
|
* a royalty or other fee.
|
||||||
|
* b) Create extensions for this code, provided that you make the extensions
|
||||||
|
* publicly available and document your modifications clearly.
|
||||||
|
* c) Charge for a fee for warranty or support or for accepting liability
|
||||||
|
* obligations for your customers.
|
||||||
|
*
|
||||||
|
* You may NOT:
|
||||||
|
* a) Charge for the use of the original code or extensions, including in
|
||||||
|
* electronic distribution models, such as ASP (Application Service
|
||||||
|
* Provider).
|
||||||
|
* b) Charge for the original source code or your extensions other than a
|
||||||
|
* nominal fee to cover distribution costs where such distribution
|
||||||
|
* involves PHYSICAL media.
|
||||||
|
* c) Modify or delete any pre-existing copyright notices, change notices,
|
||||||
|
* or License text in the Licensed Software
|
||||||
|
* d) Assert any patent claims against the Licensor or Contributors, or
|
||||||
|
* which would in any way restrict the ability of any third party to use the
|
||||||
|
* Licensed Software.
|
||||||
|
*
|
||||||
|
* You must:
|
||||||
|
* a) Document any modifications you make to this code including the nature of
|
||||||
|
* the change, the authors of the change, and the date of the change.
|
||||||
|
* b) Make the source code for any extensions you deploy available via an
|
||||||
|
* Electronic Distribution Mechanism such as FTP or HTTP download.
|
||||||
|
* c) Notify the licensor of the availability of source code to your extensions
|
||||||
|
* and include instructions on how to acquire the source code and updates.
|
||||||
|
* d) Grant Licensor a world-wide, non-exclusive, royalty-free license to use,
|
||||||
|
* reproduce, perform, modify, sublicense, and distribute your extensions.
|
||||||
|
*
|
||||||
|
* The Original Code is: CommuniCore
|
||||||
|
* Olavo Farias
|
||||||
|
* 2006-04-7 olavo.farias@gmail.com
|
||||||
|
*
|
||||||
|
* The Initial Developer of the Original Code is CommuniCore.
|
||||||
|
* Portions created by CommuniCore are Copyright (C) 2005 CommuniCore Ltda
|
||||||
|
* All Rights Reserved.
|
||||||
|
********************************************************************************/
|
||||||
|
-->
|
||||||
|
<!-- BEGIN: main -->
|
||||||
|
|
||||||
|
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="border-top: 0px none; margin-bottom: 4px" class="tabForm">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||||
|
<tr>
|
||||||
|
<td width="25%" noWrap class="dataLabel">
|
||||||
|
<span sugar='slot1'>{MOD.LBL_NAME}</span sugar='slot'> </td>
|
||||||
|
<td width="25%" valign="top" class="dataField">
|
||||||
|
<span sugar='slot1b'>
|
||||||
|
<input type=text size="30" name="name_basic" class=dataField value="{NAME}" />
|
||||||
|
</span sugar='slot'> </td>
|
||||||
|
<td width="25%" class="dataLabel">{APP.LBL_CURRENT_USER_FILTER} </td>
|
||||||
|
<td width="25%" class="dataLabel"><input name='current_user_only_basic' onchange='this.form.submit();' class="checkbox" type="checkbox" {CURRENT_USER_ONLY}></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
|
||||||
|
<td width="15%" class="dataLabel" valign="top"><span sugar='slot3'>{MOD.LBL_DESCRIPTION}</span sugar='slot'></td>
|
||||||
|
<td width="25%" class="dataField">
|
||||||
|
<span sugar='slot3b'>
|
||||||
|
<input name="description_basic" type="text" tabindex="3" title="Description" value="{DESCRIPTION}" size="30" />
|
||||||
|
</span sugar='slot'> </td>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<!-- END: main -->
|
||||||
|
|
||||||
|
<!-- BEGIN: advanced -->
|
||||||
|
|
||||||
|
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-top: 0px none; margin-bottom: 4px" class="tabForm">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<table width="100%" border="0" cellspacing="0" cellpadding="3">
|
||||||
|
<tr>
|
||||||
|
<td width="25%" valign="top" class="dataLabel"><span sugar='slot1'>{MOD.LBL_NAME}</span sugar='slot'></td>
|
||||||
|
<td width="25%" valign="top" class="dataField"><span sugar='slot1b'><input name='name' type="text" tabindex='1' size='30' maxlength='50' value="{NAME}"></span sugar='slot'></td>
|
||||||
|
<td width="25%" valign="top" class="dataLabel"><span sugar='slot2'>{APP.LBL_ASSIGNED_TO}</span sugar='slot'></td>
|
||||||
|
<td width="25%" valign="top" class="dataField"><span sugar='slot2b'><select tabindex='1' style="width: 150px" size='3' name='assigned_user_id[]' multiple="multiple">{USER_FILTER}</select></span sugar='slot'></td>
|
||||||
|
<tr>
|
||||||
|
|
||||||
|
<td width="25%" class="dataLabel" valign="top"><span sugar='slot1'>{MOD.LBL_DESCRIPTION}</span sugar='slot'></td>
|
||||||
|
<td width="25%" class="dataField">
|
||||||
|
<span sugar='slot1b'>
|
||||||
|
<input name="description" type="text" tabindex="1" title="Description" value="{DESCRIPTION}" size="30" />
|
||||||
|
</span sugar='slot'> </td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<!-- END: advanced -->
|
||||||
89
import/EcmPriceBooks/SubPanelView.html
Normal file
89
import/EcmPriceBooks/SubPanelView.html
Normal file
@@ -0,0 +1,89 @@
|
|||||||
|
<!--
|
||||||
|
/*****************************************************************************
|
||||||
|
* The contents of this file are subject to the RECIPROCAL PUBLIC LICENSE
|
||||||
|
* Version 1.1 ("License"); You may not use this file except in compliance
|
||||||
|
* with the License. You may obtain a copy of the License at
|
||||||
|
* http://opensource.org/licenses/rpl.php. Software distributed under the
|
||||||
|
* License is distributed on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
* either express or implied.
|
||||||
|
*
|
||||||
|
* You may:
|
||||||
|
* a) Use and distribute this code exactly as you received without payment or
|
||||||
|
* a royalty or other fee.
|
||||||
|
* b) Create extensions for this code, provided that you make the extensions
|
||||||
|
* publicly available and document your modifications clearly.
|
||||||
|
* c) Charge for a fee for warranty or support or for accepting liability
|
||||||
|
* obligations for your customers.
|
||||||
|
*
|
||||||
|
* You may NOT:
|
||||||
|
* a) Charge for the use of the original code or extensions, including in
|
||||||
|
* electronic distribution models, such as ASP (Application Service
|
||||||
|
* Provider).
|
||||||
|
* b) Charge for the original source code or your extensions other than a
|
||||||
|
* nominal fee to cover distribution costs where such distribution
|
||||||
|
* involves PHYSICAL media.
|
||||||
|
* c) Modify or delete any pre-existing copyright notices, change notices,
|
||||||
|
* or License text in the Licensed Software
|
||||||
|
* d) Assert any patent claims against the Licensor or Contributors, or
|
||||||
|
* which would in any way restrict the ability of any third party to use the
|
||||||
|
* Licensed Software.
|
||||||
|
*
|
||||||
|
* You must:
|
||||||
|
* a) Document any modifications you make to this code including the nature of
|
||||||
|
* the change, the authors of the change, and the date of the change.
|
||||||
|
* b) Make the source code for any extensions you deploy available via an
|
||||||
|
* Electronic Distribution Mechanism such as FTP or HTTP download.
|
||||||
|
* c) Notify the licensor of the availability of source code to your extensions
|
||||||
|
* and include instructions on how to acquire the source code and updates.
|
||||||
|
* d) Grant Licensor a world-wide, non-exclusive, royalty-free license to use,
|
||||||
|
* reproduce, perform, modify, sublicense, and distribute your extensions.
|
||||||
|
*
|
||||||
|
* The Original Code is: CommuniCore
|
||||||
|
* Olavo Farias
|
||||||
|
* 2006-04-7 olavo.farias@gmail.com
|
||||||
|
*
|
||||||
|
* The Initial Developer of the Original Code is CommuniCore.
|
||||||
|
* Portions created by CommuniCore are Copyright (C) 2005 CommuniCore Ltda
|
||||||
|
* All Rights Reserved.
|
||||||
|
********************************************************************************/
|
||||||
|
-->
|
||||||
|
<!-- BEGIN: main -->
|
||||||
|
<table cellpadding="0" cellspacing="0" width="100%" border="0" class="listView">
|
||||||
|
<tr height="20" >
|
||||||
|
<td scope="col" width="5%" class="listViewThS1"><slot>{MOD.LBL_LIST_NUMBER}</slot></td>
|
||||||
|
<td scope="col" width="50%" class="listViewThS1"><slot>{MOD.LBL_LIST_SUBJECT}</slot></td>
|
||||||
|
<td scope="col" width="15%" class="listViewThS1"><slot>{MOD.LBL_LIST_STATUS}</slot></td>
|
||||||
|
<td scope="col" width="5%" class="listViewThS1"><slot> </slot></td>
|
||||||
|
<td scope="col" width="50%" class="listViewThS1"><slot>{MOD.LBL_LIST_NAME}</slot></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<!-- BEGIN: row -->
|
||||||
|
<tr height="20" onmouseover="setPointer(this, '{ECMPRICEBOOKS.ID}', 'over', '{BG_COLOR}', '{BG_HILITE}', '{BG_CLICK}');"
|
||||||
|
onmouseout="setPointer(this, '{ECMPRICEBOOKS.ID}', 'out', '{BG_COLOR}', '{BG_HILITE}', '{BG_CLICK}');"
|
||||||
|
onmousedown="setPointer(this, '{ECMPRICEBOOKS.ID}', 'click', '{BG_COLOR}', '{BG_HILITE}', '{BG_CLICK}');">
|
||||||
|
<td scope='row' valign=TOP bgcolor="{BG_COLOR}" class="{ROW_COLOR}S1" ><slot>{ECMPRICEBOOKS.NUMBER}</slot></td>
|
||||||
|
<td valign=TOP bgcolor="{BG_COLOR}" class="{ROW_COLOR}S1" ><slot>
|
||||||
|
<a href="{URL_PREFIX}index.php?action=DetailView&module=EcmPriceBooks&record={ECMPRICEBOOKS.ID}" class="listViewTdLinkS1">{ECMPRICEBOOKS.NAME}</a></slot>
|
||||||
|
</td>
|
||||||
|
<td valign=TOP bgcolor="{BG_COLOR}" class="{ROW_COLOR}S1" ><slot>{ECMPRICEBOOKS.STATUS}</slot></td>
|
||||||
|
<td nowrap align="center" valign=TOP bgcolor="{BG_COLOR}" class="{ROW_COLOR}S1" >
|
||||||
|
<slot>
|
||||||
|
<a class="listViewTdToolsS1" href="{URL_PREFIX}index.php?action=EditView&module=EcmPriceBooks&record={ECMPRICEBOOKS.ID}{RETURN_URL}">{EDIT_INLINE_PNG}</a>
|
||||||
|
<a class="listViewTdToolsS1" href="{URL_PREFIX}index.php?action=EditView&module=EcmPriceBooks&record={ECMPRICEBOOKS.ID}{RETURN_URL}">{APP.LNK_EDIT}</a>
|
||||||
|
</slot>
|
||||||
|
</td>
|
||||||
|
<td scope='row' valign=TOP bgcolor="{BG_COLOR}" class="{ROW_COLOR}S1" ><slot>{ECMPRICEBOOKS.NAME}</slot></td>
|
||||||
|
<td valign=TOP bgcolor="{BG_COLOR}" class="{ROW_COLOR}S1" >
|
||||||
|
<slot>
|
||||||
|
<a href="{URL_PREFIX}index.php?action=DetailView&module=EcmPriceBooks&record={ECMPRICEBOOKS.ID}" class="listViewTdLinkS1">{ECMPRICEBOOKS.NAME}</a>
|
||||||
|
</slot>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="20" class="listViewHRS1"></td>
|
||||||
|
</tr>
|
||||||
|
<!-- END: row -->
|
||||||
|
|
||||||
|
</table>
|
||||||
|
<!-- END: main -->
|
||||||
81
include/ECM/EcmNotifications/text.html
Executable file
81
include/ECM/EcmNotifications/text.html
Executable file
@@ -0,0 +1,81 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
# WebSockets Chat App
|
||||||
|
<div id="chat-log">
|
||||||
|
|
||||||
|
<input type="text" id="message">
|
||||||
|
<button id="disconnect">Disconnect</button>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
|
||||||
|
<script>
|
||||||
|
$( document ).ready(function() {
|
||||||
|
console.log( "ready!" );
|
||||||
|
});
|
||||||
|
// where our WebSockets logic will go later
|
||||||
|
var socket, host;
|
||||||
|
host = "ws://77.253.200.27:3301";
|
||||||
|
|
||||||
|
function connect() {
|
||||||
|
try {
|
||||||
|
socket = new WebSocket(host);
|
||||||
|
|
||||||
|
addMessage("Socket State: " + socket.readyState);
|
||||||
|
|
||||||
|
socket.onopen = function() {
|
||||||
|
addMessage("Socket Status: " + socket.readyState + " (open)");
|
||||||
|
}
|
||||||
|
|
||||||
|
socket.onclose = function() {
|
||||||
|
addMessage("Socket Status: " + socket.readyState + " (closed)");
|
||||||
|
}
|
||||||
|
|
||||||
|
socket.onmessage = function(msg) {
|
||||||
|
console.log(msg.data);
|
||||||
|
addMessage("Received: " + msg.data);
|
||||||
|
}
|
||||||
|
} catch(exception) {
|
||||||
|
addMessage("Error: " + exception);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function addMessage(msg) {
|
||||||
|
$("#chat-log").append("<p>" + msg + "</p>");
|
||||||
|
}
|
||||||
|
|
||||||
|
function send() {
|
||||||
|
var text = $("#message").val();
|
||||||
|
if (text == '') {
|
||||||
|
addMessage("Please Enter a Message");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
socket.send(text);
|
||||||
|
addMessage("Sent: " + text)
|
||||||
|
} catch(exception) {
|
||||||
|
addMessage("Failed To Send")
|
||||||
|
}
|
||||||
|
|
||||||
|
$("#message").val('');
|
||||||
|
}
|
||||||
|
|
||||||
|
$(function() {
|
||||||
|
connect();
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#message').keypress(function(event) {
|
||||||
|
if (event.keyCode == '13') { send(); }
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#disconnect").click(function() {
|
||||||
|
socket.close()
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
15
include/ECM/open_flash_chart/actionscript/open-flash-chart.html
Executable file
15
include/ECM/open_flash_chart/actionscript/open-flash-chart.html
Executable file
@@ -0,0 +1,15 @@
|
|||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||||
|
<title>open-flash-chart</title>
|
||||||
|
</head>
|
||||||
|
<body bgcolor="#ffffff">
|
||||||
|
<!--url's used in the movie-->
|
||||||
|
<!--text used in the movie-->
|
||||||
|
<!-- saved from url=(0013)about:internet -->
|
||||||
|
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="400" height="300" id="open-flash-chart" align="middle">
|
||||||
|
<param name="allowScriptAccess" value="sameDomain" />
|
||||||
|
<param name="movie" value="open-flash-chart.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="open-flash-chart.swf" quality="high" bgcolor="#ffffff" width="400" height="300" name="open-flash-chart" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
|
||||||
|
</object>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
59
include/ECM/open_flash_chart/data-files/1.html
Executable file
59
include/ECM/open_flash_chart/data-files/1.html
Executable file
@@ -0,0 +1,59 @@
|
|||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
function onrollout()
|
||||||
|
{
|
||||||
|
tmp = findSWF("ofc");
|
||||||
|
x = tmp.rollout();
|
||||||
|
}
|
||||||
|
|
||||||
|
function onrollout2()
|
||||||
|
{
|
||||||
|
tmp = findSWF("ofc");
|
||||||
|
x = tmp.rollout();
|
||||||
|
}
|
||||||
|
|
||||||
|
function findSWF(movieName) {
|
||||||
|
if (navigator.appName.indexOf("Microsoft")!= -1) {
|
||||||
|
return window[movieName];
|
||||||
|
} else {
|
||||||
|
return document[movieName];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||||
|
|
||||||
|
<div id="my_chart" style="padding: 0px; margin:10px; border: 1px solid lightblue; width: 250px; height: 200px;" onmouseout="__onrollout();"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var so = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
|
||||||
|
//so.addVariable("data", "../data-files/data-20.txt");
|
||||||
|
|
||||||
|
so.addVariable("variables","true");
|
||||||
|
so.addVariable("title","Test,{font-size: 20;}");
|
||||||
|
so.addVariable("y_legendx","Open Flash Chart,12,0x736AFF");
|
||||||
|
so.addVariable("y_label_size","15");
|
||||||
|
so.addVariable("y_ticks","5,10,4");
|
||||||
|
so.addVariable("bar","50,0x9933CC,Page views,10");
|
||||||
|
so.addVariable("values","9,6,7,9,5,7,6,9,9");
|
||||||
|
so.addVariable("x_labels","January,,March,,May,,June,,August");
|
||||||
|
so.addVariable("x_axis_steps","2");
|
||||||
|
so.addVariable("y_max","20");
|
||||||
|
|
||||||
|
|
||||||
|
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||||
|
so.addParam("onmouseout", "onrollout2();" );
|
||||||
|
so.write("my_chart");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div>boo</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
34
include/ECM/open_flash_chart/data-files/2.html
Executable file
34
include/ECM/open_flash_chart/data-files/2.html
Executable file
@@ -0,0 +1,34 @@
|
|||||||
|
<html><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||||
|
|
||||||
|
<div id="my_chart"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var so = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
|
||||||
|
//so.addVariable("data", "../data-files/data-20.txt");
|
||||||
|
|
||||||
|
so.addVariable("variables","true");
|
||||||
|
so.addVariable("title","中文,{font-size: 20;}");
|
||||||
|
so.addVariable("y_legend","中文,12,#736AFF");
|
||||||
|
so.addVariable("x_legend","中文,12,#736AFF");
|
||||||
|
so.addVariable("y_label_size","15");
|
||||||
|
so.addVariable("y_ticks","5,10,4");
|
||||||
|
so.addVariable("area_hollow","2,3,25,#CC3399,中文,10");
|
||||||
|
so.addVariable("values","9,6,7,9,5,7,6,9,9");
|
||||||
|
so.addVariable("x_labels","中文,中文,中文,中文,中文,中文,中文,中文,µß!");
|
||||||
|
so.addVariable("x_axis_steps","2");
|
||||||
|
so.addVariable("y_max","20");
|
||||||
|
|
||||||
|
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||||
|
so.write("my_chart");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div>boo</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
32
include/ECM/open_flash_chart/data-files/3.html
Executable file
32
include/ECM/open_flash_chart/data-files/3.html
Executable file
@@ -0,0 +1,32 @@
|
|||||||
|
<html><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||||
|
|
||||||
|
<div id="my_chart"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var so = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
|
||||||
|
//so.addVariable("data", "../data-files/data-20.txt");
|
||||||
|
|
||||||
|
so.addVariable("variables","true");
|
||||||
|
|
||||||
|
so.addVariable("title","中文,{font-size:30px; color:#000000}");
|
||||||
|
so.addVariable("pie","60,#9933CC,#000000");
|
||||||
|
so.addVariable("values","15,25,60");
|
||||||
|
so.addVariable("colours","#d01f3c,#356aa0,#C79810");
|
||||||
|
so.addVariable("links","javascript:alert('15%25'),javascript:alert('25%25'),javascript:alert('60%25')");
|
||||||
|
so.addVariable("pie_labels","January,Feb,March,April,May,June,July,August,Sept");
|
||||||
|
so.addVariable("tool_tip","#x_label#<br>Value: #val#%25");
|
||||||
|
|
||||||
|
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||||
|
so.write("my_chart");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div>boo</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
55
include/ECM/open_flash_chart/data-files/4.html
Executable file
55
include/ECM/open_flash_chart/data-files/4.html
Executable file
@@ -0,0 +1,55 @@
|
|||||||
|
<html><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||||
|
|
||||||
|
<div id="my_chart"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var so = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "300", "200", "9", "#FFFFFF");
|
||||||
|
//so.addVariable("data", "../data-files/data-20.txt");
|
||||||
|
|
||||||
|
so.addVariable("variables","true");
|
||||||
|
|
||||||
|
|
||||||
|
so.addVariable("pie", "60,#9933CC,#000000");
|
||||||
|
so.addVariable("values", "3,2,1,1,1,1,0.2");
|
||||||
|
so.addVariable("colours", "#d01f3c,#356aa0,#C79810");
|
||||||
|
so.addVariable("links", "javascript:alert('Jan 3'),javascript:alert('中文 2'),javascript:alert('March 1'),javascript:alert('April 1'),javascript:alert('May 1'),javascript:alert('June 1'),javascript:alert('July 0.2')");
|
||||||
|
so.addVariable("pie_labels", "January,中文,March,April,May,June,July");
|
||||||
|
so.addVariable("tool_tip", "中文<br>#x_label#<br>Value: #val#");
|
||||||
|
|
||||||
|
|
||||||
|
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||||
|
so.write("my_chart");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div id="my_chart_2"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var so = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "200", "300", "9", "#FFFFFF");
|
||||||
|
//so.addVariable("data", "../data-files/data-20.txt");
|
||||||
|
|
||||||
|
so.addVariable("variables","true");
|
||||||
|
|
||||||
|
|
||||||
|
so.addVariable("pie", "60,#9933CC,#000000");
|
||||||
|
so.addVariable("values", "3,2,1,1,1,1,0.2");
|
||||||
|
so.addVariable("colours", "#d01f3c,#356aa0,#C79810");
|
||||||
|
so.addVariable("links", "javascript:alert('Jan 3'),javascript:alert('中文 2'),javascript:alert('March 1'),javascript:alert('April 1'),javascript:alert('May 1'),javascript:alert('June 1'),javascript:alert('July 0.2')");
|
||||||
|
so.addVariable("pie_labels", "January,中文,March,April,May,June,July");
|
||||||
|
so.addVariable("tool_tip", "中文<br>#x_label#<br>Value: #val#");
|
||||||
|
|
||||||
|
|
||||||
|
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||||
|
so.write("my_chart_2");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
39
include/ECM/open_flash_chart/data-files/5.html
Executable file
39
include/ECM/open_flash_chart/data-files/5.html
Executable file
@@ -0,0 +1,39 @@
|
|||||||
|
<html><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||||
|
|
||||||
|
<div id="my_chart"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
var my_chart = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "300", "200", "9", "#FFFFFF");
|
||||||
|
|
||||||
|
my_chart.addVariable("variables","true");
|
||||||
|
my_chart.addVariable("title","report,{font-size: 16;}");
|
||||||
|
my_chart.addVariable("y_legend","data,12,0x736AFF");
|
||||||
|
my_chart.addVariable("y_label_size","14");
|
||||||
|
my_chart.addVariable("y_ticks","5,10,4");
|
||||||
|
|
||||||
|
my_chart.addVariable("bar","50,0x9933CC,q,10");
|
||||||
|
my_chart.addVariable("line_dot_2","3,#CC3399,Line,10,5");
|
||||||
|
|
||||||
|
my_chart.addVariable("values","29,62,58,27");
|
||||||
|
my_chart.addVariable("values_2","39,72,68,37");
|
||||||
|
|
||||||
|
my_chart.addVariable("x_labels","2004,2005,2006,2007");
|
||||||
|
|
||||||
|
my_chart.addVariable("x_axis_steps","2");
|
||||||
|
my_chart.addVariable("y_max","80");
|
||||||
|
my_chart.write("my_chart");
|
||||||
|
|
||||||
|
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||||
|
so.write("my_chart");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
39
include/ECM/open_flash_chart/data-files/6.html
Executable file
39
include/ECM/open_flash_chart/data-files/6.html
Executable file
@@ -0,0 +1,39 @@
|
|||||||
|
<html><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||||
|
|
||||||
|
<div id="my_chart"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
var my_chart = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "300", "200", "9", "#FFFFFF");
|
||||||
|
|
||||||
|
my_chart.addVariable("variables","true");
|
||||||
|
my_chart.addVariable("title","report,{font-size: 16;}");
|
||||||
|
my_chart.addVariable("y_legend","data,12,0x736AFF");
|
||||||
|
my_chart.addVariable("y_label_size","14");
|
||||||
|
my_chart.addVariable("y_ticks","5,10,4");
|
||||||
|
|
||||||
|
my_chart.addVariable("bar","50,0x9933CC,q,10");
|
||||||
|
my_chart.addVariable("line_dot_2","3,#CC3399,Line,10,5");
|
||||||
|
|
||||||
|
my_chart.addVariable("values","29,62,58,27");
|
||||||
|
my_chart.addVariable("values_2","39,72,68,37");
|
||||||
|
|
||||||
|
my_chart.addVariable("x_labels","2004,2005,2006,2007");
|
||||||
|
|
||||||
|
my_chart.addVariable("x_axis_steps","2");
|
||||||
|
my_chart.addVariable("y_max","80");
|
||||||
|
my_chart.write("my_chart");
|
||||||
|
|
||||||
|
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||||
|
so.write("my_chart");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
43
include/ECM/open_flash_chart/data-files/7.html
Executable file
43
include/ECM/open_flash_chart/data-files/7.html
Executable file
@@ -0,0 +1,43 @@
|
|||||||
|
<html><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||||
|
|
||||||
|
<div id="my_chart"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
var d = Date.parse("Jul 8, 2005")-Date.parse("Jul 9, 2005");
|
||||||
|
alert(d);
|
||||||
|
|
||||||
|
var d = Date.parse("Jul 8, 2005");
|
||||||
|
alert(d);
|
||||||
|
|
||||||
|
var d2 = Date.parse("Jul 8, 2006") - d;
|
||||||
|
alert(d2);
|
||||||
|
var so = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "300", "200", "9", "#FFFFFF");
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
so.addVariable("variables","true");
|
||||||
|
so.addVariable("scatter","3,0x004040,Dataset1,10");
|
||||||
|
so.addVariable("y_min", "0");
|
||||||
|
so.addVariable("y_max", 200);
|
||||||
|
so.addVariable("x_min", d);
|
||||||
|
so.addVariable("x_max", d2);
|
||||||
|
so.addVariable("values","[" + (Date.parse("Jul 8, 2005")-d) + ",100,5],[" + ((Date.parse("Jul 8, 2005")+4)-d) + ",150,5]");
|
||||||
|
//so.addVariable("x_labels",Date.parse("Jul 8, 2005")+",x,y,z,"+Date.parse("Jul 8, 2006") );
|
||||||
|
so.addVariable("x_labels","Jul 8, 2005,x,y,z,Jul 8, 2006");
|
||||||
|
so.addVariable("x_axis_steps","86400000")&
|
||||||
|
so.addVariable("tool_tip","x:#x_label#<br>y:#val#");
|
||||||
|
|
||||||
|
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||||
|
so.write("my_chart");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
34
include/ECM/open_flash_chart/data-files/8.html
Executable file
34
include/ECM/open_flash_chart/data-files/8.html
Executable file
@@ -0,0 +1,34 @@
|
|||||||
|
<html><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||||
|
|
||||||
|
<div id="my_chart"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
var so = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "470", "280", "9", "#FFFFFF");
|
||||||
|
so.addVariable("variables","true");
|
||||||
|
so.addVariable("x_axis_steps","1");
|
||||||
|
so.addVariable("y_ticks","5,10,5");
|
||||||
|
so.addVariable("line","3,#87421F");
|
||||||
|
so.addVariable("y_min","0");
|
||||||
|
so.addVariable("y_max","20");
|
||||||
|
so.addVariable("pie","60,#E4F0DB,#000000,1,,1");
|
||||||
|
so.addVariable("values","1,1");
|
||||||
|
so.addVariable("pie_labels","Germany,Spain");
|
||||||
|
so.addVariable("bg_colour","#ffffff");
|
||||||
|
so.addVariable("colours","#d01f3c,#356aa0,#C79810");
|
||||||
|
so.addVariable("links","javascript:alert('12'),javascript:alert('10'),javascript:alert('10'),javascript:alert('11'),javascript:alert('6')");
|
||||||
|
so.addVariable("tool_tip","#x_label#<br>Followers:#val#");
|
||||||
|
|
||||||
|
so.addVariable("allowScriptAccess", "always" );//"sameDomain");
|
||||||
|
so.write("my_chart");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
152
include/ECM/open_flash_chart2/data-files/3.html
Executable file
152
include/ECM/open_flash_chart2/data-files/3.html
Executable file
@@ -0,0 +1,152 @@
|
|||||||
|
<html><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
|
||||||
|
<script type="text/javascript" src="../js/json/json2.js"></script>
|
||||||
|
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
function ofc_ready()
|
||||||
|
{
|
||||||
|
alert('ofc_ready');
|
||||||
|
//load();
|
||||||
|
}
|
||||||
|
|
||||||
|
function open_flash_chart_data()
|
||||||
|
{
|
||||||
|
alert( 'reading data' );
|
||||||
|
return JSON.stringify(chart);
|
||||||
|
}
|
||||||
|
|
||||||
|
function load_1()
|
||||||
|
{
|
||||||
|
tmp = findSWF("my_chart");
|
||||||
|
x = tmp.load( JSON.stringify(chart) );
|
||||||
|
}
|
||||||
|
|
||||||
|
function load_2()
|
||||||
|
{
|
||||||
|
tmp = findSWF("my_chart");
|
||||||
|
x = tmp.load( JSON.stringify(chart2) );
|
||||||
|
}
|
||||||
|
|
||||||
|
function findSWF(movieName) {
|
||||||
|
if (navigator.appName.indexOf("Microsoft")!= -1) {
|
||||||
|
return window[movieName];
|
||||||
|
} else {
|
||||||
|
return document[movieName];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var chart = {
|
||||||
|
"title":{
|
||||||
|
"text": "Many data lines",
|
||||||
|
"style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}"
|
||||||
|
},
|
||||||
|
|
||||||
|
"y_legend":{
|
||||||
|
"text": "Open Flash Chart",
|
||||||
|
"style": "{color: #736AFF; font-size: 12px;}"
|
||||||
|
},
|
||||||
|
|
||||||
|
"elements":[
|
||||||
|
{
|
||||||
|
"type": "bar",
|
||||||
|
"alpha": 0.5,
|
||||||
|
"colour": "#9933CC",
|
||||||
|
"text": "Page views",
|
||||||
|
"font-size": 10,
|
||||||
|
"values" : [9,6,7,9,5,7,6,9,7]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "bar",
|
||||||
|
"alpha": 0.5,
|
||||||
|
"colour": "#CC9933",
|
||||||
|
"text": "Page views 2",
|
||||||
|
"font-size": 10,
|
||||||
|
"values" : [6,7,9,5,7,6,9,7,3]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
|
||||||
|
"x_axis":{
|
||||||
|
"stroke":1,
|
||||||
|
"tick_height":10,
|
||||||
|
"colour":"#d000d0",
|
||||||
|
"grid_colour":"#00ff00",
|
||||||
|
"labels": ["January","February","March","April","May","June","July","August","Spetember"]
|
||||||
|
},
|
||||||
|
|
||||||
|
"y_axis":{
|
||||||
|
"stroke": 4,
|
||||||
|
"tick_length": 3,
|
||||||
|
"colour": "#d000d0",
|
||||||
|
"grid_colour": "#00ff00",
|
||||||
|
"offset": 0,
|
||||||
|
"max": 20
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
var chart2 = {
|
||||||
|
"title":{
|
||||||
|
"text": "Sketch",
|
||||||
|
"style": "{font-size:35px; color: #567300}"
|
||||||
|
},
|
||||||
|
|
||||||
|
"elements":[
|
||||||
|
{
|
||||||
|
"type": "bar_sketch",
|
||||||
|
"colour": "#81AC00",
|
||||||
|
"outline-colour": "#567300",
|
||||||
|
"text": "Sketch",
|
||||||
|
"font-size": 10,
|
||||||
|
"offset": 6,
|
||||||
|
"values" : [
|
||||||
|
3,
|
||||||
|
8,
|
||||||
|
-5,
|
||||||
|
{"top":5,"outline-colour": "#7030A0", "tip": "outline"},
|
||||||
|
4,
|
||||||
|
{"top":5, "colour": "#99FF00", "tip": "colour"},
|
||||||
|
{"top":-3,"colour": "#99FF00", "outline-colour": "#7030A0", "tip": "colour + outline"},
|
||||||
|
2,
|
||||||
|
7.5]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
|
||||||
|
"x_axis":{
|
||||||
|
"labels": ["January","February","March","April","May","June","July","August","Spetember"]
|
||||||
|
},
|
||||||
|
|
||||||
|
"y_axis":{
|
||||||
|
"min": -10,
|
||||||
|
"max": 10
|
||||||
|
},
|
||||||
|
|
||||||
|
"tooltip":{
|
||||||
|
"text": "My Tip<br>#top#,#bottom# = #val#"
|
||||||
|
}
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
alert( chart );
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="my_chart"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
swfobject.embedSWF("../open-flash-chart/open-flash-chart.swf", "my_chart", "450", "300", "9.0.0");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<INPUT TYPE=BUTTON OnClick="load_1();" VALUE="Chart 1">
|
||||||
|
<INPUT TYPE=BUTTON OnClick="load_2();" VALUE="Chart 2">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
55
include/ECM/open_flash_chart2/data-files/4.html
Executable file
55
include/ECM/open_flash_chart2/data-files/4.html
Executable file
@@ -0,0 +1,55 @@
|
|||||||
|
<html><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||||
|
|
||||||
|
<div id="my_chart"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var so = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "300", "200", "9", "#FFFFFF");
|
||||||
|
//so.addVariable("data", "../data-files/data-20.txt");
|
||||||
|
|
||||||
|
so.addVariable("variables","true");
|
||||||
|
|
||||||
|
|
||||||
|
so.addVariable("pie", "60,#9933CC,#000000");
|
||||||
|
so.addVariable("values", "3,2,1,1,1,1,0.2");
|
||||||
|
so.addVariable("colours", "#d01f3c,#356aa0,#C79810");
|
||||||
|
so.addVariable("links", "javascript:alert('Jan 3'),javascript:alert('中文 2'),javascript:alert('March 1'),javascript:alert('April 1'),javascript:alert('May 1'),javascript:alert('June 1'),javascript:alert('July 0.2')");
|
||||||
|
so.addVariable("pie_labels", "January,中文,March,April,May,June,July");
|
||||||
|
so.addVariable("tool_tip", "中文<br>#x_label#<br>Value: #val#");
|
||||||
|
|
||||||
|
|
||||||
|
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||||
|
so.write("my_chart");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div id="my_chart_2"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var so = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "200", "300", "9", "#FFFFFF");
|
||||||
|
//so.addVariable("data", "../data-files/data-20.txt");
|
||||||
|
|
||||||
|
so.addVariable("variables","true");
|
||||||
|
|
||||||
|
|
||||||
|
so.addVariable("pie", "60,#9933CC,#000000");
|
||||||
|
so.addVariable("values", "3,2,1,1,1,1,0.2");
|
||||||
|
so.addVariable("colours", "#d01f3c,#356aa0,#C79810");
|
||||||
|
so.addVariable("links", "javascript:alert('Jan 3'),javascript:alert('中文 2'),javascript:alert('March 1'),javascript:alert('April 1'),javascript:alert('May 1'),javascript:alert('June 1'),javascript:alert('July 0.2')");
|
||||||
|
so.addVariable("pie_labels", "January,中文,March,April,May,June,July");
|
||||||
|
so.addVariable("tool_tip", "中文<br>#x_label#<br>Value: #val#");
|
||||||
|
|
||||||
|
|
||||||
|
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||||
|
so.write("my_chart_2");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
39
include/ECM/open_flash_chart2/data-files/5.html
Executable file
39
include/ECM/open_flash_chart2/data-files/5.html
Executable file
@@ -0,0 +1,39 @@
|
|||||||
|
<html><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||||
|
|
||||||
|
<div id="my_chart"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
var my_chart = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "300", "200", "9", "#FFFFFF");
|
||||||
|
|
||||||
|
my_chart.addVariable("variables","true");
|
||||||
|
my_chart.addVariable("title","report,{font-size: 16;}");
|
||||||
|
my_chart.addVariable("y_legend","data,12,0x736AFF");
|
||||||
|
my_chart.addVariable("y_label_size","14");
|
||||||
|
my_chart.addVariable("y_ticks","5,10,4");
|
||||||
|
|
||||||
|
my_chart.addVariable("bar","50,0x9933CC,q,10");
|
||||||
|
my_chart.addVariable("line_dot_2","3,#CC3399,Line,10,5");
|
||||||
|
|
||||||
|
my_chart.addVariable("values","29,62,58,27");
|
||||||
|
my_chart.addVariable("values_2","39,72,68,37");
|
||||||
|
|
||||||
|
my_chart.addVariable("x_labels","2004,2005,2006,2007");
|
||||||
|
|
||||||
|
my_chart.addVariable("x_axis_steps","2");
|
||||||
|
my_chart.addVariable("y_max","80");
|
||||||
|
my_chart.write("my_chart");
|
||||||
|
|
||||||
|
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||||
|
so.write("my_chart");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
39
include/ECM/open_flash_chart2/data-files/6.html
Executable file
39
include/ECM/open_flash_chart2/data-files/6.html
Executable file
@@ -0,0 +1,39 @@
|
|||||||
|
<html><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||||
|
|
||||||
|
<div id="my_chart"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
var my_chart = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "300", "200", "9", "#FFFFFF");
|
||||||
|
|
||||||
|
my_chart.addVariable("variables","true");
|
||||||
|
my_chart.addVariable("title","report,{font-size: 16;}");
|
||||||
|
my_chart.addVariable("y_legend","data,12,0x736AFF");
|
||||||
|
my_chart.addVariable("y_label_size","14");
|
||||||
|
my_chart.addVariable("y_ticks","5,10,4");
|
||||||
|
|
||||||
|
my_chart.addVariable("bar","50,0x9933CC,q,10");
|
||||||
|
my_chart.addVariable("line_dot_2","3,#CC3399,Line,10,5");
|
||||||
|
|
||||||
|
my_chart.addVariable("values","29,62,58,27");
|
||||||
|
my_chart.addVariable("values_2","39,72,68,37");
|
||||||
|
|
||||||
|
my_chart.addVariable("x_labels","2004,2005,2006,2007");
|
||||||
|
|
||||||
|
my_chart.addVariable("x_axis_steps","2");
|
||||||
|
my_chart.addVariable("y_max","80");
|
||||||
|
my_chart.write("my_chart");
|
||||||
|
|
||||||
|
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||||
|
so.write("my_chart");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
43
include/ECM/open_flash_chart2/data-files/7.html
Executable file
43
include/ECM/open_flash_chart2/data-files/7.html
Executable file
@@ -0,0 +1,43 @@
|
|||||||
|
<html><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||||
|
|
||||||
|
<div id="my_chart"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
var d = Date.parse("Jul 8, 2005")-Date.parse("Jul 9, 2005");
|
||||||
|
alert(d);
|
||||||
|
|
||||||
|
var d = Date.parse("Jul 8, 2005");
|
||||||
|
alert(d);
|
||||||
|
|
||||||
|
var d2 = Date.parse("Jul 8, 2006") - d;
|
||||||
|
alert(d2);
|
||||||
|
var so = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "300", "200", "9", "#FFFFFF");
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
so.addVariable("variables","true");
|
||||||
|
so.addVariable("scatter","3,0x004040,Dataset1,10");
|
||||||
|
so.addVariable("y_min", "0");
|
||||||
|
so.addVariable("y_max", 200);
|
||||||
|
so.addVariable("x_min", d);
|
||||||
|
so.addVariable("x_max", d2);
|
||||||
|
so.addVariable("values","[" + (Date.parse("Jul 8, 2005")-d) + ",100,5],[" + ((Date.parse("Jul 8, 2005")+4)-d) + ",150,5]");
|
||||||
|
//so.addVariable("x_labels",Date.parse("Jul 8, 2005")+",x,y,z,"+Date.parse("Jul 8, 2006") );
|
||||||
|
so.addVariable("x_labels","Jul 8, 2005,x,y,z,Jul 8, 2006");
|
||||||
|
so.addVariable("x_axis_steps","86400000")&
|
||||||
|
so.addVariable("tool_tip","x:#x_label#<br>y:#val#");
|
||||||
|
|
||||||
|
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||||
|
so.write("my_chart");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
34
include/ECM/open_flash_chart2/data-files/8.html
Executable file
34
include/ECM/open_flash_chart2/data-files/8.html
Executable file
@@ -0,0 +1,34 @@
|
|||||||
|
<html><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||||
|
|
||||||
|
<div id="my_chart"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
var so = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "470", "280", "9", "#FFFFFF");
|
||||||
|
so.addVariable("variables","true");
|
||||||
|
so.addVariable("x_axis_steps","1");
|
||||||
|
so.addVariable("y_ticks","5,10,5");
|
||||||
|
so.addVariable("line","3,#87421F");
|
||||||
|
so.addVariable("y_min","0");
|
||||||
|
so.addVariable("y_max","20");
|
||||||
|
so.addVariable("pie","60,#E4F0DB,#000000,1,,1");
|
||||||
|
so.addVariable("values","1,1");
|
||||||
|
so.addVariable("pie_labels","Germany,Spain");
|
||||||
|
so.addVariable("bg_colour","#ffffff");
|
||||||
|
so.addVariable("colours","#d01f3c,#356aa0,#C79810");
|
||||||
|
so.addVariable("links","javascript:alert('12'),javascript:alert('10'),javascript:alert('10'),javascript:alert('11'),javascript:alert('6')");
|
||||||
|
so.addVariable("tool_tip","#x_label#<br>Followers:#val#");
|
||||||
|
|
||||||
|
so.addVariable("allowScriptAccess", "always" );//"sameDomain");
|
||||||
|
so.write("my_chart");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
32
include/ECM/open_flash_chart2/data-files/flash-variable.html
Executable file
32
include/ECM/open_flash_chart2/data-files/flash-variable.html
Executable file
@@ -0,0 +1,32 @@
|
|||||||
|
<html><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
function ofc_ready()
|
||||||
|
{
|
||||||
|
alert('ofc_ready');
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||||
|
|
||||||
|
<div id="my_chart"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
var so = new SWFObject("../open-flash-chart/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
|
||||||
|
so.addVariable("data-file", "../data-files/data-60.txt");
|
||||||
|
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||||
|
so.write("my_chart");
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div>boo</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
43
include/ECM/open_flash_chart2/data-files/json-example.html
Executable file
43
include/ECM/open_flash_chart2/data-files/json-example.html
Executable file
@@ -0,0 +1,43 @@
|
|||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
function load()
|
||||||
|
{
|
||||||
|
tmp = findSWF("ofc");
|
||||||
|
x = tmp.load('{"title":{"text":"hello"}, "x_axis":{"max":6},"elements":[{"type":"line","text":"moo","font-size":10,"values":[5,8,9,4,7,8]}]}');
|
||||||
|
}
|
||||||
|
|
||||||
|
function onrollout2()
|
||||||
|
{
|
||||||
|
tmp = findSWF("ofc");
|
||||||
|
x = tmp.rollout();
|
||||||
|
}
|
||||||
|
|
||||||
|
function findSWF(movieName) {
|
||||||
|
if (navigator.appName.indexOf("Microsoft")!= -1) {
|
||||||
|
return window[movieName];
|
||||||
|
} else {
|
||||||
|
return document[movieName];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||||
|
|
||||||
|
<div id="my_chart" style="padding: 0px; margin:10px; border: 1px solid lightblue; width: 250px; height: 200px;" onmouseout="__onrollout();"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var so = new SWFObject("../open-flash-chart/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
|
||||||
|
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||||
|
so.write("my_chart");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<input type="submit" onclick="javascript:load()" value="go">
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
131
include/ECM/open_flash_chart2/data-files/json-test-2.html
Executable file
131
include/ECM/open_flash_chart2/data-files/json-test-2.html
Executable file
@@ -0,0 +1,131 @@
|
|||||||
|
<html><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
|
||||||
|
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||||
|
<script type="text/javascript" src="../js/json/json2.js"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
function ofc_ready()
|
||||||
|
{
|
||||||
|
alert('ofc_ready');
|
||||||
|
tmp = findSWF("ofc");
|
||||||
|
x = tmp.load( JSON.stringify(data) );
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function button_click()
|
||||||
|
{
|
||||||
|
tmp = findSWF("ofc");
|
||||||
|
x = tmp.load( JSON.stringify(data_2) );
|
||||||
|
}
|
||||||
|
|
||||||
|
function findSWF(movieName) {
|
||||||
|
if (navigator.appName.indexOf("Microsoft")!= -1) {
|
||||||
|
return window[movieName];
|
||||||
|
} else {
|
||||||
|
return document[movieName];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var data = {
|
||||||
|
|
||||||
|
"title_":{
|
||||||
|
"text":"Custom tooltip",
|
||||||
|
"style":"{font-size: 20px; font-family: Verdana; text-align: center;}"
|
||||||
|
},
|
||||||
|
|
||||||
|
"elements":[
|
||||||
|
{
|
||||||
|
"type": "bar",
|
||||||
|
"colour": "#9933CC",
|
||||||
|
"text": "Page views",
|
||||||
|
"font-size": 10,
|
||||||
|
"values" : [9,6,7,9,5,7,6,9,9]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"x_axis":{
|
||||||
|
"labels": ["January","February","March","April","May","June","July","August","Spetember"]
|
||||||
|
},
|
||||||
|
"y_axis":{
|
||||||
|
"max":20
|
||||||
|
},
|
||||||
|
"tooltip":{
|
||||||
|
"shadow":false,
|
||||||
|
"stroke":5,
|
||||||
|
"colour":"#00d000",
|
||||||
|
"background":"#d0d0ff",
|
||||||
|
"title":"{font-size: 14px; color: #905050;}",
|
||||||
|
"body":"{font-size: 10px; font-weight: bold; color: #9090ff;}"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var data_2 = {
|
||||||
|
"title":{
|
||||||
|
"text": "Many data lines",
|
||||||
|
"style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}"
|
||||||
|
},
|
||||||
|
|
||||||
|
"y_legend":{
|
||||||
|
"text": "Open Flash Chart",
|
||||||
|
"style": "{color: #736AFF; font-size: 12px;}"
|
||||||
|
},
|
||||||
|
|
||||||
|
"elements":[
|
||||||
|
{
|
||||||
|
"type": "bar",
|
||||||
|
"alpha": 0.5,
|
||||||
|
"colour": "#9933CC",
|
||||||
|
"text": "Page views",
|
||||||
|
"font-size": 10,
|
||||||
|
"values" : [9,6,7,9,5,7,6,9,7]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "bar",
|
||||||
|
"alpha": 0.5,
|
||||||
|
"colour": "#CC9933",
|
||||||
|
"text": "Page views 2",
|
||||||
|
"font-size": 10,
|
||||||
|
"values" : [9,6,7,9,5,7,6,9,7]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
|
||||||
|
"x_axis":{
|
||||||
|
"stroke":1,
|
||||||
|
"tick_height":10,
|
||||||
|
"colour":"#d000d0",
|
||||||
|
"grid_colour":"#00ff00",
|
||||||
|
"labels": ["January","February","March","April","May","June","July","August","Spetember"]
|
||||||
|
},
|
||||||
|
|
||||||
|
"y_axis":{
|
||||||
|
"stroke": 4,
|
||||||
|
"tick_length": 3,
|
||||||
|
"colour": "#d000d0",
|
||||||
|
"grid_colour": "#00ff00",
|
||||||
|
"offset": 0,
|
||||||
|
"max": 20
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="my_chart"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var so = new SWFObject("../open-flash-chart/open-flash-chart.swf?p=moo", "ofc", "300", "250", "9", "#FFFFFF");
|
||||||
|
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||||
|
so.write("my_chart");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<a href="javascript:button_click()">load json</a>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
136
include/ECM/open_flash_chart2/data-files/json-test.html
Executable file
136
include/ECM/open_flash_chart2/data-files/json-test.html
Executable file
@@ -0,0 +1,136 @@
|
|||||||
|
<html><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
|
||||||
|
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||||
|
<script type="text/javascript" src="../js/json/json2.js"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
function ofc_ready()
|
||||||
|
{
|
||||||
|
alert('ofc_ready');
|
||||||
|
// tmp = findSWF("ofc");
|
||||||
|
// x = tmp.load( JSON.stringify(data) );
|
||||||
|
}
|
||||||
|
|
||||||
|
function open_flash_chart_data()
|
||||||
|
{
|
||||||
|
alert( 'reading data' );
|
||||||
|
return JSON.stringify(data);
|
||||||
|
}
|
||||||
|
|
||||||
|
function load()
|
||||||
|
{
|
||||||
|
tmp = findSWF("ofc");
|
||||||
|
x = tmp.load( JSON.stringify(data_2) );
|
||||||
|
}
|
||||||
|
|
||||||
|
function findSWF(movieName) {
|
||||||
|
if (navigator.appName.indexOf("Microsoft")!= -1) {
|
||||||
|
return window[movieName];
|
||||||
|
} else {
|
||||||
|
return document[movieName];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var data = {
|
||||||
|
|
||||||
|
"title_":{
|
||||||
|
"text":"Custom tooltip",
|
||||||
|
"style":"{font-size: 20px; font-family: Verdana; text-align: center;}"
|
||||||
|
},
|
||||||
|
|
||||||
|
"elements":[
|
||||||
|
{
|
||||||
|
"type": "bar",
|
||||||
|
"colour": "#9933CC",
|
||||||
|
"text": "Page views",
|
||||||
|
"font-size": 10,
|
||||||
|
"values" : [9,6,7,9,5,7,6,9,9]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"x_axis":{
|
||||||
|
"labels": ["January","February","March","April","May","June","July","August","Spetember"]
|
||||||
|
},
|
||||||
|
"y_axis":{
|
||||||
|
"max":20
|
||||||
|
},
|
||||||
|
"tooltip":{
|
||||||
|
"shadow":false,
|
||||||
|
"stroke":5,
|
||||||
|
"colour":"#00d000",
|
||||||
|
"background":"#d0d0ff",
|
||||||
|
"title":"{font-size: 14px; color: #905050;}",
|
||||||
|
"body":"{font-size: 10px; font-weight: bold; color: #9090ff;}"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var data_2 = {
|
||||||
|
"title":{
|
||||||
|
"text": "Many data lines",
|
||||||
|
"style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}"
|
||||||
|
},
|
||||||
|
|
||||||
|
"y_legend":{
|
||||||
|
"text": "Open Flash Chart",
|
||||||
|
"style": "{color: #736AFF; font-size: 12px;}"
|
||||||
|
},
|
||||||
|
|
||||||
|
"elements":[
|
||||||
|
{
|
||||||
|
"type": "bar",
|
||||||
|
"alpha": 0.5,
|
||||||
|
"colour": "#9933CC",
|
||||||
|
"text": "Page views",
|
||||||
|
"font-size": 10,
|
||||||
|
"values" : [9,6,7,9,5,7,6,9,7]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "bar",
|
||||||
|
"alpha": 0.5,
|
||||||
|
"colour": "#CC9933",
|
||||||
|
"text": "Page views 2",
|
||||||
|
"font-size": 10,
|
||||||
|
"values" : [9,6,7,9,5,7,6,9,7]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
|
||||||
|
"x_axis":{
|
||||||
|
"stroke":1,
|
||||||
|
"tick_height":10,
|
||||||
|
"colour":"#d000d0",
|
||||||
|
"grid_colour":"#00ff00",
|
||||||
|
"labels": ["January","February","March","April","May","June","July","August","Spetember"]
|
||||||
|
},
|
||||||
|
|
||||||
|
"y_axis":{
|
||||||
|
"stroke": 4,
|
||||||
|
"tick_length": 3,
|
||||||
|
"colour": "#d000d0",
|
||||||
|
"grid_colour": "#00ff00",
|
||||||
|
"offset": 0,
|
||||||
|
"max": 20
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="my_chart"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var so = new SWFObject("../open-flash-chart/open-flash-chart.swf?p=moo", "ofc", "300", "250", "9", "#FFFFFF");
|
||||||
|
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||||
|
so.write("my_chart");
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<a href="javascript:load()">load json</a>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
72
include/ECM/open_flash_chart2/python-ofc-library-2/html_snippet.html
Executable file
72
include/ECM/open_flash_chart2/python-ofc-library-2/html_snippet.html
Executable file
@@ -0,0 +1,72 @@
|
|||||||
|
<script type="text/javascript">
|
||||||
|
var data = null;
|
||||||
|
var count = 0;
|
||||||
|
|
||||||
|
function plot1(index) {
|
||||||
|
alert(index);
|
||||||
|
}
|
||||||
|
|
||||||
|
function plot2(index) {
|
||||||
|
confirm(index);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// For AJAX
|
||||||
|
function refresh(dataURL) {
|
||||||
|
count++;
|
||||||
|
var req = null;
|
||||||
|
|
||||||
|
if (window.XMLHttpRequest) {
|
||||||
|
req = new XMLHttpRequest();
|
||||||
|
if (req.overrideMimeType) {
|
||||||
|
req.overrideMimeType('text/xml');
|
||||||
|
}
|
||||||
|
} else if (window.ActiveXObject) {
|
||||||
|
try {
|
||||||
|
req = new ActiveXObject("Msxml2.XMLHTTP");
|
||||||
|
} catch (e) {
|
||||||
|
try {
|
||||||
|
req = new ActiveXObject("Microsoft.XMLHTTP");
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
req.onreadystatechange = function() {
|
||||||
|
if(req.readyState == 4) {
|
||||||
|
if(req.status == 200) {
|
||||||
|
// Define place to update
|
||||||
|
data = req.responseText;
|
||||||
|
(navigator.appName.indexOf("Microsoft") == -1)
|
||||||
|
? (document["chart_ajax"].load(data))
|
||||||
|
: (window["chart_ajax"].load(data));
|
||||||
|
} else {
|
||||||
|
data = "Error: returned status code " + req.status + " " + req.statusText;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
req.open("get", dataURL, true);
|
||||||
|
req.send(null);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
|
||||||
|
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0"
|
||||||
|
width="100%" height="400" id="chart_ajax" align="middle">
|
||||||
|
<param name="allowScriptAccess" value="sameDomain"/>
|
||||||
|
|
||||||
|
<param name="movie" value="/flashes/OFC.swf"/>
|
||||||
|
<param name="FlashVars" value="data-file=/test"/>
|
||||||
|
<param name="quality" value="high"/>
|
||||||
|
<param name="bgcolor" value="#FFFFFF"/>
|
||||||
|
<embed src="/flashes/OFC.swf" FlashVars="data-file=/test" quality="high" bgcolor="#FFFFFF"
|
||||||
|
width=100% height=400 name="chart_ajax" align="middle" allowScriptAccess="sameDomain"
|
||||||
|
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>
|
||||||
|
</object>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<a id="button" href="javascript: refresh('/ajax/' + count);" style="display: inline; margin-right: 300px;">
|
||||||
|
Change
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<br/>
|
||||||
|
|
||||||
65
include/SubPanel/SubPanelDynamic.html
Executable file
65
include/SubPanel/SubPanelDynamic.html
Executable file
@@ -0,0 +1,65 @@
|
|||||||
|
<!--
|
||||||
|
/*********************************************************************************
|
||||||
|
* SugarCRM is a customer relationship management program developed by
|
||||||
|
* SugarCRM, Inc. Copyright (C) 2004-2010 SugarCRM Inc.
|
||||||
|
*
|
||||||
|
* This program is free software; you can redistribute it and/or modify it under
|
||||||
|
* the terms of the GNU Affero General Public License version 3 as published by the
|
||||||
|
* Free Software Foundation with the addition of the following permission added
|
||||||
|
* to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
|
||||||
|
* IN WHICH THE COPYRIGHT IS OWNED BY SUGARCRM, SUGARCRM DISCLAIMS THE WARRANTY
|
||||||
|
* OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
|
||||||
|
*
|
||||||
|
* This program is distributed in the hope that it will be useful, but WITHOUT
|
||||||
|
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
|
||||||
|
* FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
|
||||||
|
* details.
|
||||||
|
*
|
||||||
|
* You should have received a copy of the GNU Affero General Public License along with
|
||||||
|
* this program; if not, see http://www.gnu.org/licenses or write to the Free
|
||||||
|
* Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
|
||||||
|
* 02110-1301 USA.
|
||||||
|
*
|
||||||
|
* You can contact SugarCRM, Inc. headquarters at 10050 North Wolfe Road,
|
||||||
|
* SW2-130, Cupertino, CA 95014, USA. or at email address contact@sugarcrm.com.
|
||||||
|
*
|
||||||
|
* The interactive user interfaces in modified source and object code versions
|
||||||
|
* of this program must display Appropriate Legal Notices, as required under
|
||||||
|
* Section 5 of the GNU Affero General Public License version 3.
|
||||||
|
*
|
||||||
|
* In accordance with Section 7(b) of the GNU Affero General Public License version 3,
|
||||||
|
* these Appropriate Legal Notices must retain the display of the "Powered by
|
||||||
|
* SugarCRM" logo. If the display of the logo is not reasonably feasible for
|
||||||
|
* technical reasons, the Appropriate Legal Notices must display the words
|
||||||
|
* "Powered by SugarCRM".
|
||||||
|
********************************************************************************/
|
||||||
|
-->
|
||||||
|
|
||||||
|
<!-- BEGIN: dyn_list_view -->
|
||||||
|
<table cellpadding="0" cellspacing="0" width="100%" border="0" class="list view">
|
||||||
|
<tbody>
|
||||||
|
<!-- BEGIN: list_nav_row -->
|
||||||
|
{PAGINATION}
|
||||||
|
<!-- END: list_nav_row -->
|
||||||
|
<tr height="20">
|
||||||
|
<!-- BEGIN: header_cell -->
|
||||||
|
<th scope="col" width="{CELL_WIDTH}" nowrap="nowrap"><span sugar='slot{CELL_COUNT}'>{HEADER_CELL}</span sugar='slot'></th>
|
||||||
|
<!-- END: header_cell -->
|
||||||
|
</tr>
|
||||||
|
<!-- BEGIN: row -->
|
||||||
|
<tr height="20" class="{ROW_COLOR}S1" {ADDSTYLE}>
|
||||||
|
<!-- BEGIN: cell -->
|
||||||
|
<td scope="row" valign="top" align="{CELL_ALIGN}" nowrap="nowrap"><span sugar='slot{CELL_COUNT}b'>{CELL}</span sugar='slot'></td>
|
||||||
|
<!-- END: cell -->
|
||||||
|
</tr>
|
||||||
|
<!-- END: row -->
|
||||||
|
<!-- BEGIN: nodata -->
|
||||||
|
<tr height='20' class='{ROW_COLOR}S1'>
|
||||||
|
<td colspan='{COL_COUNT}'>
|
||||||
|
<em>{APP.LBL_NO_DATA}</em>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<!-- END: nodata -->
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<!-- END: dyn_list_view -->
|
||||||
530
include/asterisk/calendar/calx.html
Executable file
530
include/asterisk/calendar/calx.html
Executable file
@@ -0,0 +1,530 @@
|
|||||||
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
|
||||||
|
<style>
|
||||||
|
* {margin:0;padding:0;font:8pt arial;}
|
||||||
|
a {color:#333399;}
|
||||||
|
a:link {color:#333399;}
|
||||||
|
a:hover {color:#FF6600;}
|
||||||
|
.pointer {cursor:pointer;cursor:hand;}
|
||||||
|
|
||||||
|
#OutBdr {position:absolute; top:0px; left:0px; height:186px; overflow:hidden; background-color:#336699;}
|
||||||
|
#InBdr {position:absolute; top:1px; left:1px; height:184px; overflow:hidden; background-color:white;}
|
||||||
|
|
||||||
|
.today {color:#FF0000;}
|
||||||
|
.invalid {color:#999999;cursor:default;}
|
||||||
|
.picked {background-color:#CCCCCC;}
|
||||||
|
#BotNav {position:absolute; top:161px; width:297px; text-align:center; overflow:hidden;}
|
||||||
|
#BotNav #Close {position:relative;top:1px;text-decoration:none; height:20px; line-height:20px;}
|
||||||
|
|
||||||
|
.navControl {position:absolute;height:22px; width:19px; z-index:50; background-color:#7694bf;}
|
||||||
|
.navImg {position:relative;top:2px;cursor:pointer;cursor:hand;}
|
||||||
|
|
||||||
|
#monthcontainer {position:absolute;width:288px;height:162px; overflow:hidden;background-color:white;}
|
||||||
|
#monthlist {position:relative;left:0px; top:0px; height:162px;}
|
||||||
|
.month {position:absolute;width:148px; height:166px; overflow:hidden;}
|
||||||
|
.month .title {position:relative;width:148px;height:22px;overflow:hidden;color:white;text-align:center;line-height:22px; background:#7694bf;font-weight: bold;}
|
||||||
|
.month .weekdays_top {width:148x;height:4px;overflow:hidden;}
|
||||||
|
.month .body {width:140px;height:136px;overflow:hidden;padding-right:4px;padding-left:4px;}
|
||||||
|
.month .weekdays {width:148px; height:16px; overflow:hidden;}
|
||||||
|
.month .weekday {position:relative; float:left; top:-4px; width:20px; height:16px; overflow:hidden; text-align:center; font-weight:bold; line-height:20px; color:#336699;}
|
||||||
|
.month .dates {width:148px; height:120px; overflow:hidden;}
|
||||||
|
.month .bottom {width:148px; height:8px; overflow:hidden;}
|
||||||
|
.month .dates div {float:left; width:20px; height:20px; overflow:hidden; text-align:center; font-weight:bold; line-height:20px;}
|
||||||
|
.titleFill {height:22px;width:1px;background-color:#7694BF;}
|
||||||
|
.calendarFill {height:165px;width:1px;background-color:#D7DCE8;}
|
||||||
|
</style>
|
||||||
|
<meta content="MSHTML 6.00.2900.2873" name="GENERATOR"></head><body onload="DoLoad()" bgcolor="white" text="black">
|
||||||
|
<div style="width: 299px;" id="OutBdr">
|
||||||
|
<div style="width: 297px;" id="InBdr">
|
||||||
|
<div id="NavPrev" class="navControl">
|
||||||
|
<img id="PImg" class="navImg" style="left: 4px; visibility: hidden;" title="" onclick="handlePrev()" alt="Previous Month" src="calx_data/bubble_left_onblue.gif">
|
||||||
|
</div>
|
||||||
|
<div style="left: 278px;" id="NavNext" class="navControl">
|
||||||
|
<img id="NImg" class="navImg" style="left: 0px; visibility: visible;" title="" onclick="handleNext()" alt="Next Month" src="calx_data/bubble_right_onblue.gif">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div style="width: 297px;" id="monthcontainer">
|
||||||
|
<div style="left: 0px; top: 0px;" id="monthlist"><div style="left: -1px; position: absolute;"><div style="height: 22px;" class="titleFill"></div><div style="height: 140px;" class="calendarFill"></div></div><div style="left: 0px;" class="month"><div class="title">November 2006</div><div class="weekdays_top"></div><div class="body"><div class="weekdays"><div class="weekday">S</div><div class="weekday">M</div><div class="weekday">T</div><div class="weekday">W</div><div class="weekday">T</div><div class="weekday">F</div><div class="weekday">S</div></div><div class="dates"><div class="invalid"></div><div class="invalid"></div><div class="invalid"></div><div class="invalid">1</div><div class="invalid">2</div><div class="invalid">3</div><div class="invalid">4</div><div class="invalid">5</div><div class="invalid">6</div><div class="invalid">7</div><div class="invalid">8</div><div class="invalid">9</div><div class="invalid">10</div><div class="invalid">11</div><div class="invalid">12</div><div class="invalid">13</div><div class="invalid">14</div><div class="invalid">15</div><div class="invalid">16</div><div class="invalid">17</div><div class="invalid">18</div><div class="invalid">19</div><div class="invalid">20</div><div class="invalid">21</div><div class="invalid">22</div><div class="invalid">23</div><div class="invalid">24</div><div class="invalid">25</div><div class="invalid">26</div><div class="invalid">27</div><div class="pointer today">28</div><div class="pointer">29</div><div class="pointer">30</div></div></div><div class="bottom"></div></div><div style="left: 148px; position: absolute;"><div style="height: 22px;" class="titleFill"></div><div style="height: 140px;" class="calendarFill"></div></div><div style="left: 149px;" class="month"><div class="title">December 2006</div><div class="weekdays_top"></div><div class="body"><div class="weekdays"><div class="weekday">S</div><div class="weekday">M</div><div class="weekday">T</div><div class="weekday">W</div><div class="weekday">T</div><div class="weekday">F</div><div class="weekday">S</div></div><div class="dates"><div class="invalid"></div><div class="invalid"></div><div class="invalid"></div><div class="invalid"></div><div class="invalid"></div><div class="pointer">1</div><div class="pointer">2</div><div class="pointer">3</div><div class="pointer">4</div><div class="pointer">5</div><div class="pointer">6</div><div class="pointer">7</div><div class="pointer">8</div><div class="pointer">9</div><div class="pointer">10</div><div class="pointer">11</div><div class="pointer">12</div><div class="pointer">13</div><div class="pointer">14</div><div class="pointer">15</div><div class="pointer">16</div><div class="pointer">17</div><div class="pointer">18</div><div class="pointer">19</div><div class="pointer">20</div><div class="pointer">21</div><div class="pointer">22</div><div class="pointer">23</div><div class="pointer">24</div><div class="pointer">25</div><div class="pointer">26</div><div class="pointer">27</div><div class="pointer">28</div><div class="pointer">29</div><div class="pointer">30</div><div class="pointer">31</div></div></div><div class="bottom"></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="BotNav" style="border-top: 1px solid rgb(215, 220, 232);"><a id="Close" href="javascript:CloseCal()">Close</a></div>
|
||||||
|
</div><!--"InBdr"-->
|
||||||
|
</div><!--"OutBdr"-->
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
Function.prototype.bind = function(object) {
|
||||||
|
var m_method = this;
|
||||||
|
return function() {
|
||||||
|
return m_method.apply(object, arguments);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function atoi(a){var i=parseInt(a);return isNaN(i)?0:i;}
|
||||||
|
|
||||||
|
var g_calMonthList = null;
|
||||||
|
|
||||||
|
function calMonth(m,y,pObj,pxLeft,dtSelected)
|
||||||
|
{
|
||||||
|
this.m_month = m;
|
||||||
|
this.m_year = y;
|
||||||
|
this.m_pxLeft = pxLeft;
|
||||||
|
this.m_domElement = null;
|
||||||
|
|
||||||
|
this.getMonth = function(){return this.m_month;}
|
||||||
|
this.getYear = function(){return this.m_year;}
|
||||||
|
this.getPxLeft = function(){return this.m_pxLeft;}
|
||||||
|
this.getDomElement = function(){return this.m_domElement;}
|
||||||
|
|
||||||
|
this.createDomElement = function(m,y,dtSelected)
|
||||||
|
{
|
||||||
|
var mty=DOW(1,m,y);
|
||||||
|
var c=wp.GetMonthCount(m,y);
|
||||||
|
|
||||||
|
// Draw current month?
|
||||||
|
var fCur=(y==new Date().getFullYear()&&m==new Date().getMonth());
|
||||||
|
|
||||||
|
// Draw selected month?
|
||||||
|
var fSel=(dtSelected&&y==dtSelected.getFullYear()&&m==dtSelected.getMonth());
|
||||||
|
|
||||||
|
var datesE=document.createElement('div');
|
||||||
|
datesE.className="dates";
|
||||||
|
|
||||||
|
var szDays="";
|
||||||
|
var dayE=null;
|
||||||
|
for(i=0;i<mty;i++)
|
||||||
|
{
|
||||||
|
dayE=document.createElement('div');
|
||||||
|
dayE.className="invalid";
|
||||||
|
datesE.appendChild(dayE);
|
||||||
|
}
|
||||||
|
for(i=1;i<c+1;i++)
|
||||||
|
{
|
||||||
|
var d=new Date(y,m,i);
|
||||||
|
if((!g_dtMin||d>=g_dtMin)&&(!g_dtMax||d<=g_dtMax)) // Valid date?
|
||||||
|
{
|
||||||
|
var szClass="pointer";
|
||||||
|
if(fSel && i==dtSelected.getDate())szClass+=" picked";
|
||||||
|
if(fCur && i==new Date().getDate())szClass+=" today";
|
||||||
|
|
||||||
|
dayE=document.createElement('div');
|
||||||
|
dayE.className=szClass;
|
||||||
|
dayE.y = y; dayE.m = m; dayE.i = i;
|
||||||
|
dayE.onclick=DtClk;
|
||||||
|
dayE.onmousemove=DtHvr;
|
||||||
|
dayE.onmouseout=DtExt;
|
||||||
|
|
||||||
|
dayE.appendChild(document.createTextNode(i));
|
||||||
|
datesE.appendChild(dayE);
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
dayE=document.createElement('div');
|
||||||
|
dayE.className="invalid";
|
||||||
|
dayE.appendChild(document.createTextNode(i));
|
||||||
|
datesE.appendChild(dayE);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var titleE=document.createElement('div');
|
||||||
|
titleE.className="title";
|
||||||
|
titleE.appendChild(document.createTextNode(FmtTitle(m,y)));
|
||||||
|
|
||||||
|
var monthTopE=document.createElement('div');
|
||||||
|
monthTopE.className="weekdays_top";
|
||||||
|
|
||||||
|
var weekdaysE=document.createElement('div');
|
||||||
|
weekdaysE.className="weekdays";
|
||||||
|
|
||||||
|
for(i=0;i<7;i++)
|
||||||
|
{
|
||||||
|
var weekdayE=document.createElement('div');
|
||||||
|
weekdayE.className="weekday";
|
||||||
|
weekdayE.appendChild(document.createTextNode(rW[(i+wp.GetDowStart())%7]));
|
||||||
|
weekdaysE.appendChild(weekdayE);
|
||||||
|
}
|
||||||
|
|
||||||
|
var monthBodyE=document.createElement('div');
|
||||||
|
monthBodyE.className="body";
|
||||||
|
monthBodyE.appendChild(weekdaysE);
|
||||||
|
monthBodyE.appendChild(datesE);
|
||||||
|
|
||||||
|
var monthBotE=document.createElement('div');
|
||||||
|
monthBotE.className="bottom";
|
||||||
|
|
||||||
|
var monthE=document.createElement('div');
|
||||||
|
monthE.className="month";
|
||||||
|
|
||||||
|
monthE.appendChild(titleE);
|
||||||
|
monthE.appendChild(monthTopE);
|
||||||
|
monthE.appendChild(monthBodyE);
|
||||||
|
monthE.appendChild(monthBotE);
|
||||||
|
|
||||||
|
return monthE;
|
||||||
|
}
|
||||||
|
|
||||||
|
var verticalDiv = document.createElement('div');
|
||||||
|
|
||||||
|
var tFill=document.createElement('div'); // title fill
|
||||||
|
tFill.className="titleFill";
|
||||||
|
tFill.style.height=22+"px";
|
||||||
|
verticalDiv.appendChild(tFill);
|
||||||
|
|
||||||
|
var cFill=document.createElement('div'); // calendar fill
|
||||||
|
cFill.className="calendarFill";
|
||||||
|
cFill.style.height=140+"px";
|
||||||
|
verticalDiv.appendChild(cFill);
|
||||||
|
|
||||||
|
verticalDiv.style.left=pxLeft - 1+"px";
|
||||||
|
verticalDiv.style.position='absolute';
|
||||||
|
pObj.appendChild(verticalDiv);
|
||||||
|
|
||||||
|
this.m_domElement = this.createDomElement(this.m_month, this.m_year, dtSelected);
|
||||||
|
|
||||||
|
// Position and insert
|
||||||
|
this.m_domElement.style.left = pxLeft+"px";
|
||||||
|
pObj.appendChild(this.m_domElement);
|
||||||
|
|
||||||
|
return this;
|
||||||
|
}
|
||||||
|
|
||||||
|
var g_cMonthSpacing=1;
|
||||||
|
var g_cMonthWidth=148;
|
||||||
|
function calMonthList(cM,m,y)
|
||||||
|
{
|
||||||
|
this.m_pxLeft=0;
|
||||||
|
this.m_pxLeftShift=g_cMonthWidth+g_cMonthSpacing;
|
||||||
|
this.m_cMonths=cM; // # visible months
|
||||||
|
this.m_rgcalMonths=new Array();
|
||||||
|
this.m_bPrev=false;this.m_bNext=false;
|
||||||
|
this.m_bReady=true;
|
||||||
|
this.m_lowIndex=0;
|
||||||
|
|
||||||
|
this.getFirstMonth = function(){return (this.m_rgcalMonths&&this.m_rgcalMonths.length>0)?this.m_rgcalMonths[0]:null;}
|
||||||
|
this.getLastMonth = function(){return (this.m_rgcalMonths&&this.m_rgcalMonths.length>0)?this.m_rgcalMonths[this.m_rgcalMonths.length-1]:null;}
|
||||||
|
|
||||||
|
this.init = function(m,y)
|
||||||
|
{
|
||||||
|
// Reset what we currently have
|
||||||
|
this.m_pxLeft = 0;
|
||||||
|
while( getObj("monthlist").childNodes.length ) getObj("monthlist").removeChild(getObj("monthlist").childNodes[0]);
|
||||||
|
getObj("monthlist").style.left = this.m_pxLeft+"px";
|
||||||
|
getObj("monthlist").style.top = "0px"; // set this so it can be accessed via script
|
||||||
|
|
||||||
|
this.m_bPrev=false;this.m_bNext=false;
|
||||||
|
|
||||||
|
for(var i=0;i<this.m_cMonths;i++)
|
||||||
|
{
|
||||||
|
this.m_rgcalMonths[i] = new calMonth(m,y,getObj("monthlist"),(i*this.m_pxLeftShift),g_dtPick);
|
||||||
|
|
||||||
|
// increment month
|
||||||
|
y=y+(m==11?1:0);
|
||||||
|
m=(m+1)%12;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
this.navPrev = function()
|
||||||
|
{
|
||||||
|
if(this.m_bReady) this.m_bReady = false;
|
||||||
|
else return null;
|
||||||
|
|
||||||
|
var cM=this.getFirstMonth().getMonth();
|
||||||
|
var cY=this.getFirstMonth().getYear();
|
||||||
|
var pY=cY-(cM==0?1:0);
|
||||||
|
var pM=(cM+11)%12;
|
||||||
|
|
||||||
|
// Create and draw the new month
|
||||||
|
var cPxLeft = this.getFirstMonth().getPxLeft();
|
||||||
|
var prevMonth = new calMonth(pM,pY,getObj("monthlist"),cPxLeft-this.m_pxLeftShift,g_dtPick);
|
||||||
|
|
||||||
|
// Update visible month array
|
||||||
|
for(var i=this.m_cMonths-1;i>0;i--) this.m_rgcalMonths[i]=this.m_rgcalMonths[i-1];
|
||||||
|
this.m_rgcalMonths[i] = prevMonth;
|
||||||
|
|
||||||
|
// Scroll the new month into view
|
||||||
|
this.m_pxLeft += this.m_pxLeftShift;
|
||||||
|
scrollAction(getObj("monthlist"), null, new position(this.m_pxLeft,null), null);
|
||||||
|
this.m_bPrev = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.navNext = function()
|
||||||
|
{
|
||||||
|
if(this.m_bReady) this.m_bReady = false;
|
||||||
|
else return null;
|
||||||
|
|
||||||
|
var cM=this.getLastMonth().getMonth();
|
||||||
|
var cY=this.getLastMonth().getYear();
|
||||||
|
var nY=cY+(cM==11?1:0);
|
||||||
|
var nM=(cM+1)%12;
|
||||||
|
|
||||||
|
// Create and draw the new month
|
||||||
|
var cPxLeft = this.getLastMonth().getPxLeft();
|
||||||
|
var nextMonth = new calMonth(nM,nY,getObj("monthlist"),cPxLeft+this.m_pxLeftShift,g_dtPick);
|
||||||
|
|
||||||
|
// Update visible month array
|
||||||
|
for(var i=0;i<this.m_cMonths-1;i++) this.m_rgcalMonths[i]=this.m_rgcalMonths[i+1];
|
||||||
|
this.m_rgcalMonths[i] = nextMonth;
|
||||||
|
|
||||||
|
// Scroll the new month into view
|
||||||
|
this.m_pxLeft -= this.m_pxLeftShift;
|
||||||
|
scrollAction(getObj("monthlist"), null, new position(this.m_pxLeft,null), null);
|
||||||
|
this.m_bNext = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.cleanList = function()
|
||||||
|
{
|
||||||
|
if(this.m_bPrev)
|
||||||
|
{
|
||||||
|
// remove month & fill
|
||||||
|
if(this.m_lowIndex == 0)
|
||||||
|
{
|
||||||
|
getObj("monthlist").removeChild(getObj("monthlist").childNodes[2]);
|
||||||
|
getObj("monthlist").removeChild(getObj("monthlist").childNodes[2]);
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
getObj("monthlist").removeChild(getObj("monthlist").firstChild);
|
||||||
|
getObj("monthlist").removeChild(getObj("monthlist").firstChild);
|
||||||
|
}
|
||||||
|
this.m_lowIndex = 1;
|
||||||
|
this.m_bPrev = false;
|
||||||
|
}
|
||||||
|
else if(this.m_bNext)
|
||||||
|
{
|
||||||
|
// remove month & fill
|
||||||
|
if(this.m_lowIndex == 0)
|
||||||
|
{
|
||||||
|
getObj("monthlist").removeChild(getObj("monthlist").firstChild);
|
||||||
|
getObj("monthlist").removeChild(getObj("monthlist").firstChild);
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
getObj("monthlist").removeChild(getObj("monthlist").childNodes[2]);
|
||||||
|
getObj("monthlist").removeChild(getObj("monthlist").childNodes[2]);
|
||||||
|
}
|
||||||
|
this.m_lowIndex = 0;
|
||||||
|
this.m_bNext = false;
|
||||||
|
}
|
||||||
|
this.m_bReady = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.init(m,y);
|
||||||
|
return this;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function handlePrev()
|
||||||
|
{
|
||||||
|
g_calMonthList.navPrev();
|
||||||
|
UpdPrev();
|
||||||
|
UpdNext();
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleNext()
|
||||||
|
{
|
||||||
|
g_calMonthList.navNext();
|
||||||
|
UpdNext();
|
||||||
|
UpdPrev();
|
||||||
|
}
|
||||||
|
|
||||||
|
function position(x,y)
|
||||||
|
{
|
||||||
|
this.m_x=x;
|
||||||
|
this.m_y=y;
|
||||||
|
|
||||||
|
this.getX=function(){return this.m_x;}
|
||||||
|
this.getY=function(){return this.m_y;}
|
||||||
|
|
||||||
|
return this;
|
||||||
|
}
|
||||||
|
|
||||||
|
function scrollAction(domElement,startPos,endPos,duration,iterCount)
|
||||||
|
{
|
||||||
|
this.m_domElement = domElement;
|
||||||
|
this.m_startPos = startPos;
|
||||||
|
this.m_endPos = endPos;
|
||||||
|
this.m_duration = duration;
|
||||||
|
this.m_iterCount = iterCount;
|
||||||
|
|
||||||
|
var eL=atoi(this.m_domElement.style.left);
|
||||||
|
var eT=atoi(this.m_domElement.style.top);
|
||||||
|
|
||||||
|
// Default startPos to current position
|
||||||
|
if(null==this.m_startPos || (null==this.m_startPos.getX() && null==this.m_startPos.getY()))
|
||||||
|
this.m_startPos = new position(eL,eT);
|
||||||
|
else
|
||||||
|
{
|
||||||
|
if(null==this.m_startPos.getX()) this.m_startPos = new position(eL,this.m_startPos.getY());
|
||||||
|
if(null==this.m_startPos.getY()) this.m_startPos = new position(this.m_startPos.getX(),eT);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Default endPos to current position
|
||||||
|
if(null==this.m_endPos)
|
||||||
|
this.m_endPos = new position(eL,eT);
|
||||||
|
else
|
||||||
|
{
|
||||||
|
if(null==this.m_endPos.getX()) this.m_endPos = new position(eL,this.m_endPos.getY());
|
||||||
|
if(null==this.m_endPos.getY()) this.m_endPos = new position(this.m_endPos.getX(),eT);
|
||||||
|
}
|
||||||
|
|
||||||
|
if(null==this.m_duration) this.m_duration = 200; // Default is 1/5 sec
|
||||||
|
if(null==this.m_iterCount) this.m_iterCount = 10; // Move element 10 times
|
||||||
|
|
||||||
|
// Calc pixels/iteration
|
||||||
|
this.m_incX = (this.m_endPos.getX()-this.m_startPos.getX())/this.m_iterCount;
|
||||||
|
this.m_incY = (this.m_endPos.getY()-this.m_startPos.getY())/this.m_iterCount;
|
||||||
|
|
||||||
|
this.nextIter = function()
|
||||||
|
{
|
||||||
|
this.m_iter++;
|
||||||
|
this.m_domElement.style.left = (this.m_startPos.getX()+Math.floor(this.m_iter*this.m_incX))+"px";
|
||||||
|
this.m_domElement.style.top = (this.m_startPos.getY()+Math.floor(this.m_iter*this.m_incY))+"px";
|
||||||
|
if(this.m_iter<this.m_iterCount) setTimeout("this.nextIter();",this.m_duration/this.m_iterCount);
|
||||||
|
else setTimeout("g_calMonthList.cleanList();",this.m_duration/this.m_iterCount);
|
||||||
|
}
|
||||||
|
|
||||||
|
this.m_iter = 0;
|
||||||
|
this.nextIter();
|
||||||
|
|
||||||
|
return this;
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var wp=window.parent;
|
||||||
|
var cf=null;
|
||||||
|
var g_fCL=false;
|
||||||
|
var g_eInp=0;
|
||||||
|
var g_dtMin,g_dtMax;
|
||||||
|
var g_dtPick;
|
||||||
|
|
||||||
|
function getObj(objID)
|
||||||
|
{
|
||||||
|
if(document.getElementById){return document.getElementById(objID);}
|
||||||
|
else if(document.all){return document.all[objID];}
|
||||||
|
else if(document.layers){return document.layers[objID];}
|
||||||
|
}
|
||||||
|
function EvtObj(e){if(!e)e=window.event;return e;}
|
||||||
|
function stopBubble(e){e.cancelBubble=true;if(e.stopPropagation)e.stopPropagation();}
|
||||||
|
function EvtTgt(e)
|
||||||
|
{
|
||||||
|
var el;
|
||||||
|
if(e.target)el=e.target;
|
||||||
|
else if(e.srcElement)el=e.srcElement;
|
||||||
|
if(el.nodeType==3)el=el.parentNode; // defeat Safari bug
|
||||||
|
return el;
|
||||||
|
}
|
||||||
|
|
||||||
|
function GetCF(){if (!cf)cf=wp.getObj('CalFrame');return cf;}
|
||||||
|
function DoLoad()
|
||||||
|
{
|
||||||
|
g_fCL=true;
|
||||||
|
}
|
||||||
|
|
||||||
|
function DoCal(eD,eDP,dmin,dmax,cM)
|
||||||
|
{
|
||||||
|
var dt=wp.GetInputDate(eD.value);
|
||||||
|
if(null==dt&&null!=eDP){dt=wp.GetInputDate(eDP.value);}
|
||||||
|
|
||||||
|
g_dtPick=dt;
|
||||||
|
if(dmin&&""==dmin)dmin=null;
|
||||||
|
if(dmax&&""==dmax)dmax=null;
|
||||||
|
if(null==dt)
|
||||||
|
{
|
||||||
|
// Check for valid min date and use that, else use current
|
||||||
|
dt=new Date();
|
||||||
|
if(dmin&&dt<new Date(dmin))dt=new Date(dmin);
|
||||||
|
}
|
||||||
|
|
||||||
|
SetMinMax(dmin?new Date(dmin):null,dmax?new Date(dmax):null);
|
||||||
|
|
||||||
|
if(null==cM)cM=2; // Default to 2 month display
|
||||||
|
UpdCal(cM,dt.getMonth(),dt.getFullYear());
|
||||||
|
|
||||||
|
g_eInp=eD;
|
||||||
|
|
||||||
|
// prevent Mozilla from flickering
|
||||||
|
setTimeout("ShowCal()",1);
|
||||||
|
}
|
||||||
|
|
||||||
|
function ShowCal()
|
||||||
|
{
|
||||||
|
if ("none"==GetCF().style.display) {GetCF().style.display="block";}// FF drawing bug
|
||||||
|
GetCF().style.visibility="visible";
|
||||||
|
}
|
||||||
|
|
||||||
|
function UpdCal(cM,m,y)
|
||||||
|
{
|
||||||
|
// Size the frame
|
||||||
|
var pxSpacing = g_cMonthSpacing*(cM-1);
|
||||||
|
getObj("OutBdr").style.width=((g_cMonthWidth*cM)+2+pxSpacing)+"px";
|
||||||
|
getObj("InBdr").style.width=((g_cMonthWidth*cM)+pxSpacing)+"px";
|
||||||
|
getObj("monthcontainer").style.width=((g_cMonthWidth*cM)+pxSpacing)+"px";
|
||||||
|
getObj("NavNext").style.left = ((g_cMonthWidth*cM)+pxSpacing-19)+"px";
|
||||||
|
GetCF().style.width=((g_cMonthWidth*cM)+2+pxSpacing)+"px";
|
||||||
|
GetCF().style.height=186+"px";
|
||||||
|
|
||||||
|
g_calMonthList = null;
|
||||||
|
g_calMonthList = new calMonthList(cM,m,y);
|
||||||
|
|
||||||
|
UpdNext();
|
||||||
|
UpdPrev();
|
||||||
|
}
|
||||||
|
|
||||||
|
function UpdNext()
|
||||||
|
{
|
||||||
|
var currMonth=g_calMonthList.getLastMonth();
|
||||||
|
var nm=currMonth.getMonth();
|
||||||
|
var ny=currMonth.getYear();
|
||||||
|
|
||||||
|
var hd=(!g_dtMax||!(ny>g_dtMax.getFullYear()||(ny==g_dtMax.getFullYear()&&parseInt(nm)>=g_dtMax.getMonth())));
|
||||||
|
getObj('NImg').style.visibility=hd?"visible":"hidden";
|
||||||
|
}
|
||||||
|
|
||||||
|
function UpdPrev()
|
||||||
|
{
|
||||||
|
var currMonth=g_calMonthList.getFirstMonth();
|
||||||
|
var pm=currMonth.getMonth();
|
||||||
|
var py=currMonth.getYear();
|
||||||
|
|
||||||
|
var hd=(!g_dtMin||!(py<g_dtMin.getFullYear()||(py==g_dtMin.getFullYear()&&parseInt(pm)<=g_dtMin.getMonth())));
|
||||||
|
getObj('PImg').style.visibility=hd?"visible":"hidden";
|
||||||
|
}
|
||||||
|
function DtHvr(e){EvtTgt(EvtObj(e)).style.backgroundColor="#FFDD99";}
|
||||||
|
function DtExt(e){EvtTgt(EvtObj(e)).style.backgroundColor="";}
|
||||||
|
function DtClk(e)
|
||||||
|
{
|
||||||
|
var element = EvtTgt(EvtObj(e))
|
||||||
|
wp.CalDateSet(g_eInp,element.i,element.m+1,element.y);
|
||||||
|
if(g_eInp.onblur){g_eInp.onblur();}
|
||||||
|
GetCF().style.visibility="hidden";
|
||||||
|
wp.SetCalShown(false);
|
||||||
|
wp.CalendarCallback();
|
||||||
|
}
|
||||||
|
function CloseCal(){
|
||||||
|
if(wp.getObj('CalDiv'))
|
||||||
|
{
|
||||||
|
wp.CalSetFocus(g_eInp);
|
||||||
|
wp.getObj('CalDiv').style.visibility="hidden";
|
||||||
|
GetCF().style.visibility="hidden";
|
||||||
|
wp.SetCalShown(false);
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
wp.CalSetFocus(g_eInp);
|
||||||
|
GetCF().style.visibility="hidden";
|
||||||
|
wp.SetCalShown(false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function SetMinMax(n,x){g_dtMin=n;g_dtMax=x;}
|
||||||
|
function FmtTitle(m,y){return rN[m]+"\u00a0\u00a0"+y.toString()}
|
||||||
|
// LOC Comment: Month name.
|
||||||
|
var rN=new Array(12);rN[0]="January";rN[1]="February";rN[2]="March";rN[3]="April";rN[4]="May";rN[5]="June";rN[6]="July";rN[7]="August";rN[8]="September";rN[9]="October";rN[10]="November";rN[11]="December";
|
||||||
|
// LOC Comment: Weekday abbrv.
|
||||||
|
var rW=new Array(7);rW[0]="S";rW[1]="M";rW[2]="T";rW[3]="W";rW[4]="T";rW[5]="F";rW[6]="S";
|
||||||
|
function DOW(d,m,y){var dt=new Date(y,m,d);return(dt.getDay()+(7-wp.GetDowStart()))%7;}
|
||||||
|
</script>
|
||||||
|
</body></html>
|
||||||
102
include/jQuery/ckeditor/plugins/autogrow/samples/autogrow.html
Executable file
102
include/jQuery/ckeditor/plugins/autogrow/samples/autogrow.html
Executable file
@@ -0,0 +1,102 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
||||||
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>AutoGrow Plugin — CKEditor Sample</title>
|
||||||
|
<script src="../../../ckeditor.js"></script>
|
||||||
|
<link rel="stylesheet" href="../../../samples/old/sample.css">
|
||||||
|
<meta name="ckeditor-sample-name" content="AutoGrow plugin">
|
||||||
|
<meta name="ckeditor-sample-group" content="Plugins">
|
||||||
|
<meta name="ckeditor-sample-description" content="Using the AutoGrow plugin in order to make the editor grow to fit the size of its content.">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 class="samples">
|
||||||
|
<a href="../../../samples/old/index.html">CKEditor Samples</a> » Using AutoGrow Plugin
|
||||||
|
</h1>
|
||||||
|
<div class="warning deprecated">
|
||||||
|
This sample is not maintained anymore. Check out its <a href="http://sdk.ckeditor.com/samples/autogrow.html">brand new version in CKEditor SDK</a>.
|
||||||
|
</div>
|
||||||
|
<div class="description">
|
||||||
|
<p>
|
||||||
|
This sample shows how to configure CKEditor instances to use the
|
||||||
|
<strong>AutoGrow</strong> (<code>autogrow</code>) plugin that lets the editor window expand
|
||||||
|
and shrink depending on the amount and size of content entered in the editing area.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
In its default implementation the <strong>AutoGrow feature</strong> can expand the
|
||||||
|
CKEditor window infinitely in order to avoid introducing scrollbars to the editing area.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
It is also possible to set a maximum height for the editor window. Once CKEditor
|
||||||
|
editing area reaches the value in pixels specified in the
|
||||||
|
<code><a class="samples" href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-autoGrow_maxHeight">autoGrow_maxHeight</a></code>
|
||||||
|
configuration setting, scrollbars will be added and the editor window will no longer expand.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
To add a CKEditor instance using the <code>autogrow</code> plugin and its
|
||||||
|
<code>autoGrow_maxHeight</code> attribute, insert the following JavaScript call to your code:
|
||||||
|
</p>
|
||||||
|
<pre class="samples">
|
||||||
|
CKEDITOR.replace( '<em>textarea_id</em>', {
|
||||||
|
<strong>extraPlugins: 'autogrow',</strong>
|
||||||
|
autoGrow_maxHeight: 800,
|
||||||
|
|
||||||
|
// Remove the Resize plugin as it does not make sense to use it in conjunction with the AutoGrow plugin.
|
||||||
|
removePlugins: 'resize'
|
||||||
|
});</pre>
|
||||||
|
<p>
|
||||||
|
Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
|
||||||
|
the <code><textarea></code> element to be replaced with CKEditor. The maximum height should
|
||||||
|
be given in pixels.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<form action="../../../samples/sample_posteddata.php" method="post">
|
||||||
|
<p>
|
||||||
|
<label for="editor1">
|
||||||
|
CKEditor using the <code>autogrow</code> plugin with its default configuration:
|
||||||
|
</label>
|
||||||
|
<textarea cols="80" id="editor1" name="editor1" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
CKEDITOR.replace( 'editor1', {
|
||||||
|
extraPlugins: 'autogrow',
|
||||||
|
removePlugins: 'resize'
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="editor2">
|
||||||
|
CKEditor using the <code>autogrow</code> plugin with maximum height set to 400 pixels:
|
||||||
|
</label>
|
||||||
|
<textarea cols="80" id="editor2" name="editor2" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
CKEDITOR.replace( 'editor2', {
|
||||||
|
extraPlugins: 'autogrow',
|
||||||
|
autoGrow_maxHeight: 400,
|
||||||
|
removePlugins: 'resize'
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<input type="submit" value="Submit">
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
<div id="footer">
|
||||||
|
<hr>
|
||||||
|
<p>
|
||||||
|
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
|
||||||
|
</p>
|
||||||
|
<p id="copy">
|
||||||
|
Copyright © 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
|
||||||
|
Knabben. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
66
include/jQuery/ckeditor/plugins/imagepaste/docs/install.html
Executable file
66
include/jQuery/ckeditor/plugins/imagepaste/docs/install.html
Executable file
@@ -0,0 +1,66 @@
|
|||||||
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||||
|
"http://www.w3.org/TR/html4/loose.dtd">
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||||
|
<title>Image paste plugin</title>
|
||||||
|
<link href="styles.css" rel="stylesheet" type="text/css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<h1>Image paste Plugin for CKEditor</h1>
|
||||||
|
|
||||||
|
<h2>Introduction</h2>
|
||||||
|
<p>This is a plugin that automatically uploads to the server the images pasted from the clipboard with Firefox in <a href="http://www.ckeditor.com">CKEditor</a>.</p>
|
||||||
|
|
||||||
|
<h3 id="contact">Author:</h3>
|
||||||
|
<p><a href="mailto:amla70@gmail.com">Alfonso Martínez de Lizarrondo</a></p>
|
||||||
|
|
||||||
|
<h3>Version history: </h3>
|
||||||
|
<ol>
|
||||||
|
<li>1.0: 28-September-2011. First public version.</li>
|
||||||
|
<li>1.1: 7-October-2013. Compatibility with CKEditor 4. Sorry to everyone that has tried to use it before, but I didn't realize that it was broken all along as it's a simple fix that I did long ago in the commercial version.<br>
|
||||||
|
At the same time, I'm removing the useless "webkit-fake-url" crap that Safari generates but that it can't be used for anything.</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<h2>Installation</h2>
|
||||||
|
<h3>1. Copying the files</h3>
|
||||||
|
<p>Extract the contents of the zip in you plugins directory, so it ends up like
|
||||||
|
this<br>
|
||||||
|
<!--<img src="installation.png" alt="Screenshot of installation" width="311" height="346" longdesc="#install">-->
|
||||||
|
</p>
|
||||||
|
<pre id="--install">
|
||||||
|
ckeditor\
|
||||||
|
...
|
||||||
|
images\
|
||||||
|
lang\
|
||||||
|
plugins\
|
||||||
|
...
|
||||||
|
imagepaste\
|
||||||
|
plugin.js
|
||||||
|
docs\
|
||||||
|
install.html
|
||||||
|
...
|
||||||
|
skins\
|
||||||
|
themes\
|
||||||
|
</pre>
|
||||||
|
<h3>2. Adding it to CKEditor</h3>
|
||||||
|
<p>Now add the plugin in your <em>config.js</em> or custom js configuration
|
||||||
|
file:
|
||||||
|
<code>config.extraPlugins='imagepaste'; </code>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h3>3. Configuration</h3>
|
||||||
|
<p>You have to configure the filebrowserImageUploadUrl entry as you might have already done to allow the user to upload images. You can get a simple script to use as a guide for your code <a href="http://alfonsoml.blogspot.com.es/2013/08/a-basic-upload-script-for-ckeditor.html">in this post in my blog</a>.</p>
|
||||||
|
|
||||||
|
<h3>4. Use it</h3>
|
||||||
|
<p>Using Firefox, paste an image into the body of CKEditor. That image will be uploaded to the server and it will use the correct URL instead of "data:".</p>
|
||||||
|
|
||||||
|
<!--
|
||||||
|
<h2>Final notes</h2>
|
||||||
|
-->
|
||||||
|
|
||||||
|
<h2>Disclaimers</h2>
|
||||||
|
<p>CKEditor is © CKSource.com</p>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
107
include/jQuery/ckeditor/plugins/tableresize/dev/tableresize.html
Executable file
107
include/jQuery/ckeditor/plugins/tableresize/dev/tableresize.html
Executable file
@@ -0,0 +1,107 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
||||||
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>TableResize Plugin dev sample</title>
|
||||||
|
<script src="../../../ckeditor.js"></script>
|
||||||
|
<link rel="stylesheet" href="../../../samples/sample.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 class="samples">
|
||||||
|
TableResize Plugin - dev sample
|
||||||
|
</h1>
|
||||||
|
<textarea cols="80" id="editor1" name="editor1" rows="10">
|
||||||
|
<table style="width: 500px;" border="1">
|
||||||
|
<caption>
|
||||||
|
A sample table</caption>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
Column 1</td>
|
||||||
|
<td>
|
||||||
|
Column 2</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
You can resize a table column.</td>
|
||||||
|
<td>
|
||||||
|
Hover your mouse over its border.</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
Watch the cursor change.</td>
|
||||||
|
<td>
|
||||||
|
Now click and drag to resize.</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</textarea>
|
||||||
|
|
||||||
|
<div id="inline" contenteditable="true">
|
||||||
|
<table style="width: 500px;" border="1">
|
||||||
|
<caption>
|
||||||
|
A sample table</caption>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
Column 1</td>
|
||||||
|
<td>
|
||||||
|
Column 2</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
You can resize a table column.</td>
|
||||||
|
<td>
|
||||||
|
Hover your mouse over its border.</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
Watch the cursor change.</td>
|
||||||
|
<td>
|
||||||
|
Now click and drag to resize.</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table style="width: 500px;" border="1">
|
||||||
|
<caption>
|
||||||
|
A sample table</caption>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
Column 1</td>
|
||||||
|
<td>
|
||||||
|
Column 2</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
You can resize a table column.</td>
|
||||||
|
<td>
|
||||||
|
Hover your mouse over its border.</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
Watch the cursor change.</td>
|
||||||
|
<td>
|
||||||
|
Now click and drag to resize.</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<script>
|
||||||
|
CKEDITOR.disableAutoInline = true;
|
||||||
|
|
||||||
|
CKEDITOR.replace( 'editor1', {
|
||||||
|
extraPlugins: 'tableresize'
|
||||||
|
} );
|
||||||
|
|
||||||
|
CKEDITOR.inline( 'inline', {
|
||||||
|
extraPlugins: 'tableresize'
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
104
include/jQuery/ckeditor/plugins/tableresize/samples/tableresize.html
Executable file
104
include/jQuery/ckeditor/plugins/tableresize/samples/tableresize.html
Executable file
@@ -0,0 +1,104 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
||||||
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Using TableResize Plugin — CKEditor Sample</title>
|
||||||
|
<script src="../../../ckeditor.js"></script>
|
||||||
|
<link rel="stylesheet" href="../../../samples/sample.css">
|
||||||
|
<meta name="ckeditor-sample-name" content="TableResize plugin">
|
||||||
|
<meta name="ckeditor-sample-group" content="Plugins">
|
||||||
|
<meta name="ckeditor-sample-description" content="Using the TableResize plugin to enable table column resizing.">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 class="samples">
|
||||||
|
<a href="../../../samples/index.html">CKEditor Samples</a> » Using the TableResize Plugin
|
||||||
|
</h1>
|
||||||
|
<div class="description">
|
||||||
|
<p>
|
||||||
|
This sample shows how to configure CKEditor instances to use the
|
||||||
|
<strong>TableResize</strong> (<code>tableresize</code>) plugin that allows
|
||||||
|
the user to edit table columns by using the mouse.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
The TableResize plugin makes it possible to modify table column width. Hover
|
||||||
|
your mouse over the column border to see the cursor change to indicate that
|
||||||
|
the column can be resized. Click and drag your mouse to set the desired width.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
By default the plugin is turned off. To add a CKEditor instance using the
|
||||||
|
TableResize plugin, insert the following JavaScript call into your code:
|
||||||
|
</p>
|
||||||
|
<pre class="samples">
|
||||||
|
CKEDITOR.replace( '<em>textarea_id</em>', {
|
||||||
|
<strong>extraPlugins: 'tableresize'</strong>
|
||||||
|
});</pre>
|
||||||
|
<p>
|
||||||
|
Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
|
||||||
|
the <code><textarea></code> element to be replaced with CKEditor.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<form action="../../../samples/sample_posteddata.php" method="post">
|
||||||
|
<p>
|
||||||
|
<label for="editor1">
|
||||||
|
CKEditor using the <code>tableresize</code> plugin:
|
||||||
|
</label>
|
||||||
|
<textarea cols="80" id="editor1" name="editor1" rows="10">
|
||||||
|
<table style="width: 500px;" border="1">
|
||||||
|
<caption>
|
||||||
|
A sample table</caption>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
Column 1</td>
|
||||||
|
<td>
|
||||||
|
Column 2</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
You can resize a table column.</td>
|
||||||
|
<td>
|
||||||
|
Hover your mouse over its border.</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
Watch the cursor change.</td>
|
||||||
|
<td>
|
||||||
|
Now click and drag to resize.</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</textarea>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
// This call can be placed at any point after the
|
||||||
|
// <textarea>, or inside a <head><script> in a
|
||||||
|
// window.onload event handler.
|
||||||
|
|
||||||
|
// Replace the <textarea id="editor"> with an CKEditor
|
||||||
|
// instance, using default configurations.
|
||||||
|
CKEDITOR.replace( 'editor1', {
|
||||||
|
extraPlugins: 'tableresize'
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<input type="submit" value="Submit">
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
<div id="footer">
|
||||||
|
<hr>
|
||||||
|
<p>
|
||||||
|
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
|
||||||
|
</p>
|
||||||
|
<p id="copy">
|
||||||
|
Copyright © 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
|
||||||
|
Knabben. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
82
include/jQuery/ckeditor/samples/ajax.html
Executable file
82
include/jQuery/ckeditor/samples/ajax.html
Executable file
@@ -0,0 +1,82 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
||||||
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Ajax — CKEditor Sample</title>
|
||||||
|
<script src="../ckeditor.js"></script>
|
||||||
|
<link rel="stylesheet" href="sample.css">
|
||||||
|
<script>
|
||||||
|
|
||||||
|
var editor, html = '';
|
||||||
|
|
||||||
|
function createEditor() {
|
||||||
|
if ( editor )
|
||||||
|
return;
|
||||||
|
|
||||||
|
// Create a new editor inside the <div id="editor">, setting its value to html
|
||||||
|
var config = {};
|
||||||
|
editor = CKEDITOR.appendTo( 'editor', config, html );
|
||||||
|
}
|
||||||
|
|
||||||
|
function removeEditor() {
|
||||||
|
if ( !editor )
|
||||||
|
return;
|
||||||
|
|
||||||
|
// Retrieve the editor contents. In an Ajax application, this data would be
|
||||||
|
// sent to the server or used in any other way.
|
||||||
|
document.getElementById( 'editorcontents' ).innerHTML = html = editor.getData();
|
||||||
|
document.getElementById( 'contents' ).style.display = '';
|
||||||
|
|
||||||
|
// Destroy the editor.
|
||||||
|
editor.destroy();
|
||||||
|
editor = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 class="samples">
|
||||||
|
<a href="index.html">CKEditor Samples</a> » Create and Destroy Editor Instances for Ajax Applications
|
||||||
|
</h1>
|
||||||
|
<div class="description">
|
||||||
|
<p>
|
||||||
|
This sample shows how to create and destroy CKEditor instances on the fly. After the removal of CKEditor the content created inside the editing
|
||||||
|
area will be displayed in a <code><div></code> element.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
For details of how to create this setup check the source code of this sample page
|
||||||
|
for JavaScript code responsible for the creation and destruction of a CKEditor instance.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<p>Click the buttons to create and remove a CKEditor instance.</p>
|
||||||
|
<p>
|
||||||
|
<input onclick="createEditor();" type="button" value="Create Editor">
|
||||||
|
<input onclick="removeEditor();" type="button" value="Remove Editor">
|
||||||
|
</p>
|
||||||
|
<!-- This div will hold the editor. -->
|
||||||
|
<div id="editor">
|
||||||
|
</div>
|
||||||
|
<div id="contents" style="display: none">
|
||||||
|
<p>
|
||||||
|
Edited Contents:
|
||||||
|
</p>
|
||||||
|
<!-- This div will be used to display the editor contents. -->
|
||||||
|
<div id="editorcontents">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="footer">
|
||||||
|
<hr>
|
||||||
|
<p>
|
||||||
|
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
|
||||||
|
</p>
|
||||||
|
<p id="copy">
|
||||||
|
Copyright © 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
|
||||||
|
Knabben. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
207
include/jQuery/ckeditor/samples/api.html
Executable file
207
include/jQuery/ckeditor/samples/api.html
Executable file
@@ -0,0 +1,207 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
||||||
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>API Usage — CKEditor Sample</title>
|
||||||
|
<script src="../ckeditor.js"></script>
|
||||||
|
<link href="sample.css" rel="stylesheet">
|
||||||
|
<script>
|
||||||
|
|
||||||
|
// The instanceReady event is fired, when an instance of CKEditor has finished
|
||||||
|
// its initialization.
|
||||||
|
CKEDITOR.on( 'instanceReady', function( ev ) {
|
||||||
|
// Show the editor name and description in the browser status bar.
|
||||||
|
document.getElementById( 'eMessage' ).innerHTML = 'Instance <code>' + ev.editor.name + '<\/code> loaded.';
|
||||||
|
|
||||||
|
// Show this sample buttons.
|
||||||
|
document.getElementById( 'eButtons' ).style.display = 'block';
|
||||||
|
});
|
||||||
|
|
||||||
|
function InsertHTML() {
|
||||||
|
// Get the editor instance that we want to interact with.
|
||||||
|
var editor = CKEDITOR.instances.editor1;
|
||||||
|
var value = document.getElementById( 'htmlArea' ).value;
|
||||||
|
|
||||||
|
// Check the active editing mode.
|
||||||
|
if ( editor.mode == 'wysiwyg' )
|
||||||
|
{
|
||||||
|
// Insert HTML code.
|
||||||
|
// http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-insertHtml
|
||||||
|
editor.insertHtml( value );
|
||||||
|
}
|
||||||
|
else
|
||||||
|
alert( 'You must be in WYSIWYG mode!' );
|
||||||
|
}
|
||||||
|
|
||||||
|
function InsertText() {
|
||||||
|
// Get the editor instance that we want to interact with.
|
||||||
|
var editor = CKEDITOR.instances.editor1;
|
||||||
|
var value = document.getElementById( 'txtArea' ).value;
|
||||||
|
|
||||||
|
// Check the active editing mode.
|
||||||
|
if ( editor.mode == 'wysiwyg' )
|
||||||
|
{
|
||||||
|
// Insert as plain text.
|
||||||
|
// http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-insertText
|
||||||
|
editor.insertText( value );
|
||||||
|
}
|
||||||
|
else
|
||||||
|
alert( 'You must be in WYSIWYG mode!' );
|
||||||
|
}
|
||||||
|
|
||||||
|
function SetContents() {
|
||||||
|
// Get the editor instance that we want to interact with.
|
||||||
|
var editor = CKEDITOR.instances.editor1;
|
||||||
|
var value = document.getElementById( 'htmlArea' ).value;
|
||||||
|
|
||||||
|
// Set editor contents (replace current contents).
|
||||||
|
// http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-setData
|
||||||
|
editor.setData( value );
|
||||||
|
}
|
||||||
|
|
||||||
|
function GetContents() {
|
||||||
|
// Get the editor instance that you want to interact with.
|
||||||
|
var editor = CKEDITOR.instances.editor1;
|
||||||
|
|
||||||
|
// Get editor contents
|
||||||
|
// http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-getData
|
||||||
|
alert( editor.getData() );
|
||||||
|
}
|
||||||
|
|
||||||
|
function ExecuteCommand( commandName ) {
|
||||||
|
// Get the editor instance that we want to interact with.
|
||||||
|
var editor = CKEDITOR.instances.editor1;
|
||||||
|
|
||||||
|
// Check the active editing mode.
|
||||||
|
if ( editor.mode == 'wysiwyg' )
|
||||||
|
{
|
||||||
|
// Execute the command.
|
||||||
|
// http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-execCommand
|
||||||
|
editor.execCommand( commandName );
|
||||||
|
}
|
||||||
|
else
|
||||||
|
alert( 'You must be in WYSIWYG mode!' );
|
||||||
|
}
|
||||||
|
|
||||||
|
function CheckDirty() {
|
||||||
|
// Get the editor instance that we want to interact with.
|
||||||
|
var editor = CKEDITOR.instances.editor1;
|
||||||
|
// Checks whether the current editor contents present changes when compared
|
||||||
|
// to the contents loaded into the editor at startup
|
||||||
|
// http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-checkDirty
|
||||||
|
alert( editor.checkDirty() );
|
||||||
|
}
|
||||||
|
|
||||||
|
function ResetDirty() {
|
||||||
|
// Get the editor instance that we want to interact with.
|
||||||
|
var editor = CKEDITOR.instances.editor1;
|
||||||
|
// Resets the "dirty state" of the editor (see CheckDirty())
|
||||||
|
// http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-resetDirty
|
||||||
|
editor.resetDirty();
|
||||||
|
alert( 'The "IsDirty" status has been reset' );
|
||||||
|
}
|
||||||
|
|
||||||
|
function Focus() {
|
||||||
|
CKEDITOR.instances.editor1.focus();
|
||||||
|
}
|
||||||
|
|
||||||
|
function onFocus() {
|
||||||
|
document.getElementById( 'eMessage' ).innerHTML = '<b>' + this.name + ' is focused </b>';
|
||||||
|
}
|
||||||
|
|
||||||
|
function onBlur() {
|
||||||
|
document.getElementById( 'eMessage' ).innerHTML = this.name + ' lost focus';
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 class="samples">
|
||||||
|
<a href="index.html">CKEditor Samples</a> » Using CKEditor JavaScript API
|
||||||
|
</h1>
|
||||||
|
<div class="description">
|
||||||
|
<p>
|
||||||
|
This sample shows how to use the
|
||||||
|
<a class="samples" href="http://docs.ckeditor.com/#!/api/CKEDITOR.editor">CKEditor JavaScript API</a>
|
||||||
|
to interact with the editor at runtime.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
For details on how to create this setup check the source code of this sample page.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- This <div> holds alert messages to be display in the sample page. -->
|
||||||
|
<div id="alerts">
|
||||||
|
<noscript>
|
||||||
|
<p>
|
||||||
|
<strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
|
||||||
|
support, like yours, you should still see the contents (HTML data) and you should
|
||||||
|
be able to edit it normally, without a rich editor interface.
|
||||||
|
</p>
|
||||||
|
</noscript>
|
||||||
|
</div>
|
||||||
|
<form action="../../../samples/sample_posteddata.php" method="post">
|
||||||
|
<textarea cols="100" id="editor1" name="editor1" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// Replace the <textarea id="editor1"> with an CKEditor instance.
|
||||||
|
CKEDITOR.replace( 'editor1', {
|
||||||
|
on: {
|
||||||
|
focus: onFocus,
|
||||||
|
blur: onBlur,
|
||||||
|
|
||||||
|
// Check for availability of corresponding plugins.
|
||||||
|
pluginsLoaded: function( evt ) {
|
||||||
|
var doc = CKEDITOR.document, ed = evt.editor;
|
||||||
|
if ( !ed.getCommand( 'bold' ) )
|
||||||
|
doc.getById( 'exec-bold' ).hide();
|
||||||
|
if ( !ed.getCommand( 'link' ) )
|
||||||
|
doc.getById( 'exec-link' ).hide();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<p id="eMessage">
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div id="eButtons" style="display: none">
|
||||||
|
<input id="exec-bold" onclick="ExecuteCommand('bold');" type="button" value="Execute "bold" Command">
|
||||||
|
<input id="exec-link" onclick="ExecuteCommand('link');" type="button" value="Execute "link" Command">
|
||||||
|
<input onclick="Focus();" type="button" value="Focus">
|
||||||
|
<br><br>
|
||||||
|
<input onclick="InsertHTML();" type="button" value="Insert HTML">
|
||||||
|
<input onclick="SetContents();" type="button" value="Set Editor Contents">
|
||||||
|
<input onclick="GetContents();" type="button" value="Get Editor Contents (HTML)">
|
||||||
|
<br>
|
||||||
|
<textarea cols="100" id="htmlArea" rows="3"><h2>Test</h2><p>This is some <a href="/Test1.html">sample</a> HTML code.</p></textarea>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<input onclick="InsertText();" type="button" value="Insert Text">
|
||||||
|
<br>
|
||||||
|
<textarea cols="100" id="txtArea" rows="3"> First line with some leading whitespaces.
|
||||||
|
|
||||||
|
Second line of text preceded by two line breaks.</textarea>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<input onclick="CheckDirty();" type="button" value="checkDirty()">
|
||||||
|
<input onclick="ResetDirty();" type="button" value="resetDirty()">
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<div id="footer">
|
||||||
|
<hr>
|
||||||
|
<p>
|
||||||
|
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
|
||||||
|
</p>
|
||||||
|
<p id="copy">
|
||||||
|
Copyright © 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
|
||||||
|
Knabben. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
56
include/jQuery/ckeditor/samples/appendto.html
Executable file
56
include/jQuery/ckeditor/samples/appendto.html
Executable file
@@ -0,0 +1,56 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
||||||
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Append To Page Element Using JavaScript Code — CKEditor Sample</title>
|
||||||
|
<script src="../ckeditor.js"></script>
|
||||||
|
<link rel="stylesheet" href="sample.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 class="samples">
|
||||||
|
<a href="index.html">CKEditor Samples</a> » Append To Page Element Using JavaScript Code
|
||||||
|
</h1>
|
||||||
|
<div id="section1">
|
||||||
|
<div class="description">
|
||||||
|
<p>
|
||||||
|
The <code><a class="samples" href="http://docs.ckeditor.com/#!/api/CKEDITOR-method-appendTo">CKEDITOR.appendTo()</a></code> method serves to to place editors inside existing DOM elements. Unlike <code><a class="samples" href="http://docs.ckeditor.com/#!/api/CKEDITOR-method-replace">CKEDITOR.replace()</a></code>,
|
||||||
|
a target container to be replaced is no longer necessary. A new editor
|
||||||
|
instance is inserted directly wherever it is desired.
|
||||||
|
</p>
|
||||||
|
<pre class="samples">CKEDITOR.appendTo( '<em>container_id</em>',
|
||||||
|
{ /* Configuration options to be used. */ }
|
||||||
|
'Editor content to be used.'
|
||||||
|
);</pre>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
// This call can be placed at any point after the
|
||||||
|
// DOM element to append CKEditor to or inside the <head><script>
|
||||||
|
// in a window.onload event handler.
|
||||||
|
|
||||||
|
// Append a CKEditor instance using the default configuration and the
|
||||||
|
// provided content to the <div> element of ID "section1".
|
||||||
|
CKEDITOR.appendTo( 'section1',
|
||||||
|
null,
|
||||||
|
'<p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>'
|
||||||
|
);
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div id="footer">
|
||||||
|
<hr>
|
||||||
|
<p>
|
||||||
|
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
|
||||||
|
</p>
|
||||||
|
<p id="copy">
|
||||||
|
Copyright © 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
|
||||||
|
Knabben. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
401
include/jQuery/ckeditor/samples/datafiltering.html
Executable file
401
include/jQuery/ckeditor/samples/datafiltering.html
Executable file
File diff suppressed because one or more lines are too long
141
include/jQuery/ckeditor/samples/divreplace.html
Executable file
141
include/jQuery/ckeditor/samples/divreplace.html
Executable file
@@ -0,0 +1,141 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
||||||
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Replace DIV — CKEditor Sample</title>
|
||||||
|
<script src="../ckeditor.js"></script>
|
||||||
|
<link href="sample.css" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
|
||||||
|
div.editable
|
||||||
|
{
|
||||||
|
border: solid 2px transparent;
|
||||||
|
padding-left: 15px;
|
||||||
|
padding-right: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.editable:hover
|
||||||
|
{
|
||||||
|
border-color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
// Uncomment the following code to test the "Timeout Loading Method".
|
||||||
|
// CKEDITOR.loadFullCoreTimeout = 5;
|
||||||
|
|
||||||
|
window.onload = function() {
|
||||||
|
// Listen to the double click event.
|
||||||
|
if ( window.addEventListener )
|
||||||
|
document.body.addEventListener( 'dblclick', onDoubleClick, false );
|
||||||
|
else if ( window.attachEvent )
|
||||||
|
document.body.attachEvent( 'ondblclick', onDoubleClick );
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
function onDoubleClick( ev ) {
|
||||||
|
// Get the element which fired the event. This is not necessarily the
|
||||||
|
// element to which the event has been attached.
|
||||||
|
var element = ev.target || ev.srcElement;
|
||||||
|
|
||||||
|
// Find out the div that holds this element.
|
||||||
|
var name;
|
||||||
|
|
||||||
|
do {
|
||||||
|
element = element.parentNode;
|
||||||
|
}
|
||||||
|
while ( element && ( name = element.nodeName.toLowerCase() ) &&
|
||||||
|
( name != 'div' || element.className.indexOf( 'editable' ) == -1 ) && name != 'body' );
|
||||||
|
|
||||||
|
if ( name == 'div' && element.className.indexOf( 'editable' ) != -1 )
|
||||||
|
replaceDiv( element );
|
||||||
|
}
|
||||||
|
|
||||||
|
var editor;
|
||||||
|
|
||||||
|
function replaceDiv( div ) {
|
||||||
|
if ( editor )
|
||||||
|
editor.destroy();
|
||||||
|
|
||||||
|
editor = CKEDITOR.replace( div );
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 class="samples">
|
||||||
|
<a href="index.html">CKEditor Samples</a> » Replace DIV with CKEditor on the Fly
|
||||||
|
</h1>
|
||||||
|
<div class="description">
|
||||||
|
<p>
|
||||||
|
This sample shows how to automatically replace <code><div></code> elements
|
||||||
|
with a CKEditor instance on the fly, following user's doubleclick. The content
|
||||||
|
that was previously placed inside the <code><div></code> element will now
|
||||||
|
be moved into CKEditor editing area.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
For details on how to create this setup check the source code of this sample page.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
Double-click any of the following <code><div></code> elements to transform them into
|
||||||
|
editor instances.
|
||||||
|
</p>
|
||||||
|
<div class="editable">
|
||||||
|
<h3>
|
||||||
|
Part 1
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi
|
||||||
|
semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna
|
||||||
|
rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla
|
||||||
|
nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce
|
||||||
|
eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="editable">
|
||||||
|
<h3>
|
||||||
|
Part 2
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi
|
||||||
|
semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna
|
||||||
|
rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla
|
||||||
|
nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce
|
||||||
|
eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Donec velit. Mauris massa. Vestibulum non nulla. Nam suscipit arcu nec elit. Phasellus
|
||||||
|
sollicitudin iaculis ante. Ut non mauris et sapien tincidunt adipiscing. Vestibulum
|
||||||
|
vitae leo. Suspendisse nec mi tristique nulla laoreet vulputate.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="editable">
|
||||||
|
<h3>
|
||||||
|
Part 3
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi
|
||||||
|
semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna
|
||||||
|
rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla
|
||||||
|
nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce
|
||||||
|
eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div id="footer">
|
||||||
|
<hr>
|
||||||
|
<p>
|
||||||
|
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
|
||||||
|
</p>
|
||||||
|
<p id="copy">
|
||||||
|
Copyright © 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
|
||||||
|
Knabben. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
119
include/jQuery/ckeditor/samples/index.html
Executable file
119
include/jQuery/ckeditor/samples/index.html
Executable file
@@ -0,0 +1,119 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
||||||
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>CKEditor Samples</title>
|
||||||
|
<link rel="stylesheet" href="sample.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 class="samples">
|
||||||
|
CKEditor Samples
|
||||||
|
</h1>
|
||||||
|
<div class="twoColumns">
|
||||||
|
<div class="twoColumnsLeft">
|
||||||
|
<h2 class="samples">
|
||||||
|
Basic Samples
|
||||||
|
</h2>
|
||||||
|
<dl class="samples">
|
||||||
|
<dt><a class="samples" href="replacebyclass.html">Replace textarea elements by class name</a></dt>
|
||||||
|
<dd>Automatic replacement of all textarea elements of a given class with a CKEditor instance.</dd>
|
||||||
|
|
||||||
|
<dt><a class="samples" href="replacebycode.html">Replace textarea elements by code</a></dt>
|
||||||
|
<dd>Replacement of textarea elements with CKEditor instances by using a JavaScript call.</dd>
|
||||||
|
|
||||||
|
<dt><a class="samples" href="jquery.html">Create editors with jQuery</a></dt>
|
||||||
|
<dd>Creating standard and inline CKEditor instances with jQuery adapter.</dd>
|
||||||
|
</dl>
|
||||||
|
|
||||||
|
<h2 class="samples">
|
||||||
|
Basic Customization
|
||||||
|
</h2>
|
||||||
|
<dl class="samples">
|
||||||
|
<dt><a class="samples" href="uicolor.html">User Interface color</a></dt>
|
||||||
|
<dd>Changing CKEditor User Interface color and adding a toolbar button that lets the user set the UI color.</dd>
|
||||||
|
|
||||||
|
<dt><a class="samples" href="uilanguages.html">User Interface languages</a></dt>
|
||||||
|
<dd>Changing CKEditor User Interface language and adding a drop-down list that lets the user choose the UI language.</dd>
|
||||||
|
</dl>
|
||||||
|
|
||||||
|
|
||||||
|
<h2 class="samples">Plugins</h2>
|
||||||
|
<dl class="samples">
|
||||||
|
<dt><a class="samples" href="plugins/wysiwygarea/fullpage.html">Full page support</a></dt>
|
||||||
|
<dd>CKEditor inserted with a JavaScript call and used to edit the whole page from <html> to </html>.</dd>
|
||||||
|
</dl>
|
||||||
|
</div>
|
||||||
|
<div class="twoColumnsRight">
|
||||||
|
<h2 class="samples">
|
||||||
|
Inline Editing
|
||||||
|
</h2>
|
||||||
|
<dl class="samples">
|
||||||
|
<dt><a class="samples" href="inlineall.html">Massive inline editor creation</a></dt>
|
||||||
|
<dd>Turn all elements with <code>contentEditable = true</code> attribute into inline editors.</dd>
|
||||||
|
|
||||||
|
<dt><a class="samples" href="inlinebycode.html">Convert element into an inline editor by code</a></dt>
|
||||||
|
<dd>Conversion of DOM elements into inline CKEditor instances by using a JavaScript call.</dd>
|
||||||
|
|
||||||
|
<dt><a class="samples" href="inlinetextarea.html">Replace textarea with inline editor</a> <span class="new">New!</span></dt>
|
||||||
|
<dd>A form with a textarea that is replaced by an inline editor at runtime.</dd>
|
||||||
|
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
|
||||||
|
<h2 class="samples">
|
||||||
|
Advanced Samples
|
||||||
|
</h2>
|
||||||
|
<dl class="samples">
|
||||||
|
<dt><a class="samples" href="datafiltering.html">Data filtering and features activation</a> <span class="new">New!</span></dt>
|
||||||
|
<dd>Data filtering and automatic features activation basing on configuration.</dd>
|
||||||
|
|
||||||
|
<dt><a class="samples" href="divreplace.html">Replace DIV elements on the fly</a></dt>
|
||||||
|
<dd>Transforming a <code>div</code> element into an instance of CKEditor with a mouse click.</dd>
|
||||||
|
|
||||||
|
<dt><a class="samples" href="appendto.html">Append editor instances</a></dt>
|
||||||
|
<dd>Appending editor instances to existing DOM elements.</dd>
|
||||||
|
|
||||||
|
<dt><a class="samples" href="ajax.html">Create and destroy editor instances for Ajax applications</a></dt>
|
||||||
|
<dd>Creating and destroying CKEditor instances on the fly and saving the contents entered into the editor window.</dd>
|
||||||
|
|
||||||
|
<dt><a class="samples" href="api.html">Basic usage of the API</a></dt>
|
||||||
|
<dd>Using the CKEditor JavaScript API to interact with the editor at runtime.</dd>
|
||||||
|
|
||||||
|
<dt><a class="samples" href="xhtmlstyle.html">XHTML-compliant style</a></dt>
|
||||||
|
<dd>Configuring CKEditor to produce XHTML 1.1 compliant attributes and styles.</dd>
|
||||||
|
|
||||||
|
<dt><a class="samples" href="readonly.html">Read-only mode</a></dt>
|
||||||
|
<dd>Using the readOnly API to block introducing changes to the editor contents.</dd>
|
||||||
|
|
||||||
|
<dt><a class="samples" href="tabindex.html">"Tab" key-based navigation</a></dt>
|
||||||
|
<dd>Navigating among editor instances with tab key.</dd>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<dt><a class="samples" href="plugins/dialog/dialog.html">Using the JavaScript API to customize dialog windows</a></dt>
|
||||||
|
<dd>Using the dialog windows API to customize dialog windows without changing the original editor code.</dd>
|
||||||
|
|
||||||
|
<dt><a class="samples" href="plugins/enterkey/enterkey.html">Using the "Enter" key in CKEditor</a></dt>
|
||||||
|
<dd>Configuring the behavior of <em>Enter</em> and <em>Shift+Enter</em> keys.</dd>
|
||||||
|
|
||||||
|
<dt><a class="samples" href="plugins/toolbar/toolbar.html">Toolbar Configurations</a></dt>
|
||||||
|
<dd>Configuring CKEditor to display full or custom toolbar layout.</dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="footer">
|
||||||
|
<hr>
|
||||||
|
<p>
|
||||||
|
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
|
||||||
|
</p>
|
||||||
|
<p id="copy">
|
||||||
|
Copyright © 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
311
include/jQuery/ckeditor/samples/inlineall.html
Executable file
311
include/jQuery/ckeditor/samples/inlineall.html
Executable file
@@ -0,0 +1,311 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
||||||
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Massive inline editing — CKEditor Sample</title>
|
||||||
|
<script src="../ckeditor.js"></script>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
// This code is generally not necessary, but it is here to demonstrate
|
||||||
|
// how to customize specific editor instances on the fly. This fits well
|
||||||
|
// this demo because we have editable elements (like headers) that
|
||||||
|
// require less features.
|
||||||
|
|
||||||
|
// The "instanceCreated" event is fired for every editor instance created.
|
||||||
|
CKEDITOR.on( 'instanceCreated', function( event ) {
|
||||||
|
var editor = event.editor,
|
||||||
|
element = editor.element;
|
||||||
|
|
||||||
|
// Customize editors for headers and tag list.
|
||||||
|
// These editors don't need features like smileys, templates, iframes etc.
|
||||||
|
if ( element.is( 'h1', 'h2', 'h3' ) || element.getAttribute( 'id' ) == 'taglist' ) {
|
||||||
|
// Customize the editor configurations on "configLoaded" event,
|
||||||
|
// which is fired after the configuration file loading and
|
||||||
|
// execution. This makes it possible to change the
|
||||||
|
// configurations before the editor initialization takes place.
|
||||||
|
editor.on( 'configLoaded', function() {
|
||||||
|
|
||||||
|
// Remove unnecessary plugins to make the editor simpler.
|
||||||
|
editor.config.removePlugins = 'colorbutton,find,flash,font,' +
|
||||||
|
'forms,iframe,image,newpage,removeformat,' +
|
||||||
|
'smiley,specialchar,stylescombo,templates';
|
||||||
|
|
||||||
|
// Rearrange the layout of the toolbar.
|
||||||
|
editor.config.toolbarGroups = [
|
||||||
|
{ name: 'editing', groups: [ 'basicstyles', 'links' ] },
|
||||||
|
{ name: 'undo' },
|
||||||
|
{ name: 'clipboard', groups: [ 'selection', 'clipboard' ] },
|
||||||
|
{ name: 'about' }
|
||||||
|
];
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<link href="sample.css" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
|
||||||
|
/* The following styles are just to make the page look nice. */
|
||||||
|
|
||||||
|
/* Workaround to show Arial Black in Firefox. */
|
||||||
|
@font-face
|
||||||
|
{
|
||||||
|
font-family: 'arial-black';
|
||||||
|
src: local('Arial Black');
|
||||||
|
}
|
||||||
|
|
||||||
|
*[contenteditable="true"]
|
||||||
|
{
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#container
|
||||||
|
{
|
||||||
|
width: 960px;
|
||||||
|
margin: 30px auto 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header
|
||||||
|
{
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0 0 30px;
|
||||||
|
border-bottom: 5px solid #05B2D2;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
#headerLeft,
|
||||||
|
#headerRight
|
||||||
|
{
|
||||||
|
width: 49%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#headerLeft
|
||||||
|
{
|
||||||
|
float: left;
|
||||||
|
padding: 10px 1px 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#headerLeft h2,
|
||||||
|
#headerLeft h3
|
||||||
|
{
|
||||||
|
text-align: right;
|
||||||
|
margin: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
#headerLeft h2
|
||||||
|
{
|
||||||
|
font-family: "Arial Black",arial-black;
|
||||||
|
font-size: 4.6em;
|
||||||
|
line-height: 1.1;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
#headerLeft h3
|
||||||
|
{
|
||||||
|
font-size: 2.3em;
|
||||||
|
line-height: 1.1;
|
||||||
|
margin: .2em 0 0;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
#headerRight
|
||||||
|
{
|
||||||
|
float: right;
|
||||||
|
padding: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#headerRight p
|
||||||
|
{
|
||||||
|
line-height: 1.8;
|
||||||
|
text-align: justify;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#headerRight p + p
|
||||||
|
{
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#headerRight > div
|
||||||
|
{
|
||||||
|
padding: 20px;
|
||||||
|
margin: 0 0 0 30px;
|
||||||
|
font-size: 1.4em;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
#columns
|
||||||
|
{
|
||||||
|
color: #333;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#columns > div
|
||||||
|
{
|
||||||
|
float: left;
|
||||||
|
width: 33.3%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#columns #column1 > div
|
||||||
|
{
|
||||||
|
margin-left: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#columns #column3 > div
|
||||||
|
{
|
||||||
|
margin-right: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#columns > div > div
|
||||||
|
{
|
||||||
|
margin: 0px 10px;
|
||||||
|
padding: 10px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#columns blockquote
|
||||||
|
{
|
||||||
|
margin-left: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tagLine
|
||||||
|
{
|
||||||
|
border-top: 5px solid #05B2D2;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#taglist {
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: 20px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 0 0 0 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div>
|
||||||
|
<h1 class="samples"><a href="index.html">CKEditor Samples</a> » Massive inline editing</h1>
|
||||||
|
<div class="description">
|
||||||
|
<p>This sample page demonstrates the inline editing feature - CKEditor instances will be created automatically from page elements with <strong>contentEditable</strong> attribute set to value <strong>true</strong>:</p>
|
||||||
|
<pre class="samples"><div <strong>contenteditable="true</strong>" > ... </div></pre>
|
||||||
|
<p>Click inside of any element below to start editing.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="container">
|
||||||
|
<div id="header">
|
||||||
|
<div id="headerLeft">
|
||||||
|
<h2 id="sampleTitle" contenteditable="true">
|
||||||
|
CKEditor<br> Goes Inline!
|
||||||
|
</h2>
|
||||||
|
<h3 contenteditable="true">
|
||||||
|
Lorem ipsum dolor sit amet dolor duis blandit vestibulum faucibus a, tortor.
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
<div id="headerRight">
|
||||||
|
<div contenteditable="true">
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="columns">
|
||||||
|
<div id="column1">
|
||||||
|
<div contenteditable="true">
|
||||||
|
<h3>
|
||||||
|
Fusce vitae porttitor
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
<strong>
|
||||||
|
Lorem ipsum dolor sit amet dolor. Duis blandit vestibulum faucibus a, tortor.
|
||||||
|
</strong>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Proin nunc justo felis mollis tincidunt, risus risus pede, posuere cubilia Curae, Nullam euismod, enim. Etiam nibh ultricies dolor ac dignissim erat volutpat. Vivamus fermentum <a href="http://ckeditor.com/">nisl nulla sem in</a> metus. Maecenas wisi. Donec nec erat volutpat.
|
||||||
|
</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>
|
||||||
|
Fusce vitae porttitor a, euismod convallis nisl, blandit risus tortor, pretium.
|
||||||
|
Vehicula vitae, imperdiet vel, ornare enim vel sodales rutrum
|
||||||
|
</p>
|
||||||
|
</blockquote>
|
||||||
|
<blockquote>
|
||||||
|
<p>
|
||||||
|
Libero nunc, rhoncus ante ipsum non ipsum. Nunc eleifend pede turpis id sollicitudin fringilla. Phasellus ultrices, velit ac arcu.
|
||||||
|
</p>
|
||||||
|
</blockquote>
|
||||||
|
<p>Pellentesque nunc. Donec suscipit erat. Pellentesque habitant morbi tristique ullamcorper.</p>
|
||||||
|
<p><s>Mauris mattis feugiat lectus nec mauris. Nullam vitae ante.</s></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="column2">
|
||||||
|
<div contenteditable="true">
|
||||||
|
<h3>
|
||||||
|
Integer condimentum sit amet
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
<strong>Aenean nonummy a, mattis varius. Cras aliquet.</strong>
|
||||||
|
Praesent <a href="http://ckeditor.com/">magna non mattis ac, rhoncus nunc</a>, rhoncus eget, cursus pulvinar mollis.</p>
|
||||||
|
<p>Proin id nibh. Sed eu libero posuere sed, lectus. Phasellus dui gravida gravida feugiat mattis ac, felis.</p>
|
||||||
|
<p>Integer condimentum sit amet, tempor elit odio, a dolor non ante at sapien. Sed ac lectus. Nulla ligula quis eleifend mi, id leo velit pede cursus arcu id nulla ac lectus. Phasellus vestibulum. Nunc viverra enim quis diam.</p>
|
||||||
|
</div>
|
||||||
|
<div contenteditable="true">
|
||||||
|
<h3>
|
||||||
|
Praesent wisi accumsan sit amet nibh
|
||||||
|
</h3>
|
||||||
|
<p>Donec ullamcorper, risus tortor, pretium porttitor. Morbi quam quis lectus non leo.</p>
|
||||||
|
<p style="margin-left: 40px; ">Integer faucibus scelerisque. Proin faucibus at, aliquet vulputate, odio at eros. Fusce <a href="http://ckeditor.com/">gravida, erat vitae augue</a>. Fusce urna fringilla gravida.</p>
|
||||||
|
<p>In hac habitasse platea dictumst. Praesent wisi accumsan sit amet nibh. Maecenas orci luctus a, lacinia quam sem, posuere commodo, odio condimentum tempor, pede semper risus. Suspendisse pede. In hac habitasse platea dictumst. Nam sed laoreet sit amet erat. Integer.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="column3">
|
||||||
|
<div contenteditable="true">
|
||||||
|
<p>
|
||||||
|
<img src="assets/inlineall/logo.png" alt="CKEditor logo" style="float:left">
|
||||||
|
</p>
|
||||||
|
<p>Quisque justo neque, mattis sed, fermentum ultrices <strong>posuere cubilia Curae</strong>, Vestibulum elit metus, quis placerat ut, lectus. Ut sagittis, nunc libero, egestas consequat lobortis velit rutrum ut, faucibus turpis. Fusce porttitor, nulla quis turpis. Nullam laoreet vel, consectetuer tellus suscipit ultricies, hendrerit wisi. Donec odio nec velit ac nunc sit amet, accumsan cursus aliquet. Vestibulum ante sit amet sagittis mi.</p>
|
||||||
|
<h3>
|
||||||
|
Nullam laoreet vel consectetuer tellus suscipit
|
||||||
|
</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Ut sagittis, nunc libero, egestas consequat lobortis velit rutrum ut, faucibus turpis.</li>
|
||||||
|
<li>Fusce porttitor, nulla quis turpis. Nullam laoreet vel, consectetuer tellus suscipit ultricies, hendrerit wisi.</li>
|
||||||
|
<li>Mauris eget tellus. Donec non felis. Nam eget dolor. Vestibulum enim. Donec.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Quisque justo neque, mattis sed, <a href="http://ckeditor.com/">fermentum ultrices posuere cubilia</a> Curae, Vestibulum elit metus, quis placerat ut, lectus.</p>
|
||||||
|
<p>Nullam laoreet vel, consectetuer tellus suscipit ultricies, hendrerit wisi. Ut sagittis, nunc libero, egestas consequat lobortis velit rutrum ut, faucibus turpis. Fusce porttitor, nulla quis turpis.</p>
|
||||||
|
<p>Donec odio nec velit ac nunc sit amet, accumsan cursus aliquet. Vestibulum ante sit amet sagittis mi. Sed in nonummy faucibus turpis. Mauris eget tellus. Donec non felis. Nam eget dolor. Vestibulum enim. Donec.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="tagLine">
|
||||||
|
Tags of this article:
|
||||||
|
<p id="taglist" contenteditable="true">
|
||||||
|
inline, editing, floating, CKEditor
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="footer">
|
||||||
|
<hr>
|
||||||
|
<p>
|
||||||
|
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">
|
||||||
|
http://ckeditor.com</a>
|
||||||
|
</p>
|
||||||
|
<p id="copy">
|
||||||
|
Copyright © 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a>
|
||||||
|
- Frederico Knabben. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
121
include/jQuery/ckeditor/samples/inlinebycode.html
Executable file
121
include/jQuery/ckeditor/samples/inlinebycode.html
Executable file
@@ -0,0 +1,121 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
||||||
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Inline Editing by Code — CKEditor Sample</title>
|
||||||
|
<script src="../ckeditor.js"></script>
|
||||||
|
<link href="sample.css" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
|
||||||
|
#editable
|
||||||
|
{
|
||||||
|
padding: 10px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 class="samples">
|
||||||
|
<a href="index.html">CKEditor Samples</a> » Inline Editing by Code
|
||||||
|
</h1>
|
||||||
|
<div class="description">
|
||||||
|
<p>
|
||||||
|
This sample shows how to create an inline editor instance of CKEditor. It is created
|
||||||
|
with a JavaScript call using the following code:
|
||||||
|
</p>
|
||||||
|
<pre class="samples">
|
||||||
|
// This property tells CKEditor to not activate every element with contenteditable=true element.
|
||||||
|
CKEDITOR.disableAutoInline = true;
|
||||||
|
|
||||||
|
var editor = CKEDITOR.inline( document.getElementById( 'editable' ) );
|
||||||
|
</pre>
|
||||||
|
<p>
|
||||||
|
Note that <code>editable</code> in the code above is the <code>id</code>
|
||||||
|
attribute of the <code><div></code> element to be converted into an inline instance.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div id="editable" contenteditable="true">
|
||||||
|
<h1><img alt="Saturn V carrying Apollo 11" class="right" src="assets/sample.jpg" /> Apollo 11</h1>
|
||||||
|
|
||||||
|
<p><b>Apollo 11</b> was the spaceflight that landed the first humans, Americans <a href="http://en.wikipedia.org/wiki/Neil_Armstrong" title="Neil Armstrong">Neil Armstrong</a> and <a href="http://en.wikipedia.org/wiki/Buzz_Aldrin" title="Buzz Aldrin">Buzz Aldrin</a>, on the Moon on July 20, 1969, at 20:18 UTC. Armstrong became the first to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.</p>
|
||||||
|
|
||||||
|
<p>Armstrong spent about <s>three and a half</s> two and a half hours outside the spacecraft, Aldrin slightly less; and together they collected 47.5 pounds (21.5 kg) of lunar material for return to Earth. A third member of the mission, <a href="http://en.wikipedia.org/wiki/Michael_Collins_(astronaut)" title="Michael Collins (astronaut)">Michael Collins</a>, piloted the <a href="http://en.wikipedia.org/wiki/Apollo_Command/Service_Module" title="Apollo Command/Service Module">command</a> spacecraft alone in lunar orbit until Armstrong and Aldrin returned to it for the trip back to Earth.</p>
|
||||||
|
|
||||||
|
<h2>Broadcasting and <em>quotes</em> <a id="quotes" name="quotes"></a></h2>
|
||||||
|
|
||||||
|
<p>Broadcast on live TV to a world-wide audience, Armstrong stepped onto the lunar surface and described the event as:</p>
|
||||||
|
|
||||||
|
<blockquote>
|
||||||
|
<p>One small step for [a] man, one giant leap for mankind.</p>
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<p>Apollo 11 effectively ended the <a href="http://en.wikipedia.org/wiki/Space_Race" title="Space Race">Space Race</a> and fulfilled a national goal proposed in 1961 by the late U.S. President <a href="http://en.wikipedia.org/wiki/John_F._Kennedy" title="John F. Kennedy">John F. Kennedy</a> in a speech before the United States Congress:</p>
|
||||||
|
|
||||||
|
<blockquote>
|
||||||
|
<p>[...] before this decade is out, of landing a man on the Moon and returning him safely to the Earth.</p>
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<h2>Technical details <a id="tech-details" name="tech-details"></a></h2>
|
||||||
|
|
||||||
|
<table align="right" border="1" bordercolor="#ccc" cellpadding="5" cellspacing="0" style="border-collapse:collapse;margin:10px 0 10px 15px;">
|
||||||
|
<caption><strong>Mission crew</strong></caption>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th scope="col">Position</th>
|
||||||
|
<th scope="col">Astronaut</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Commander</td>
|
||||||
|
<td>Neil A. Armstrong</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Command Module Pilot</td>
|
||||||
|
<td>Michael Collins</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Lunar Module Pilot</td>
|
||||||
|
<td>Edwin "Buzz" E. Aldrin, Jr.</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<p>Launched by a <strong>Saturn V</strong> rocket from <a href="http://en.wikipedia.org/wiki/Kennedy_Space_Center" title="Kennedy Space Center">Kennedy Space Center</a> in Merritt Island, Florida on July 16, Apollo 11 was the fifth manned mission of <a href="http://en.wikipedia.org/wiki/NASA" title="NASA">NASA</a>'s Apollo program. The Apollo spacecraft had three parts:</p>
|
||||||
|
|
||||||
|
<ol>
|
||||||
|
<li><strong>Command Module</strong> with a cabin for the three astronauts which was the only part which landed back on Earth</li>
|
||||||
|
<li><strong>Service Module</strong> which supported the Command Module with propulsion, electrical power, oxygen and water</li>
|
||||||
|
<li><strong>Lunar Module</strong> for landing on the Moon.</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<p>After being sent to the Moon by the Saturn V's upper stage, the astronauts separated the spacecraft from it and travelled for three days until they entered into lunar orbit. Armstrong and Aldrin then moved into the Lunar Module and landed in the <a href="http://en.wikipedia.org/wiki/Mare_Tranquillitatis" title="Mare Tranquillitatis">Sea of Tranquility</a>. They stayed a total of about 21 and a half hours on the lunar surface. After lifting off in the upper part of the Lunar Module and rejoining Collins in the Command Module, they returned to Earth and landed in the <a href="http://en.wikipedia.org/wiki/Pacific_Ocean" title="Pacific Ocean">Pacific Ocean</a> on July 24.</p>
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
<p style="text-align: right;"><small>Source: <a href="http://en.wikipedia.org/wiki/Apollo_11">Wikipedia.org</a></small></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// We need to turn off the automatic editor creation first.
|
||||||
|
CKEDITOR.disableAutoInline = true;
|
||||||
|
|
||||||
|
var editor = CKEDITOR.inline( 'editable' );
|
||||||
|
</script>
|
||||||
|
<div id="footer">
|
||||||
|
<hr>
|
||||||
|
<p contenteditable="true">
|
||||||
|
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">
|
||||||
|
http://ckeditor.com</a>
|
||||||
|
</p>
|
||||||
|
<p id="copy">
|
||||||
|
Copyright © 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a>
|
||||||
|
- Frederico Knabben. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
110
include/jQuery/ckeditor/samples/inlinetextarea.html
Executable file
110
include/jQuery/ckeditor/samples/inlinetextarea.html
Executable file
@@ -0,0 +1,110 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
||||||
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Replace Textarea with Inline Editor — CKEditor Sample</title>
|
||||||
|
<script src="../ckeditor.js"></script>
|
||||||
|
<link href="sample.css" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
|
||||||
|
/* Style the CKEditor element to look like a textfield */
|
||||||
|
.cke_textarea_inline
|
||||||
|
{
|
||||||
|
padding: 10px;
|
||||||
|
height: 200px;
|
||||||
|
overflow: auto;
|
||||||
|
|
||||||
|
border: 1px solid gray;
|
||||||
|
-webkit-appearance: textfield;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 class="samples">
|
||||||
|
<a href="index.html">CKEditor Samples</a> » Replace Textarea with Inline Editor
|
||||||
|
</h1>
|
||||||
|
<div class="description">
|
||||||
|
<p>
|
||||||
|
You can also create an inline editor from a <code>textarea</code>
|
||||||
|
element. In this case the <code>textarea</code> will be replaced
|
||||||
|
by a <code>div</code> element with inline editing enabled.
|
||||||
|
</p>
|
||||||
|
<pre class="samples">
|
||||||
|
// "article-body" is the name of a textarea element.
|
||||||
|
var editor = CKEDITOR.inline( 'article-body' );
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
<form action="sample_posteddata.php" method="post">
|
||||||
|
<h2>This is a sample form with some fields</h2>
|
||||||
|
<p>
|
||||||
|
Title:<br>
|
||||||
|
<input type="text" name="title" value="Sample Form"></p>
|
||||||
|
<p>
|
||||||
|
Article Body (Textarea converted to CKEditor):<br>
|
||||||
|
<textarea name="article-body" style="height: 200px">
|
||||||
|
<h2>Technical details <a id="tech-details" name="tech-details"></a></h2>
|
||||||
|
|
||||||
|
<table align="right" border="1" bordercolor="#ccc" cellpadding="5" cellspacing="0" style="border-collapse:collapse;margin:10px 0 10px 15px;">
|
||||||
|
<caption><strong>Mission crew</strong></caption>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th scope="col">Position</th>
|
||||||
|
<th scope="col">Astronaut</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Commander</td>
|
||||||
|
<td>Neil A. Armstrong</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Command Module Pilot</td>
|
||||||
|
<td>Michael Collins</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Lunar Module Pilot</td>
|
||||||
|
<td>Edwin "Buzz" E. Aldrin, Jr.</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<p>Launched by a <strong>Saturn V</strong> rocket from <a href="http://en.wikipedia.org/wiki/Kennedy_Space_Center" title="Kennedy Space Center">Kennedy Space Center</a> in Merritt Island, Florida on July 16, Apollo 11 was the fifth manned mission of <a href="http://en.wikipedia.org/wiki/NASA" title="NASA">NASA</a>'s Apollo program. The Apollo spacecraft had three parts:</p>
|
||||||
|
|
||||||
|
<ol>
|
||||||
|
<li><strong>Command Module</strong> with a cabin for the three astronauts which was the only part which landed back on Earth</li>
|
||||||
|
<li><strong>Service Module</strong> which supported the Command Module with propulsion, electrical power, oxygen and water</li>
|
||||||
|
<li><strong>Lunar Module</strong> for landing on the Moon.</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<p>After being sent to the Moon by the Saturn V's upper stage, the astronauts separated the spacecraft from it and travelled for three days until they entered into lunar orbit. Armstrong and Aldrin then moved into the Lunar Module and landed in the <a href="http://en.wikipedia.org/wiki/Mare_Tranquillitatis" title="Mare Tranquillitatis">Sea of Tranquility</a>. They stayed a total of about 21 and a half hours on the lunar surface. After lifting off in the upper part of the Lunar Module and rejoining Collins in the Command Module, they returned to Earth and landed in the <a href="http://en.wikipedia.org/wiki/Pacific_Ocean" title="Pacific Ocean">Pacific Ocean</a> on July 24.</p>
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
<p style="text-align: right;"><small>Source: <a href="http://en.wikipedia.org/wiki/Apollo_11">Wikipedia.org</a></small></p>
|
||||||
|
</textarea>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<input type="submit" value="Submit">
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
CKEDITOR.inline( 'article-body' );
|
||||||
|
</script>
|
||||||
|
<div id="footer">
|
||||||
|
<hr>
|
||||||
|
<p>
|
||||||
|
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">
|
||||||
|
http://ckeditor.com</a>
|
||||||
|
</p>
|
||||||
|
<p id="copy">
|
||||||
|
Copyright © 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a>
|
||||||
|
- Frederico Knabben. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
100
include/jQuery/ckeditor/samples/jquery.html
Executable file
100
include/jQuery/ckeditor/samples/jquery.html
Executable file
@@ -0,0 +1,100 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
||||||
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery Adapter — CKEditor Sample</title>
|
||||||
|
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
|
||||||
|
<script src="../ckeditor.js"></script>
|
||||||
|
<script src="../adapters/jquery.js"></script>
|
||||||
|
<link href="sample.css" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
|
||||||
|
#editable
|
||||||
|
{
|
||||||
|
padding: 10px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
CKEDITOR.disableAutoInline = true;
|
||||||
|
|
||||||
|
$( document ).ready( function() {
|
||||||
|
$( '#editor1' ).ckeditor(); // Use CKEDITOR.replace() if element is <textarea>.
|
||||||
|
$( '#editable' ).ckeditor(); // Use CKEDITOR.inline().
|
||||||
|
} );
|
||||||
|
|
||||||
|
function setValue() {
|
||||||
|
$( '#editor1' ).val( $( 'input#val' ).val() );
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 class="samples">
|
||||||
|
<a href="index.html" id="a-test">CKEditor Samples</a> » Create Editors with jQuery
|
||||||
|
</h1>
|
||||||
|
<form action="sample_posteddata.php" method="post">
|
||||||
|
<div class="description">
|
||||||
|
<p>
|
||||||
|
This sample shows how to use the <a href="http://docs.ckeditor.com/#!/guide/dev_jquery">jQuery adapter</a>.
|
||||||
|
Note that you have to include both CKEditor and jQuery scripts before including the adapter.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<pre class="samples">
|
||||||
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
|
||||||
|
<script src="/ckeditor/ckeditor.js"></script>
|
||||||
|
<script src="/ckeditor/adapters/jquery.js"></script>
|
||||||
|
</pre>
|
||||||
|
|
||||||
|
<p>Then you can replace HTML elements with a CKEditor instance using the <code>ckeditor()</code> method.</p>
|
||||||
|
|
||||||
|
<pre class="samples">
|
||||||
|
$( document ).ready( function() {
|
||||||
|
$( 'textarea#editor1' ).ckeditor();
|
||||||
|
} );
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2 class="samples">Inline Example</h2>
|
||||||
|
|
||||||
|
<div id="editable" contenteditable="true">
|
||||||
|
<p><img alt="Saturn V carrying Apollo 11" class="right" src="assets/sample.jpg"/><b>Apollo 11</b> was the spaceflight that landed the first humans, Americans <a href="http://en.wikipedia.org/wiki/Neil_Armstrong" title="Neil Armstrong">Neil Armstrong</a> and <a href="http://en.wikipedia.org/wiki/Buzz_Aldrin" title="Buzz Aldrin">Buzz Aldrin</a>, on the Moon on July 20, 1969, at 20:18 UTC. Armstrong became the first to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.</p>
|
||||||
|
<p>Armstrong spent about <s>three and a half</s> two and a half hours outside the spacecraft, Aldrin slightly less; and together they collected 47.5 pounds (21.5 kg) of lunar material for return to Earth. A third member of the mission, <a href="http://en.wikipedia.org/wiki/Michael_Collins_(astronaut)" title="Michael Collins (astronaut)">Michael Collins</a>, piloted the <a href="http://en.wikipedia.org/wiki/Apollo_Command/Service_Module" title="Apollo Command/Service Module">command</a> spacecraft alone in lunar orbit until Armstrong and Aldrin returned to it for the trip back to Earth.
|
||||||
|
<p>Broadcast on live TV to a world-wide audience, Armstrong stepped onto the lunar surface and described the event as:</p>
|
||||||
|
<blockquote><p>One small step for [a] man, one giant leap for mankind.</p></blockquote> <p>Apollo 11 effectively ended the <a href="http://en.wikipedia.org/wiki/Space_Race" title="Space Race">Space Race</a> and fulfilled a national goal proposed in 1961 by the late U.S. President <a href="http://en.wikipedia.org/wiki/John_F._Kennedy" title="John F. Kennedy">John F. Kennedy</a> in a speech before the United States Congress:</p> <blockquote><p>[...] before this decade is out, of landing a man on the Moon and returning him safely to the Earth.</p></blockquote>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br style="clear: both">
|
||||||
|
|
||||||
|
<h2 class="samples">Classic (iframe-based) Example</h2>
|
||||||
|
|
||||||
|
<textarea cols="80" id="editor1" name="editor1" rows="10">
|
||||||
|
<h2>Technical details <a id="tech-details" name="tech-details"></a></h2> <table align="right" border="1" bordercolor="#ccc" cellpadding="5" cellspacing="0" style="border-collapse:collapse;margin:10px 0 10px 15px;"> <caption><strong>Mission crew</strong></caption> <thead> <tr> <th scope="col">Position</th> <th scope="col">Astronaut</th> </tr> </thead> <tbody> <tr> <td>Commander</td> <td>Neil A. Armstrong</td> </tr> <tr> <td>Command Module Pilot</td> <td>Michael Collins</td> </tr> <tr> <td>Lunar Module Pilot</td> <td>Edwin &quot;Buzz&quot; E. Aldrin, Jr.</td> </tr> </tbody> </table> <p>Launched by a <strong>Saturn V</strong> rocket from <a href="http://en.wikipedia.org/wiki/Kennedy_Space_Center" title="Kennedy Space Center">Kennedy Space Center</a> in Merritt Island, Florida on July 16, Apollo 11 was the fifth manned mission of <a href="http://en.wikipedia.org/wiki/NASA" title="NASA">NASA</a>&#39;s Apollo program. The Apollo spacecraft had three parts:</p> <ol> <li><strong>Command Module</strong> with a cabin for the three astronauts which was the only part which landed back on Earth</li> <li><strong>Service Module</strong> which supported the Command Module with propulsion, electrical power, oxygen and water</li> <li><strong>Lunar Module</strong> for landing on the Moon.</li> </ol> <p>After being sent to the Moon by the Saturn V&#39;s upper stage, the astronauts separated the spacecraft from it and travelled for three days until they entered into lunar orbit. Armstrong and Aldrin then moved into the Lunar Module and landed in the <a href="http://en.wikipedia.org/wiki/Mare_Tranquillitatis" title="Mare Tranquillitatis">Sea of Tranquility</a>. They stayed a total of about 21 and a half hours on the lunar surface. After lifting off in the upper part of the Lunar Module and rejoining Collins in the Command Module, they returned to Earth and landed in the <a href="http://en.wikipedia.org/wiki/Pacific_Ocean" title="Pacific Ocean">Pacific Ocean</a> on July 24.</p> <hr/> <p style="text-align: right;"><small>Source: <a href="http://en.wikipedia.org/wiki/Apollo_11">Wikipedia.org</a></small></p>
|
||||||
|
</textarea>
|
||||||
|
|
||||||
|
<p style="overflow: hidden">
|
||||||
|
<input style="float: left" type="submit" value="Submit">
|
||||||
|
<span style="float: right">
|
||||||
|
<input type="text" id="val" value="I'm using jQuery val()!" size="30">
|
||||||
|
<input onclick="setValue();" type="button" value="Set value">
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
<div id="footer">
|
||||||
|
<hr>
|
||||||
|
<p>
|
||||||
|
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
|
||||||
|
</p>
|
||||||
|
<p id="copy">
|
||||||
|
Copyright © 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
|
||||||
|
Knabben. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
187
include/jQuery/ckeditor/samples/plugins/dialog/dialog.html
Executable file
187
include/jQuery/ckeditor/samples/plugins/dialog/dialog.html
Executable file
@@ -0,0 +1,187 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
||||||
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Using API to Customize Dialog Windows — CKEditor Sample</title>
|
||||||
|
<script src="../../../ckeditor.js"></script>
|
||||||
|
<link rel="stylesheet" href="../../../samples/sample.css">
|
||||||
|
<meta name="ckeditor-sample-name" content="Using the JavaScript API to customize dialog windows">
|
||||||
|
<meta name="ckeditor-sample-group" content="Advanced Samples">
|
||||||
|
<meta name="ckeditor-sample-description" content="Using the dialog windows API to customize dialog windows without changing the original editor code.">
|
||||||
|
<style>
|
||||||
|
|
||||||
|
.cke_button__mybutton_icon
|
||||||
|
{
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cke_button__mybutton_label
|
||||||
|
{
|
||||||
|
display: inline !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
CKEDITOR.on( 'instanceCreated', function( ev ){
|
||||||
|
var editor = ev.editor;
|
||||||
|
|
||||||
|
// Listen for the "pluginsLoaded" event, so we are sure that the
|
||||||
|
// "dialog" plugin has been loaded and we are able to do our
|
||||||
|
// customizations.
|
||||||
|
editor.on( 'pluginsLoaded', function() {
|
||||||
|
|
||||||
|
// If our custom dialog has not been registered, do that now.
|
||||||
|
if ( !CKEDITOR.dialog.exists( 'myDialog' ) ) {
|
||||||
|
// We need to do the following trick to find out the dialog
|
||||||
|
// definition file URL path. In the real world, you would simply
|
||||||
|
// point to an absolute path directly, like "/mydir/mydialog.js".
|
||||||
|
var href = document.location.href.split( '/' );
|
||||||
|
href.pop();
|
||||||
|
href.push( 'assets/my_dialog.js' );
|
||||||
|
href = href.join( '/' );
|
||||||
|
|
||||||
|
// Finally, register the dialog.
|
||||||
|
CKEDITOR.dialog.add( 'myDialog', href );
|
||||||
|
}
|
||||||
|
|
||||||
|
// Register the command used to open the dialog.
|
||||||
|
editor.addCommand( 'myDialogCmd', new CKEDITOR.dialogCommand( 'myDialog' ) );
|
||||||
|
|
||||||
|
// Add the a custom toolbar buttons, which fires the above
|
||||||
|
// command..
|
||||||
|
editor.ui.add( 'MyButton', CKEDITOR.UI_BUTTON, {
|
||||||
|
label: 'My Dialog',
|
||||||
|
command: 'myDialogCmd'
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// When opening a dialog, its "definition" is created for it, for
|
||||||
|
// each editor instance. The "dialogDefinition" event is then
|
||||||
|
// fired. We should use this event to make customizations to the
|
||||||
|
// definition of existing dialogs.
|
||||||
|
CKEDITOR.on( 'dialogDefinition', function( ev ) {
|
||||||
|
// Take the dialog name and its definition from the event data.
|
||||||
|
var dialogName = ev.data.name;
|
||||||
|
var dialogDefinition = ev.data.definition;
|
||||||
|
|
||||||
|
// Check if the definition is from the dialog we're
|
||||||
|
// interested on (the "Link" dialog).
|
||||||
|
if ( dialogName == 'myDialog' && ev.editor.name == 'editor2' ) {
|
||||||
|
// Get a reference to the "Link Info" tab.
|
||||||
|
var infoTab = dialogDefinition.getContents( 'tab1' );
|
||||||
|
|
||||||
|
// Add a new text field to the "tab1" tab page.
|
||||||
|
infoTab.add( {
|
||||||
|
type: 'text',
|
||||||
|
label: 'My Custom Field',
|
||||||
|
id: 'customField',
|
||||||
|
'default': 'Sample!',
|
||||||
|
validate: function() {
|
||||||
|
if ( ( /\d/ ).test( this.getValue() ) )
|
||||||
|
return 'My Custom Field must not contain digits';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Remove the "select1" field from the "tab1" tab.
|
||||||
|
infoTab.remove( 'select1' );
|
||||||
|
|
||||||
|
// Set the default value for "input1" field.
|
||||||
|
var input1 = infoTab.get( 'input1' );
|
||||||
|
input1[ 'default' ] = 'www.example.com';
|
||||||
|
|
||||||
|
// Remove the "tab2" tab page.
|
||||||
|
dialogDefinition.removeContents( 'tab2' );
|
||||||
|
|
||||||
|
// Add a new tab to the "Link" dialog.
|
||||||
|
dialogDefinition.addContents( {
|
||||||
|
id: 'customTab',
|
||||||
|
label: 'My Tab',
|
||||||
|
accessKey: 'M',
|
||||||
|
elements: [
|
||||||
|
{
|
||||||
|
id: 'myField1',
|
||||||
|
type: 'text',
|
||||||
|
label: 'My Text Field'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'myField2',
|
||||||
|
type: 'text',
|
||||||
|
label: 'Another Text Field'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
});
|
||||||
|
|
||||||
|
// Provide the focus handler to start initial focus in "customField" field.
|
||||||
|
dialogDefinition.onFocus = function() {
|
||||||
|
var urlField = this.getContentElement( 'tab1', 'customField' );
|
||||||
|
urlField.select();
|
||||||
|
};
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
var config = {
|
||||||
|
extraPlugins: 'dialog',
|
||||||
|
toolbar: [ [ 'MyButton' ] ]
|
||||||
|
};
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 class="samples">
|
||||||
|
<a href="../../../samples/index.html">CKEditor Samples</a> » Using CKEditor Dialog API
|
||||||
|
</h1>
|
||||||
|
<div class="description">
|
||||||
|
<p>
|
||||||
|
This sample shows how to use the
|
||||||
|
<a class="samples" href="http://docs.ckeditor.com/#!/api/CKEDITOR.dialog">CKEditor Dialog API</a>
|
||||||
|
to customize CKEditor dialog windows without changing the original editor code.
|
||||||
|
The following customizations are being done in the example below:
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
For details on how to create this setup check the source code of this sample page.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<p>A custom dialog is added to the editors using the <code>pluginsLoaded</code> event, from an external <a target="_blank" href="assets/my_dialog.js">dialog definition file</a>:</p>
|
||||||
|
<ol>
|
||||||
|
<li><strong>Creating a custom dialog window</strong> – "My Dialog" dialog window opened with the "My Dialog" toolbar button.</li>
|
||||||
|
<li><strong>Creating a custom button</strong> – Add button to open the dialog with "My Dialog" toolbar button.</li>
|
||||||
|
</ol>
|
||||||
|
<textarea cols="80" id="editor1" name="editor1" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>
|
||||||
|
<script>
|
||||||
|
// Replace the <textarea id="editor1"> with an CKEditor instance.
|
||||||
|
CKEDITOR.replace( 'editor1', config );
|
||||||
|
</script>
|
||||||
|
<p>The below editor modify the dialog definition of the above added dialog using the <code>dialogDefinition</code> event:</p>
|
||||||
|
<ol>
|
||||||
|
<li><strong>Adding dialog tab</strong> – Add new tab "My Tab" to dialog window.</li>
|
||||||
|
<li><strong>Removing a dialog window tab</strong> – Remove "Second Tab" page from the dialog window.</li>
|
||||||
|
<li><strong>Adding dialog window fields</strong> – Add "My Custom Field" to the dialog window.</li>
|
||||||
|
<li><strong>Removing dialog window field</strong> – Remove "Select Field" selection field from the dialog window.</li>
|
||||||
|
<li><strong>Setting default values for dialog window fields</strong> – Set default value of "Text Field" text field. </li>
|
||||||
|
<li><strong>Setup initial focus for dialog window</strong> – Put initial focus on "My Custom Field" text field. </li>
|
||||||
|
</ol>
|
||||||
|
<textarea cols="80" id="editor2" name="editor2" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
// Replace the <textarea id="editor1"> with an CKEditor instance.
|
||||||
|
CKEDITOR.replace( 'editor2', config );
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<div id="footer">
|
||||||
|
<hr>
|
||||||
|
<p>
|
||||||
|
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
|
||||||
|
</p>
|
||||||
|
<p id="copy">
|
||||||
|
Copyright © 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
|
||||||
|
Knabben. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
103
include/jQuery/ckeditor/samples/plugins/enterkey/enterkey.html
Executable file
103
include/jQuery/ckeditor/samples/plugins/enterkey/enterkey.html
Executable file
@@ -0,0 +1,103 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
||||||
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>ENTER Key Configuration — CKEditor Sample</title>
|
||||||
|
<script src="../../../ckeditor.js"></script>
|
||||||
|
<link href="../../../samples/sample.css" rel="stylesheet">
|
||||||
|
<meta name="ckeditor-sample-name" content="Using the "Enter" key in CKEditor">
|
||||||
|
<meta name="ckeditor-sample-group" content="Advanced Samples">
|
||||||
|
<meta name="ckeditor-sample-description" content="Configuring the behavior of <em>Enter</em> and <em>Shift+Enter</em> keys.">
|
||||||
|
<script>
|
||||||
|
|
||||||
|
var editor;
|
||||||
|
|
||||||
|
function changeEnter() {
|
||||||
|
// If we already have an editor, let's destroy it first.
|
||||||
|
if ( editor )
|
||||||
|
editor.destroy( true );
|
||||||
|
|
||||||
|
// Create the editor again, with the appropriate settings.
|
||||||
|
editor = CKEDITOR.replace( 'editor1', {
|
||||||
|
extraPlugins: 'enterkey',
|
||||||
|
enterMode: Number( document.getElementById( 'xEnter' ).value ),
|
||||||
|
shiftEnterMode: Number( document.getElementById( 'xShiftEnter' ).value )
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
window.onload = changeEnter;
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 class="samples">
|
||||||
|
<a href="../../../samples/index.html">CKEditor Samples</a> » ENTER Key Configuration
|
||||||
|
</h1>
|
||||||
|
<div class="description">
|
||||||
|
<p>
|
||||||
|
This sample shows how to configure the <em>Enter</em> and <em>Shift+Enter</em> keys
|
||||||
|
to perform actions specified in the
|
||||||
|
<a class="samples" href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-enterMode"><code>enterMode</code></a>
|
||||||
|
and <a class="samples" href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-shiftEnterMode"><code>shiftEnterMode</code></a>
|
||||||
|
parameters, respectively.
|
||||||
|
You can choose from the following options:
|
||||||
|
</p>
|
||||||
|
<ul class="samples">
|
||||||
|
<li><strong><code>ENTER_P</code></strong> – new <code><p></code> paragraphs are created;</li>
|
||||||
|
<li><strong><code>ENTER_BR</code></strong> – lines are broken with <code><br></code> elements;</li>
|
||||||
|
<li><strong><code>ENTER_DIV</code></strong> – new <code><div></code> blocks are created.</li>
|
||||||
|
</ul>
|
||||||
|
<p>
|
||||||
|
The sample code below shows how to configure CKEditor to create a <code><div></code> block when <em>Enter</em> key is pressed.
|
||||||
|
</p>
|
||||||
|
<pre class="samples">
|
||||||
|
CKEDITOR.replace( '<em>textarea_id</em>', {
|
||||||
|
<strong>enterMode: CKEDITOR.ENTER_DIV</strong>
|
||||||
|
});</pre>
|
||||||
|
<p>
|
||||||
|
Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
|
||||||
|
the <code><textarea></code> element to be replaced.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div style="float: left; margin-right: 20px">
|
||||||
|
When <em>Enter</em> is pressed:<br>
|
||||||
|
<select id="xEnter" onchange="changeEnter();">
|
||||||
|
<option selected="selected" value="1">Create a new <P> (recommended)</option>
|
||||||
|
<option value="3">Create a new <DIV></option>
|
||||||
|
<option value="2">Break the line with a <BR></option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div style="float: left">
|
||||||
|
When <em>Shift+Enter</em> is pressed:<br>
|
||||||
|
<select id="xShiftEnter" onchange="changeEnter();">
|
||||||
|
<option value="1">Create a new <P></option>
|
||||||
|
<option value="3">Create a new <DIV></option>
|
||||||
|
<option selected="selected" value="2">Break the line with a <BR> (recommended)</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<br style="clear: both">
|
||||||
|
<form action="../../../samples/sample_posteddata.php" method="post">
|
||||||
|
<p>
|
||||||
|
<br>
|
||||||
|
<textarea cols="80" id="editor1" name="editor1" rows="10">This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</textarea>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<input type="submit" value="Submit">
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
<div id="footer">
|
||||||
|
<hr>
|
||||||
|
<p>
|
||||||
|
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
|
||||||
|
</p>
|
||||||
|
<p id="copy">
|
||||||
|
Copyright © 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
|
||||||
|
Knabben. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
232
include/jQuery/ckeditor/samples/plugins/toolbar/toolbar.html
Executable file
232
include/jQuery/ckeditor/samples/plugins/toolbar/toolbar.html
Executable file
@@ -0,0 +1,232 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
||||||
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Toolbar Configuration — CKEditor Sample</title>
|
||||||
|
<meta name="ckeditor-sample-name" content="Toolbar Configurations">
|
||||||
|
<meta name="ckeditor-sample-group" content="Advanced Samples">
|
||||||
|
<meta name="ckeditor-sample-description" content="Configuring CKEditor to display full or custom toolbar layout.">
|
||||||
|
<script src="../../../ckeditor.js"></script>
|
||||||
|
<link href="../../../samples/sample.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 class="samples">
|
||||||
|
<a href="../../../samples/index.html">CKEditor Samples</a> » Toolbar Configuration
|
||||||
|
</h1>
|
||||||
|
<div class="description">
|
||||||
|
<p>
|
||||||
|
This sample page demonstrates editor with loaded <a href="#fullToolbar">full toolbar</a> (all registered buttons) and, if
|
||||||
|
current editor's configuration modifies default settings, also editor with <a href="#currentToolbar">modified toolbar</a>.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>Since CKEditor 4 there are two ways to configure toolbar buttons.</p>
|
||||||
|
|
||||||
|
<h2 class="samples">By <a href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-toolbar">config.toolbar</a></h2>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
You can explicitly define which buttons are displayed in which groups and in which order.
|
||||||
|
This is the more precise setting, but less flexible. If newly added plugin adds its
|
||||||
|
own button you'll have to add it manually to your <code>config.toolbar</code> setting as well.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>To add a CKEditor instance with custom toolbar setting, insert the following JavaScript call to your code:</p>
|
||||||
|
|
||||||
|
<pre class="samples">
|
||||||
|
CKEDITOR.replace( <em>'textarea_id'</em>, {
|
||||||
|
<strong>toolbar:</strong> [
|
||||||
|
{ name: 'document', items: [ 'Source', '-', 'NewPage', 'Preview', '-', 'Templates' ] }, // Defines toolbar group with name (used to create voice label) and items in 3 subgroups.
|
||||||
|
[ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ], // Defines toolbar group without name.
|
||||||
|
'/', // Line break - next group will be placed in new line.
|
||||||
|
{ name: 'basicstyles', items: [ 'Bold', 'Italic' ] }
|
||||||
|
]
|
||||||
|
});</pre>
|
||||||
|
|
||||||
|
<h2 class="samples">By <a href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-toolbarGroups">config.toolbarGroups</a></h2>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
You can define which groups of buttons (like e.g. <code>basicstyles</code>, <code>clipboard</code>
|
||||||
|
and <code>forms</code>) are displayed and in which order. Registered buttons are associated
|
||||||
|
with toolbar groups by <code>toolbar</code> property in their definition.
|
||||||
|
This setting's advantage is that you don't have to modify toolbar configuration
|
||||||
|
when adding/removing plugins which register their own buttons.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>To add a CKEditor instance with custom toolbar groups setting, insert the following JavaScript call to your code:</p>
|
||||||
|
|
||||||
|
<pre class="samples">
|
||||||
|
CKEDITOR.replace( <em>'textarea_id'</em>, {
|
||||||
|
<strong>toolbarGroups:</strong> [
|
||||||
|
{ name: 'document', groups: [ 'mode', 'document' ] }, // Displays document group with its two subgroups.
|
||||||
|
{ name: 'clipboard', groups: [ 'clipboard', 'undo' ] }, // Group's name will be used to create voice label.
|
||||||
|
'/', // Line break - next group will be placed in new line.
|
||||||
|
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
|
||||||
|
{ name: 'links' }
|
||||||
|
]
|
||||||
|
|
||||||
|
// NOTE: Remember to leave 'toolbar' property with the default value (null).
|
||||||
|
});</pre>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="currentToolbar" style="display: none">
|
||||||
|
<h2 class="samples">Current toolbar configuration</h2>
|
||||||
|
<p>Below you can see editor with current toolbar definition.</p>
|
||||||
|
<textarea cols="80" id="editorCurrent" name="editorCurrent" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>
|
||||||
|
<pre id="editorCurrentCfg" class="samples"></pre>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="fullToolbar">
|
||||||
|
<h2 class="samples">Full toolbar configuration</h2>
|
||||||
|
<p>Below you can see editor with full toolbar, generated automatically by the editor.</p>
|
||||||
|
<p>
|
||||||
|
<strong>Note</strong>: To create editor instance with full toolbar you don't have to set anything.
|
||||||
|
Just leave <code>toolbar</code> and <code>toolbarGroups</code> with the default, <code>null</code> values.
|
||||||
|
</p>
|
||||||
|
<textarea cols="80" id="editorFull" name="editorFull" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>
|
||||||
|
<pre id="editorFullCfg" class="samples"></pre>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
(function() {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
var buttonsNames;
|
||||||
|
|
||||||
|
CKEDITOR.config.extraPlugins = 'toolbar';
|
||||||
|
|
||||||
|
CKEDITOR.on( 'instanceReady', function( evt ) {
|
||||||
|
var editor = evt.editor,
|
||||||
|
editorCurrent = editor.name == 'editorCurrent',
|
||||||
|
defaultToolbar = !( editor.config.toolbar || editor.config.toolbarGroups || editor.config.removeButtons ),
|
||||||
|
pre = CKEDITOR.document.getById( editor.name + 'Cfg' ),
|
||||||
|
output = '';
|
||||||
|
|
||||||
|
if ( editorCurrent ) {
|
||||||
|
// If default toolbar configuration has been modified, show "current toolbar" section.
|
||||||
|
if ( !defaultToolbar )
|
||||||
|
CKEDITOR.document.getById( 'currentToolbar' ).show();
|
||||||
|
else
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if ( !buttonsNames )
|
||||||
|
buttonsNames = createButtonsNamesHash( editor.ui.items );
|
||||||
|
|
||||||
|
// Toolbar isn't set explicitly, so it was created automatically from toolbarGroups.
|
||||||
|
if ( !editor.config.toolbar ) {
|
||||||
|
output +=
|
||||||
|
'// Toolbar configuration generated automatically by the editor based on config.toolbarGroups.\n' +
|
||||||
|
dumpToolbarConfiguration( editor ) +
|
||||||
|
'\n\n' +
|
||||||
|
'// Toolbar groups configuration.\n' +
|
||||||
|
dumpToolbarConfiguration( editor, true )
|
||||||
|
}
|
||||||
|
// Toolbar groups doesn't count in this case - print only toolbar.
|
||||||
|
else {
|
||||||
|
output += '// Toolbar configuration.\n' +
|
||||||
|
dumpToolbarConfiguration( editor );
|
||||||
|
}
|
||||||
|
|
||||||
|
// Recreate to avoid old IE from loosing whitespaces on filling <pre> content.
|
||||||
|
var preOutput = pre.getOuterHtml().replace( /(?=<\/)/, output );
|
||||||
|
CKEDITOR.dom.element.createFromHtml( preOutput ).replace( pre );
|
||||||
|
} );
|
||||||
|
|
||||||
|
CKEDITOR.replace( 'editorCurrent', { height: 100 } );
|
||||||
|
CKEDITOR.replace( 'editorFull', {
|
||||||
|
// Reset toolbar settings, so full toolbar will be generated automatically.
|
||||||
|
toolbar: null,
|
||||||
|
toolbarGroups: null,
|
||||||
|
removeButtons: null,
|
||||||
|
height: 100
|
||||||
|
} );
|
||||||
|
|
||||||
|
function dumpToolbarConfiguration( editor, printGroups ) {
|
||||||
|
var output = [],
|
||||||
|
toolbar = editor.toolbar;
|
||||||
|
|
||||||
|
for ( var i = 0; i < toolbar.length; ++i ) {
|
||||||
|
var group = dumpToolbarGroup( toolbar[ i ], printGroups );
|
||||||
|
if ( group )
|
||||||
|
output.push( group );
|
||||||
|
}
|
||||||
|
|
||||||
|
return 'config.toolbar' + ( printGroups ? 'Groups' : '' ) + ' = [\n\t' + output.join( ',\n\t' ) + '\n];';
|
||||||
|
}
|
||||||
|
|
||||||
|
function dumpToolbarGroup( group, printGroups ) {
|
||||||
|
var output = [];
|
||||||
|
|
||||||
|
if ( typeof group == 'string' )
|
||||||
|
return '\'' + group + '\'';
|
||||||
|
if ( CKEDITOR.tools.isArray( group ) )
|
||||||
|
return dumpToolbarItems( group );
|
||||||
|
// Skip group when printing entire toolbar configuration and there are no items in this group.
|
||||||
|
if ( !printGroups && !group.items )
|
||||||
|
return;
|
||||||
|
|
||||||
|
if ( group.name )
|
||||||
|
output.push( 'name: \'' + group.name + '\'' );
|
||||||
|
|
||||||
|
if ( group.groups )
|
||||||
|
output.push( 'groups: ' + dumpToolbarItems( group.groups ) );
|
||||||
|
|
||||||
|
if ( !printGroups )
|
||||||
|
output.push( 'items: ' + dumpToolbarItems( group.items ) );
|
||||||
|
|
||||||
|
return '{ ' + output.join( ', ' ) + ' }';
|
||||||
|
}
|
||||||
|
|
||||||
|
function dumpToolbarItems( items ) {
|
||||||
|
if ( typeof items == 'string' )
|
||||||
|
return '\'' + items + '\'';
|
||||||
|
|
||||||
|
var names = [],
|
||||||
|
i, item;
|
||||||
|
|
||||||
|
for ( var i = 0; i < items.length; ++i ) {
|
||||||
|
item = items[ i ];
|
||||||
|
if ( typeof item == 'string' )
|
||||||
|
names.push( item );
|
||||||
|
else {
|
||||||
|
if ( item.type == CKEDITOR.UI_SEPARATOR )
|
||||||
|
names.push( '-' );
|
||||||
|
else
|
||||||
|
names.push( buttonsNames[ item.name ] );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return '[ \'' + names.join( '\', \'' ) + '\' ]';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Creates { 'lowercased': 'LowerCased' } buttons names hash.
|
||||||
|
function createButtonsNamesHash( items ) {
|
||||||
|
var hash = {},
|
||||||
|
name;
|
||||||
|
|
||||||
|
for ( name in items ) {
|
||||||
|
hash[ items[ name ].name ] = name;
|
||||||
|
}
|
||||||
|
|
||||||
|
return hash;
|
||||||
|
}
|
||||||
|
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div id="footer">
|
||||||
|
<hr>
|
||||||
|
<p>
|
||||||
|
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
|
||||||
|
</p>
|
||||||
|
<p id="copy">
|
||||||
|
Copyright © 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
|
||||||
|
Knabben. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
77
include/jQuery/ckeditor/samples/plugins/wysiwygarea/fullpage.html
Executable file
77
include/jQuery/ckeditor/samples/plugins/wysiwygarea/fullpage.html
Executable file
File diff suppressed because one or more lines are too long
73
include/jQuery/ckeditor/samples/readonly.html
Executable file
73
include/jQuery/ckeditor/samples/readonly.html
Executable file
@@ -0,0 +1,73 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
||||||
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Using the CKEditor Read-Only API — CKEditor Sample</title>
|
||||||
|
<script src="../ckeditor.js"></script>
|
||||||
|
<link rel="stylesheet" href="sample.css">
|
||||||
|
<script>
|
||||||
|
|
||||||
|
var editor;
|
||||||
|
|
||||||
|
// The instanceReady event is fired, when an instance of CKEditor has finished
|
||||||
|
// its initialization.
|
||||||
|
CKEDITOR.on( 'instanceReady', function( ev ) {
|
||||||
|
editor = ev.editor;
|
||||||
|
|
||||||
|
// Show this "on" button.
|
||||||
|
document.getElementById( 'readOnlyOn' ).style.display = '';
|
||||||
|
|
||||||
|
// Event fired when the readOnly property changes.
|
||||||
|
editor.on( 'readOnly', function() {
|
||||||
|
document.getElementById( 'readOnlyOn' ).style.display = this.readOnly ? 'none' : '';
|
||||||
|
document.getElementById( 'readOnlyOff' ).style.display = this.readOnly ? '' : 'none';
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
function toggleReadOnly( isReadOnly ) {
|
||||||
|
// Change the read-only state of the editor.
|
||||||
|
// http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-setReadOnly
|
||||||
|
editor.setReadOnly( isReadOnly );
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 class="samples">
|
||||||
|
<a href="index.html">CKEditor Samples</a> » Using the CKEditor Read-Only API
|
||||||
|
</h1>
|
||||||
|
<div class="description">
|
||||||
|
<p>
|
||||||
|
This sample shows how to use the
|
||||||
|
<code><a class="samples" href="http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-setReadOnly">setReadOnly</a></code>
|
||||||
|
API to put editor into the read-only state that makes it impossible for users to change the editor contents.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
For details on how to create this setup check the source code of this sample page.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<form action="sample_posteddata.php" method="post">
|
||||||
|
<p>
|
||||||
|
<textarea class="ckeditor" id="editor1" name="editor1" cols="100" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<input id="readOnlyOn" onclick="toggleReadOnly();" type="button" value="Make it read-only" style="display:none">
|
||||||
|
<input id="readOnlyOff" onclick="toggleReadOnly( false );" type="button" value="Make it editable again" style="display:none">
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
<div id="footer">
|
||||||
|
<hr>
|
||||||
|
<p>
|
||||||
|
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
|
||||||
|
</p>
|
||||||
|
<p id="copy">
|
||||||
|
Copyright © 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
|
||||||
|
Knabben. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
57
include/jQuery/ckeditor/samples/replacebyclass.html
Executable file
57
include/jQuery/ckeditor/samples/replacebyclass.html
Executable file
File diff suppressed because one or more lines are too long
56
include/jQuery/ckeditor/samples/replacebycode.html
Executable file
56
include/jQuery/ckeditor/samples/replacebycode.html
Executable file
File diff suppressed because one or more lines are too long
75
include/jQuery/ckeditor/samples/tabindex.html
Executable file
75
include/jQuery/ckeditor/samples/tabindex.html
Executable file
@@ -0,0 +1,75 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
||||||
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>TAB Key-Based Navigation — CKEditor Sample</title>
|
||||||
|
<script src="../ckeditor.js"></script>
|
||||||
|
<link href="sample.css" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
|
||||||
|
.cke_focused,
|
||||||
|
.cke_editable.cke_focused
|
||||||
|
{
|
||||||
|
outline: 3px dotted blue !important;
|
||||||
|
*border: 3px dotted blue !important; /* For IE7 */
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
CKEDITOR.on( 'instanceReady', function( evt ) {
|
||||||
|
var editor = evt.editor;
|
||||||
|
editor.setData( 'This editor has it\'s tabIndex set to <strong>' + editor.tabIndex + '</strong>' );
|
||||||
|
|
||||||
|
// Apply focus class name.
|
||||||
|
editor.on( 'focus', function() {
|
||||||
|
editor.container.addClass( 'cke_focused' );
|
||||||
|
});
|
||||||
|
editor.on( 'blur', function() {
|
||||||
|
editor.container.removeClass( 'cke_focused' );
|
||||||
|
});
|
||||||
|
|
||||||
|
// Put startup focus on the first editor in tab order.
|
||||||
|
if ( editor.tabIndex == 1 )
|
||||||
|
editor.focus();
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 class="samples">
|
||||||
|
<a href="index.html">CKEditor Samples</a> » TAB Key-Based Navigation
|
||||||
|
</h1>
|
||||||
|
<div class="description">
|
||||||
|
<p>
|
||||||
|
This sample shows how tab key navigation among editor instances is
|
||||||
|
affected by the <code>tabIndex</code> attribute from
|
||||||
|
the original page element. Use TAB key to move between the editors.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
<textarea class="ckeditor" cols="80" id="editor4" rows="10" tabindex="1"></textarea>
|
||||||
|
</p>
|
||||||
|
<div class="ckeditor" contenteditable="true" id="editor1" tabindex="4"></div>
|
||||||
|
<p>
|
||||||
|
<textarea class="ckeditor" cols="80" id="editor2" rows="10" tabindex="2"></textarea>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<textarea class="ckeditor" cols="80" id="editor3" rows="10" tabindex="3"></textarea>
|
||||||
|
</p>
|
||||||
|
<div id="footer">
|
||||||
|
<hr>
|
||||||
|
<p>
|
||||||
|
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
|
||||||
|
</p>
|
||||||
|
<p id="copy">
|
||||||
|
Copyright © 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
|
||||||
|
Knabben. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
69
include/jQuery/ckeditor/samples/uicolor.html
Executable file
69
include/jQuery/ckeditor/samples/uicolor.html
Executable file
@@ -0,0 +1,69 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
||||||
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>UI Color Picker — CKEditor Sample</title>
|
||||||
|
<script src="../ckeditor.js"></script>
|
||||||
|
<link rel="stylesheet" href="sample.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 class="samples">
|
||||||
|
<a href="index.html">CKEditor Samples</a> » UI Color
|
||||||
|
</h1>
|
||||||
|
<div class="description">
|
||||||
|
<p>
|
||||||
|
This sample shows how to automatically replace <code><textarea></code> elements
|
||||||
|
with a CKEditor instance with an option to change the color of its user interface.<br>
|
||||||
|
<strong>Note:</strong>The UI skin color feature depends on the CKEditor skin
|
||||||
|
compatibility. The Moono and Kama skins are examples of skins that work with it.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<form action="sample_posteddata.php" method="post">
|
||||||
|
<p>
|
||||||
|
This editor instance has a UI color value defined in configuration to change the skin color,
|
||||||
|
To specify the color of the user interface, set the <code>uiColor</code> property:
|
||||||
|
</p>
|
||||||
|
<pre class="samples">
|
||||||
|
CKEDITOR.replace( '<em>textarea_id</em>', {
|
||||||
|
<strong>uiColor: '#14B8C4'</strong>
|
||||||
|
});</pre>
|
||||||
|
<p>
|
||||||
|
Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
|
||||||
|
the <code><textarea></code> element to be replaced.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<textarea cols="80" id="editor1" name="editor1" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
// Replace the <textarea id="editor"> with an CKEditor
|
||||||
|
// instance, using default configurations.
|
||||||
|
CKEDITOR.replace( 'editor1', {
|
||||||
|
uiColor: '#14B8C4',
|
||||||
|
toolbar: [
|
||||||
|
[ 'Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink' ],
|
||||||
|
[ 'FontSize', 'TextColor', 'BGColor' ]
|
||||||
|
]
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<input type="submit" value="Submit">
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
<div id="footer">
|
||||||
|
<hr>
|
||||||
|
<p>
|
||||||
|
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
|
||||||
|
</p>
|
||||||
|
<p id="copy">
|
||||||
|
Copyright © 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
|
||||||
|
Knabben. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
119
include/jQuery/ckeditor/samples/uilanguages.html
Executable file
119
include/jQuery/ckeditor/samples/uilanguages.html
Executable file
@@ -0,0 +1,119 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
||||||
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>User Interface Globalization — CKEditor Sample</title>
|
||||||
|
<script src="../ckeditor.js"></script>
|
||||||
|
<script src="assets/uilanguages/languages.js"></script>
|
||||||
|
<link rel="stylesheet" href="sample.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 class="samples">
|
||||||
|
<a href="index.html">CKEditor Samples</a> » User Interface Languages
|
||||||
|
</h1>
|
||||||
|
<div class="description">
|
||||||
|
<p>
|
||||||
|
This sample shows how to automatically replace <code><textarea></code> elements
|
||||||
|
with a CKEditor instance with an option to change the language of its user interface.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
It pulls the language list from CKEditor <code>_languages.js</code> file that contains the list of supported languages and creates
|
||||||
|
a drop-down list that lets the user change the UI language.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
By default, CKEditor automatically localizes the editor to the language of the user.
|
||||||
|
The UI language can be controlled with two configuration options:
|
||||||
|
<code><a class="samples" href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-language">language</a></code> and
|
||||||
|
<code><a class="samples" href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-defaultLanguage">
|
||||||
|
defaultLanguage</a></code>. The <code>defaultLanguage</code> setting specifies the
|
||||||
|
default CKEditor language to be used when a localization suitable for user's settings is not available.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
To specify the user interface language that will be used no matter what language is
|
||||||
|
specified in user's browser or operating system, set the <code>language</code> property:
|
||||||
|
</p>
|
||||||
|
<pre class="samples">
|
||||||
|
CKEDITOR.replace( '<em>textarea_id</em>', {
|
||||||
|
// Load the German interface.
|
||||||
|
<strong>language: 'de'</strong>
|
||||||
|
});</pre>
|
||||||
|
<p>
|
||||||
|
Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
|
||||||
|
the <code><textarea></code> element to be replaced.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<form action="sample_posteddata.php" method="post">
|
||||||
|
<p>
|
||||||
|
Available languages (<span id="count"> </span> languages!):<br>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
document.write( '<select disabled="disabled" id="languages" onchange="createEditor( this.value );">' );
|
||||||
|
|
||||||
|
// Get the language list from the _languages.js file.
|
||||||
|
for ( var i = 0 ; i < window.CKEDITOR_LANGS.length ; i++ ) {
|
||||||
|
document.write(
|
||||||
|
'<option value="' + window.CKEDITOR_LANGS[i].code + '">' +
|
||||||
|
window.CKEDITOR_LANGS[i].name +
|
||||||
|
'</option>' );
|
||||||
|
}
|
||||||
|
|
||||||
|
document.write( '</select>' );
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<br>
|
||||||
|
<span style="color: #888888">
|
||||||
|
(You may see strange characters if your system does not support the selected language)
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<textarea cols="80" id="editor1" name="editor1" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
// Set the number of languages.
|
||||||
|
document.getElementById( 'count' ).innerHTML = window.CKEDITOR_LANGS.length;
|
||||||
|
|
||||||
|
var editor;
|
||||||
|
|
||||||
|
function createEditor( languageCode ) {
|
||||||
|
if ( editor )
|
||||||
|
editor.destroy();
|
||||||
|
|
||||||
|
// Replace the <textarea id="editor"> with an CKEditor
|
||||||
|
// instance, using default configurations.
|
||||||
|
editor = CKEDITOR.replace( 'editor1', {
|
||||||
|
language: languageCode,
|
||||||
|
|
||||||
|
on: {
|
||||||
|
instanceReady: function() {
|
||||||
|
// Wait for the editor to be ready to set
|
||||||
|
// the language combo.
|
||||||
|
var languages = document.getElementById( 'languages' );
|
||||||
|
languages.value = this.langCode;
|
||||||
|
languages.disabled = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// At page startup, load the default language:
|
||||||
|
createEditor( '' );
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
<div id="footer">
|
||||||
|
<hr>
|
||||||
|
<p>
|
||||||
|
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
|
||||||
|
</p>
|
||||||
|
<p id="copy">
|
||||||
|
Copyright © 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
|
||||||
|
Knabben. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
231
include/jQuery/ckeditor/samples/xhtmlstyle.html
Executable file
231
include/jQuery/ckeditor/samples/xhtmlstyle.html
Executable file
@@ -0,0 +1,231 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
|
||||||
|
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>XHTML Compliant Output — CKEditor Sample</title>
|
||||||
|
<meta name="ckeditor-sample-required-plugins" content="sourcearea">
|
||||||
|
<script src="../ckeditor.js"></script>
|
||||||
|
<script src="../samples/sample.js"></script>
|
||||||
|
<link href="sample.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 class="samples">
|
||||||
|
<a href="index.html">CKEditor Samples</a> » Producing XHTML Compliant Output
|
||||||
|
</h1>
|
||||||
|
<div class="description">
|
||||||
|
<p>
|
||||||
|
This sample shows how to configure CKEditor to output valid
|
||||||
|
<a class="samples" href="http://www.w3.org/TR/xhtml11/">XHTML 1.1</a> code.
|
||||||
|
Deprecated elements (<code><font></code>, <code><u></code>) or attributes
|
||||||
|
(<code>size</code>, <code>face</code>) will be replaced with XHTML compliant code.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
To add a CKEditor instance outputting valid XHTML code, load the editor using a standard
|
||||||
|
JavaScript call and define CKEditor features to use the XHTML compliant elements and styles.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
A snippet of the configuration code can be seen below; check the source of this page for
|
||||||
|
full definition:
|
||||||
|
</p>
|
||||||
|
<pre class="samples">
|
||||||
|
CKEDITOR.replace( '<em>textarea_id</em>', {
|
||||||
|
contentsCss: 'assets/outputxhtml.css',
|
||||||
|
|
||||||
|
coreStyles_bold: {
|
||||||
|
element: 'span',
|
||||||
|
attributes: { 'class': 'Bold' }
|
||||||
|
},
|
||||||
|
coreStyles_italic: {
|
||||||
|
element: 'span',
|
||||||
|
attributes: { 'class': 'Italic' }
|
||||||
|
},
|
||||||
|
|
||||||
|
...
|
||||||
|
});</pre>
|
||||||
|
</div>
|
||||||
|
<form action="sample_posteddata.php" method="post">
|
||||||
|
<p>
|
||||||
|
<label for="editor1">
|
||||||
|
Editor 1:
|
||||||
|
</label>
|
||||||
|
<textarea cols="80" id="editor1" name="editor1" rows="10"><p>This is some <span class="Bold">sample text</span>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
CKEDITOR.replace( 'editor1', {
|
||||||
|
/*
|
||||||
|
* Style sheet for the contents
|
||||||
|
*/
|
||||||
|
contentsCss: 'assets/outputxhtml/outputxhtml.css',
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Special allowed content rules for spans used by
|
||||||
|
* font face, size, and color buttons.
|
||||||
|
*
|
||||||
|
* Note: all rules have been written separately so
|
||||||
|
* it was possible to specify required classes.
|
||||||
|
*/
|
||||||
|
extraAllowedContent: 'span(!FontColor1);span(!FontColor2);span(!FontColor3);' +
|
||||||
|
'span(!FontColor1BG);span(!FontColor2BG);span(!FontColor3BG);' +
|
||||||
|
'span(!FontComic);span(!FontCourier);span(!FontTimes);' +
|
||||||
|
'span(!FontSmaller);span(!FontLarger);span(!FontSmall);span(!FontBig);span(!FontDouble)',
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Core styles.
|
||||||
|
*/
|
||||||
|
coreStyles_bold: {
|
||||||
|
element: 'span',
|
||||||
|
attributes: { 'class': 'Bold' }
|
||||||
|
},
|
||||||
|
coreStyles_italic: {
|
||||||
|
element: 'span',
|
||||||
|
attributes: { 'class': 'Italic' }
|
||||||
|
},
|
||||||
|
coreStyles_underline: {
|
||||||
|
element: 'span',
|
||||||
|
attributes: { 'class': 'Underline' }
|
||||||
|
},
|
||||||
|
coreStyles_strike: {
|
||||||
|
element: 'span',
|
||||||
|
attributes: { 'class': 'StrikeThrough' },
|
||||||
|
overrides: 'strike'
|
||||||
|
},
|
||||||
|
coreStyles_subscript: {
|
||||||
|
element: 'span',
|
||||||
|
attributes: { 'class': 'Subscript' },
|
||||||
|
overrides: 'sub'
|
||||||
|
},
|
||||||
|
coreStyles_superscript: {
|
||||||
|
element: 'span',
|
||||||
|
attributes: { 'class': 'Superscript' },
|
||||||
|
overrides: 'sup'
|
||||||
|
},
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Font face.
|
||||||
|
*/
|
||||||
|
|
||||||
|
// List of fonts available in the toolbar combo. Each font definition is
|
||||||
|
// separated by a semi-colon (;). We are using class names here, so each font
|
||||||
|
// is defined by {Combo Label}/{Class Name}.
|
||||||
|
font_names: 'Comic Sans MS/FontComic;Courier New/FontCourier;Times New Roman/FontTimes',
|
||||||
|
|
||||||
|
// Define the way font elements will be applied to the document. The "span"
|
||||||
|
// element will be used. When a font is selected, the font name defined in the
|
||||||
|
// above list is passed to this definition with the name "Font", being it
|
||||||
|
// injected in the "class" attribute.
|
||||||
|
// We must also instruct the editor to replace span elements that are used to
|
||||||
|
// set the font (Overrides).
|
||||||
|
font_style: {
|
||||||
|
element: 'span',
|
||||||
|
attributes: { 'class': '#(family)' },
|
||||||
|
overrides: [
|
||||||
|
{
|
||||||
|
element: 'span',
|
||||||
|
attributes: {
|
||||||
|
'class': /^Font(?:Comic|Courier|Times)$/
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Font sizes.
|
||||||
|
*/
|
||||||
|
fontSize_sizes: 'Smaller/FontSmaller;Larger/FontLarger;8pt/FontSmall;14pt/FontBig;Double Size/FontDouble',
|
||||||
|
fontSize_style: {
|
||||||
|
element: 'span',
|
||||||
|
attributes: { 'class': '#(size)' },
|
||||||
|
overrides: [
|
||||||
|
{
|
||||||
|
element: 'span',
|
||||||
|
attributes: {
|
||||||
|
'class': /^Font(?:Smaller|Larger|Small|Big|Double)$/
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
} ,
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Font colors.
|
||||||
|
*/
|
||||||
|
colorButton_enableMore: false,
|
||||||
|
|
||||||
|
colorButton_colors: 'FontColor1/FF9900,FontColor2/0066CC,FontColor3/F00',
|
||||||
|
colorButton_foreStyle: {
|
||||||
|
element: 'span',
|
||||||
|
attributes: { 'class': '#(color)' },
|
||||||
|
overrides: [
|
||||||
|
{
|
||||||
|
element: 'span',
|
||||||
|
attributes: {
|
||||||
|
'class': /^FontColor(?:1|2|3)$/
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
|
colorButton_backStyle: {
|
||||||
|
element: 'span',
|
||||||
|
attributes: { 'class': '#(color)BG' },
|
||||||
|
overrides: [
|
||||||
|
{
|
||||||
|
element: 'span',
|
||||||
|
attributes: {
|
||||||
|
'class': /^FontColor(?:1|2|3)BG$/
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Indentation.
|
||||||
|
*/
|
||||||
|
indentClasses: [ 'Indent1', 'Indent2', 'Indent3' ],
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Paragraph justification.
|
||||||
|
*/
|
||||||
|
justifyClasses: [ 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyFull' ],
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Styles combo.
|
||||||
|
*/
|
||||||
|
stylesSet: [
|
||||||
|
{ name: 'Strong Emphasis', element: 'strong' },
|
||||||
|
{ name: 'Emphasis', element: 'em' },
|
||||||
|
|
||||||
|
{ name: 'Computer Code', element: 'code' },
|
||||||
|
{ name: 'Keyboard Phrase', element: 'kbd' },
|
||||||
|
{ name: 'Sample Text', element: 'samp' },
|
||||||
|
{ name: 'Variable', element: 'var' },
|
||||||
|
|
||||||
|
{ name: 'Deleted Text', element: 'del' },
|
||||||
|
{ name: 'Inserted Text', element: 'ins' },
|
||||||
|
|
||||||
|
{ name: 'Cited Work', element: 'cite' },
|
||||||
|
{ name: 'Inline Quotation', element: 'q' }
|
||||||
|
]
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<input type="submit" value="Submit">
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
<div id="footer">
|
||||||
|
<hr>
|
||||||
|
<p>
|
||||||
|
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
|
||||||
|
</p>
|
||||||
|
<p id="copy">
|
||||||
|
Copyright © 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
|
||||||
|
Knabben. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
50
include/jQuery/jquery-ui/demos/accordion/collapsible.html
Executable file
50
include/jQuery/jquery-ui/demos/accordion/collapsible.html
Executable file
@@ -0,0 +1,50 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Accordion - Collapse content</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.accordion.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#accordion" ).accordion({
|
||||||
|
collapsible: true
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="accordion">
|
||||||
|
<h3>Section 1</h3>
|
||||||
|
<div>
|
||||||
|
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
|
||||||
|
</div>
|
||||||
|
<h3>Section 2</h3>
|
||||||
|
<div>
|
||||||
|
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
|
||||||
|
</div>
|
||||||
|
<h3>Section 3</h3>
|
||||||
|
<div>
|
||||||
|
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
|
||||||
|
<ul>
|
||||||
|
<li>List item one</li>
|
||||||
|
<li>List item two</li>
|
||||||
|
<li>List item three</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<h3>Section 4</h3>
|
||||||
|
<div>
|
||||||
|
<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>By default, accordions always keep one section open. To allow for all sections to be be collapsible, set the <code>collapsible</code> option to true. Click on the currently open section to collapse its content pane.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
64
include/jQuery/jquery-ui/demos/accordion/custom-icons.html
Executable file
64
include/jQuery/jquery-ui/demos/accordion/custom-icons.html
Executable file
@@ -0,0 +1,64 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Accordion - Customize icons</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.accordion.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.button.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
var icons = {
|
||||||
|
header: "ui-icon-circle-arrow-e",
|
||||||
|
activeHeader: "ui-icon-circle-arrow-s"
|
||||||
|
};
|
||||||
|
$( "#accordion" ).accordion({
|
||||||
|
icons: icons
|
||||||
|
});
|
||||||
|
$( "#toggle" ).button().click(function() {
|
||||||
|
if ( $( "#accordion" ).accordion( "option", "icons" ) ) {
|
||||||
|
$( "#accordion" ).accordion( "option", "icons", null );
|
||||||
|
} else {
|
||||||
|
$( "#accordion" ).accordion( "option", "icons", icons );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="accordion">
|
||||||
|
<h3>Section 1</h3>
|
||||||
|
<div>
|
||||||
|
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
|
||||||
|
</div>
|
||||||
|
<h3>Section 2</h3>
|
||||||
|
<div>
|
||||||
|
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
|
||||||
|
</div>
|
||||||
|
<h3>Section 3</h3>
|
||||||
|
<div>
|
||||||
|
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
|
||||||
|
<ul>
|
||||||
|
<li>List item one</li>
|
||||||
|
<li>List item two</li>
|
||||||
|
<li>List item three</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<h3>Section 4</h3>
|
||||||
|
<div>
|
||||||
|
<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button id="toggle">Toggle icons</button>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Customize the header icons with the <code>icons</code> option, which accepts classes for the header's default and active (open) state. Use any class from the UI CSS framework, or create custom classes with background images.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
80
include/jQuery/jquery-ui/demos/accordion/default.html
Executable file
80
include/jQuery/jquery-ui/demos/accordion/default.html
Executable file
@@ -0,0 +1,80 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Accordion - Default functionality</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.accordion.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#accordion" ).accordion();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="accordion">
|
||||||
|
<h3>Section 1</h3>
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
|
||||||
|
ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
|
||||||
|
amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
|
||||||
|
odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<h3>Section 2</h3>
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
|
||||||
|
purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
|
||||||
|
velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
|
||||||
|
suscipit faucibus urna.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<h3>Section 3</h3>
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
|
||||||
|
Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
|
||||||
|
ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
|
||||||
|
lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li>List item one</li>
|
||||||
|
<li>List item two</li>
|
||||||
|
<li>List item three</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<h3>Section 4</h3>
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
Cras dictum. Pellentesque habitant morbi tristique senectus et netus
|
||||||
|
et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
|
||||||
|
faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
|
||||||
|
mauris vel est.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
|
||||||
|
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
|
||||||
|
inceptos himenaeos.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>
|
||||||
|
Click headers to expand/collapse content that is broken into logical sections, much like tabs.
|
||||||
|
Optionally, toggle sections open/closed on mouseover.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
The underlying HTML markup is a series of headers (H3 tags) and content divs so the content is
|
||||||
|
usable without JavaScript.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
72
include/jQuery/jquery-ui/demos/accordion/fillspace.html
Executable file
72
include/jQuery/jquery-ui/demos/accordion/fillspace.html
Executable file
@@ -0,0 +1,72 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Accordion - Fill space</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.mouse.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.resizable.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.accordion.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<style>
|
||||||
|
#accordion-resizer {
|
||||||
|
padding: 10px;
|
||||||
|
width: 350px;
|
||||||
|
height: 220px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#accordion" ).accordion({
|
||||||
|
heightStyle: "fill"
|
||||||
|
});
|
||||||
|
});
|
||||||
|
$(function() {
|
||||||
|
$( "#accordion-resizer" ).resizable({
|
||||||
|
minHeight: 140,
|
||||||
|
minWidth: 200,
|
||||||
|
resize: function() {
|
||||||
|
$( "#accordion" ).accordion( "refresh" );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<h3 class="docs">Resize the outer container:</h3>
|
||||||
|
|
||||||
|
<div id="accordion-resizer" class="ui-widget-content">
|
||||||
|
<div id="accordion">
|
||||||
|
<h3>Section 1</h3>
|
||||||
|
<div>
|
||||||
|
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
|
||||||
|
</div>
|
||||||
|
<h3>Section 2</h3>
|
||||||
|
<div>
|
||||||
|
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
|
||||||
|
</div>
|
||||||
|
<h3>Section 3</h3>
|
||||||
|
<div>
|
||||||
|
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
|
||||||
|
<ul>
|
||||||
|
<li>List item one</li>
|
||||||
|
<li>List item two</li>
|
||||||
|
<li>List item three</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<h3>Section 4</h3>
|
||||||
|
<div>
|
||||||
|
<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Because the accordion is comprised of block-level elements, by default its width fills the available horizontal space. To fill the vertical space allocated by its container, set the <code>heightStyle</code> option to <code>"fill"</code>, and the script will automatically set the dimensions of the accordion to the height of its parent container.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
148
include/jQuery/jquery-ui/demos/accordion/hoverintent.html
Executable file
148
include/jQuery/jquery-ui/demos/accordion/hoverintent.html
Executable file
@@ -0,0 +1,148 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Accordion - Open on hoverintent</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.accordion.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#accordion" ).accordion({
|
||||||
|
event: "click hoverintent"
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
/*
|
||||||
|
* hoverIntent | Copyright 2011 Brian Cherne
|
||||||
|
* http://cherne.net/brian/resources/jquery.hoverIntent.html
|
||||||
|
* modified by the jQuery UI team
|
||||||
|
*/
|
||||||
|
$.event.special.hoverintent = {
|
||||||
|
setup: function() {
|
||||||
|
$( this ).bind( "mouseover", jQuery.event.special.hoverintent.handler );
|
||||||
|
},
|
||||||
|
teardown: function() {
|
||||||
|
$( this ).unbind( "mouseover", jQuery.event.special.hoverintent.handler );
|
||||||
|
},
|
||||||
|
handler: function( event ) {
|
||||||
|
var currentX, currentY, timeout,
|
||||||
|
args = arguments,
|
||||||
|
target = $( event.target ),
|
||||||
|
previousX = event.pageX,
|
||||||
|
previousY = event.pageY;
|
||||||
|
|
||||||
|
function track( event ) {
|
||||||
|
currentX = event.pageX;
|
||||||
|
currentY = event.pageY;
|
||||||
|
};
|
||||||
|
|
||||||
|
function clear() {
|
||||||
|
target
|
||||||
|
.unbind( "mousemove", track )
|
||||||
|
.unbind( "mouseout", clear );
|
||||||
|
clearTimeout( timeout );
|
||||||
|
}
|
||||||
|
|
||||||
|
function handler() {
|
||||||
|
var prop,
|
||||||
|
orig = event;
|
||||||
|
|
||||||
|
if ( ( Math.abs( previousX - currentX ) +
|
||||||
|
Math.abs( previousY - currentY ) ) < 7 ) {
|
||||||
|
clear();
|
||||||
|
|
||||||
|
event = $.Event( "hoverintent" );
|
||||||
|
for ( prop in orig ) {
|
||||||
|
if ( !( prop in event ) ) {
|
||||||
|
event[ prop ] = orig[ prop ];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Prevent accessing the original event since the new event
|
||||||
|
// is fired asynchronously and the old event is no longer
|
||||||
|
// usable (#6028)
|
||||||
|
delete event.originalEvent;
|
||||||
|
|
||||||
|
target.trigger( event );
|
||||||
|
} else {
|
||||||
|
previousX = currentX;
|
||||||
|
previousY = currentY;
|
||||||
|
timeout = setTimeout( handler, 100 );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
timeout = setTimeout( handler, 100 );
|
||||||
|
target.bind({
|
||||||
|
mousemove: track,
|
||||||
|
mouseout: clear
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="accordion">
|
||||||
|
<h3>Section 1</h3>
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
|
||||||
|
ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
|
||||||
|
amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
|
||||||
|
odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<h3>Section 2</h3>
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
|
||||||
|
purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
|
||||||
|
velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
|
||||||
|
suscipit faucibus urna.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<h3>Section 3</h3>
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
|
||||||
|
Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
|
||||||
|
ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
|
||||||
|
lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li>List item one</li>
|
||||||
|
<li>List item two</li>
|
||||||
|
<li>List item three</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<h3>Section 4</h3>
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
Cras dictum. Pellentesque habitant morbi tristique senectus et netus
|
||||||
|
et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
|
||||||
|
faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
|
||||||
|
mauris vel est.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
|
||||||
|
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
|
||||||
|
inceptos himenaeos.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>
|
||||||
|
Click headers to expand/collapse content that is broken into logical sections, much like tabs.
|
||||||
|
Optionally, toggle sections open/closed on mouseover.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
The underlying HTML markup is a series of headers (H3 tags) and content divs so the content is
|
||||||
|
usable without JavaScript.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
20
include/jQuery/jquery-ui/demos/accordion/index.html
Executable file
20
include/jQuery/jquery-ui/demos/accordion/index.html
Executable file
@@ -0,0 +1,20 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Accordion Demos</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="default.html">Default functionality</a></li>
|
||||||
|
<li><a href="fillspace.html">Fill space</a></li>
|
||||||
|
<li><a href="no-auto-height.html">No auto height</a></li>
|
||||||
|
<li><a href="collapsible.html">Collapse content</a></li>
|
||||||
|
<li><a href="hoverintent.html">Open on hoverintent</a></li>
|
||||||
|
<li><a href="custom-icons.html">Customize icons</a></li>
|
||||||
|
<li><a href="sortable.html">Sortable</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
50
include/jQuery/jquery-ui/demos/accordion/no-auto-height.html
Executable file
50
include/jQuery/jquery-ui/demos/accordion/no-auto-height.html
Executable file
@@ -0,0 +1,50 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Accordion - No auto height</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.accordion.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#accordion" ).accordion({
|
||||||
|
heightStyle: "content"
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="accordion">
|
||||||
|
<h3>Section 1</h3>
|
||||||
|
<div>
|
||||||
|
<p>Mauris mauris ante, blandit et, ultrices a, susceros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
|
||||||
|
</div>
|
||||||
|
<h3>Section 2</h3>
|
||||||
|
<div>
|
||||||
|
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
|
||||||
|
</div>
|
||||||
|
<h3>Section 3</h3>
|
||||||
|
<div>
|
||||||
|
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
|
||||||
|
<ul>
|
||||||
|
<li>List item</li>
|
||||||
|
<li>List item</li>
|
||||||
|
<li>List item</li>
|
||||||
|
<li>List item</li>
|
||||||
|
<li>List item</li>
|
||||||
|
<li>List item</li>
|
||||||
|
<li>List item</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Setting <code>heightStyle: "content"</code> allows the accordion panels to keep their native height.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
74
include/jQuery/jquery-ui/demos/accordion/sortable.html
Executable file
74
include/jQuery/jquery-ui/demos/accordion/sortable.html
Executable file
@@ -0,0 +1,74 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Accordion - Sortable</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.mouse.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.sortable.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.accordion.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<style>
|
||||||
|
/* IE has layout issues when sorting (see #5413) */
|
||||||
|
.group { zoom: 1 }
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#accordion" )
|
||||||
|
.accordion({
|
||||||
|
header: "> div > h3"
|
||||||
|
})
|
||||||
|
.sortable({
|
||||||
|
axis: "y",
|
||||||
|
handle: "h3",
|
||||||
|
stop: function( event, ui ) {
|
||||||
|
// IE doesn't register the blur when sorting
|
||||||
|
// so trigger focusout handlers to remove .ui-state-focus
|
||||||
|
ui.item.children( "h3" ).triggerHandler( "focusout" );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="accordion">
|
||||||
|
<div class="group">
|
||||||
|
<h3>Section 1</h3>
|
||||||
|
<div>
|
||||||
|
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="group">
|
||||||
|
<h3>Section 2</h3>
|
||||||
|
<div>
|
||||||
|
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="group">
|
||||||
|
<h3>Section 3</h3>
|
||||||
|
<div>
|
||||||
|
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
|
||||||
|
<ul>
|
||||||
|
<li>List item one</li>
|
||||||
|
<li>List item two</li>
|
||||||
|
<li>List item three</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="group">
|
||||||
|
<h3>Section 4</h3>
|
||||||
|
<div>
|
||||||
|
<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Drag the header to re-order panels.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
45
include/jQuery/jquery-ui/demos/addClass/default.html
Executable file
45
include/jQuery/jquery-ui/demos/addClass/default.html
Executable file
@@ -0,0 +1,45 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Effects - addClass demo</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.effect.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<style>
|
||||||
|
.toggler { width: 500px; height: 200px; position: relative; }
|
||||||
|
#button { padding: .5em 1em; text-decoration: none; }
|
||||||
|
#effect { width: 240px; padding: 1em; font-size: 1.2em; border: 1px solid #000; background: #eee; color: #333; }
|
||||||
|
.newClass { text-indent: 40px; letter-spacing: .4em; width: 410px; height: 100px; padding: 30px; margin: 10px; font-size: 1.6em; }
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#button" ).click(function() {
|
||||||
|
$( "#effect" ).addClass( "newClass", 1000, callback );
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
|
||||||
|
function callback() {
|
||||||
|
setTimeout(function() {
|
||||||
|
$( "#effect" ).removeClass( "newClass" );
|
||||||
|
}, 1500 );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="toggler">
|
||||||
|
<div id="effect" class="ui-corner-all">
|
||||||
|
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>This demo adds a class which animates: text-indent, letter-spacing, width, height, padding, margin, and font-size.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
14
include/jQuery/jquery-ui/demos/addClass/index.html
Executable file
14
include/jQuery/jquery-ui/demos/addClass/index.html
Executable file
@@ -0,0 +1,14 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Effects Demos</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="default.html">Default functionality</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
55
include/jQuery/jquery-ui/demos/animate/default.html
Executable file
55
include/jQuery/jquery-ui/demos/animate/default.html
Executable file
@@ -0,0 +1,55 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Effects - Animate demo</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.effect.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<style>
|
||||||
|
.toggler { width: 500px; height: 200px; position: relative; }
|
||||||
|
#button { padding: .5em 1em; text-decoration: none; }
|
||||||
|
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }
|
||||||
|
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
var state = true;
|
||||||
|
$( "#button" ).click(function() {
|
||||||
|
if ( state ) {
|
||||||
|
$( "#effect" ).animate({
|
||||||
|
backgroundColor: "#aa0000",
|
||||||
|
color: "#fff",
|
||||||
|
width: 500
|
||||||
|
}, 1000 );
|
||||||
|
} else {
|
||||||
|
$( "#effect" ).animate({
|
||||||
|
backgroundColor: "#fff",
|
||||||
|
color: "#000",
|
||||||
|
width: 240
|
||||||
|
}, 1000 );
|
||||||
|
}
|
||||||
|
state = !state;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="toggler">
|
||||||
|
<div id="effect" class="ui-widget-content ui-corner-all">
|
||||||
|
<h3 class="ui-widget-header ui-corner-all">Animate</h3>
|
||||||
|
<p>
|
||||||
|
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href="#" id="button" class="ui-state-default ui-corner-all">Toggle Effect</a>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Click the button above to preview the effect.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
14
include/jQuery/jquery-ui/demos/animate/index.html
Executable file
14
include/jQuery/jquery-ui/demos/animate/index.html
Executable file
@@ -0,0 +1,14 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Effects Demos</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="default.html">Default functionality</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
67
include/jQuery/jquery-ui/demos/autocomplete/categories.html
Executable file
67
include/jQuery/jquery-ui/demos/autocomplete/categories.html
Executable file
@@ -0,0 +1,67 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Autocomplete - Categories</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.position.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.menu.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.autocomplete.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<style>
|
||||||
|
.ui-autocomplete-category {
|
||||||
|
font-weight: bold;
|
||||||
|
padding: .2em .4em;
|
||||||
|
margin: .8em 0 .2em;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
$.widget( "custom.catcomplete", $.ui.autocomplete, {
|
||||||
|
_renderMenu: function( ul, items ) {
|
||||||
|
var that = this,
|
||||||
|
currentCategory = "";
|
||||||
|
$.each( items, function( index, item ) {
|
||||||
|
if ( item.category != currentCategory ) {
|
||||||
|
ul.append( "<li class='ui-autocomplete-category'>" + item.category + "</li>" );
|
||||||
|
currentCategory = item.category;
|
||||||
|
}
|
||||||
|
that._renderItemData( ul, item );
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
var data = [
|
||||||
|
{ label: "anders", category: "" },
|
||||||
|
{ label: "andreas", category: "" },
|
||||||
|
{ label: "antal", category: "" },
|
||||||
|
{ label: "annhhx10", category: "Products" },
|
||||||
|
{ label: "annk K12", category: "Products" },
|
||||||
|
{ label: "annttop C13", category: "Products" },
|
||||||
|
{ label: "anders andersson", category: "People" },
|
||||||
|
{ label: "andreas andersson", category: "People" },
|
||||||
|
{ label: "andreas johnson", category: "People" }
|
||||||
|
];
|
||||||
|
|
||||||
|
$( "#search" ).catcomplete({
|
||||||
|
delay: 0,
|
||||||
|
source: data
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<label for="search">Search: </label>
|
||||||
|
<input id="search">
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>A categorized search result. Try typing "a" or "n".</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
213
include/jQuery/jquery-ui/demos/autocomplete/combobox.html
Executable file
213
include/jQuery/jquery-ui/demos/autocomplete/combobox.html
Executable file
@@ -0,0 +1,213 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Autocomplete - Combobox</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.button.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.position.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.menu.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.autocomplete.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.tooltip.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<style>
|
||||||
|
.custom-combobox {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.custom-combobox-toggle {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
margin-left: -1px;
|
||||||
|
padding: 0;
|
||||||
|
/* support: IE7 */
|
||||||
|
*height: 1.7em;
|
||||||
|
*top: 0.1em;
|
||||||
|
}
|
||||||
|
.custom-combobox-input {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0.3em;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
(function( $ ) {
|
||||||
|
$.widget( "custom.combobox", {
|
||||||
|
_create: function() {
|
||||||
|
this.wrapper = $( "<span>" )
|
||||||
|
.addClass( "custom-combobox" )
|
||||||
|
.insertAfter( this.element );
|
||||||
|
|
||||||
|
this.element.hide();
|
||||||
|
this._createAutocomplete();
|
||||||
|
this._createShowAllButton();
|
||||||
|
},
|
||||||
|
|
||||||
|
_createAutocomplete: function() {
|
||||||
|
var selected = this.element.children( ":selected" ),
|
||||||
|
value = selected.val() ? selected.text() : "";
|
||||||
|
|
||||||
|
this.input = $( "<input>" )
|
||||||
|
.appendTo( this.wrapper )
|
||||||
|
.val( value )
|
||||||
|
.attr( "title", "" )
|
||||||
|
.addClass( "custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left" )
|
||||||
|
.autocomplete({
|
||||||
|
delay: 0,
|
||||||
|
minLength: 0,
|
||||||
|
source: $.proxy( this, "_source" )
|
||||||
|
})
|
||||||
|
.tooltip({
|
||||||
|
tooltipClass: "ui-state-highlight"
|
||||||
|
});
|
||||||
|
|
||||||
|
this._on( this.input, {
|
||||||
|
autocompleteselect: function( event, ui ) {
|
||||||
|
ui.item.option.selected = true;
|
||||||
|
this._trigger( "select", event, {
|
||||||
|
item: ui.item.option
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
autocompletechange: "_removeIfInvalid"
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
_createShowAllButton: function() {
|
||||||
|
var input = this.input,
|
||||||
|
wasOpen = false;
|
||||||
|
|
||||||
|
$( "<a>" )
|
||||||
|
.attr( "tabIndex", -1 )
|
||||||
|
.attr( "title", "Show All Items" )
|
||||||
|
.tooltip()
|
||||||
|
.appendTo( this.wrapper )
|
||||||
|
.button({
|
||||||
|
icons: {
|
||||||
|
primary: "ui-icon-triangle-1-s"
|
||||||
|
},
|
||||||
|
text: false
|
||||||
|
})
|
||||||
|
.removeClass( "ui-corner-all" )
|
||||||
|
.addClass( "custom-combobox-toggle ui-corner-right" )
|
||||||
|
.mousedown(function() {
|
||||||
|
wasOpen = input.autocomplete( "widget" ).is( ":visible" );
|
||||||
|
})
|
||||||
|
.click(function() {
|
||||||
|
input.focus();
|
||||||
|
|
||||||
|
// Close if already visible
|
||||||
|
if ( wasOpen ) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Pass empty string as value to search for, displaying all results
|
||||||
|
input.autocomplete( "search", "" );
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
_source: function( request, response ) {
|
||||||
|
var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" );
|
||||||
|
response( this.element.children( "option" ).map(function() {
|
||||||
|
var text = $( this ).text();
|
||||||
|
if ( this.value && ( !request.term || matcher.test(text) ) )
|
||||||
|
return {
|
||||||
|
label: text,
|
||||||
|
value: text,
|
||||||
|
option: this
|
||||||
|
};
|
||||||
|
}) );
|
||||||
|
},
|
||||||
|
|
||||||
|
_removeIfInvalid: function( event, ui ) {
|
||||||
|
|
||||||
|
// Selected an item, nothing to do
|
||||||
|
if ( ui.item ) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Search for a match (case-insensitive)
|
||||||
|
var value = this.input.val(),
|
||||||
|
valueLowerCase = value.toLowerCase(),
|
||||||
|
valid = false;
|
||||||
|
this.element.children( "option" ).each(function() {
|
||||||
|
if ( $( this ).text().toLowerCase() === valueLowerCase ) {
|
||||||
|
this.selected = valid = true;
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Found a match, nothing to do
|
||||||
|
if ( valid ) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Remove invalid value
|
||||||
|
this.input
|
||||||
|
.val( "" )
|
||||||
|
.attr( "title", value + " didn't match any item" )
|
||||||
|
.tooltip( "open" );
|
||||||
|
this.element.val( "" );
|
||||||
|
this._delay(function() {
|
||||||
|
this.input.tooltip( "close" ).attr( "title", "" );
|
||||||
|
}, 2500 );
|
||||||
|
this.input.data( "ui-autocomplete" ).term = "";
|
||||||
|
},
|
||||||
|
|
||||||
|
_destroy: function() {
|
||||||
|
this.wrapper.remove();
|
||||||
|
this.element.show();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})( jQuery );
|
||||||
|
|
||||||
|
$(function() {
|
||||||
|
$( "#combobox" ).combobox();
|
||||||
|
$( "#toggle" ).click(function() {
|
||||||
|
$( "#combobox" ).toggle();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="ui-widget">
|
||||||
|
<label>Your preferred programming language: </label>
|
||||||
|
<select id="combobox">
|
||||||
|
<option value="">Select one...</option>
|
||||||
|
<option value="ActionScript">ActionScript</option>
|
||||||
|
<option value="AppleScript">AppleScript</option>
|
||||||
|
<option value="Asp">Asp</option>
|
||||||
|
<option value="BASIC">BASIC</option>
|
||||||
|
<option value="C">C</option>
|
||||||
|
<option value="C++">C++</option>
|
||||||
|
<option value="Clojure">Clojure</option>
|
||||||
|
<option value="COBOL">COBOL</option>
|
||||||
|
<option value="ColdFusion">ColdFusion</option>
|
||||||
|
<option value="Erlang">Erlang</option>
|
||||||
|
<option value="Fortran">Fortran</option>
|
||||||
|
<option value="Groovy">Groovy</option>
|
||||||
|
<option value="Haskell">Haskell</option>
|
||||||
|
<option value="Java">Java</option>
|
||||||
|
<option value="JavaScript">JavaScript</option>
|
||||||
|
<option value="Lisp">Lisp</option>
|
||||||
|
<option value="Perl">Perl</option>
|
||||||
|
<option value="PHP">PHP</option>
|
||||||
|
<option value="Python">Python</option>
|
||||||
|
<option value="Ruby">Ruby</option>
|
||||||
|
<option value="Scala">Scala</option>
|
||||||
|
<option value="Scheme">Scheme</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<button id="toggle">Show underlying select</button>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>A custom widget built by composition of Autocomplete and Button. You can either type something into the field to get filtered suggestions based on your input, or use the button to get the full list of selections.</p>
|
||||||
|
<p>The input is read from an existing select-element for progressive enhancement, passed to Autocomplete with a customized source-option.</p>
|
||||||
|
<p>This is not a supported or even complete widget. Its purely for demoing what autocomplete can do with a bit of customization. <a href="http://www.learningjquery.com/2010/06/a-jquery-ui-combobox-under-the-hood">For a detailed explanation of how the widget works, check out this Learning jQuery article.</a></p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
90
include/jQuery/jquery-ui/demos/autocomplete/custom-data.html
Executable file
90
include/jQuery/jquery-ui/demos/autocomplete/custom-data.html
Executable file
@@ -0,0 +1,90 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Autocomplete - Custom data and display</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.position.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.menu.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.autocomplete.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<style>
|
||||||
|
#project-label {
|
||||||
|
display: block;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
#project-icon {
|
||||||
|
float: left;
|
||||||
|
height: 32px;
|
||||||
|
width: 32px;
|
||||||
|
}
|
||||||
|
#project-description {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
var projects = [
|
||||||
|
{
|
||||||
|
value: "jquery",
|
||||||
|
label: "jQuery",
|
||||||
|
desc: "the write less, do more, JavaScript library",
|
||||||
|
icon: "jquery_32x32.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "jquery-ui",
|
||||||
|
label: "jQuery UI",
|
||||||
|
desc: "the official user interface library for jQuery",
|
||||||
|
icon: "jqueryui_32x32.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "sizzlejs",
|
||||||
|
label: "Sizzle JS",
|
||||||
|
desc: "a pure-JavaScript CSS selector engine",
|
||||||
|
icon: "sizzlejs_32x32.png"
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
$( "#project" ).autocomplete({
|
||||||
|
minLength: 0,
|
||||||
|
source: projects,
|
||||||
|
focus: function( event, ui ) {
|
||||||
|
$( "#project" ).val( ui.item.label );
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
select: function( event, ui ) {
|
||||||
|
$( "#project" ).val( ui.item.label );
|
||||||
|
$( "#project-id" ).val( ui.item.value );
|
||||||
|
$( "#project-description" ).html( ui.item.desc );
|
||||||
|
$( "#project-icon" ).attr( "src", "images/" + ui.item.icon );
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.data( "ui-autocomplete" )._renderItem = function( ul, item ) {
|
||||||
|
return $( "<li>" )
|
||||||
|
.append( "<a>" + item.label + "<br>" + item.desc + "</a>" )
|
||||||
|
.appendTo( ul );
|
||||||
|
};
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="project-label">Select a project (type "j" for a start):</div>
|
||||||
|
<img id="project-icon" src="images/transparent_1x1.png" class="ui-state-default" alt="">
|
||||||
|
<input id="project">
|
||||||
|
<input type="hidden" id="project-id">
|
||||||
|
<p id="project-description"></p>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>You can use your own custom data formats and displays by simply overriding the default focus and select actions.</p>
|
||||||
|
<p>Try typing "j" to get a list of projects or just press the down arrow.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
58
include/jQuery/jquery-ui/demos/autocomplete/default.html
Executable file
58
include/jQuery/jquery-ui/demos/autocomplete/default.html
Executable file
@@ -0,0 +1,58 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Autocomplete - Default functionality</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.position.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.menu.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.autocomplete.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
var availableTags = [
|
||||||
|
"ActionScript",
|
||||||
|
"AppleScript",
|
||||||
|
"Asp",
|
||||||
|
"BASIC",
|
||||||
|
"C",
|
||||||
|
"C++",
|
||||||
|
"Clojure",
|
||||||
|
"COBOL",
|
||||||
|
"ColdFusion",
|
||||||
|
"Erlang",
|
||||||
|
"Fortran",
|
||||||
|
"Groovy",
|
||||||
|
"Haskell",
|
||||||
|
"Java",
|
||||||
|
"JavaScript",
|
||||||
|
"Lisp",
|
||||||
|
"Perl",
|
||||||
|
"PHP",
|
||||||
|
"Python",
|
||||||
|
"Ruby",
|
||||||
|
"Scala",
|
||||||
|
"Scheme"
|
||||||
|
];
|
||||||
|
$( "#tags" ).autocomplete({
|
||||||
|
source: availableTags
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="ui-widget">
|
||||||
|
<label for="tags">Tags: </label>
|
||||||
|
<input id="tags">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are tags for programming languages, give "ja" (for Java or JavaScript) a try.</p>
|
||||||
|
<p>The datasource is a simple JavaScript array, provided to the widget using the source-option.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
56
include/jQuery/jquery-ui/demos/autocomplete/folding.html
Executable file
56
include/jQuery/jquery-ui/demos/autocomplete/folding.html
Executable file
@@ -0,0 +1,56 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Autocomplete - Accent folding</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.position.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.menu.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.autocomplete.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
var names = [ "Jörn Zaefferer", "Scott González", "John Resig" ];
|
||||||
|
|
||||||
|
var accentMap = {
|
||||||
|
"á": "a",
|
||||||
|
"ö": "o"
|
||||||
|
};
|
||||||
|
var normalize = function( term ) {
|
||||||
|
var ret = "";
|
||||||
|
for ( var i = 0; i < term.length; i++ ) {
|
||||||
|
ret += accentMap[ term.charAt(i) ] || term.charAt(i);
|
||||||
|
}
|
||||||
|
return ret;
|
||||||
|
};
|
||||||
|
|
||||||
|
$( "#developer" ).autocomplete({
|
||||||
|
source: function( request, response ) {
|
||||||
|
var matcher = new RegExp( $.ui.autocomplete.escapeRegex( request.term ), "i" );
|
||||||
|
response( $.grep( names, function( value ) {
|
||||||
|
value = value.label || value.value || value;
|
||||||
|
return matcher.test( value ) || matcher.test( normalize( value ) );
|
||||||
|
}) );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="ui-widget">
|
||||||
|
<form>
|
||||||
|
<label for="developer">Developer: </label>
|
||||||
|
<input id="developer">
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>The autocomplete field uses a custom source option which will match results that have accented characters even when the text field doesn't contain accented characters. However if the you type in accented characters in the text field it is smart enough not to show results that aren't accented.</p>
|
||||||
|
<p>Try typing "Jo" to see "John" and "Jörn", then type "Jö" to see only "Jörn".</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
25
include/jQuery/jquery-ui/demos/autocomplete/index.html
Executable file
25
include/jQuery/jquery-ui/demos/autocomplete/index.html
Executable file
@@ -0,0 +1,25 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Autocomplete Demos</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="default.html">Default functionality</a></li>
|
||||||
|
<li><a href="remote.html">Remote datasource</a></li>
|
||||||
|
<li><a href="remote-with-cache.html">Remote with caching</a></li>
|
||||||
|
<li><a href="remote-jsonp.html">Remote JSONP datasource</a></li>
|
||||||
|
<li><a href="maxheight.html">Scrollable results</a></li>
|
||||||
|
<li><a href="combobox.html">Combobox</a></li>
|
||||||
|
<li><a href="custom-data.html">Custom data and display</a></li>
|
||||||
|
<li><a href="xml.html">XML data parsed once</a></li>
|
||||||
|
<li><a href="categories.html">Categories</a></li>
|
||||||
|
<li><a href="folding.html">Accent folding</a></li>
|
||||||
|
<li><a href="multiple.html">Multiple values</a></li>
|
||||||
|
<li><a href="multiple-remote.html">Multiple, remote</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
71
include/jQuery/jquery-ui/demos/autocomplete/maxheight.html
Executable file
71
include/jQuery/jquery-ui/demos/autocomplete/maxheight.html
Executable file
@@ -0,0 +1,71 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Autocomplete - Scrollable results</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.position.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.menu.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.autocomplete.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<style>
|
||||||
|
.ui-autocomplete {
|
||||||
|
max-height: 100px;
|
||||||
|
overflow-y: auto;
|
||||||
|
/* prevent horizontal scrollbar */
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
/* IE 6 doesn't support max-height
|
||||||
|
* we use height instead, but this forces the menu to always be this tall
|
||||||
|
*/
|
||||||
|
* html .ui-autocomplete {
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
var availableTags = [
|
||||||
|
"ActionScript",
|
||||||
|
"AppleScript",
|
||||||
|
"Asp",
|
||||||
|
"BASIC",
|
||||||
|
"C",
|
||||||
|
"C++",
|
||||||
|
"Clojure",
|
||||||
|
"COBOL",
|
||||||
|
"ColdFusion",
|
||||||
|
"Erlang",
|
||||||
|
"Fortran",
|
||||||
|
"Groovy",
|
||||||
|
"Haskell",
|
||||||
|
"Java",
|
||||||
|
"JavaScript",
|
||||||
|
"Lisp",
|
||||||
|
"Perl",
|
||||||
|
"PHP",
|
||||||
|
"Python",
|
||||||
|
"Ruby",
|
||||||
|
"Scala",
|
||||||
|
"Scheme"
|
||||||
|
];
|
||||||
|
$( "#tags" ).autocomplete({
|
||||||
|
source: availableTags
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="ui-widget">
|
||||||
|
<label for="tags">Tags: </label>
|
||||||
|
<input id="tags">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>When displaying a long list of options, you can simply set the max-height for the autocomplete menu to prevent the menu from growing too large. Try typing "a" or "s" above to get a long list of results that you can scroll through.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
80
include/jQuery/jquery-ui/demos/autocomplete/multiple-remote.html
Executable file
80
include/jQuery/jquery-ui/demos/autocomplete/multiple-remote.html
Executable file
@@ -0,0 +1,80 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Autocomplete - Multiple, remote</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.position.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.menu.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.autocomplete.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<style>
|
||||||
|
.ui-autocomplete-loading {
|
||||||
|
background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
function split( val ) {
|
||||||
|
return val.split( /,\s*/ );
|
||||||
|
}
|
||||||
|
function extractLast( term ) {
|
||||||
|
return split( term ).pop();
|
||||||
|
}
|
||||||
|
|
||||||
|
$( "#birds" )
|
||||||
|
// don't navigate away from the field on tab when selecting an item
|
||||||
|
.bind( "keydown", function( event ) {
|
||||||
|
if ( event.keyCode === $.ui.keyCode.TAB &&
|
||||||
|
$( this ).data( "ui-autocomplete" ).menu.active ) {
|
||||||
|
event.preventDefault();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.autocomplete({
|
||||||
|
source: function( request, response ) {
|
||||||
|
$.getJSON( "search.php", {
|
||||||
|
term: extractLast( request.term )
|
||||||
|
}, response );
|
||||||
|
},
|
||||||
|
search: function() {
|
||||||
|
// custom minLength
|
||||||
|
var term = extractLast( this.value );
|
||||||
|
if ( term.length < 2 ) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
focus: function() {
|
||||||
|
// prevent value inserted on focus
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
select: function( event, ui ) {
|
||||||
|
var terms = split( this.value );
|
||||||
|
// remove the current input
|
||||||
|
terms.pop();
|
||||||
|
// add the selected item
|
||||||
|
terms.push( ui.item.value );
|
||||||
|
// add placeholder to get the comma-and-space at the end
|
||||||
|
terms.push( "" );
|
||||||
|
this.value = terms.join( ", " );
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="ui-widget">
|
||||||
|
<label for="birds">Birds: </label>
|
||||||
|
<input id="birds" size="50">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Usage: Enter at least two characters to get bird name suggestions. Select a value to continue adding more names.</p>
|
||||||
|
<p>This is an example showing how to use the source-option along with some events to enable autocompleting multiple values into a single field.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
93
include/jQuery/jquery-ui/demos/autocomplete/multiple.html
Executable file
93
include/jQuery/jquery-ui/demos/autocomplete/multiple.html
Executable file
@@ -0,0 +1,93 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Autocomplete - Multiple values</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.position.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.menu.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.autocomplete.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
var availableTags = [
|
||||||
|
"ActionScript",
|
||||||
|
"AppleScript",
|
||||||
|
"Asp",
|
||||||
|
"BASIC",
|
||||||
|
"C",
|
||||||
|
"C++",
|
||||||
|
"Clojure",
|
||||||
|
"COBOL",
|
||||||
|
"ColdFusion",
|
||||||
|
"Erlang",
|
||||||
|
"Fortran",
|
||||||
|
"Groovy",
|
||||||
|
"Haskell",
|
||||||
|
"Java",
|
||||||
|
"JavaScript",
|
||||||
|
"Lisp",
|
||||||
|
"Perl",
|
||||||
|
"PHP",
|
||||||
|
"Python",
|
||||||
|
"Ruby",
|
||||||
|
"Scala",
|
||||||
|
"Scheme"
|
||||||
|
];
|
||||||
|
function split( val ) {
|
||||||
|
return val.split( /,\s*/ );
|
||||||
|
}
|
||||||
|
function extractLast( term ) {
|
||||||
|
return split( term ).pop();
|
||||||
|
}
|
||||||
|
|
||||||
|
$( "#tags" )
|
||||||
|
// don't navigate away from the field on tab when selecting an item
|
||||||
|
.bind( "keydown", function( event ) {
|
||||||
|
if ( event.keyCode === $.ui.keyCode.TAB &&
|
||||||
|
$( this ).data( "ui-autocomplete" ).menu.active ) {
|
||||||
|
event.preventDefault();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.autocomplete({
|
||||||
|
minLength: 0,
|
||||||
|
source: function( request, response ) {
|
||||||
|
// delegate back to autocomplete, but extract the last term
|
||||||
|
response( $.ui.autocomplete.filter(
|
||||||
|
availableTags, extractLast( request.term ) ) );
|
||||||
|
},
|
||||||
|
focus: function() {
|
||||||
|
// prevent value inserted on focus
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
select: function( event, ui ) {
|
||||||
|
var terms = split( this.value );
|
||||||
|
// remove the current input
|
||||||
|
terms.pop();
|
||||||
|
// add the selected item
|
||||||
|
terms.push( ui.item.value );
|
||||||
|
// add placeholder to get the comma-and-space at the end
|
||||||
|
terms.push( "" );
|
||||||
|
this.value = terms.join( ", " );
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="ui-widget">
|
||||||
|
<label for="tags">Tag programming languages: </label>
|
||||||
|
<input id="tags" size="50">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Usage: Type something, eg. "j" to see suggestions for tagging with programming languages. Select a value, then continue typing to add more.</p>
|
||||||
|
<p>This is an example showing how to use the source-option along with some events to enable autocompleting multiple values into a single field.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
82
include/jQuery/jquery-ui/demos/autocomplete/remote-jsonp.html
Executable file
82
include/jQuery/jquery-ui/demos/autocomplete/remote-jsonp.html
Executable file
@@ -0,0 +1,82 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Autocomplete - Remote JSONP datasource</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.position.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.menu.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.autocomplete.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<style>
|
||||||
|
.ui-autocomplete-loading {
|
||||||
|
background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
|
||||||
|
}
|
||||||
|
#city { width: 25em; }
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
function log( message ) {
|
||||||
|
$( "<div>" ).text( message ).prependTo( "#log" );
|
||||||
|
$( "#log" ).scrollTop( 0 );
|
||||||
|
}
|
||||||
|
|
||||||
|
$( "#city" ).autocomplete({
|
||||||
|
source: function( request, response ) {
|
||||||
|
$.ajax({
|
||||||
|
url: "http://ws.geonames.org/searchJSON",
|
||||||
|
dataType: "jsonp",
|
||||||
|
data: {
|
||||||
|
featureClass: "P",
|
||||||
|
style: "full",
|
||||||
|
maxRows: 12,
|
||||||
|
name_startsWith: request.term
|
||||||
|
},
|
||||||
|
success: function( data ) {
|
||||||
|
response( $.map( data.geonames, function( item ) {
|
||||||
|
return {
|
||||||
|
label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName,
|
||||||
|
value: item.name
|
||||||
|
}
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
minLength: 2,
|
||||||
|
select: function( event, ui ) {
|
||||||
|
log( ui.item ?
|
||||||
|
"Selected: " + ui.item.label :
|
||||||
|
"Nothing selected, input was " + this.value);
|
||||||
|
},
|
||||||
|
open: function() {
|
||||||
|
$( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
|
||||||
|
},
|
||||||
|
close: function() {
|
||||||
|
$( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="ui-widget">
|
||||||
|
<label for="city">Your city: </label>
|
||||||
|
<input id="city">
|
||||||
|
Powered by <a href="http://geonames.org">geonames.org</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui-widget" style="margin-top:2em; font-family:Arial">
|
||||||
|
Result:
|
||||||
|
<div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are cities, displayed when at least two characters are entered into the field.</p>
|
||||||
|
<p>In this case, the datasource is the <a href="http://geonames.org">geonames.org webservice</a>. While only the city name itself ends up in the input after selecting an element, more info is displayed in the suggestions to help find the right entry. That data is also available in callbacks, as illustrated by the Result area below the input.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
52
include/jQuery/jquery-ui/demos/autocomplete/remote-with-cache.html
Executable file
52
include/jQuery/jquery-ui/demos/autocomplete/remote-with-cache.html
Executable file
@@ -0,0 +1,52 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Autocomplete - Remote with caching</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.position.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.menu.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.autocomplete.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<style>
|
||||||
|
.ui-autocomplete-loading {
|
||||||
|
background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
var cache = {};
|
||||||
|
$( "#birds" ).autocomplete({
|
||||||
|
minLength: 2,
|
||||||
|
source: function( request, response ) {
|
||||||
|
var term = request.term;
|
||||||
|
if ( term in cache ) {
|
||||||
|
response( cache[ term ] );
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
$.getJSON( "search.php", request, function( data, status, xhr ) {
|
||||||
|
cache[ term ] = data;
|
||||||
|
response( data );
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="ui-widget">
|
||||||
|
<label for="birds">Birds: </label>
|
||||||
|
<input id="birds">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are bird names, displayed when at least two characters are entered into the field.</p>
|
||||||
|
<p>Similar to the remote datasource demo, though this adds some local caching to improve performance. The cache here saves just one query, and could be extended to cache multiple values, one for each term.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
55
include/jQuery/jquery-ui/demos/autocomplete/remote.html
Executable file
55
include/jQuery/jquery-ui/demos/autocomplete/remote.html
Executable file
@@ -0,0 +1,55 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Autocomplete - Remote datasource</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.position.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.menu.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.autocomplete.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<style>
|
||||||
|
.ui-autocomplete-loading {
|
||||||
|
background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
function log( message ) {
|
||||||
|
$( "<div>" ).text( message ).prependTo( "#log" );
|
||||||
|
$( "#log" ).scrollTop( 0 );
|
||||||
|
}
|
||||||
|
|
||||||
|
$( "#birds" ).autocomplete({
|
||||||
|
source: "search.php",
|
||||||
|
minLength: 2,
|
||||||
|
select: function( event, ui ) {
|
||||||
|
log( ui.item ?
|
||||||
|
"Selected: " + ui.item.value + " aka " + ui.item.id :
|
||||||
|
"Nothing selected, input was " + this.value );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="ui-widget">
|
||||||
|
<label for="birds">Birds: </label>
|
||||||
|
<input id="birds">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui-widget" style="margin-top:2em; font-family:Arial">
|
||||||
|
Result:
|
||||||
|
<div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are bird names, displayed when at least two characters are entered into the field.</p>
|
||||||
|
<p>The datasource is a server-side script which returns JSON data, specified via a simple URL for the source-option. In addition, the minLength-option is set to 2 to avoid queries that would return too many results and the select-event is used to display some feedback.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
66
include/jQuery/jquery-ui/demos/autocomplete/xml.html
Executable file
66
include/jQuery/jquery-ui/demos/autocomplete/xml.html
Executable file
@@ -0,0 +1,66 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Autocomplete - XML data parsed once</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.position.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.menu.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.autocomplete.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<style>
|
||||||
|
.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
function log( message ) {
|
||||||
|
$( "<div/>" ).text( message ).prependTo( "#log" );
|
||||||
|
$( "#log" ).attr( "scrollTop", 0 );
|
||||||
|
}
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: "london.xml",
|
||||||
|
dataType: "xml",
|
||||||
|
success: function( xmlResponse ) {
|
||||||
|
var data = $( "geoname", xmlResponse ).map(function() {
|
||||||
|
return {
|
||||||
|
value: $( "name", this ).text() + ", " +
|
||||||
|
( $.trim( $( "countryName", this ).text() ) || "(unknown country)" ),
|
||||||
|
id: $( "geonameId", this ).text()
|
||||||
|
};
|
||||||
|
}).get();
|
||||||
|
$( "#birds" ).autocomplete({
|
||||||
|
source: data,
|
||||||
|
minLength: 0,
|
||||||
|
select: function( event, ui ) {
|
||||||
|
log( ui.item ?
|
||||||
|
"Selected: " + ui.item.value + ", geonameId: " + ui.item.id :
|
||||||
|
"Nothing selected, input was " + this.value );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="ui-widget">
|
||||||
|
<label for="birds">London matches: </label>
|
||||||
|
<input id="birds" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui-widget" style="margin-top:2em; font-family:Arial">
|
||||||
|
Result:
|
||||||
|
<div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>This demo shows how to retrieve some XML data, parse it using jQuery's methods, then provide it to the autocomplete as the datasource.</p>
|
||||||
|
<p>This should also serve as a reference on how to parse a remote XML datasource - the parsing would just happen for each request within the source-callback.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
37
include/jQuery/jquery-ui/demos/button/checkbox.html
Executable file
37
include/jQuery/jquery-ui/demos/button/checkbox.html
Executable file
@@ -0,0 +1,37 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Button - Checkboxes</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.button.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#check" ).button();
|
||||||
|
$( "#format" ).buttonset();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<style>
|
||||||
|
#format { margin-top: 2em; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<input type="checkbox" id="check" /><label for="check">Toggle</label>
|
||||||
|
|
||||||
|
<div id="format">
|
||||||
|
<input type="checkbox" id="check1" /><label for="check1">B</label>
|
||||||
|
<input type="checkbox" id="check2" /><label for="check2">I</label>
|
||||||
|
<input type="checkbox" id="check3" /><label for="check3">U</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>A checkbox is styled as a toggle button with the button widget. The label element associated with the checkbox is used for the button text.</p>
|
||||||
|
<p>This demo also demonstrates three checkboxes styled as a button set by calling <code>.buttonset()</code> on a common container.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
34
include/jQuery/jquery-ui/demos/button/default.html
Executable file
34
include/jQuery/jquery-ui/demos/button/default.html
Executable file
@@ -0,0 +1,34 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Button - Default functionality</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.button.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "input[type=submit], a, button" )
|
||||||
|
.button()
|
||||||
|
.click(function( event ) {
|
||||||
|
event.preventDefault();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<button>A button element</button>
|
||||||
|
|
||||||
|
<input type="submit" value="A submit button">
|
||||||
|
|
||||||
|
<a href="#">An anchor</a>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Examples of the markup that can be used for buttons: A button element, an input of type submit and an anchor.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
49
include/jQuery/jquery-ui/demos/button/icons.html
Executable file
49
include/jQuery/jquery-ui/demos/button/icons.html
Executable file
@@ -0,0 +1,49 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Button - Icons</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.button.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "button:first" ).button({
|
||||||
|
icons: {
|
||||||
|
primary: "ui-icon-locked"
|
||||||
|
},
|
||||||
|
text: false
|
||||||
|
}).next().button({
|
||||||
|
icons: {
|
||||||
|
primary: "ui-icon-locked"
|
||||||
|
}
|
||||||
|
}).next().button({
|
||||||
|
icons: {
|
||||||
|
primary: "ui-icon-gear",
|
||||||
|
secondary: "ui-icon-triangle-1-s"
|
||||||
|
}
|
||||||
|
}).next().button({
|
||||||
|
icons: {
|
||||||
|
primary: "ui-icon-gear",
|
||||||
|
secondary: "ui-icon-triangle-1-s"
|
||||||
|
},
|
||||||
|
text: false
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<button>Button with icon only</button>
|
||||||
|
<button>Button with icon on the left</button>
|
||||||
|
<button>Button with two icons</button>
|
||||||
|
<button>Button with two icons and no text</button>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Some buttons with various combinations of text and icons.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
19
include/jQuery/jquery-ui/demos/button/index.html
Executable file
19
include/jQuery/jquery-ui/demos/button/index.html
Executable file
@@ -0,0 +1,19 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Button Demos</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="default.html">Default functionality</a></li>
|
||||||
|
<li><a href="radio.html">Radios</a></li>
|
||||||
|
<li><a href="checkbox.html">Checkboxes</a></li>
|
||||||
|
<li><a href="icons.html">Icons</a></li>
|
||||||
|
<li><a href="toolbar.html">Toolbar</a></li>
|
||||||
|
<li><a href="splitbutton.html">Split Button</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
32
include/jQuery/jquery-ui/demos/button/radio.html
Executable file
32
include/jQuery/jquery-ui/demos/button/radio.html
Executable file
@@ -0,0 +1,32 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Button - Radios</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.button.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#radio" ).buttonset();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<div id="radio">
|
||||||
|
<input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
|
||||||
|
<input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
|
||||||
|
<input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>A set of three radio buttons transformed into a button set.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
69
include/jQuery/jquery-ui/demos/button/splitbutton.html
Executable file
69
include/jQuery/jquery-ui/demos/button/splitbutton.html
Executable file
@@ -0,0 +1,69 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Button - Split button</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.button.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.position.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.menu.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<style>
|
||||||
|
.ui-menu { position: absolute; width: 100px; }
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#rerun" )
|
||||||
|
.button()
|
||||||
|
.click(function() {
|
||||||
|
alert( "Running the last action" );
|
||||||
|
})
|
||||||
|
.next()
|
||||||
|
.button({
|
||||||
|
text: false,
|
||||||
|
icons: {
|
||||||
|
primary: "ui-icon-triangle-1-s"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.click(function() {
|
||||||
|
var menu = $( this ).parent().next().show().position({
|
||||||
|
my: "left top",
|
||||||
|
at: "left bottom",
|
||||||
|
of: this
|
||||||
|
});
|
||||||
|
$( document ).one( "click", function() {
|
||||||
|
menu.hide();
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
})
|
||||||
|
.parent()
|
||||||
|
.buttonset()
|
||||||
|
.next()
|
||||||
|
.hide()
|
||||||
|
.menu();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<button id="rerun">Run last action</button>
|
||||||
|
<button id="select">Select an action</button>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Open...</a></li>
|
||||||
|
<li><a href="#">Save</a></li>
|
||||||
|
<li><a href="#">Delete</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>An example of a split button built with two buttons: A plain button with just text, one with only a primary icon
|
||||||
|
and no text. Both are grouped together in a set.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
118
include/jQuery/jquery-ui/demos/button/toolbar.html
Executable file
118
include/jQuery/jquery-ui/demos/button/toolbar.html
Executable file
@@ -0,0 +1,118 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Button - Toolbar</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.button.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<style>
|
||||||
|
#toolbar {
|
||||||
|
padding: 4px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
/* support: IE7 */
|
||||||
|
*+html #toolbar {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#beginning" ).button({
|
||||||
|
text: false,
|
||||||
|
icons: {
|
||||||
|
primary: "ui-icon-seek-start"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$( "#rewind" ).button({
|
||||||
|
text: false,
|
||||||
|
icons: {
|
||||||
|
primary: "ui-icon-seek-prev"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$( "#play" ).button({
|
||||||
|
text: false,
|
||||||
|
icons: {
|
||||||
|
primary: "ui-icon-play"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.click(function() {
|
||||||
|
var options;
|
||||||
|
if ( $( this ).text() === "play" ) {
|
||||||
|
options = {
|
||||||
|
label: "pause",
|
||||||
|
icons: {
|
||||||
|
primary: "ui-icon-pause"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
} else {
|
||||||
|
options = {
|
||||||
|
label: "play",
|
||||||
|
icons: {
|
||||||
|
primary: "ui-icon-play"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
$( this ).button( "option", options );
|
||||||
|
});
|
||||||
|
$( "#stop" ).button({
|
||||||
|
text: false,
|
||||||
|
icons: {
|
||||||
|
primary: "ui-icon-stop"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.click(function() {
|
||||||
|
$( "#play" ).button( "option", {
|
||||||
|
label: "play",
|
||||||
|
icons: {
|
||||||
|
primary: "ui-icon-play"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
$( "#forward" ).button({
|
||||||
|
text: false,
|
||||||
|
icons: {
|
||||||
|
primary: "ui-icon-seek-next"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$( "#end" ).button({
|
||||||
|
text: false,
|
||||||
|
icons: {
|
||||||
|
primary: "ui-icon-seek-end"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$( "#shuffle" ).button();
|
||||||
|
$( "#repeat" ).buttonset();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="toolbar" class="ui-widget-header ui-corner-all">
|
||||||
|
<button id="beginning">go to beginning</button>
|
||||||
|
<button id="rewind">rewind</button>
|
||||||
|
<button id="play">play</button>
|
||||||
|
<button id="stop">stop</button>
|
||||||
|
<button id="forward">fast forward</button>
|
||||||
|
<button id="end">go to end</button>
|
||||||
|
|
||||||
|
<input type="checkbox" id="shuffle" /><label for="shuffle">Shuffle</label>
|
||||||
|
|
||||||
|
<span id="repeat">
|
||||||
|
<input type="radio" id="repeat0" name="repeat" checked="checked" /><label for="repeat0">No Repeat</label>
|
||||||
|
<input type="radio" id="repeat1" name="repeat" /><label for="repeat1">Once</label>
|
||||||
|
<input type="radio" id="repeatall" name="repeat" /><label for="repeatall">All</label>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>
|
||||||
|
A mediaplayer toolbar. Take a look at the underlying markup: A few button elements,
|
||||||
|
an input of type checkbox for the Shuffle button, and three inputs of type radio for the Repeat options.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
29
include/jQuery/jquery-ui/demos/datepicker/alt-field.html
Executable file
29
include/jQuery/jquery-ui/demos/datepicker/alt-field.html
Executable file
@@ -0,0 +1,29 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Datepicker - Populate alternate field</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.datepicker.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#datepicker" ).datepicker({
|
||||||
|
altField: "#alternate",
|
||||||
|
altFormat: "DD, d MM, yy"
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>Date: <input type="text" id="datepicker"> <input type="text" id="alternate" size="30"/></p>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Populate an alternate field with its own date format whenever a date is selected using the <code>altField</code> and <code>altFormat</code> options. This feature could be used to present a human-friendly date for user selection, while passing a more computer-friendly date through for further processing.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
51
include/jQuery/jquery-ui/demos/datepicker/animation.html
Executable file
51
include/jQuery/jquery-ui/demos/datepicker/animation.html
Executable file
@@ -0,0 +1,51 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Datepicker - Animations</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.effect.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.effect-blind.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.effect-bounce.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.effect-clip.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.effect-drop.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.effect-fold.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.effect-slide.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.datepicker.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#datepicker" ).datepicker();
|
||||||
|
$( "#anim" ).change(function() {
|
||||||
|
$( "#datepicker" ).datepicker( "option", "showAnim", $( this ).val() );
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>Date: <input type="text" id="datepicker" size="30"/></p>
|
||||||
|
|
||||||
|
<p>Animations:<br />
|
||||||
|
<select id="anim">
|
||||||
|
<option value="show">Show (default)</option>
|
||||||
|
<option value="slideDown">Slide down</option>
|
||||||
|
<option value="fadeIn">Fade in</option>
|
||||||
|
<option value="blind">Blind (UI Effect)</option>
|
||||||
|
<option value="bounce">Bounce (UI Effect)</option>
|
||||||
|
<option value="clip">Clip (UI Effect)</option>
|
||||||
|
<option value="drop">Drop (UI Effect)</option>
|
||||||
|
<option value="fold">Fold (UI Effect)</option>
|
||||||
|
<option value="slide">Slide (UI Effect)</option>
|
||||||
|
<option value="">None</option>
|
||||||
|
</select>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Use different animations when opening or closing the datepicker. Choose an animation from the dropdown, then click on the input to see its effect. You can use one of the three standard animations or any of the UI Effects.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
28
include/jQuery/jquery-ui/demos/datepicker/buttonbar.html
Executable file
28
include/jQuery/jquery-ui/demos/datepicker/buttonbar.html
Executable file
@@ -0,0 +1,28 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Datepicker - Display button bar</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.datepicker.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#datepicker" ).datepicker({
|
||||||
|
showButtonPanel: true
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>Date: <input type="text" id="datepicker"></p>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Display a button for selecting Today's date and a Done button for closing the calendar with the boolean <code>showButtonPanel</code> option. Each button is enabled by default when the bar is displayed, but can be turned off with additional options. Button text is customizable.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
40
include/jQuery/jquery-ui/demos/datepicker/date-formats.html
Executable file
40
include/jQuery/jquery-ui/demos/datepicker/date-formats.html
Executable file
@@ -0,0 +1,40 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Datepicker - Format date</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.datepicker.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#datepicker" ).datepicker();
|
||||||
|
$( "#format" ).change(function() {
|
||||||
|
$( "#datepicker" ).datepicker( "option", "dateFormat", $( this ).val() );
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>Date: <input type="text" id="datepicker" size="30"/></p>
|
||||||
|
|
||||||
|
<p>Format options:<br />
|
||||||
|
<select id="format">
|
||||||
|
<option value="mm/dd/yy">Default - mm/dd/yy</option>
|
||||||
|
<option value="yy-mm-dd">ISO 8601 - yy-mm-dd</option>
|
||||||
|
<option value="d M, y">Short - d M, y</option>
|
||||||
|
<option value="d MM, y">Medium - d MM, y</option>
|
||||||
|
<option value="DD, d MM, yy">Full - DD, d MM, yy</option>
|
||||||
|
<option value="'day' d 'of' MM 'in the year' yy">With text - 'day' d 'of' MM 'in the year' yy</option>
|
||||||
|
</select>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Display date feedback in a variety of ways. Choose a date format from the dropdown, then click on the input and select a date to see it in that format.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
44
include/jQuery/jquery-ui/demos/datepicker/date-range.html
Executable file
44
include/jQuery/jquery-ui/demos/datepicker/date-range.html
Executable file
@@ -0,0 +1,44 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Datepicker - Select a Date Range</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.datepicker.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#from" ).datepicker({
|
||||||
|
defaultDate: "+1w",
|
||||||
|
changeMonth: true,
|
||||||
|
numberOfMonths: 3,
|
||||||
|
onClose: function( selectedDate ) {
|
||||||
|
$( "#to" ).datepicker( "option", "minDate", selectedDate );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$( "#to" ).datepicker({
|
||||||
|
defaultDate: "+1w",
|
||||||
|
changeMonth: true,
|
||||||
|
numberOfMonths: 3,
|
||||||
|
onClose: function( selectedDate ) {
|
||||||
|
$( "#from" ).datepicker( "option", "maxDate", selectedDate );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<label for="from">From</label>
|
||||||
|
<input type="text" id="from" name="from"/>
|
||||||
|
<label for="to">to</label>
|
||||||
|
<input type="text" id="to" name="to"/>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Select the date range to search for.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
26
include/jQuery/jquery-ui/demos/datepicker/default.html
Executable file
26
include/jQuery/jquery-ui/demos/datepicker/default.html
Executable file
@@ -0,0 +1,26 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Datepicker - Default functionality</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.datepicker.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#datepicker" ).datepicker();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>Date: <input type="text" id="datepicker"></p>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
29
include/jQuery/jquery-ui/demos/datepicker/dropdown-month-year.html
Executable file
29
include/jQuery/jquery-ui/demos/datepicker/dropdown-month-year.html
Executable file
@@ -0,0 +1,29 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Datepicker - Display month & year menus</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.datepicker.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#datepicker" ).datepicker({
|
||||||
|
changeMonth: true,
|
||||||
|
changeYear: true
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>Date: <input type="text" id="datepicker"></p>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Show month and year dropdowns in place of the static month/year header to facilitate navigation through large timeframes. Add the boolean <code>changeMonth</code> and <code>changeYear</code> options.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
30
include/jQuery/jquery-ui/demos/datepicker/icon-trigger.html
Executable file
30
include/jQuery/jquery-ui/demos/datepicker/icon-trigger.html
Executable file
@@ -0,0 +1,30 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Datepicker - Icon trigger</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.10.2.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.datepicker.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#datepicker" ).datepicker({
|
||||||
|
showOn: "button",
|
||||||
|
buttonImage: "images/calendar.gif",
|
||||||
|
buttonImageOnly: true
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>Date: <input type="text" id="datepicker"></p>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Click the icon next to the input field to show the datepicker. Set the datepicker to open on focus (default behavior), on icon click, or both.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user