memo.xight.org

前の日 / 次の日 / 最新 / 2006-04
01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

2006-04-20 Thu

2003 2004

リンクをマウスオーバーでサムネイルをポップアップ

- Source

function linkthumb(){
	var nophoto = 'http://img.simpleapi.net/img/nophoto.gif';
	var img = document.createElement('img');
	img.src = nophoto;
	img.onmouseout = function(){
		img.src=nophoto;
		img.style.display='none';
	};
	img.style.position = 'absolute';
	img.style.cursor   = 'pointer';
	img.style.display  = 'none';
	document.body.appendChild(img);
	var d = document.getElementsByTagName('div');
	for (var j = 0 ; j < d.length ; j++){
		if (d[j].className != 'body') continue;
		var a = d[j].getElementsByTagName('a');
		for (var i = 0 ; i < a.length ; i++){
			if (!a[i].href.match(/^http:/)) continue;
			if (a[i].href.match("^http://www\.example\.org/path/to/dir/")) continue;
			a[i].onmouseover=function(e){
				var link  = this.href;
				var thumb = 'http://img.simpleapi.net/small/'+link;
				img.onmouseover=function(){
					img.src=thumb;
					img.style.display='block';
				};
				img.onclick = function(){
					location.href=link;
				};
				if(document.all){
					img.style.left = document.documentElement.scrollLeft + event.x + "px";
					img.style.top  = document.documentElement.scrollTop  + event.y + "px";
				}else{
					img.style.left = e.pageX + "px";
					img.style.top  = e.pageY + "px";
				}
				img.src = thumb;
				img.style.display = 'block';
			};
			a[i].onmouseout = img.onmouseout;
		}
	}
}
if(window.addEventListener){
	window.addEventListener('load',linkthumb,false);
} else if(window.attachEvent){
	window.attachEvent('onload',linkthumb);
} else {
	window.onload=linkthumb;
}


以下の部分を適宜書き換えることで，自分のサイトはポップアップさせないように設定可能．
if(a[i].href.match("^http://www\.example\.org/path/to/dir/")) continue;


- Reference
Simple API - ウェブサイト・サムネイル化ツール
http://img.simpleapi.net/
- via
halchan's diary
http://www.halchan.org/diary/

  • このエントリを含むはてなブックマーク
  • このエントリをはてなブックマークに追加
  • このエントリをdel.icio.usに追加
  • このエントリをMM/Memoに追加
カテゴリ: [JavaScript]
[ 固定リンク ]

Smarty + HTML_QuickForm で 簡単フォーム生成

- HTML_QuickFormのインストール

# pear install HTML_Common HTML_QuickForm


- Sample (index.php)
HTML_QuickForm利用の手引きより

<?php
// ページを作成するのに使うライブラリの読み込み
require_once 'HTML/QuickForm.php';
require_once 'HTML/QuickForm/Renderer/ArraySmarty.php';
require_once 'smarty/libs/Smarty.class.php';
 
// Formの作成
$form = new HTML_QuickForm('secondForm');
$form->setDefaults(array(
	'name' => 'Namahage'
));
 
$form->addElement('header','second','QuickForm second example');
$form->addElement('text','name','Enter your name:', array('size' => 50, 'maxlength' => 255));
$form->addElement('submit','submit','Send');
$form->addElement('reset','reset','Reset');
$form->addRule('name','Please enter your name','required',null,'client');
 
if ($form->validate()) {
	// Formが正しかったらfreezeする
	$form->freeze();
}
 
// Smartyの設定
$smarty = new Smarty;
$smarty->template_dir = "./templates";
$smarty->compile_dir = "./templates_c";
$smarty->cache_dir = "./cache";
 
// Render関連の設定
$renderer =& new HTML_QuickForm_Renderer_ArraySmarty($smarty);
$form->accept($renderer);
$smarty->assign('form',$renderer->toArray());
 
// 表示
$smarty->display('index.tpl');
?>


- Sample (templates/index.tpl)
HTML_QuickForm利用の手引きより
{* Smarty *}
<html>
	<head>
		{$form.javascript}
	</head>
	<body>
		<form {$form.attributes}>
			{$form.hidden}
			<h1>{$form.header.second}</h1>
			{$form.name.label}: {$form.name.error}{$form.name.html}<br>
			{$form.reset.html}
			{$form.submit.html}
		</form>
	</body>
</html>


- Reference
PEAR初心者ガイド - HTML_QuickForm入門
http://www.planewave.org/translations/quickform/html_quickform.html
HTML_QuickForm利用の手引き
http://www.is.titech.ac.jp/~yanagis0/kei/quickform.html

Smarty : Template Engine
http://smarty.php.net/


HTML_QuickForm

  • このエントリを含むはてなブックマーク
  • このエントリをはてなブックマークに追加
  • このエントリをdel.icio.usに追加
  • このエントリをMM/Memoに追加
カテゴリ: [PHP]
[ 固定リンク ]

locale を UTF-8 にする

- /etc/locale.gen

ja_JP.EUC-JP EUC-JP
ja_JP.UTF-8 UTF-8



- locale 生成

# locale-gen


- .zshrc など

export LANG=ja_JP.UTF-8

  • このエントリを含むはてなブックマーク
  • このエントリをはてなブックマークに追加
  • このエントリをdel.icio.usに追加
  • このエントリをMM/Memoに追加
カテゴリ: [Linux]
[ 固定リンク ]

PHPでExcelを読み書きする

- Reference
IBM dW : オープンソース : PHPでExcelデータを読み書きする
http://www-06.ibm.com/jp/developerworks/opensource/051104/j_os-phpexcel.shtml?ca=drs-
minfish.jp/blog: PHPでExcelファイルの入出力
http://www.minfish.jp/blog/archives/2006/01/phpexcel.html

Spreadsheet_Excel_Writer

PHP Classes - Class: Spreadsheet_WriteExcel
http://psbweb.mirrors.phpclasses.org/browse.html/package/767.html

  • このエントリを含むはてなブックマーク
  • このエントリをはてなブックマークに追加
  • このエントリをdel.icio.usに追加
  • このエントリをMM/Memoに追加
カテゴリ: [PHP]
[ 固定リンク ]
2006-04 / 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

Color Reference

ChangeLogを検索
携帯電話からアクセス！

カテゴリ

最近の話題

リンク

過去ログ

Google

QR Code

Powered by chalow

Since
2002-11-28
Update
2008-02-20 21:23
Copyright © 2005 xight.org All Rights Reserved.