Notes

URLにパラメータ渡してPDFの表示方法を変更。

2012.10.20 / Notes

Browser
PDF

ブラウザからPDFを開く際に、URLにパラメータ付加して渡すことで、PDFの表示方法を変更することができます。

指定ページを開くにはURLの最後に「#page=5」のように、ページ数を付加します。

http://example.com/sample.pdf#page=5

1	http://example.com/sample.pdf#page=5

ウィンドウサイズに合わせて全面表示には「#view=fit」を付加します。

http://example.com/sample.pdf#view=fit

1	http://example.com/sample.pdf#view=fit

またパラメータは「&」で区切ることにより、複数同時に渡すことができます。

http://example.com/sample.pdf#page=5&zoom=100

1	http://example.com/sample.pdf#page=5&zoom=100

その他のパラメータは下記で確認ができます。
PDF Open Parameters

FirefoxでjQueryが実行されない場合の対処法。

2012.09.06 / Notes

Firefox上でjQueryで記述した処理が、実行されない場合の対処法です。
jQueryの「.ready()」ステートメントで書き始める処理が、Firefoxの場合に限り動作しないケースがたまにあります。
原因ははっきりとは分かりませんが、特にDrupal上で記述すると、よくこの症状に遭遇します。
なので暫定的な対処法として、次のように書くようにしています。

$(document).ready(function() {
	$(window).bind("load", function() {
		//ここに処理を書きます
	});
});

$(document).ready(function() {

$(window).bind("load", function() {

//ここに処理を書きます

});

「.bind()」を入れ子にして、ウィンドウの要素を全て読み込んだ段階で処理を実行するようにします。
Firefoxの場合だけ起こるというのが、やや不可解ではありますけど。

Drupalのコンテンツ表示について。

2012.07.17 / Notes

Drupalではコンテンツの表示には「$content」という変数を使います。
これは「node.tpl.php」テンプレート内で使うことができますが、汎用的なテーマのテンプレートの場合、次のように記述して、コンテンツに含まれるフィールドをまとめて出力しています。

<?php print render($content); ?>

1	<?php print render($content); ?>

フィールドの表示順やラベル表示の有無は「サイト構築　＞　コンテンツタイプ」内の「表示の管理」から変更をすることもできます。

もしオリジナルテーマを作成して、レイアウト内で個別にフィールドを出力したい場合には次のように個別指定も可能です。

<?php print render($content['field_image']); ?>

1	<?php print render($content['field_image']); ?>

上記では「field_image」フィールドのみを出力しています。
画像などでは、一つのフィールドに複数点アップするケースもありますが、その内の一つ目の項目のみを出力したい場合は次のようにします。

<?php print render($content['field_image'][0]); ?>

1	<?php print render($content['field_image'][0]); ?>

jQueryで要素をシャッフル。

2012.06.26 / Notes

jQueryで要素の順番をシャッフルするスクリプトのメモです。

function shuffleContent(container) {
	var content = container.find("> *");
	var total = content.size();
	content.each(function() {
		content.eq(Math.floor(Math.random()*total)).prependTo(container);
	});
}

function shuffleContent(container) {

var content = container.find("> *");

var total = content.size();

content.each(function() {

content.eq(Math.floor(Math.random()*total)).prependTo(container);

});

}

使い方は、シャッフルを行いたい要素の親要素を引数に指定します。

$(function() {
	shuffleContent($("ul#test"));
});

$(function() {

shuffleContent($("ul#test"));

});

結果は次のようになります。

<ul id="test">
	<li>その8</li>
	<li>その7</li>
	<li>その2</li>
	<li>その4</li>
	<li>その0</li>
	<li>その1</li>
	<li>その5</li>
	<li>その3</li>
	<li>その9</li>
	<li>その6</li>
</ul>

</ul>

Drupal 7での主要テンプレート一覧。

2012.06.01 / Notes

Drupal 7のコアモジュールで利用されている、主要テンプレートファイルの一覧です。
DrupalではPHPテンプレートエンジンにより「.tpl.php」という拡張子を持つテンプレートファイルをもとにHTMLをレンダリングされます。

これらのファイルはシステム側にデフォルトのものが用意されていますが、オリジナルのテーマを作成する際には、このテンプレートファイルを自分のテーマディレクトリに同じ名前で格納することで、デフォルトよりも優先的に読み込み、レンダリングに反映させることができます。
ですので、オリジナルのテーマを作成する際には、これらのテンプレートファイルの編集が重要になってきます。

またデフォルトの各テンプレートファイルには、テンプレートファイル内で使える変数の説明をコメントに記載されていますので、編集の際に参考になります。

HTML（DOCTYPE、HEADなどBODYの外側）	/modules/system/html.tpl.php
ページ（BODYの内側）	/modules/system/page.tpl.php
領域（ヘッダー、コンテンツなど、レイアウト内の各領域）	/modules/system/region.tpl.php
ノード	/modules/node/node.tpl.php
フィールド（ノード内の本文や画像、その他追加フィールド）	/modules/field/theme/field.tpl.php
ブロック	/modules/block/block.tpl.php
コメント（コメント一覧、および各コメント）	/modules/comment/comment-wrapper.tpl.php /modules/comment/comment.tpl.php
検索（検索フォーム、および検索結果）	/modules/search/search-block-form.tpl.php /modules/search/search-result.tpl.php /modules/search/search-results.tpl.php
サイトメンテナンス時のHTML	/modules/system/maintenance-page.tpl.php
タクソノミー	/modules/taxonomy/taxonomy-term.tpl.php
ユーザー（アバターや、ユーザー名などの各情報）	/modules/user/user-picture.tpl.php /modules/user/user-profile-category.tpl.php /modules/user/user-profile-item.tpl.php /modules/user/user-profile.tpl.php