Htmlヘルパー

ソース:\cake\libs\view\helpers\html.php

charset / 文書の文字コードを設定する

[php]
<?php echo $this->Html->charset(); ?>
// 生成されるHTML
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
[/php]
charset(string $charset)
$charset: 文字コードを指定。nullの場合は、デフォルトとしてUTF-8が設定されます。/app/config/core.php内の'App.encoding'に設定されています。

css / CSSファイルへリンクする

[php]
<?php echo $this->Html->css( 'bs.min', false); ?>
// 生成されるHTML
<link href="/css/bs.min.css" type="text/css" rel="stylesheet">

<?php echo $this->Html->css( 'http://~/bs.min.css', false); ?>
// 生成されるHTML
<link href="http://~/bs.min.css" type="text/css" rel="stylesheet">
[/php]
css(mixed $url, mixed $options)
ファイルパスで指定する場合は、webroot/cssを基点にパスを設定する

オプション($option)設定
inline - [true]インライン(記述した行)に出力する / [false]headタグ内に出力する

meta / METAタグを生成する

[php]
// meta keywords
<?php echo $this->Html->meta( 'keywords', 'meta keywords'); ?>
// 生成されるHTML
<meta content="meta keywords" name="keywords">
// meta description
<?php echo $this->Html->meta( 'description', 'meta description'); ?>
// 生成されるHTML
<meta content="meta description" name="description">
[/php]
meta(string $type, string $url, array $attributes = array())

参考:OGP Helper

docType / DTDを設定する

[php]
<?php echo $this->Html->docType(); ?>
// 生成されるHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<?php echo $this->Html->docType('html4-strict'); ?>
// 生成されるHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<?php echo $this->Html->docType('html4-trans'); ?>
// 生成されるHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<?php echo $this->Html->docType('html4-frame'); ?>
// 生成されるHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

<?php echo $this->Html->docType('xhtml-strict'); ?>
// 生成されるHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<?php echo $this->Html->docType('xhtml-trans'); ?>
// 生成されるHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<?php echo $this->Html->docType('xhtml-frame'); ?>
// 生成されるHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<?php echo $this->Html->docType('xhtml11'); ?>
// 生成されるHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
[/php]
docType(string $type = 'xhtml-strict')

style

style(array $data, boolean $oneline = true)

image / IMAGEタグを生成する

[php]
<?php echo $this->Html->image('cake_logo.png', array('alt' => 'CakePHP'))?>
// 生成されるHTML
<img src="/img/cake_logo.png" alt="CakePHP" />
[/php]
image(string $path, array $htmlAttributes = array())
ファイルパスで指定する場合は、webroot/imgを基点にパスを設定する

link / リンク(Aタグ)を生成する

[php]
<?php echo $this->Html->link('jump!', array('controller' => 'home', 'action' => 'index'), array('target' => '_blank'), "Are you sure leaving this page?" ?>
// 生成されるHTML
<a onclick="return confirm('Are you sure leaving this page?');" target="_blank" href="/home/index">jump!</a>
[/php]
link(string $title, mixed $url = null, array $options = array(), string $confirmMessage = false)

  • confirmMessage : クリック時の確認ダイアログが設定できます。

tag

tag(string $tag, string $text, array $htmlAttributes)

div / DIVタグを生成する

[php]

[/php]
div(string $class, string $text, array $options)
$class - 付与するクラス名
$text - div内に出力するテキスト
オプション($option)設定
'escape' => テキストをエスケープするか否か

para

para(string $class, string $text, array $htmlAttributes, boolean $escape = false)

script / <SCRIPT>タグを生成

[php]
// ファイルパス
<?php echo $this->Html->script( 'jquery.min', array('inline' => 'false')); ?>
// 生成されるHTML
<script src="/js/jquery.min.js" type="text/javascript">

// URL
<?php echo $this->Html->script( 'https://~/jquery.min.js', array('inline' => 'false')); ?>
// 生成されるHTML
<script src="https://~/jquery.min.js" type="text/javascript">
[/php]
script(mixed $url, mixed $options)
ファイルパスで指定する場合は、webroot/jsを基点にパスを設定する

オプション($option)設定

  • inline - [true]インライン(記述した行)に出力する、[false]scripts_for_layout内に出力する
  • once - [true]重複チェックを行い、一度しか読み込まない。[false]重複が起きても同じスクリプトを読み込む。

scriptBlock

scriptBlock($code, $options = array())

scriptStart

scriptStart($options = array())

scriptEnd

scriptEnd()

tableHeaders

tableHeaders(array $names, array $trOptions = null, array $thOptions = null)

tableCells

tableCells(array $data, array $oddTrOptions = null, array $evenTrOptions = null, $useCount = false, $continueOddEven = true)

url

url(mixed $url = NULL, boolean $full = false)

  • このエントリーをはてなブックマークに追加

関連記事

no image

WYSIWYGエディタを実装

WYSIWYGエディタをCakePHPにいくつか試してみました。 CKEditor 実装 // head // View(~.ctp) 解凍してwebroot/jsフ

Cookieログイン

今回は、「keep me logged in」などログイン画面でよくみかけるクッキーログインの機能を使ってみます。 CakePHPには、Cookieコンポーネントがあります。(PHPのsetcook

no image

シンプルに設置できる数字Captcha「MathCaptcha」

スパム防止などで利用されているCaptchaですが、数字版で使えるものがないか探してみました。 この「MathCapthca」は非常にシンプルに設置できるのはいいですが、やっぱりクエスチョンの部分は

no image

recursive設定によるfind()性能改善

CakePHPでは、モデルにアソシエーションを設定している場合、recursive(=>joinする階層)はデフォルトで0に設定されています。「recursiveゼロ」の意味するところとは、「1跨ぎま

no image

独自のバリデーションルール

CakePHPで組み込みバリデーションをつくる方法は色々あります。 参考:Data Validation — CakePHP Cookbook v1.3 documentation 上記リンク内に

no image

Jsヘルパーを使用してAjax更新

更新処理でページ遷移を伴う場合、ページ全体をレスポンスするのに対して、Ajax処理ではページの一部のレスポンスが可能となるためサーバからの通信量を抑えることが可能となります。 Jsヘルパーを使用して

メール送信(qdmail)

CakePHP(+qdmail)でメール送信する処理を実装しました。 準備 2つのライブラリ(.php)をダウンロードし、以下のように配置して下さい。 app/controllers/compo

no image

ユーザ登録(仮登録・メール・本登録)

ここ最近は、メールアドレスだけでなく、SNSのアカウントと連携してユーザ登録することもできるWebサービスが増えてきましたね。ユーザは割合としてどちらを選んでるのか気になるところですが。私はできるだけ

no image

Secutiryユーティリティ

CakePHPでは、データのハッシュ化もしくは暗号化のためのメソッドSecurityユーティリティが用意されています。 ソース: /cake/libs/security.php Security:

フィールド単位でバリデーション無効化

save処理の際に条件付でモデルのバリデーションをフィールド単位でスキップする処理のメモです。(最終的に使うことはなかったのでメモ) 関数は unset( $this->->validate[

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

    PAGE TOP ↑