{section name=key loop=$message}
{$message[key]|escape}<br />
{/section}
php側を、
$message = array('123','456','abc');
$o_smarty -> assign("message", $message);
とすると、ちゃんと表示されるが、
$message[3] = '123';
$message[7] = '456';
$message[] = 'abc';
$o_smarty -> assign("emes", $emes);
とすると、何も表示されない。
悩まず、{foreach}に変更すべし。
<div class="left">
<p>メニュー</p>
<ul>
<li><a href="sample.html#menu1">menu1</a></li>
<li><a href="sample.html#menu2">menu2</a></li>
<li><a href="sample.html#menu3">menu3</a></li>
<li><a href="sample.html#menu4">menu4</a></li>
<li><a href="sample.html#menu5">menu5</a></li>
</ul>
</div>
メイン部分のタブはこんな感じ
<div class="menu-tab">
<ul>
<li><a href="#menu1" class="selected">menu1</a></li>
<li><a href="#menu2">menu2</a></li>
<li><a href="#menu3">menu3</a></li>
<li><a href="#menu4">menu4</a></li>
<li><a href="#menu5">menu5</a></li>
</ul>
</div>
そして、このメイン部分のタブ表示の下に、以下のような、各タブをクリックした時に表示すべき内容を menu1 から menu5 まで全部並べておきます。
<div class="menu">
<div id="menu1" class="list">
menu1の内容
</div>
<div id="menu2" class="list">
menu2の内容
</div>
<div id="menu3" class="list">
menu3の内容
</div>
<div id="menu4" class="list">
menu4の内容
</div>
<div id="menu5" class="list">
menu5の内容
</div>
</div>
これを jQuery を使って、menu2 のタブをクリックした時は <div id="menu2"> の内容だけを表示させ、かつ、
$("div.list:not("+$(".menu-tab li a.selected").attr("href")+")").hide();
$(".menu-tab li a").click(function(){
$(".menu-tab li a").removeClass("selected");
$(this).addClass("selected");
$("div.list").hide();
$($(this).attr("href")).show();
return false;
});
1行目で、クラスが selected になっている（＝つまり選択状態）のタブの href 属性を取得して（この場合は #menu1 ）、それ以外の $("div.list")、すなわち各メニューの内容を隠しています。location.hashで取得できる、ということです。
.attr("hash")
でいけると。
$(function(){
var selected_tab = location.hash;
var link_tab = $(".menu-tab li a");
tabchange(selected_tab, link_tab);
$(".menu-tab li a, .left li a").click(function(){
tabchange($(this).attr("hash"), link_tab);
});
});
tabchange という function を別途用意することにして、それに #menu2 という文字列と、タブ部分のオブジェクトを渡してなんとかすることにします。
function tabchange(selected_tab, link_tab){
link_tab.removeClass("selected");
link_tab.each(function(n){
if ($(this).attr("hash") == selected_tab){$(this).addClass("selected");}
});
$(selected_tab).siblings().hide();
$(selected_tab).show();
}
each とか、siblings とか使っちゃってますが、やってる内容は元々のやつと同じです。
id | name ----+-------- 1 | test 2 | sampleで、この items には複数のカテゴリーとサブカテゴリーが紐づけられている。
item_id | category_id | sub_category_id | orders
---------+-------------+-----------------+--------
1 | 1 | 1 | 2
1 | 1 | 2 | 2
2 | 1 | 2 | 1
アイテム1はサブカテゴリー1と2に、アイテム2はサブカテゴリー2に紐付いていて、どちらもカテゴリーは1だが、SELECT ic.item_id, i.name FROM items_categories ic INNER JOIN items i ON ic.item_id=i.id WHERE ic.category_id=1こうなる。
item_id | name
---------+--------
1 | test
1 | test
2 | sample
orders 順にしたいので、
SELECT ic.item_id, i.name FROM items_categories ic INNER JOIN items i ON ic.item_id=i.id WHERE ic.category_id=1 ORDER BY ic.ordersとすると、
item_id | name
---------+--------
2 | sample
1 | test
1 | test
これは動く。item_id が重複してるので、distinct を使うと、
SELECT DISTINCT ic.item_id, i.name FROM items_categories ic INNER JOIN items i ON ic.item_id=i.id WHERE ic.category_id=1 ORDER BY ic.ordersPostgresの場合、エラーになる。
ERROR: for SELECT DISTINCT, ORDER BY expressions must appear in select listMySQLの場合、
item_id | name
---------+--------
2 | sample
1 | test
出る。SELECT DISTINCT ic.item_id, i.name, ic.orders FROM items_categories ic INNER JOIN items i ON ic.item_id=i.id WHERE ic.category_id=1 ORDER BY ic.ordersとすればちゃんと出る。
item_id | name | orders
---------+--------+--------
2 | sample | 1
1 | test | 2
そりゃ、おかしいのはMySQLでしょう。この場合。
find ./ -name '*.html' | while read line; do mv $line `echo $line | sed -e 's,\.html$,.tpl,'` doneいや、理解はできてない。。
<textarea name="info1" cols="100" rows="10" class="rte1"></textarea>
<script type="text/javascript">
$(document).ready(function() {
$('.rte1').rte({
css: ['default.css'],
controls_rte: rte_toolbar,
controls_html: html_toolbar
});
});
</script>
jquery.rte.tb.js にツールバーの設定がまとめられてるのでそれを編集する。！keyup イベントでは charCode プロパティの値には意味がないため使用すべきではありません。の警告が出るのがいまいちです。
<script type="text/javascript">
$(function() {
$("#info").htmlarea({
toolbar: [
["bold", "italic", "underline", "|", "forecolor"],
["p", "h1", "h2", "h3", "h4", "h5", "h6"],
["link", "unlink", "|", "image"],
[{
css: "custom_disk_button",
text: "Save",
action: function(btn) {
alert('SAVE!\n\n' + this.toHtmlString());
}
}]
],
loaded: function() {
//
}
});
});
</script>
<textarea id="info" cols="50" rows="15"></textarea>
loaded とかでエディターが起動した後になにか処理を入れられる。
<textarea id='hb'></textarea>
<script language="Javascript" type="text/javascript">
var hb = $("#hb").htmlbox({
buttons:[
["separator_dots","bold","italic","underline"]
],
icons:"default",
skin:"green"
});
</script>
一応PDFのドキュメントがあるんですが、どうも説明が足りなくて使い方が分からない。<div> <iframe style="height: 305px; width: 415px;"> <html> <head> </head> <body> </body> </html> </iframe> </div>みたいにして。
$('iframe').contents().find('body').html()
keyupのイベントを取り出すには、
$('iframe').contents().keyup(function(){
// なにか処理
}
でいけます。
<script language="Javascript" src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script language="Javascript" src="htmlbox.min.js" type="text/javascript"></script>
<script language="Javascript" src="formState.js" type="text/javascript"></script>
<textarea id='hb'></textarea>
<script language="Javascript" type="text/javascript">
var hb = $("#hb").htmlbox({
buttons:[
["separator_dots","bold","italic","underline"]
],
icons:"default",
skin:"green"
});
$(function() {
$('iframe').contents().keyup(function(){
$('#count').val($('iframe').contents().find('body').text().length);
});
});
</script>
<input type="text" id="count" />
こんな感じになります。
<div> <h1>Colored Pencils</h1> </div>まずはコミットする。
$ git add index.tpl $ git commit -m 'first commit'ここで一旦リリースするが、その時にブランチを作っておく
$ git branch design_fixその後なにか修正する。
<div>
<h1>Colored Pencils</h1>
{$message|escape}
</div>
それをコミットする
$ git commit -a -m 'add message'それを知らないデザイナーからファイルが届いた。
<div class="main"> <h1>Colored Pencils</h1> </div>作っておいたデザイナー用のブランチに移動して、
$ git checkout design_fixこの状態で、デザイナーが作った index.tpl をコピーしてからコミットする。
$ git commit -a -m 'design chenged'再びマスターに戻り、マージする
$ git checkout master $ git merge design_fix以下のようにマージされた。
<div class="main">
<h1>Colored Pencils</h1>
{$message|escape}
</div>
ここでまたすかさず次のブランチを作っておくといいかもしれない。<div> <h1>Colored Pencils</h1> <h2>12 colors</h2> </div>マージでエラーになる。
Auto-merging index.tpl CONFLICT (content): Merge conflict in index.tpl Automatic merge failed; fix conflicts and then commit the result.そのindex.tplを見るとこんなんなってる。
<div>
<h1>Colored Pencils</h1>
<<<<<<< HEAD:index.tpl
{$message|escape}
=======
<h2>12 colors</h2>
>>>>>>> design_fix:index.tpl
</div>
message の行と h2 の行とどっちが上でどっちが下か分からないってことだろう。
<div>
<h1>Colored Pencils</h1>
<h2>12 colors</h2>
{$message|escape}
</div>
コミットする。
$ git commit -a -m 'design fix'無事マージされた
--- a/index.tpl
+++ b/index.tpl
@@@ -1,5 -1,5 +1,6 @@@
<div>
<h1>Colored Pencils</h1>
+ <h2>12 colors</h2>
+{$message|escape}
</div>
port installedで見たところ、apache2とかはもうインストール済みになってるみたいだったので、もう一回以下のコマンドでphpのインストールに挑戦。
sudo port -d install php5 +apache2 +macox +mysql5 +pear +postgres +sockets +sqlite最後に出た以下のメッセージを完全に見逃す
To customize php, copy /opt/local/etc/php5/php.ini-development (if this is a development server) or /opt/local/etc/php5/php.ini-production (if this is a production server) to /opt/local/etc/php5/php.ini and then make changes. If this is your first install, you need to activate PHP in your web server. To enable PHP in Apache, run cd /opt/local/apache2/modules /opt/local/apache2/bin/apxs -a -e -n "php5" libphp5.soこうして入れたシステム一式は、OSXの
/opt/localの下に入るようです。
$ php -v PHP 5.3.2 (cli) (built: Mar 18 2010 03:49:53) Copyright (c) 1997-2010 The PHP Group Zend Engine v2.3.0, Copyright (c) 1998-2010 Zend Technologiespearも入っている。
$ pear -V PEAR Version: 1.9.0 PHP Version: 5.3.2 Zend Engine Version: 2.3.0でアパッチを起動したいということで、
sudo launchctl load -w /Library/LaunchDaemons/org.macports.apache2.plistとりあえずこうするだけでapache動いた。
sudo cp php.ini-development php.ini sudo /opt/local/apache2/bin/apxs -a -e -n "php5" libphp5.soアパッチのhttpd.confに
Include conf/extra/mod_php.conf以下を付け足し。
で、DirectoryIndex index.html index.php
sudo /opt/local/apache2/bin/apachectl restartしたら、phpもオッケーに。
C:\xampp\mysql\bin;に書き換え、これでようやく正常に戻る。
/* Authentication type and info */ $cfg['Servers'][$i]['auth_type'] = 'config'; $cfg['Servers'][$i]['user'] = 'root'; $cfg['Servers'][$i]['password'] = 'password'; $cfg['Servers'][$i]['AllowNoPassword'] = true;それからMySQLの文字コード関係設定。C:\xampp\mysql\bin\my.ini を開いて一番下に、
[mysqld] skip-character-set-client-handshake default-character-set = utf8 character-set-server = utf8 collation-server = utf8_unicode_ci init-connect = SET NAMES utf8 [mysql] default-character-set=utf8を追加。
<Directory />
Options FollowSymLinks
AllowOverride none
Order deny,allow
Deny from all
</Directory>
を以下に変更
<Directory />
Options FollowSymLinks
AllowOverride all
Order deny,allow
Deny from all
</Directory>
ついでにバーチャルホストの設定。C:\xampp\apache\conf\extra\httpd-vhosts.conf を開いて、NameVirtualHost *:80一番下に以下を追加
<VirtualHost *:80>
ServerAdmin someone@somedomain
DocumentRoot "D:/project"
ServerName project
ErrorLog "logs/project-error.log"
</VirtualHost>
<Directory "D:/project">
Options FollowSymLinks
AllowOverride all
Order deny,allow
Allow from all
</Directory>
ここで、最後の Allow from が all になってないと見られないので注意。127.0.0.1 localhost 127.0.0.1 projectを追加。
[mbstring] mbstring.language = Japanese mbstring.internal_encoding = UTF-8 mbstring.http_input = pass mbstring.http_output = pass mbstring.encoding_translation = Off mbstring.detect_order = UTF-8,SJIS,EUC-JP,JIS,ASCII mbstring.substitute_character = none; mbstring.func_overload = 0最後にpearも既存のphpのパスが悪さしてへんてこりんな設定になっていたので、C:\xampp\php に go-pear を置いて、再インストール
php go-pear.phpこれはコマンドプロンプトを管理者モードで実行しないとだめ。
