RSS
Admin
Archives

毎日ぴよぴよ

勉強したことと日常を書いていきます! まだまだひよこちゃん(`・ω・´)

プロフィール

ぱっぱ

Author:ぱっぱ
ITの会社で働くおんなのこです。
最近ひかりテレビでアニメばっかりみてます。

CakePHPとjQueryをお勉強中。


BUMPが好き。
アイスが好き。
音楽聞きながらの出勤は嫌いじゃない。

最新記事
月別アーカイブ
カテゴリ
検索フォーム
QRコード
QRコード
Powered by fc2 blog  |  Designed by sebek
--.--
--


--:--
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
2011.04
28
Category : CakePHP
※5月10日修正&追加しました。
(画像リンク、checkボタン、画像でsubmitボタン)

---
ちょっと仕事で使うので、なんか使えそうなのをまとめてみた。
HTMLヘルパーのこういうのまとまったサイトがあまりない気がしたので。
ところどころ間違ってるかもしれない。 私のためのメモ書き。

そしてようやくソースの表示を多少は見やすくできた。 案外できるものなんだな~よしよし。


//hタグとか
echo $html->tag('h1','何か文字');
//pタグ
echo $html->para('クラス名','pタグに囲まれる文字');
echo $html->para('','新しいパスワードを入力してください。'); //クラス名がないときは空にする
// CSS呼び出し
echo $html->css('●●●.css');
// imageタグ
echo $html->image('●●●.jpg',array('width'=>'●','height'=>'●'));
// linkタグ
echo $html->link('リンク名','#URL',array('target'=>'_blank'));
// divタグ
echo $html->div('クラス名','divタグに囲まれる文字');
// ul,liタグ
echo $html->nestedList(array('最初の項目','次の項目'=>array('サブ項目1','サブ項目2')));
echo $html->nestedList(array('最初の項目','次の項目'=>array('サブ項目1','サブ項目2')),'ul'); //オプションでulかolかを指定できる

//テーブル処理
echo $html->tag('table');
echo $html->tableHeaders(array('ID','名字','名前'));
echo $html->tableCells(array('1','山田','太郎'));
echo $html->tableCells(array('2','佐藤','次郎'));
echo $html->tag('/table');

//テキスト入力ボックス
echo $form->text('テキストボックス名'); //1行
echo $form->textarea('テキストボックス名'); //複数行。これだとデフォルトで2行になる
echo $form->textarea('テキストボックス名',array('cols' => '●','rows' => '●')); //これだとテキストBOX内のサイズを調整できる

//ボタン処理
echo $form->button('ここにボタンのラベル');
echo $form->submit('文字',array('onclick'=>'window.open()')); // 別窓で開く
// onclickの値によって処理が変わる
// return window.confirm('文字') だと、ポップアップする。

//フォームの開始タグを設置
echo $form->create(null,array('method'=>'post','action'=>'#'));
//フォームの終了タグ
echo $form->end();

//checkbox
echo $form->checkbox(null, array('class' =>'checkbox')); //このように属性指定もできる

//画像でsubmitボタン
echo $form->submit('●●.jpg',array('type'=>'submit','name'=>'●','value'=>'●'));



/**** ヘルパーのネスト ****/
//ul li タグの中にimgタグを入れてみる
echo $html->nestedList(array($html->image('●.jpg'),array('width'=>'●','height'=>'●','alt'=>'●●')));

//画像にリンク(imageとlink)
echo $html->link($html->image('●.jpg'),'#URL',array('escape'=>false));
echo $html->link($html->image('●.jpg',array('width'=>'●','height'=>'●','alt'=>'●●●')),'#URL',array('escape'=>false));

//ボタンにリンク先を指定
echo $form->submit('ボタン文字',array('onclick'=>'return window.confirm('確認画面文字')'));
echo $form->submit('ボタン文字',array('onclick'=>'return window.confirm('確認画面文字')')).$html->link('詳細','detail/'); //リンクも貼れる

?>

Comment

非公開コメント

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。