RSS
Admin
Archives

毎日ぴよぴよ

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

プロフィール

ぱっぱ

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

CakePHPとjQueryをお勉強中。


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

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


--:--
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
2011.05
21
Category : CakePHP
まだまだ次のお仕事でも使いそうなので、使えそうな所をまとめてメモ。

■テーブルのtd指定
テーブルのtd指定はよく使う割に、とてもめんどくさい。
雛形があればいつでも使えるので、作っておいた。
もっとラクな方法があると思われるがこれが私の限界でした。
■tdにオプションを指定したい時の基本形
echo $html->tableCells(array(
array(array('', array('width'=>'136'))) ));

//テーブル・フォーム・画像送信ボタンの3点セット
echo $html->tableCells(array(
array(array('●●●', array('width'=>'●●●')),
array($form->text('●●●',array('type'=>'●●●','name'=>'●●●'…) ), array('width'=>'●●●')),
array($form->submit('●●●.jpg',array('type'=>'submit',)), array('width'=>'●●●'))
)));

■よくあるログインフォーム。保存するチェックボックス付き。
こんなの。
------------------------------------
メールアドレス

パスワード

保存する
------------------------------------

/** このhtmlをhtmlヘルパーで書きたい。 **/
メールアドレス<br />
<input type="text" name="data[User][username]" id="" value="" class="txt" /><br />
パスワード<br />
<input type="text" name="data[User][password]" id="" value="" class="txt" /><br />
<input type="submit" name="submit" id="submit" value="ログイン" />
<div class="ck"><input type="checkbox" name="" id="" value="" class="checkbox" /> 保存する</div>
<div class="c-both"></div>
</form>

/** htmlヘルパーではこうなる **/
echo 'メールアドレス'.$html->tag('br').
$form->text(' ', array('name'=>'data[User][username]', 'class' =>'txt') )
.'パスワード'
.$form->text(' ', array('name'=>'data[User][password]', 'class' =>'txt') )
.$form->submit(' ', array('name'=>'submit','id' =>'submit','value' =>'1') )
.$html->div('ck', $form->checkbox(' '.'保存する'. array('name'=>'submit','id' =>'submit','class' =>'checkbox'))
.$form->label('','保存する'),'')
.$html->div('c-both', '')
.$form->end();


☆上では書いてなかったけど、formタグは書くよ!
 データの送信方法とか、移動先とかとか。
echo $form->create(null,array('method'=>'post','action'=>'#'));
?>
スポンサーサイト
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/'); //リンクも貼れる

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