上記ページの紹介の中から「colorbox」を使います。
http://colorpowered.com/colorbox/
使い方は、ThickBoxより簡単でオプション豊富でデザインが選べて綺麗。

で、私の場合はたいてい特殊な用途に向かってしまうサガがまた出まして、
他ドメインのHTMLを参照して表示したい。
jQueryではクロスドメインに対してgetJSONでJSONデータとして持ってこれます。

$.getJSON(url+"&callback=?", function(data){
  ...
}
とするとサーバー側のPHPでは、$_GET['callback']で「jsonp0123456..」とかのコールバック関数名が得られます。
１．データをjson_encodeする
２．（）で囲む
３．前にコールバック名をつける
例：
jsonp0123456([{key1:value1},{key2:value2}])
とかの形で出力してあげます。header関数でmimeタイプも付けてあげましょう。

受けて側ですが、結論からいうと、colorboxの改造が必要です。
optionで、
{
  html: function(){
    $.getJSON(...);
  }
}
とできればよかったんですが、なぜかリクエストが失敗します。

jquery.colorbox.jsの638行目あたりのelse前に、
        } else if (settings.json) {
            $.getJSON(href+"&callback=?", function(data){
                resize(data.html);
            });
        } else {
と条件を追加します。使うコードはオプションで、
$(セレクタ).colorbox({json:true});
とします。

root = new Ext.tree.AsyncTreeNode()
にノードがぶら下がり、
nodes.eachChild(function(child){});
で直接の子childに対してループ処理ができます。
child.hasChildNodes()
でさらにその子が存在するか判定できます。
child.idで自分のIDが、
child.parentNode.idで親IDが得られます。
並び順はループ中のindexで得ます。

データは、
1:root:0,3:1:0,2:root:1,
と,と:で区切って一時配列にできる文字列としておいて、
jQueryのAjaxで送信しています。
受け側は、

	function reorder() {
		if(!empty($this->params['form']['reorder'])) {
			$postreorders = explode(',',$this->params['form']['reorder']);//配列に分割
			foreach($postreorders as $pro) {//配列をループ
				if(!empty($pro)) {//値があれば
					$reorder = explode(':',$pro);//配列に分割
					if(count($reorder) == 3) {//蛇足
						$data = array();//data初期化
						$data['id'] = $reorder[0];//id指定
						if($reorder[1] == 'root') {
							$data['group_id'] = null;//第一階層なら親なし
						} else {
							$data['group_id'] = $reorder[1];//親id
						}
						$data['ordr'] = $reorder[2];//並び順
						$this->Group->save($data);//update
					}
				}
			}
		}
		exit();
	}

cakePHPはデータを配列で渡せばSQLを自動生成してくれます、
$data['id']があればUPDATEされ、なければINSERTされます。

しかし、この処理が二重にかかってしまう場合があり、エラーとなります。

data/class/db/dbfactory/SC_DB_DBFactory_MYSQL.php
の244行目あたりの

    function sfChangeTrunc($sql){
        $changesql = eregi_replace("( TRUNC)", " TRUNCATE", $sql);
        return $changesql;
    }

 を

    function sfChangeTrunc($sql){
        $changesql = eregi_replace("( TRUNC)", " TRUNCATE", $sql);
        $changesql = eregi_replace("( TRUNCATEATE)", " TRUNCATE", $changesql);
        return $changesql;
    }

に書き換えます。

１． http://jquery.com/demo/thickbox/から
jquery.jsとloadingAnimation.gif、thickbox.css、thickbox.jsというファイルをダウンロードします。

２．解凍したファイルをアップロードします。 （ここでは/html/user_data/js/としました）

２．EC-CUBE管理画面のデザイン管理＞ページ詳細設定＞商品一覧ページをクリックします。

３．冒頭に次のコードを記述します。

<LINK rel=stylesheet type=text/css href="html/user_data/js/thickbox.css" media=all>
<SCRIPT type=text/javascript src="html/user_data/js/jquery.js"></SCRIPT>
<SCRIPT type=text/javascript src="html/user_data/js/thickbox.js"></SCRIPT>

４．中ほどの画像表示のコードを書き換えます。

<div class="listphoto">
<!--★画像★-->
<a href="<!--{$smarty.const.IMAGE_SAVE_URL|sfTrimURL}-->/<!--{$arrProducts[cnt].main_image}-->" title="<!--{$arrProducts[cnt].name|escape}-->" class="thickbox" rel="main_image"><img src="<!--{$smarty.const.IMAGE_SAVE_URL|sfTrimURL}-->/<!--{$arrProducts[cnt].main_list_image}-->" title="<!--{$arrProducts[cnt].name|escape}-->" class="picture" /></a>
</div>

これだけで、商品詳細ーメイン画像を表示し、rel="main_image"により同一ページに表示されている商品の画像をページ送りされます。

• EC-CUBEの商品一覧でThickboxを使う
• 売上集計でエラーが出る

各種サービス・CMS 特徴

※上記は基本機能での参考です。
いずれもカスタマイズや外部サービスの連携等で補完させることができます。
※各種CMSについてはこちら

サービス構築の流れ

・ヒアリングにより最適と思われるご提案をします。必要であれば各種専門家のご紹介もします。
・低予算でもそれなりのご提案ができます。社内のIT成熟度により運用面でのご提案も変わります。
・サイト構成により、必要なページ数や素材の制作料が割り出せます。
・製作中でも設計書やデザインをご確認いただけます。
・独自ドメインやSSL暗号化証明書はご希望であれば契約・お支払い代行をします。

ITの活用について、アイデアレベルのサポートもします。お気軽にご相談ください。

参考料金

サイト構成：5万円～
CMSインストール・初期設定：10万円～
デザイン：5万円～
ページ制作：1万円（/ページ）
EC-CUBE商品追加：2,000円（/商品）
プラグイン開発：5万円～
保守（インシデント）：2万円～（/1件）
FLASH制作：5万円～

Wordpress・EC-CUBEインストール初期費用
サイト構成費用：5万円
インストール費用：10万円
ページ制作費用：10万円（10ページ）
参考計：20万円

・基本的に初期立ち上げまですべて面倒を見させていただきます。
・ご予算に応じてフェイズ単位での追加構築もできます。

カスタマイズ参考

EC-CUBE商品一覧にExcel風表形式編集

通常、ネットショップの商品管理は商品一覧ページと個々の商品詳細編集ページが分かれています。
しかし実際の運用では、複数の商品価格のみ更新といったニーズが多いのが実情です。
実際のところ、いままでのホームページではこういう利便性は困難でした。
それを可能にするのがグーグルマップで注目されたAjax（エージャックス）です。

商品名や商品価格などを一覧からどんどん更新できます。項目の移動は十字キーで行えます。
表を見やすくするために列の並び替えや固定などを行えます。
選択項目も作れます。

複数行入力も行えます。

列の表示・非表示も行えます。
これらの機能はユーザーからしては「できて当たり前」と思われるでしょう。それを「かなえます」

WYSIWYGエディタ

これもあたりまえの機能ですが、本文などの入力ではホームページ・ビルダーのような高度編集がしたいところです。
これをかなえるのがWYSIWYGエディタと呼ばれる技術です
代表的なライブラリに。
・FCKEditor
・tinyMCE
・xinha
があります。MODxやWordpressにはこれを使うプラグインがあります。
このページ自体、MODx上のtinyMCEでラクラク更新しています。

ここで注意したいのが画像管理機能です。
日本でよくカスタマイズに使われるのがFCKeditorですが、これの画像管理機能は弱く実用に耐えるものは有料で提供されています。
当方ではFCKEditorを使う事例ではMCPUKをアドオンし、独自開発ではWYSIWYGエディタに「xinha」を採用しています。
・wordpress：fckeditor+MCPUK
・eccube：xinha（+ExtendedFilemanager）
・MODx：tinyMCE＋MCPUK（標準）
・Quick.CMS.Lite：xinha（+ExtendedFilemanager）
・XOOPS：fckeditor+MCPUK

 var $hasAndBelongsToMany = array('Food');

と記述するとCooking->findで自動的にFoodをぞろぞろ取ってきてくれる、、、はずです。すいません、この例は未検証です。
この場合、取得できるのはCookingとFoodだけですが、「with」句を付けると「CookingsFood」もついでに取ってきてくれます。

var $hasAndBelongsToMany = array('Food' =>
    array('with' => 'CookingsFood')
); 

中間テーブルには「承認済」とか「仲良し度」とかの関係性を記録したい場合に使えます。
今回はこれに加えて、同一テーブル間を多対多でつなぎたいと考えました。例はSNSのユーザー間でマイミクをするようなものです。
ユーザー「Account」モデルと、「account_id」「member_id」を持つ中間「Member」モデルを用意します。
Accountモデルに、

 var $hasAndBelongsToMany = array(
   'Friend' => array('className' => 'Account',
        'joinTable' => 'members',
        'with' => 'Member',
        'foreignKey' => 'account_id',
        'associationForeignKey' => 'member_id',
        'conditions' => '',
        'order' => '',
        'limit' => '',
        'uniq' => false,
        'finderQuery' => '',
        'deleteQuery' => '',
        'insertQuery' => ''
   )
 );

を記述します。お友達は「Friend」の下に、その中の「Member」にmemberモデルの内容が収められます。

・内部はUTF-8、出力はSHIFT-JIS,入力をUTF-8に変換
app/app_controller.php

if($this->RequestHandler->isMobile()){
   mb_language('ja');
   mb_internal_encoding('UTF-8');
   mb_http_output('SJIS');
   ob_start("mb_output_handler");
   mb_convert_variables("UTF-8", "SJIS", $this->params['url']);
   mb_convert_variables("UTF-8", "SJIS", $this->params['form']);
   mb_convert_variables("UTF-8", "SJIS", $this->data);
}

・RequestHandler(拡張子)で「.mobile」を使用する。
app/config/routes.phpに追加
  Router::parseExtensions('mobile');
app/app_controller.php
  $this->RequestHandler->setContent("mobile",'text/html');

app/viewsの各コントローラーおよびlayoutsのフォルダに「mobile」フォルダを作成してビューを配置するのですが、なぜかドコモHPから入手できるiモードHTMLシミュレータでエラーになりました。layout用ビューを秀丸で一度文字コードをSFIFT-JISで保存してからUTF-8で保存しなおすと直りました。

・リダイレクトをオーバーライド,セッションID付加
app/app_controller.php

//redirect メソッド書き換え

 function redirect($url,$status = null) {
  if($this->RequestHandler->isMobile()){
   if(strpos($url, '.mobile') === false) {
    $url = $url.".mobile?".Configure::read('Session.cookie')."=".session_id();
   } else {
    $url = $url."?".Configure::read('Session.cookie')."=".session_id();
   }
   parent::redirect($url,$status);
  } else {
   parent::redirect($url,$status);
  }
}

他にも各リンクでセッションID引き渡しをします。
core.phpの
Security.levelがhighの場合、Session.phpでsession_regenerate_id()(セッションID振り直し)してくれます。

各リンクでセッションID引き渡しがめんどうなら、リーサルウェポンsession.use_trans_sidを使う手も。
core.phpの
  Configure::write('Session.save', 'mobilesession');
とかカスタム宣言して、同フォルダにmobilesession.phpファイルを作成。session.phpの457行目以下を参考にしてカスタマイズします。
注意！session.use_trans_sidはPHP5以上でないとini_setできません。

1)PHP4互換モードにする
.htaccessを使い、
php_flag zend.ze1_compatibility_mode on
の行を足してPHP4互換にしてしまいます。これで本文以外は表示されます。。

2）生成されるSELECT文のフィールドが空になっている。
 「SELECT  FROM ...」となっていましたので、「SELECT * FROM ...」とします。
common/xanhte/lib/Ethna/class/Ethna_AppObject.php
を「SELECT」で検索し（複数見つかります）、たとえば1117行目あたりの上に
if(!$column) $column = "*";
  $sql = "SELECT $column FROM $tables $condition $group_by $sort $limit";
を足します。$columnsとなっているところもあります。DISTINCTとある場合はそのままにします。
これでブログ記事一覧が表示されます。

3）PHP5では、array_merge関数の動作が違う。
どう違うのかは文献を探っていただくとして、その文献に対処も載っています。(array)でキャストします。
同ファイルの1114行目あたりの 
$prop_def = array_merge($this->prop_def, $search_prop_def);
を
$prop_def = array_merge((array)$this->prop_def, (array)$search_prop_def);
とします。
これで個別記事が表示されます。
XOOPSをgrepしたらarray_mergeはたくさん出てきたのですが、どうすればよいのでしょうね＾＾）

• うぇブログ(xeblog2)をPHP5で動かす

cakeははじめにいろいろ自分の初期化をしてデータベースアクセスし、最後にVIEWを生成します。
このうち初期化の後にキャッシュチェックをして有効であれば、その後をスルーすることにします。
smartyは独自にキャッシュメカニズムを持っているのですが、最後にならないとsmartyが働かないので、コアに手を入れて初期化直後にVIEWクラスを生成します。

まず、smarty内部でキャッシュファイルを生成するようにします。
(私はrequestActionでブロック表示しているものだけキャッシュしたかったので、bareを見ています)
/app/views/smarty.phpの「function __construct」関数（$this->ext= '.tpl';とか設定しているところ）の最後に、

if($this->params['bare'] == '1') {  
    $this->Smarty->cache_lifetime = 3600; //有効秒数
    $this->Smarty->caching = true;  //有効化
    $this->cacheid = $this->params['url']['url']; //url毎にキャッシュファイルを生成する。テンプレート単位でキャッシュする場合は不要
} 

function _render(...)の最後のfetchを以下に変更、 

	return $this->Smarty->fetch($___viewFn, $this->cacheid);

/cake/dispatcher.phpの 240行目あたり(return $this->_invoke(...)の直前)で、

include_once(VIEWS."smarty.php");
$viewClass =& new SmartyView($controller);
$tplfile = $viewClass->_getViewFileName($this->params['action']);
if($viewClass->Smarty->is_cached($tplfile,$this->params['url']['url']) === true) {
    $viewClass->render();
    return;
}

smarty.phpをインクルードしてVIEWクラスを生成し、is_cached関数が真の場合、renderしてreturnしてしまいます。 

ちなみにsmartyテンプレートからcakeのrequestActionを呼ぶにはヘルパーを自作しました。
/app/views/helpers/block.php

<?php  
class BlockHelper extends AppHelper {  
    //requestAction  
    function fetch($address = null) {  
        $this->pageTitle = $title;  
        if(!$address) return;  
        $output = $this->requestAction($address, array('return'));  
        return $this->output($output);  
    }  
}  
?>

コントローラーにhelpers宣言しておいて、テンプレートからは
{$block->fetch("/tags/index")}
でNucleusライクに他のアクションの描画結果を呼び出せます。

もっと追加＾＾）smartyでfetchした結果を再度render評価します。
ブログや管理画面で本文を入力した内容にsmarty関数を書いたりした場合に、一度fetchして再度fetchすることによって巻数を展開します。
smartyにはリソースプラグインという機能があり、ファイルとしてテンプレートを読み込む以外にデータベースなどからテンプレートを読み込めるわけですが、なぜかPHP変数をテンプレートとして使えません。smartyプラグインとして作成します。ここではファイル名は「resource.memory.php」

<?php
function smarty_resource_memory_source($tpl_name,&$tpl_source,&$smarty_obj){
  $tpl_source = $tpl_name;
  return true;
}
function smarty_resource_memory_timestamp($tpl_name,&$tpl_timestamp,&$smarty_obj){
  $tpl_timestamp = time();
  return true;
}
function smarty_resource_memory_secure($tpl_name,&$smarty_obj){
  return true;
}
function smarty_resource_memory_trusted($tpl_name,&$smarty_obj){
}
?>

/cake/dispatcher.phpの上記fetch箇所を 

$text = $this->Smarty->fetch($___viewFn, $this->cacheid);
if(strpos($text, $this->Smarty->left_delimiter) !== false) {
    $text = $this->Smarty->fetch("memory:".$text);
}
return $text;

var $components = array('Security');
$users = array('（ユーザー名）'=>'（パスワード）');
$this->Security->requireLogin('add','edit','delete'); //使いたいアクション
$this->Security->requireLogin(array('type'=>'basic','realm'=>"パスワードを入力してください",'users'=>$users)); 

Contoroller毎にも制御したいのですが、まだわかりません。
ただ、こうすると入力フォームでもトークンキーを使った認証をしようとしてくれます。($form->create()と$form->end()を使うらしい)
いろいろやったけどうざったいので、
$this->params['requested'] = 1;
を付けて回避しました。本来はReqestActionで呼び出された時の判定用みたいなので、こういう使い方をしてはいけない気がします。
このままでもREST呼び出ししたときにはBASIC認証を要求してくれました。

BASIC認証ではパスワードが平文で通信されるので注意。
 * An associative array of usernames/passwords used for HTTP-authenticated logins.
 * If using digest authentication, passwords should be MD5-hashed.
digest認証モードではmd5ハッシュしなさいだそうです。

まずはコードを。
普通アクセスの場合は、まずfindして入力フォームに送る。受信データがあればsave、失敗したら$this->dataをsetして戻す、
RESTアクセスの場合は、XMLとみなしてUnserializeして$this->dataにしてsave。エラーがあればステータスコード400を返す。

function edit($id = null) {  
  if(!empty($this->params['id'])) $id = $this->params['id'];//RESTアクセスの場合idをparamsから取る  
  if(!$id) die;//idがなければ終了  
  $this->pageTitle = "編集";//ページタイトル 
  $REQUEST_METHOD = $_SERVER['REQUEST_METHOD'];//RESTアクセスの判断  
  if($REQUEST_METHOD == 'PUT') {//PUTの場合  
   //認証しましょう  
   $putdata = fopen("php://input","r");//一般入力php://inputから取るそうだ  
   require_once("XML/Unserializer.php");//ライブラリ読み込み  
   $param = array('complexType' => "array");  
   $xml = new XML_Unserializer($param);//パラメーターを指定してインスタンス化  
   $xml->unserialize($putdata);//データを渡す  
   $result = $xml->getUnserializedData();//XMLから配列を得る  
   if (PEAR::isError($result)) {//エラーがあれば  
    header("HTTP/1.0 400 Bad Request");//コード400を返す  
    die($result->getMessage());//エラーメッセージも送って終了  
   } else {  
    $this->data = $result;//変換成功なら$this->dateにしてしまう。  
   }  
  }  
  if(!empty($this->data)) {//受信データがあれば  
    //ここでデータを検証しましょう  
   if(($this->Article->create($this->data) && $this->Article->validates())) {//バリデーションチェック  
    $this->Article->save($this->data);//通ればsave  
    $cond = array("Article.id" => $id);  
    $article = $this->Article->find($cond);//save後のデータを取る  
   } else {//失敗したら  
    $article = $this->data;//$this->dataを戻す  
    if($REQUEST_METHOD == 'PUT') {//RESTアクセスの場合  
     header("HTTP/1.0 400 Bad Request");//400を返す  
     die(join($this->validateErrors($this->Article)));//バリデーションエラーをモデルから渡す  
    }  
   }  
  } else {  
   $cond = array("Article.id" => $id);//通常初回アクセスの場合  
   $article = $this->Article->find($cond);//データを取る  
  }  
  if($REQUEST_METHOD == 'PUT') exit;//RESTアクセスの場合、終了 
  if(!$article) die;//データがなければ終了  
  $this->set('article',$article);//VIEWに渡す  
}  

apcheのhttpd.confでLIMIT GET POST PUT DELETEもしておく必要があるのかな。
たいていのWWWブラウザーではメソッドにGETとPOST以外は使えないので、専用ソフトを使いました。
なぜか「eXeve」ではPUT>EDIT誘導がうまくいかなくて「restclient」と「RESTTest」でやったらうまく出来たよ。

そのまえにcakePHP1.2では「webservice」が変わり、「(URL).xml」等でXML,RSS,JSONなどのフォーマットで出力できるようになった。
/app/config/routes.phpに
  Router::parseExtensions('rss','xml','json');
を追加して、コントローラーの頭で
   var $components = array('RequestHandler');
を設定しておく。これで
(コントローラー)/index/page:2/serch:hoge/category:flower.xml
でXML出力を試みるみたい。VIEWは
/app/views/(コントローラー)/xml/フォルダに各アクション名のを置いておく。LAYOUTも同様。
（余談：RequestHandlerを読むと携帯判別しているような箇所もある＾＾）

※あらかじめ「vendors」にPEARおよびXMLを仕込んでパスを通して使えるようにしておいてください。
smartyが使いたいので、smartyプラグインでserializeできるようにする。

function.xml_serializer.php
<?php
function smarty_function_xml_serializer($params, &$smarty) {
  if($params['value'] == '') return;
 require_once 'XML/Serializer.php';
 $options = array(
   "indent" => " ",
   "linebreak" => "\n",
   "typeHints" => false,
   "addDecl" => true,
   "encoding" => "UTF-8",
   "rootName" => "root",
   "rootAttributes" => null,
   "defaultTagName" => "data",
 );
 $serializer = new XML_Serializer($options);
 if ($serializer->serialize($params['value'])) {
   $xml = $serializer->getSerializedData();
  print($xml);
 }
}
?>

VIEWからは
  <{xml_serializer value=(変数)}>
layouts/default.tplには
   <{$content_for_layout}>
だけ書いておく。

出力は
<?xml version="1.0" encoding="UTF-8" ?>
<data>
  <Article>
  <id>2</id>
  <title>2</title>
  <category_id />
  <comment>2</comment>
  <body>2</body>
  <visible>0</visible>
  <modified>2008-03-12 14:19:48</modified>
  <created>2008-03-12 14:19:48</created>
  </Article>
</data>
となります。$xml->UnserializerにかませるとPHPの配列にしてくれるので後々扱いやすいです。

Updateの時にAliasを使ってくれて、そこでエラー。複数モデルを一度に更新できるためなんだろうけどね。
しかたないのでこれを1.1のように1回1モデルしかUpdateできなくする。 

/cake/libs/model/datasources/dbo_source.phpの1245行目を

case 'update':
//return "UPDATE {$table} {$this->alias}{$alias} {$joins} SET {$fields} {$conditions}";
$sql = "UPDATE {$table} SET {$fields} {$conditions}";
$sql = str_replace("$alias".".","",$sql);
return $sql; 

検証が十分でないので、自己責任でお願いします。

cakePHP1.2ではRuterを使ってMethodに応じてアクションに対応させてくれます。1.2.06311では
cake\libs\router.phpの118行目に記述があります。

/**
* Default HTTP request method => controller action map.
*
* @var array
* @access private
*/
var $__resourceMap = array(
array('action' => 'index', 'method' => 'GET',  'id' => false),
array('action' => 'view', 'method' => 'GET',  'id' => true),
array('action' => 'add', 'method' => 'POST',  'id' => false),
array('action' => 'edit', 'method' => 'PUT',   'id' => true),
array('action' => 'delete', 'method' => 'DELETE', 'id' => true),
array('action' => 'edit', 'method' => 'POST',  'id' => true)
);

これを有効にするには
app\config\routes.phpで
Router::mapResources('(コントローラー)');
とします。すると、
(コントローラー)/(id)にGETメソッドでアクセスすると、viewアクションに渡されます。
（ちなみに今のＷＷＷブラウザーではGETとPOSTメソッドしか使えません） 

問題は、各メソッドに引数が指定できないこと。(この記事の結論からいえば、URLからindexは外せませんでした。)
indexメソッドではカテゴリーでの絞り込みなどを行いたいもので、従来(本来？)
function index($serch,$category) {
としてURL「(コントローラー)/index/hoge/flower/」で値を渡してやります。
値の渡し方はこの引数渡しのほかに、「(コントローラー)/index?serch=hoge&category=flower」のGETクエリー渡しもあります。
この場合はコントローラーで「$this->params['url']['serch']」で値を取得します。

さらに問題が。indexメソッドではたいていページ送りをしたいものですが、1.2ではpagenatorを使い、
コントローラー中で
$this->set('(view変数名)',$this->paginate());
VIEWで
$paginator->numbers(true)
とするだけで、
「1|2|3|4」などのページ送りリンクが生成されるのですが、上記の方法では引数が簡単には引き継がれません。

pagenatorで生成されたリンクを見ると
「（コントローラー）/index/page:2」などとなっています。この「page」は$this->params['named']['page']として取得できます。
これを利用してURLを
(コントローラー)/index/serch:hoge
(コントローラー)/index/page:2/serch:hoge/category:flower
などとして、コントローラー内では、

$option = array();
foreach($this->params['named'] as $key => $value) {
  $option['url'][$key] = $value;
}
$this->set('option', $option);

VIEW(smarty使用)では 
    {$paginator->numbers($option)}
とします。リソースが一意になったような気がします。
（cakePHPのsmartyViewの配列対応プラグイン「assign_assoc」では配列の配列がうまく扱えませんでした）

function getDoc(url,title)としてまとめます。
通常のリンクからは<a href='javascript:getDoc((url),(タイトル))；void(0)；'>とします。
読み込んだページに対しても、
genAjaxLink関数を使ってaタグすべてにこのWindow.body内で表示するようにします。 

まず、Ext.Windowダイアログを再利用するため、コードの冒頭で
var modules = new Array();
と宣言しておきます。
modules['window']にExt.windowオブジェクトを格納します。
modules['link']にナビゲーション用のリンク配列、
modules['linkInc']に現在表示している['link']の順番番号(0スタート)を入れます。

ちなみにExt.Windowの内容は、Ext.window.body.update('テキスト')で変更できます。
または、modules['window'].body.update('テキスト')（(urlは「/」と「.」などを「-」に変更しています＜IDに使えないため)）
ID指定したい場合は、Ext.getCmp((ID)).body.update('テキスト')

function getDoc(url,title){
  //他ドメインの場合はgetLink(url)関数へ渡す
 if(url.indexOf('http://') > -1 || url.indexOf('https://') > -1) {
  getLink(url);
  return false;
 }
  //ID設定するためにurlを変更する
 did = url.replace(/[^0-9a-z]/ig, "\-"); //make id
  //タイトル表示用に長すぎるタイトルを切る
 //make longer Title is Short
 if(title.length > 60) {
  titlestr = title.substr(0,60) + "...";
 } else {
  titlestr = title;
 }
  //modules[url]が存在しない場合、Ext.Windowを作成する
 if(!modules[url]){
  modules[url] = new Array();
  modules[url]['window'] = new Ext.Window({
   id         :'doc_'+did,
   title      :titlestr,
   layout     :'fit',
   width      :580,
   height     :480,
   closeAction:'hide', //Closeアイコンの動作(隠す)。省略の場合、close（削除）
   maximizable:true, //最大化有効
   collapsible:true, //アイコン化有効
   autoScroll :true,
   bodyStyle  :'background-color: white;',
  //enableイベントに対する動作
   //Document Scripting after hook load callback(enable Event)
   listeners  :{'enable':function(){
    genAjaxLink($('#doc_'+did), this, null);
   }},
  //ツールバーに追加
   tools:[{ //make Titlebar Tool
    //左アイコンを追加。
    id:'left', //Back navigation
    hidden:true, //初期非表示
    //リンクが1以上の場合、「戻る」動作をする
    handler: function(event, toolEl, panel){
     if(panel['linkInc'] > 0) {
      panel['linkInc']--;
      link = panel['link'][panel['linkInc']];
      panel.body.load({url:link,params:{noTemplate:'blank'},callback:function(){panel.enable()},scripts:true});
      if(panel['linkInc'] == 0) panel.tools.left.hide();
      panel.tools.right.show(); //右アイコンを表示
     }
    }
   },{
    //右アイコンを追加。
    id:'right', //Next navigation
    hidden:true,
    handler: function(event, toolEl, panel){
     if(panel['linkInc'] < panel['link'].length - 1) {
      panel['linkInc']++;
      link = panel['link'][panel['linkInc']];
      panel.body.load({url:link,params:{noTemplate:'blank'},callback:function(){panel.enable()},scripts:true});
      if(panel['linkInc'] == panel['link'].length - 1) panel.tools.right.hide();
      panel.tools.left.show();
     }
    }
   }]
  });
  modules[url]['window'].show(); //Ext.Windowを表示する
  //ナビゲーション用リンク配列
  //preparations link Navigation
  modules[url]['window']['linkInc'] = 0;
  modules[url]['window']['link'] = new Array();
  modules[url]['window']['link'].push(url);
  link = modules[url]['window']['link'][modules[url]['window']['linkInc']];
  //body.loadを使い、読み込む
  //callbackでenable()イベントを発生させる＜ページ内容を操作するのにここのcallbackでは描画が完了していないらしいので
  //Document Ajax load
  modules[url]['window'].body.load({url:link,params:{noTemplate:'blank'},callback:function(){modules[url]['window'].enable()},scripts:true});
  //初期表示時、位置をランダムで変える＜常に中心に表示されるので
  //Randam window position
  box = modules[url]['window'].getBox(true);
  pos_x = Math.floor(5*Math.random()) * 8 + box.x;
  pos_y = Math.floor(5*Math.random()) * 8 + box.y;
  modules[url]['window'].setPosition(pos_x,pos_y);
 } else {
  //すでにmodules[url]が存在する（hide隠れている）場合、表示してloadしなおす
  modules[url]['window'].show();
  modules[url]['window'].body.load({url:url,params:{noTemplate:'blank'},callback:function(){modules[url]['window'].enable()},scripts:true});
 }
} 

読み込んだページに対してリンク（aタグ）すべてに対して動作を変更します。しなければ通常のページ遷移が発生します。
obj:ID指定されたjQueryオブジェクト
wobj:Ext.Windowオブジェクト
wflg:getDocに渡してWindow生成する

function genAjaxLink(obj, wobj, wflg) {
 //指定オブジェクト内のaタグすべてループする
 $('a', obj).each(function(){
  //urlがドメインのリンク(http://(自分のドメイン))であれば外す
  $(this).attr('href',$(this).attr('href').replace(serverpath,''));
  //無名関数を割り当てる
  $(this).click(function(){
  //他ドメインへのリンクであればgetLinkに渡す
   if($(this).attr('href').indexOf('http://') > -1 || $(this).attr('href').indexOf('https://') > -1) {
    getLink($(this).attr('href'));
   } else if(wflg == "-1") {
    //getDocに渡す
    getDoc($(this).attr('href'),$(this).attr('href'));
   } else {
    //ナビゲーション用リンク配列にurlを追加し、loadする
    link = $(this).attr('href')
    wobj['linkInc']++;
    wobj['link'].push(link);
    wobj.load({url:link,params:{noTemplate:'blank'},callback:function(){wobj.enable()},scripts:true});
    //左(戻る)アイコンを表示する
    wobj.tools.left.show();
   }
   return false;
  });
 });
} 

jsonの形式は
[{
  key1:value,
  key2:value,
  key3:{
    key1:value,
    key2:value
  },
  key3:{
    key1:value,
    key2:value,
    key3:{
      key1:value,
      key2:value
    }
  }
}]

と配列の要素を「,(カンマ)」で区切って記述しますが、Wayfinderでは最後の要素を意識しないので、最後の要素のあとにもカンマがついてしまいます。
$RowLastTplと$parentRowLastTplを使えるようにします。

ドキュメントエイリアス：(ページ名).json
テンプレート：(blank)
コンテンツタイプ：text/jacvascript
内容：【【Wayfinder? &startId=`0` &config=`Ext_menu`】】

&config=で設定ファイルを使用することができます。
assets/snippets/wayfinder/configs/Ext_menu.config.php

<?php
$removeNewLines = "true";
$outerTpl = "@CODE:【【+wf.wrapper+】】";
$rowTpl = "@CODE:{
 href:'javascript:getDoc(\'【+wf.link+】\',\'【+wf.linktext+】\');void(0);',
 text:'【+wf.linktext+】(【+wf.subitemcount+】)',
 id:【+wf.docid+】,
 leaf:true,
 cls: 'file'
【+wf.wrapper+】},";
$parentRowTpl = "@CODE:{
 href:'javascript:getDoc(\'【+wf.link+】\',\'【+wf.linktext+】\');void(0);',
 text:'【+wf.linktext+】(【+wf.subitemcount+】)',
 id:【+wf.docid+】,
 cls:'folder',
children:【【+wf.wrapper+】】},";
$rowLastTpl = "@CODE:{
 href:'javascript:getDoc(\'【+wf.link+】\',\'【+wf.linktext+】\');void(0);',
 text:'【+wf.linktext+】(【+wf.subitemcount+】)',
 id:【+wf.docid+】,
 leaf:true,
 cls: 'file'
【+wf.wrapper+】}";
$parentRowLastTpl = "@CODE:{
 href:'javascript:getDoc(\'【+wf.link+】\',\'【+wf.linktext+】\');void(0);',
 text:'【+wf.linktext+】(【+wf.subitemcount+】)',
 id:【+wf.docid+】,
 cls:'folder',
children:【【+wf.wrapper+】】}";
$innerTpl = "@CODE:【+wf.wrapper+】";
?>

(「【」と「】」は実際は「[」と「]」です)   

assets/snippets/wayfinder/wayfinder.inc.php
98行目あたり

if ($counter == ($numSubItems)) $docInfo['last'] = 1;
   //Determine if document has children  

160行目あたり、

        } elseif ($resource['isfolder'] && $this->_templates['parentRowTpl'] && ($resource['level'] < $this->_config['level'] || $this->_config['level'] == 0) && $numChildren && $resource['last']) {
            $usedTemplate = 'parentRowLastTpl';
        } elseif ($resource['isfolder'] && $this->_templates['parentRowTpl'] && ($resource['level'] < $this->_config['level'] || $this->_config['level'] == 0) && $numChildren) {
            $usedTemplate = 'parentRowTpl';
        } elseif ($resource['level'] > 1 && $this->_templates['innerRowTpl']) {
            $usedTemplate = 'innerRowTpl';
        } elseif($resource['last']) {
            $usedTemplate = 'rowLastTpl';
        } else {
            $usedTemplate = 'rowTpl';
        }  

出力の結果はこちら、
http://www.tonttu.net/Ext_menu.json

Ext.treeは次のように解釈します。
 href要素でリンククリック動作、
 text要素で表示文字列、
 id要素でID、
 leaf要素がtrueの場合、終端、
 cls要素でアイコン画像、'file'、'folder'を指定してあります。

Extの記述。ここではWindowダイアログの中にTreePanelを表示しています。

  var treeWindow = new Ext.Window({
   id         :winid,
   title      :winid,
   layout     :'fit',
   width      :240,
   height     :360,
   minWidth   :64,
   closable   :false,
   collapsible:true,
   bodyStyle:'background-color: white;',
   items:treepanel = new Ext.tree.TreePanel({
    autoScroll :true,
    loader: new Ext.tree.TreeLoader({
     dataUrl:'/Ext_menu.json'
    }),
    root: treeroot = new Ext.tree.AsyncTreeNode({
     text: 'Root',
     id:'root'
    })
   })]
  });
  treeroot.expand();
  treeWindow.show(); 

Ajaxを使ったサイトでは、あるページの一部分の内容をページ遷移せずに置き換えることが行われます。
この一部分をドキュメントとしたい場合はテンプレートが不要です。MODxではドキュメント毎にテンプレートを指定することができるので、これを「(blank)」と指定すればテンプレートで囲まれずに素のままのドキュメントが得られます。
実際は(blank)指定の場合はテンプレート機能をスキップするわけではなくて、内部的にヘッダー等がないテンプレートを疑似的に使用しているだけです。

ただ、ドキュメント思考のページの優れている点、URIリソースの考え方やSEO的にも、Ajax呼び出しの場合はblank、URLアドレス呼び出しの場合はテンプレートを適用としたいものです。例えばそのページだけにリンクを張りたい時もあります。 

POSTまたはGETでパラメーターを渡して、テンプレートを使用しないで表示するようにします。

manager/includes/document.parser.class.inc.php
1167行目あたりの

if (!$this->documentObject['template'])
$this->documentContent= "【*content*】"; // use blank template

がblank指定、疑似テンプレート回避をしている個所です。
このブロックの終端に次のコードを追加します。
if($_REQUEST['noTemplate'] == 'blank') $this->documentContent= "【*content*】";
これでGETかPOSTに「noTemplate=blank」とすると、強制的にblank指定と同じ動作をさせることができます。
(「【」と「】」は実際は「[」と「]」です) 

例：GETの場合は、
(ドキュメント).html?noTemplate=blank

Extのloadの場合は、
(element).load({url:(url),params:{noTemplate:'blank'}});

jQueryのajaxの場合は、

$.ajax({
  url: (url),
  dataType: 'html',
  data:{noTemplate:'blank'},
  success: function(html){
    (targetDIV).html(html);
  }
});

概要

・メールフォームを作る
・HTML::Templateテンプレートライブラリを使う
・複数のページに共通したテーマを使う
・メール本文に投稿内容を代入するのにテンプレートを使う
・jcodeおよびJcode.pmは使わない
・Unicode::Japaneseを使う
・投稿内容のパースにcgi-lib.plを使う

ライブラリを読み込みます

（サーバーにライブラリがインストールされていれば不要です）
CPAN等からライブラリを入手し、「lib」フォルダなどを作って配置します。

use lib '（libへのフルパス）';
use HTML::Template;
use Unicode::Japanese;
require "cgi-lib.pl";

 

HTML::Templateテンプレートライブラリの使い方

ソースコードにhtmlの内容を埋め込まずに外部ファイルとして用意します。
これでデザイナーとの協業やメンテナンスが容易になります。
HTML::Temlateを使うと変数の埋め込みやIF条件などを使うことができます。

１．読み込むテンプレートファイルを作成します。
テーマテンプレート”theme.html”

<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content='text/html; charset="UTF-8"' />
<title>template</title>
</head>
<body>
<h1>共通テーマ</h1>
<TMPL_VAR NAME=CONTENTS>
</body>
</html>

本文テンプレート”tpl.html”

<h2>本文</h2>
<TMPL_VAR NAME=ZIP>
<TMPL_VAR NAME=ADDRESS>
<TMPL_VAR NAME=TEL>

２．テンプレートを読み込み、いったん出力を変数に保持します。

$tplfile = "tpl.html";
# テンプレート読み込み
$template = HTML::Template->new(filename => $tplfile,'die_on_bad_params' => 0);
# テンプレートに変数を代入する
$template->param(ZIP => "373-****");
$template->param(ADDRESS => "群馬県太田市******");
$template->param(TEL => "0276-**-****");
# テンプレート出力
$data = $template->output;

２．保持した変数をテーマテンプレートに入れて出力します。

$themetplfile = "themel.html";
# テーマテンプレート読み込み
$template = HTML::Template->new(filename => $themetplfile,'die_on_bad_params' => 0);
# テーマテンプレートに変数を代入する
$template->param(CONTENTS => $data);
# テーマテンプレート出力
$data = $template->output;

# 出力する
print "Content-Type: text/html\n\n", $themetemplate->output;

 

cgi-lib.plの使い方

my %in;
&ReadParse(\%in);

これだけで受信したフォームデータが$in{'(name属性値)'}などで使うことができます。
たとえば、
<input type="text" name="hoge">
が
$in{'hoge'}
で使えます。

テンプレートファイルをutf-8で作成すれば、受信データもutf-8になります。

メール送信

本来、日本語でメール送信するには文字コードiso-2022-jp形式で行います。
gmailなどのウェブメーラーはutf-8とかでメールを送り、受信するメーラと中継するメールサーバーが対応していればかまわないようですが。
本文以外のメールヘッダーの件名(Subject)、From,Toに日本語を使うときはさらにbase64エンコードをする必要があります。

１．メール本文のテンプレートファイルを作成します。
これもUTF-8で作成します。
メール本文テンプレート”mail.txt”

お問合せがありました
<TMPL_VAR NAME=hoge>

２．件名をjisコードにして、さらにbase64エンコードします

$mlsb = "メールフォームからお問合せ";
$enc_mlsb = Unicode::Japanese->new($mlsb,'auto');
$enc_mlsb = $enc_mlsb->conv('jis');
$enc_subject= &Base64Encode($enc_mlsb);

sub Base64Encode {
 my ($target) = @_;
 my ($base) = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
   ."abcdefghijklmnopqrstuvwxyz"
   ."0123456789+/";
 my $eStr = "";
 my $pStr = unpack("B*",$target);
 for(my $i = 0;my $cStr = substr($pStr,$i,6); $i += 6){
  $eStr .=substr($base,ord(pack("B*","00".$cStr)),1);
  if(length($cStr) == 2){ $eStr .= "==";}
  elsif(length($cStr) == 4) { $eStr .= "=";}
 }
 return("=?iso-2022-jp?B?$eStr?=");
}

Unicode::Japaneseでは、
$enc_mlsb->conv('jis', 'base64')
として直接base64エンコードできますが、なぜか末尾に改行がついてメールヘッダーとして使えませんでした。
この改行を取れば、「"=?iso-2022-jp?B?」と「?="」で囲めばSubjectヘッダーに使えます。

３．メール本文をテンプレートで生成する

$mailfile = "mail.txt";
$mailtemplate = HTML::Template->new(filename => $mailfile,'die_on_bad_params' => 0);
$mailtemplate->param(hoge => $in{'hoge'});
$body = $mailtemplate->output;

４．メール送信する

$mailer = '/usr/sbin/sendmail';
$mlfr = "（送信先メールアドレス）";
$err = 0;
open(MAIL, "| $mailer -t -f'$mlfr'") or $err = 1;
if ($err == 0) {
 print MAIL "From: $mlfr\n";
 print MAIL "To: $mlfr\n";
 print MAIL "Subject: $enc_subject\n";
 print MAIL "MIME-Virsion: 1.0\n";
 print MAIL "Content-Type: text/plain; charset=iso-2022-jp\n";
 print MAIL "Content-Transfer-Encoding: 7bit\n\n";
 print MAIL Unicode::Japanese->new($body,'auto')->jis;
  close(MAIL);
} else {
  $errstr .= 'お客様メール送信エラー';
}

Unicode::Japaneseはjisエンコード指定で、iso-2022-jp形式にしてくれます。
また、いろいろテストしていた最中に
$enc1 = Unicode::Japanese->new($mlsb,'auto')->jis;
$enc2 = Unicode::Japanese->new($mlsb,'auto')->euc;
$enc3 = Unicode::Japanese->new($mlsb,'auto')->get;
などとしているとおかしな結果が得られました。
$enc = Unicode::Japanese->new($mlsb,'auto');
$enc1 = $enc->jis;
$enc2 = $enc->euc;
$enc3 = $enc->get;
としていったん文字列オブジェクトとしてから使うほうがよいようです。

• perlメールフォームで文字コードUTF-8のテンプレートを使う

<html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css"> 
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="adapter/jquery/jquery.js"></script>
<script type="text/javascript" src="adapter/jquery/jquery-plugins.js"></script>
<script type="text/javascript" src="adapter/jquery/ext-jquery-adapter.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
</head>
<body> 
<br />
<a href="#" id="recordadd">行追加</a><br />
<a href="#" id="recordput">保存する</a><br />
<br />
<div id="panelgrid"></div> 
<script language="JavaScript" type="text/javascript">
var store;
var grid; 
$(function(){
 //データレコード設定
 var record = Ext.data.Record.create([
  {name:"data[Doc][id]", type: 'int'},
  {name:"data[Article][title]", type: 'string'},
  {name:"data[Article][user_id]", type: 'int'},
  {name:"data[Article][modified]", type: 'string'}
 ]); 
 //サンプルデータ
 var myData = [
  [1,'title1',10,'2007-1-11 00:01:00'],
  [2,'title2',20,'2007-1-12 00:01:00'],
  [3,'title3',30,'2007-1-13 00:01:00'],
  [4,'title4',40,'2007-1-14 00:01:00'],
  [5,'title5',50,'2007-1-15 00:01:00']
  ]; 
 //データストア
 store = new Ext.data.Store({
  reader: new Ext.data.ArrayReader({}, record)
 }); 
/*
 //JSONでデータを得る場合
 var record = Ext.data.Record.create([
  {name:"data[Doc][id]", mapping:'Doc.id', type: 'int'},
  {name:"data[Article][title]", mapping:'Article.title', type: 'string'},
  {name:"data[Article][user_id]", mapping:'Article.user_id', type: 'int'},
  {name:"data[Article][modified]", mapping:'Article.modified', type: 'string'}
 ]);
 store = new Ext.data.JsonStore({
  url: '', //<<取得元アドレス設定
  root: '',
  fields: Record
 });
*/ 
 //Grid内列設定
 var cm = new Ext.grid.ColumnModel([
  {header:"id",width:75,dataIndex:'data[Doc][id]'},
  {header:"件名",width:75,dataIndex:'data[Article][title]',
   editor: new Ext.form.TextField({allowBlank: false})},
  {header:"ユーザ",width:75,dataIndex:'data[Article][user_id]'},
  {header:"更新日",width:75,dataIndex:'data[Article][modified]'}
 ]); 
 //EditorGrid設定
 var grid = new Ext.grid.EditorGridPanel({
  height:480,
  renderTo: 'panelgrid',
  cm: cm,
  clicksToEdit:1,
  store:store,
  stripeRows:true
 }); 
    store.loadData(myData);
// store.load(); // JSONでデータを得る場合
 //新規行追加
 $('#recordadd').click(function(){
  var rc = new record({
   'data[Article][title]': '',
   'data[Article][user_id]': '',
   'data[Article][modified]': ''
  });
  grid.stopEditing();
  store.insert(0, rc);
  grid.startEditing(0, 0);
 }); 
 //保存
 $('#recordput').click(function(){
  //更新行を取得する
  var mrs = store.getModifiedRecords();
  //更新レコードをループする
  $.each(mrs, function(i) {
   //idがある場合、アップデート。ない場合、インサートする
   if(this.data['data[Doc][id]']) {
    $.post("", this.data); //<<保存先アドレス設定
   } else {
    $.post("", this.data); //<<保存先アドレス設定
   }
  });
 }); 
}); 
</script> 
</body>
</html> 

• ネットショップの一般的な構成
• ネットショップの流れ
• ホームページがアクセスされるまで

 // ツールバー追加  
 var gridHead = grid.getView().getHeaderPanel(true);  
 var tb = new Ext.Toolbar(gridHead,   
 [  
  {text: '商品追加',  
  handler : function(){  
   var itm = new Item({  
    id: '',  
    title: '',  
    comment: '',  
    categorye_id: '1',  
（中略、、、）  
    minimum: 0,  
    visible: 0  
   });  
   grid.stopEditing();  
   ds.insert(0, itm);  
   grid.startEditing(0, 0);  
  }},  
  {text: '保存する',  
  handler : function(){  
   displayInfoClear();  
   //更新データのみ取得する  
   var mrs = ds.getModifiedRecords();  
   $.each(mrs, function(i) {  
    //AJAXでPOSTする  
    $.post("/items/ajaxpost/", {  
     'data[Item][id]': this.data.id,  
     'data[Item][title]': this.data.title,  
     'data[Item][comment]': this.data.comment,  
     'data[Item][categorye_id]': this.data.categorye_id,  
（中略、、、）  
     'data[Item][minimum]': this.data.minimum,  
     'data[Item][visible]': this.data.visible  
    },  
    displayInfo);  
   });  
   ds.reload();  
  }},  
  {text: '再読込み',  
  handler : function(){  
   ds.reload();  
  }}  
 ]  
 );  

javascriptで以下の関数を追加します。 

//更新ステータスを表示する
function displayInfo(data) {
 $("#postinfo").html($("#postinfo").html() + "<br />" + data);
}
//更新ステータス表示を消去する
function displayInfoClear() {
 $("#postinfo").html("");
} 

cakePHP側のコントローラーに以下のメソッドを作成します。 

 //表形式編集保存 -----------------------------------------------  
  function ajaxpost() {  
  if(!empty($this->data)) {  
   if ($this->Item->save($this->data)) {  
    print("Id=".$this->data["Item"]["id"]."保存しました");  
    exit();  
   } else {  
    print("Id=".$this->data["Item"]["id"]."保存できませんでした");  
    exit();  
   }  
  }  
  exit();  
  } 

'data[Item][title]': this.data.title,
がフォーム部品のname属性とvalue属性に相当します。
cakePHPではこのnameフォーマットで送ると、
$this->Item->save($this->data)
だけで更新とバリデーション（データ検証）を行ってくれます。
新規追加されたレコードにはidがないので、自動的にInsetをしてくれます。
成功したら「保存しました」と返されるので、displayInfo(data)関数で表示します。
この一連の更新作業は各レコードごとに非同期で行われます。

再読込みするには、Ext.data.Store.reload()とするだけです。

ExtライブラリとjqueryAjaxライブラリを読み込みます。（app/webroot/js/extに置いています）

<script type="text/javascript" src="/js/ext/adapter/jquery/jquery.js"></script>

<script type="text/javascript" src="/js/ext/adapter/jquery/jquery-plugins.js"></script>

<script type="text/javascript" src="/js/ext/adapter/jquery/ext-jquery-adapter.js"></script>

<script type="text/javascript" src="/js/ext/ext-all.js"></script>

<script type="text/javascript" src="/js/ext/source/locale/ext-lang-ja.js"></script>

<link rel="stylesheet" type="text/css" href="/js/ext/resources/css/ext-all.css"> 

Ext.grid.EditorGridの表示にはいくつかのクラスを必要とします。

Ext.grid.ColumnModel　：　カラム（列）の設定。列名、幅、表示フォーマットなど。

Ext.form　：　セレクト等の編集コンポーネント

Ext.data.Record.create　：　各レコードのフィールドと対応するデータフィールド、各フィールドのデータ型など。

Ext.data.Store　：　データを保持するオブジェクト。Ajaxで読み込むURLやxml,Jsonの解析設定など。

Ext.Toolbar　：　今回は新規追加や保存するなどのボタンをツールバーに実装します。 

<script type="text/javascript">  
<!--  
//ロード完了後実行（jquery使用）  
$(function() {  
 Ext.QuickTips.init(); 
 //Bool型の表示フォーマット  
 function formatBoolean(value){  
  return value ? '1' : '0';  
 }; 
 var fm = Ext.form; //フォーム部品を使用する  
 var Ed = Ext.grid.GridEditor; //EditorGridを使用する 
 //カラムモデル  
 var cm = new Ext.grid.ColumnModel(  
 [  
  {header: 'ID', width: 32, dataIndex: 'id'},  
  {header: '商品名', width: 160, dataIndex: 'title',  
   editor: new Ed(new fm.TextField({allowBlank: false}))  
  },  
  {header: '備考', width: 120, dataIndex: 'comment',  
   editor: new Ed(new fm.TextField())  
  },  
  {header: 'カテゴリー', width: 120, dataIndex: 'categorye_id',  
   editor: new Ed(new Ext.form.ComboBox({  
      triggerAction: 'all',  
      transform:'categoryes',  
      forceSelection:true,  
    editable      :false,  
    lazyRender:true  
   }))  
  },  
（中略、、、）  
  {header: 'ロット', width: 42, dataIndex: 'minimum',  
   editor: new Ed(new fm.NumberField({  
   allowBlank: false,  
   allowDecimals : false,  
   allowNegative: false  
   }))  
  },  
  {header: '有効', width: 42, dataIndex: 'visible',  
   renderer: formatBoolean,  
   editor: new Ed(new fm.Checkbox())  
  }  
 ]);  
 cm.defaultSortable = true; 
 //レコードモデル  
 var Item = Ext.data.Record.create(  
 [  
  {name: 'id'},  
  {name: 'title', type: 'string'},  
  {name: 'comment', type: 'string'},  
  {name: 'categorye_id', type: 'int'},  
（中略、、、）  
  {name: 'minimum', type: 'int'},  
  {name: 'visible', type: 'bool'}  
 ]) 
 //データストア  
 var ds = new Ext.data.Store({  
  //データストアにAjaxでJSONを読み込む  
  proxy:  new Ext.data.HttpProxy(  
   {url: 'http://（サーバーアドレス）/json/items/index/'}  
  ),  
  reader: new Ext.data.JsonReader(  
   {id: 'id', root: 'Item'}, Item)  
 }); 
 //グリッド  
 var grid = new Ext.grid.EditorGrid(  
  'gridDrow',  
  {ds: ds, cm: cm, enableColLock:false}  
 );  
 grid.render(); //グリッドの描画 
 ds.load(); //データ生成の開始  
});  
//-->  
</script> 
<div style="margin: 0px; padding: 0px; border:1px solid #bbb">  
<div id="gridDrow" style="overflow:hidden;width:800px">  
The grid will be placed here.  
</div>  
</div>  
<br />  
<div id="postinfo" style="background-color: #ffe;"></div> 
<select name="categoryes" id="categoryes" style="display: none;">  
<{html_options options=$categoryelists}>  
</select> 

JSON形式はJavascriptのオブジェクト、配列の生データの形式で、よく使われるXMLなどの形式より、javascriptでしか使われることがないと確定している場合には、変換などの必要がなく取扱いが容易になります。 

cakePHPではあらかじめ、rest,rss,soap,xml,xmlrpcの各形式に対応していますが、JSONに対応させるためには多少の手間が必要です。（また他のやり方も存在します）
１./cake/libs/router.phpの152行目あたりに、
$this->connect('/json/:controller/:action/*', array('webservices' => 'Json'));
を追加します。
２．
app/controllers/components/json.phpにコントローラーを配置（空でよい）
app/views/helpers/json.phpにヘルパーを配置（空でよい）
app/views/layouts/json/にレイアウトを配置（<{$content_for_layout}>だけでよい）
app/views/(コントローラー名)/json/にアクション名のテンプレートを配置

たとえば商品一覧をテーブルで表示するページのアドレスは、
/items/index/
となりますが、webservicesでは、
/rss/items/index/
というアドレスになります。

商品マスタテーブル「items」のデータを、
$this->set('items', $this->Item->findAll());
で渡されたテンプレート(smartyを使用)の例は以下です

{"Item": [
<{foreach from=$items item=data name=itmloop}>
{"id":<{$data.Item.id}>, 
"title":"<{$data.Item.title}>", 
"categorye_id":<{$data.Item.categorye_id}>, 
"comment":"<{$data.Item.comment}>", 
（中略,,,）
"visible":<{$data.Item.visible}>, 
"modified":"<{$data.Item.modified}>"}
<{if !$smarty.foreach.itmloop.last }>
,
<{/if}>
<{/foreach}>
]} 

おおまかな手順としては、
１．cakePHPで配列にデータ取得、Webservicesとしてjson形式で出力できるようにしておく
２．ページ表示。jsonデータを取得してExt.grid.EditorGridを構築。
３．編集したデータをデータストアExt.data.Store.getModifiedRecords()から取得
４．jqueryの$.eachで各行のデータをループしながらAjaxPOST送信する。
となります。

ほとんどのネットショップの管理画面での商品情報の更新は、商品一覧画面-＞各商品詳細画面-＞各商品更新となりますが、
このExt.grid.EditorGridとAjax技術を使うと、エクセルを扱うように一覧画面から直接複数商品の設定をすることができます。

• Ext.grid.EditorGridで表形式編集_1
• Ext.grid.EditorGridで表形式編集_2
• Ext.grid.EditorGridで表形式編集_3
• Ext.grid.EditorGridで表形式編集2
• リンクをWindowダイアログ内に表示する
• Ext.treeで並べ替え

しかし、hasAndBelongsToManyの場合は、とっては来るのですが、それをキーで囲まないため、「id」「title」と同じ並びに0,1,2と並んでしまいます。

cake/libs/model/datasources/dbo_source.phpの845行目あたり、

foreach ($merge as $i => $row) {
  if (count($row) == 1) {
    $data[$association][] = $row[$association];
  } else {
    $tmp = array_merge($row[$association], $row);
    unset($tmp[$association]);
    $data[$association][] = $tmp;
  }
}

を、

foreach ($merge as $i => $row) {
  if (count($row) == 1) {
    $data[$association]['HABTM'][] = $row[$association]; //<<<
  } else {
    $tmp = array_merge($row[$association], $row);
    unset($tmp[$association]);
    $data[$association]['HABTM'][] = $tmp; //<<<
  }
}

とすると、[HABTM]=array(,,,)と囲まれます。 

「hasAndBelongsToMany」アソシエーションがうまく動作しないのでSQｌを調べてみると、ただの「JOIN」となっていました。
これを「INNER JOIN」に変えたい場合は、 

cake/libs/model/datasources/dbo_source.php
の1107行目あたりに、
'type' => "INNER",
を追加します。

リンク先サムネイルの実現方法には、
・リンクの脇に画像を表示しておく
・ポップアップ形式で表示する 
などの方法があります。前者は自分でリンク先ページをキャプチャーして貼っておくことでもできますが、メンテナンスが面倒ですね。

ここでは「snap」をご紹介します。 
http://www.snap.com/about/shots_central.php?pageview_logged=1&lang=ja-jp

登録が必要ですが、いくつかの質問に答えた後表示されるJavascriptをリンク集のページに貼り付けておくだけです。
このサイトではリンク集のページで使用しています。
すぐにお感じになると思いますが、けっこううっとおしいかもしれません＾＾）

• リンクにサムネイル画像を

たいていのサーバーでは問題ないのですが、WebarenaのSuite2プランではサムネイル画像の生成ができませんでした。
サムネイル画像がない場合は、ファイルタイプを表す代替のアイコンが表示されますが、それもおかしいです。

調べてみると、サムネイル画像を準備する関数「imagecreatetruecolor」をサポートしていないようです。
この関数は、画像生成ライブラリGDが入っていても、GD２ライブラリがないと動作しないとか、、。 

manager/media/browser/mcpuk/connectors/php/Commands/Thumbnail.php
の221行目あたりを修正します。

//  $thumb=imagecreatetruecolor(96,96);
if (function_exists("imagecreatetruecolor")) {
  $thumb=imagecreatetruecolor(96,96);
} else {
  $thumb=imagecreate(96,96);
}

ThemeViewer

Modxで画像を選択したり、アップロード、削除するにはファイルブラウザダイアログを使用します。
ファイルブラウザには独自の設定ファイルがあります。
/manager/media/browser/mcpuk/connectors/php/config.php
内の約107行目、
$fckphp_config['UserFilesPath'] = "";
を、
$fckphp_config['UserFilesPath'] = "/users/".$user_id;
とします。
/assetsフォルダ内に「users」フォルダを作り、その中に「1」「2」「3」等の数字のフォルダを作ります。
（これが$user_id（ユーザーid）に相当します）
さらにその中に「images」フォルダを作成しておきます。

以下未確認ですが、画像編集機能も使う場合、
/manager/media/ImageEditor/config.inc.php
内の約51行目、
$IMConfig['base_dir'] = $rb_base_dir;
を、
$IMConfig['base_dir'] = $rb_base_dir."/users/".$user_id;
に、約61行目、
$IMConfig['base_url'] = $rb_base_url;
を、
$IMConfig['base_url'] = $rb_base_url."/users/".$user_id;
とします。

[*listImage*］というテンプレート変数があった場合は、[+tvlistImage+］([]は半角で)とチャンクに記します。 

inserttime_months_long : new Array("1月", "2月, "3月", "4月", "5月, "6月", "7月", "8月", "9月", "10月", "11月", "12月"),
inserttime_months_short : new Array("1月", "2月, "3月", "4月", "5月, "6月", "7月", "8月", "9月", "10月", "11月", "12月"),
inserttime_day_long : new Array("日曜日", "月曜日, "火曜日", "水曜日", "木曜日", "金曜日", "土曜日", "日曜日"),

を、

inserttime_months_long : new Array("1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"),
inserttime_months_short : new Array("1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"),
inserttime_day_long : new Array("日曜日", "月曜日", "火曜日", "水曜日", "木曜日", "金曜日", "土曜日", "日曜日"),

とします。

￥{￥price|number_format}円

と記述します。そのほかにも繰り返し処理やif分岐なども扱うことができ、XSS等のセキュリティ対策にも強くなります。
テンプレートエンジンを使うことによって、プログラムとデザインの分離が実現され、分業やメンテナンスが容易になります。

このスクリプト技術を展開させたものがAjax（エージャックス）です。Ajaxが注目されたのはGoogleMapです。GoogleMapでは世界地図がなめらかにスクロールし、拡大縮小し、地点マーカーを付けてメモを付けることもできます。任意の地図画像は非同期でサーバーから取得します。
これからはワープロや表計算のような高度なソフトもネットで使えるようになっていきます。
Ajaxライブラリはそれを実現するために便利な機能を提供します。

• colorboxでgetJSONを表示する

• hasAndBelongsToManyでINNER JOIN
• hasAndBelongsToMany以下の配列
• webservicesでjsonデータを出力する
• cakePHP1.2でRESTfulなindex
• cakePHP1.2でMySQL3を使いたい
• cakePHP1.2とPEAR:XMLでXML出力
• cakePHP1.2でBasic認証
• cakePHP1.2でRESTfulなPUTでEDIT
• cakePHP+smartyでキャッシュを効かせる
• cakePHP1.2で携帯用
• 同じモデルをHABTMプラスwithする

記事がありません。

＠IT自分戦略研究所

　本音が語れるエンジニア参加型メディア「＠IT自分戦略研究所 エンジニアライフ」...

2010/03/11 エンジニアライフ 

　皆様、お久しぶりです。リーディング・エッジ社の安田です。 　今回は1億以上のア...

2010/03/11 エンジニアライフ 

■第4章　業務プロセス革新を実現するITの仕掛けと進化する仕組み 　要求定義工程...

2010/03/11 エンジニアライフ 

■調達先との連携は、同一の仕組みは無理？ 　取引先から見て得意先にあたる場合を想...

2010/03/11 エンジニアライフ 

　本音が語れるエンジニア参加型メディア「＠IT自分戦略研究所 エンジニアライフ」...

2010/03/11 エンジニアライフ 

＠IT情報マネジメント：IT戦略　カテゴリ

　ディルバートが経費精算の件で経理部とひともんちゃく。追い詰められたディルバートは、どうやってこの危機を突破するのか？

2010/03/05 IT戦略 

　ただ漫然とログを取得しても、そこから何らかの意味や兆候を見出すことは難しい。しかし目的に応じて取得すると、ログはがぜん意味を持つ

2010/03/05 IT戦略 

　一般的にシステム開発は予定通りに完了しない。今回はこの問題を解決する情シス部門が一緒にプロジェクト管理する方法を紹介する

2010/03/02 IT戦略 

　大企業でログ管理が普及しつつある中、その取引先の中小企業でもログ管理が始まりつつある。では、どのように展開すればよいのか

2010/03/01 IT戦略 

　人事部によって送りこまれてきた男は、ウォーリーの仕事ぶりに次々ダメ出し。さてはて、エルゴノミクスでウォーリーを改善できるの？

2010/02/26 IT戦略 

＠IT情報マネジメント：ビジネスプロセス　カテゴリ

　手間と時間ばかりがかかりがちな社内ヘルプデスク業務だが、少しの工夫で対応の負荷を減らし、利用者の満足度を高めることができる

2010/01/21 仕事の改善 

　ユーザーサポート中、怖いユーザーからクレーム電話が。あどみちゃん得意のキレ対応で見事解決！ それが社長に認められ……

2009/12/24 仕事の改善 

　コスト削減に必死な社長は、知り合いのSIerに格安でシステムを発注。しかし、修理段階の見積もりを見てみたら……

2009/12/16 仕事の改善 

　IT音痴なためにあどみちゃんにからかわれてきたカルタちゃん。そんなカルタちゃんも勉強した結果、だいぶ詳しくなり……

2009/12/09 仕事の改善 

　業界再編に伴い新会社への異動が決まった坂口。しかし、恩人豊若は佐藤専務の陰謀の影響で米国へと旅立つことに……

2009/12/07 仕事の改善 

CNET Japan 特集

ソニーが、ゲーム機能を備えたスマートフォンと、メディアプラットフォームに接続可能なタブレットを準備しているとの報道がある。同社の強みであるテクノロジとコンテンツをうまく活かした統合デバイスは誕生するだろうか。

2010/03/11  

		@niftyからパブリック型クラウドサービスが登場。サーバ準備やスペック変更、ディスク増加をブラウザから約５分で実現。
		cloud.nifty.com/

Ads by Pheedo

2010/03/11  

アップル製タブレット「iPad」の発売が近づいてきた。本記事では購入前に知っておくべきことや、スマートフォン、ノートPC、電子書籍端末との相違点などを簡潔に解説する。

2010/03/10  

新生活が間近に迫り、ISPはさまざまなキャンペーンを実施している。この時期にネットワークインフラの見直しを図ってはいかがだろうか。今回は、NTT東西を回線事業者として利用するFTTHサービスと、そのキャンペーンを紹介する。

2010/03/09  

アップルが携帯電話機メーカーHTCに対して起こした特許侵害訴訟は、始まりにすぎないのかもしれない。なぜHTCが標的になったのか、またグーグルやマイクロソフトも巻き込まれる可能性があるかについて考える。

2010/03/09  

  // ---------------------------------------------------
  // Parameters
  // ---------------------------------------------------

$mode = isset($mode)? $mode : "development";
 // determines whether variable sanity checks are run.
 // use "development" while creating the snippet call and "production" when your site goes live for a little speed boost.

$startID = isset($startID) ? $ditto->cleanStartIDs($startID, $mode) : $modx->documentIdentifier;
    //記事が格納されているフォルダーID(デフォルト:現在のフォルダー)。カンマ区切りで複数指定
    // the folder that contains post entries. separate by commas to use multiple folders

$paginate = isset($paginate)? $paginate : 0;
    //0:ページ送りを表示しない(デフォルト)、1:ページ送りを表示する
    //以下ページ送りのサンプルコード
    //<div id=”ditto_wrapper“>Page <strong></strong> of <strong></strong> Articles <div id="ditto_pages"> </div></div>
   // paginatation enabled or disabled

$summarize = isset($summarize) ? $summarize : 3;
    //一覧表示する投稿の数。これ以上はアーカイブリストに表示(デフォルト:3)
    // number of posts of which to show a summary
    // remainder (to total) go as an arhived/other posts list

$trunc = isset($trunc) ? $trunc : 1;
　　//0:本文の表示文字数制限をしない、1:する(デフォルト)
    // should there be summary/short version of the posts?

$truncSplit = isset($truncSplit) ? $truncSplit : 1;
    //0:任意の文字列までで区切らない、1:任意の文字列までで区切る(デフォルト)
    // should the post be summarized at the "splitter"?

$truncAt = isset($truncAt) ? $truncAt : $_lang['default_splitter'];
    //区切る任意の文字(デフォルト:<!-- splitter -->)
    // where to split the text

$truncLen = isset($truncLen) ? $truncLen : 300;
    //表示する本文の最大文字数(デフォルト:300)
    // how many characters to show of blogs

$truncOffset = isset($truncOffset) ? $truncOffset : 30;
    // how many characters to show of blogs

$truncText = isset($truncText)? $truncText : $_lang['more_text'];
    //もっと読むの表示テキスト(デフォルト:Read more...)
    // text to be displayed in item link

$truncChars = isset($truncChars) ? $truncChars : 0;
    //0:HTMLタグを考慮しないで区切る、1:HTMLタグを考慮し区切る(デフォルト)
　　// truncate based on characters and not html tags

$tpl = isset($tpl) ? $modx->getChunk($tpl): $_lang['default_template'];
    //テンプレートチャンク名
    // optional user defined chunk name to format the summary posts

$showPublishedOnly = isset($showPublishedOnly) ? $showPublishedOnly : 1;
    //0:非公開のみ表示、1:公開のみ表示(デフォルト)
    // allows you to show unpublished docs if needed

$showInMenuOnly = isset($showInMenuOnly) ? $showInMenuOnly : 0;
    //0:メニュー表示可のみ表示(デフォルト)、1:メニュー表示不可も表示
    // allows you to show docs marked not to show in the menus

$emptyText = isset($emptyText)? $emptyText : $_lang['no_entries'];
    //表示該当がない場合のテキスト(デフォルト:<p>No entries found.</p>)
    // text to be displayed when there are no results

$dateFormat = isset($dateFormat)? $dateFormat : $_lang['date_format'];
    //日付フォーマット(デフォルト:%d-%b-%y %H:%M)
    // format for the summary post date format

$displayArchive = isset($displayArchive)? $displayArchive : 1;
  //0:アーカイブを表示しない、1:表示する(デフォルト)
  // whether or not to show the archive

$archiveText = isset($archiveText)? $archiveText : $_lang['archives'];
    //アーカイブのテキスト(デフォルト:Archives)
    // text to use for the Archives listing

$commentsChunk = isset($commentsChunk)? '' : '';
    //コメント表示のチャンク名
    // if you're using comments, the name of the chunk used to format them

$hiddenTVs = (isset($hiddenTVs))? $hiddenTVs : "" ;
 // allows the snippet to filter by tv's not in the template. separate by comma.

$ditto->hiddenTVs = $hiddenTVs;
 // send the variable to the class

$sortDir = isset($sortDir) ? strtoupper($sortDir) : 'DESC';
    //ASC:昇順、DESC:降順(デフォルト)
    // get sort dir

$sortBy = isset($sortBy) ? $ditto->checkSort($sortBy, $dateFormatType, $mode) : "createdon";
    //`menuindex`でメニューの並び順、(デフォルト:作成日順)
    // get sortBy

$hiddenTVs = $ditto->hiddenTVs;
 // grab latest hiddenTV additions

$dateFormatType = $ditto->checkDateFormat($sortBy,$dateFormatType);
 // date type to display (values can be createdon, pub_date, editedon)

if ($paginate == 1 && $_GET['start'] != 0) {
 $start= isset($_GET['start'])? $_GET['start']: 0;
  // get post # to start at
}else{
 $start = isset($start) ? $start : 0;
  // get start number
}

$debug = isset($debug)? $debug : 0;
    //0:デバッグをしない(デフォルト)、1:デバッグする
    // for testing odittoy

$archiveDateType = isset($archiveDateType) ? $archiveDateType : $dateFormatType;
 // date type to display for archives (values can be createdon, pub_date, editedon)

$paginateAlwaysShowLinks = isset($paginateAlwaysShowLinks)? $paginateAlwaysShowLinks : 0;
    //0:前へなどのリンクがない場合、リンクを表示しない(デフォルト)、1:常に表示する
    // determine whether or not to always show previous next links

$paginateSplitterCharacter = isset($paginateSplitterCharacter)? $paginateSplitterCharacter : $_lang['button_splitter'];
 // splitter to use of always show is disabled

$archivePlaceholder = isset($archivePlaceholder)? $archivePlaceholder : 0;
 // output archive (older posts section) as a placeholder called

$filter = isset($filter)? $filter : false;
 // odittoy show items meeting a criteria
 // differant filters are | (pipe) delimited while each filter is comma delimited
 // documentobjectortvwithtvprefix,criteria

$hideFolders = isset($hideFolders)? $hideFolders : 0;
  //0:フォルダを表示する(デフォルト)、1:フォルダを表示しない
 // don't show folders in the returned results

$descendentDepth = (isset($descendentDepth))? $descendentDepth : 10;
  //ネストする階層を指定。(デフォルト:10)
 // number of levels deep to go

$seeThruUnpub = (isset($seeThruUnpub))? $seeThruUnpub : 0 ;
 // allows the snippet to see unpublished folders children

$format = (isset($format))? $format : "html" ;
  //`rss`とするとRSS形式で出力。(デフォルト:html)
 // tells the snippet whether to output html, archive, or rss

• 関連キーワードマップ
• Ajaxマッシュアップ検索MUP
• HTML5CANVASお絵かき

$coord = geocode($zip); // coord[0]=lng and coord[1]=lat
$coord[1] = 36.285221; //<追加
$coord[0] = 139.383945; //<追加

NPO法人太田IT市民ネットワーク　1000回を超えるパソコン講習会ITリテラシーの向上を目指すNPO

NPO法人ITC群馬　ITによる経営改善をサポートするITコーディネーター集団

株式会社 安堂プランニング　企画・広告制作・対人コミュニケーション向上
全国私立園元気化計画-アンドキッズ　幼稚園・保育園経営改善をサポート

株式会社プロスター　Webソリューション・セキリュティ対策・不動産・会計

コーエィ株式会社　建機レンタル・総合レンタル・イベントプロデュース

パルビット研究所　人材育成・経営コンサルタント・講師派遣・技術者教育

ITC福沢オフィス　ITコーディネータ・IT経営支援・コンサルタント

柳田メディア株式会社　総合オフィスソリューション・事務機器販売

ウェブサービス　ディック　ホームページ制作・CGI制作

有限会社ブロードヒューマンネットワーク　システム・Webアプリケーション開発

有限会社大進経営　システム開発・ERP・人材派遣パッケージ販売

Design LABO< デザイン ラボ > 　 Web・店舗・印刷物各種グラフィックデザイン・企画提案

ラディカルサポート　 ホームページ制作・パブリッシング

nmox Webシステム開発・導入支援

株式会社ウェブネットテクノロジー システム開発・高度画像処理

有限会社トリポッド システム開発・インターネットメディア媒体運営

La3-BEAM 映像・ビデオ撮影・DVD制作・ホームページ制作

岩澤建設株式会社　舗装工事・土木工事 

吉田建設株式会社　宮大工・住宅施工・リフォーム 

有限会社ジョイライフ　結婚仲介

株式会社まるさ　人材派遣

株式会社プレスト　各種パイプ洗浄・配水管・温泉管洗浄

国際魅力学会　魅力学・セミナー講師育成

スマイルコミュニケーション　 コーチング・コーチングセミナー

夢・舞台プロデュース　 演劇・劇団

関連リンク

TONTTU.NETについて

■ホームページ制作・デザイン案

■システム開発　他

<dt>［+title+］</dt>
<dd style="padding-left: 16px;"><a href="［(site_url)］
［~13~]">［(site_url)］［~13~］</a></dd>
<dd style="padding-left: 16px;">［+date+］</dd>
<dd style="padding-left: 16px;">クラウス</dd>

２．任意のページか、テンプレートにNewsListingを配置します。

(以下はオプションを分かりやすいように改行してありますが、一行で書いてください。［は本当は小文字です。)

［!NewsListing? 
&startID=`0`
&tpl=`（チャンク名）`
&summarize=3
&total=5
&dataformat='%Y-%m-%d %H:%i:%s'
!］

startID：フォルダ番号以下をリストの対象とする。TOPからすべてを対象とする場合は「0」を指定する。
tpl：チャンク名「NesLiting-TEST」をテンプレートとして使う
summarize：サマリー（要約）を含める数。ここでは「3」を指定。
total：リストの全件。ここでは「5」を指定。
dataformat：日時フォーマット。
以下サンプル表示。dlで囲って、ddを字下げしています。

事例

http://www.tonttu.net/case.html

11- 1·î-10 21:19

クラウス

CMS構築・カスタマイズ

http://www.tonttu.net/CMSconstraction.html

07-10·î-09 21:49

クラウス

Ext_最新情報

http://www.tonttu.net/Ext_news.json.html

13- 2·î-08 08:16

クラウス

Older Items

• 2�� 2008
  • Ext_サイト検索 (11- 2·î-08 17:21)
  • Ext_menu (11- 2·î-08 13:27)

$body = "Name: $from\nEmail: $from_email\nMessage:\n\n" . $message;
// huck of Japanese encord --------------------------
// 元のエンコーディングを保存
$orgEncoding = mb_internal_encoding();
mb_language("Ja");
mb_internal_encoding("UTF-8");
$headers = mb_encode_mimeheader($headers, "JIS", "B");
$subject = mb_encode_mimeheader($subject, "JIS", "B");
$body = mb_convert_encoding($body, "JIS", "UTF-8");
// 保存しておいたエンコーディングに戻す
mb_internal_encoding($orgEncoding);
// end huck -----------------------------------------

        if (mail($to, $subject, $body, $headers)) {

４．上部の「保存」をクリックします。

代表者来歴

所属団体

記事がありません。

■テンプレートの適用

１．ドキュメントの編集画面を開きます。
２．[使用テンプレート]で、適用したいテンプレートを選択します。
３．上部の「保存」をクリックします。

■テンプレートの入手

MODx公式ページのForrumsのDevelopment & Coding-Templates
http://modxcms.com/forums/index.php/board,4.0.html
に有志がアップロードしてくれているものがあります。
掲示板なので、テンプレートに関する質問やTipsなども入り混じっていますが、最近の発言では、投稿の題名の先頭に[template] と付けるのがマナーとなっているようです。
サムネイルがあるものもあります。多くはzip圧縮されています。

１．任意のテンプレートを選択し、ダウンロードします。
２．ダウンロードした圧縮ファイルを解凍します。ここでは「andreas01」を参考に解説します。
３．圧縮ファイルの中に同名のフォルダ「andreas01」がひとつあり、その中にフォルダが３つ「images」「Install」「style」あります。
４．「Install」の中の「INSTALL.txt」を読みます。（英語です＾＾）
５．FTPで、[assets]-[templates]の中に「andreas01」（「images」「style」）をアップします。

MODxの管理画面に入ります。
１．[リソース]-[リソース管理]-[テンプレート管理]をクリックします。
２．[テンプレートの作成]をクリックします。
３．テンプレート名に「andreas01」と入力します（本当は任意でかまいません）。テンプレート説明も任意で入力します。
４．「Install」の中の「Andreas01.template.html」をメモ帳で開き、全文をコピーして、[テンプレート コード (html)]に貼り付けます。
５．上部の「保存」をクリックします。

■スニペットの作成
スニペットとは、MODxの表示時の機能を拡張するプログラムです。
andreas01では自動的にメニューを作成するスニペット「DropMenu」を拡張した「DropMenuS」が提供されています。

１．[リソース]-[リソース管理]-[スニペット]を選択します。
２．[スニペットの作成]をクリックします。
３．スニペット名に「DropMenuS」と入力します。間違えてはいけません。
４．「Install」の中の「DropMenuS.snippet.php」をメモ帳で開き、全文をコピーして、[スニペット コード (php)]に貼り付けます。
５．上部の「保存」をクリックします。

■チャンクの作成
チャンクとはHTMLコードの部品で、複数のテンプレートから名前で呼び出して表示することができます。例えば、会社の住所や連絡先を記述してあるチャンクをフッターとして作成し、各テンプレートから「Footer」名で呼び出しておけば、修正はこのチャンクひとつで済みます。

[リソース]-[リソース管理]-[チャンク管理]を選択します。
[チャンクの作成]をクリックします。
チャンク名に「Footer」と入力します。間違えてはいけません。
「Install」の中の「Footer.chunk.html」をメモ帳で開き、全文をコピーして、[チャンク コード (html)]に貼り付けます。（修正してもかまいませんよ）
上部の「保存」をクリックします。

• テンプレートの使い方
• ContactForm日本語化
• 検索機能
• ドキュメントの削除
• NewsPublisher
• NewsListing
• GoogleMap
• ドキュメントの編集
• MODxのユーザー管理
• 最新情報だけ編集できるユーザを作成する
• MODxで会員制のページを作成する
• Dittoのオプション
• tinuMCE使用時にエラーが出る場合
• Dittoのチャンクでテンプレート変数を使う
• マネージャーユーザー毎に画像フォルダを分ける
• サムネイル画像が表示されない
• パラメーターでテンプレートを使用しない
• WayfinderでExt.tree用のjsonを出力する

最新の技術でホームページ制作をします

[ Web制作 ]

インターネット商用化当初からホームページ制作をはじめ、デザイン、Webシステム開発等の研究に取り組んできた数々のスキルをもって、みなさまのご要望にお答えします。ＣＳＳによるブログデザインのカスタマイズ、FLASHを駆使してのゲーム制作、携帯のｉアプリまでご提供できます。

現在では当たり前となったSEO対策はもちろんのこと、ホームページを攻めのマーケティングツールと変身させるSEM、運用コストを大幅に下げるCMSツールのご提案もできます。お望みであれば、あなたのホームページにも魔法をかけてさしあげます！

ITビジネスをすばやく形にします

[ ITシステム開発・Webプログラミング ]

たくさんのご提案ができます

[ 外部SE・ITコンサルタント ]

「ITで困った！」なんてことはありませんか？
通常のホームページ制作のみを提供する業者より、ネットショップやWebサービスも構築させていただいているため、セキュリティや最新技術など様々な面にアンテナを張っています。
ドッグイヤーと呼ばれる昨日までの成功体験が通用しない世界であり、かつわくわくするようなチャレンジしがいのある世界でもあります。ぜひ、あなたさまのビジネスの夢をお聞かせください。
例えば、安価ながら高機能高信頼性のXOOPS等のオープンソースソフトウェアのご提案、構築もお手伝いさせていただきます。
初級システムアドミニストレーター・.COM Master2004★★・パソコン教室講師経験を生かして、最新技術を分かりやすく解説します。

思わず魅入ってしまうデジタルコンテンツを制作します

[ デジタルコンテンツ制作 ]

TV・映画制作の長年の経験を生かして、魅力的なデジタルコンテンツを制作します。見たこともないフォトリアルで映画的な３DCG、デジタルビデオカメラからのオリジナルDVD編集、お客様に驚きと感動をお届けします。
Web2.0の成功の要因のひとつ、「リッチなユーザー体験」でお客様をとりこにしてみませんか？

安心のサーバー運用もおまかせください

[ レンタルサーバーサービス ]

ITビジネスには相応のサーバー環境が不可欠です。Webシステム開発,即実行できる安心で高機能なサーバーをご用意しました。
話題のブログ、高機能ポータルXOOPSの運用もおまかせください。
扱いやすいコントロールパネル「PLESK」で日々のメンテナンスも容易です。
もちろん独自ドメインの運用、メール発行も可能です。
稼働率は99.90%の「スリーナインクラス」を実現しております。