<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>素材の壺</title>
    <link rel="alternate" type="text/html" href="http://www.materialpot.com/" />
    <link rel="self" type="application/atom+xml" href="http://www.materialpot.com/atom.xml" />
    <id>tag:www.materialpot.com,2011-11-28://2</id>
    <updated>2011-11-28T06:32:28Z</updated>
    
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type 5.12</generator>

<entry>
    <title>数字に自動的に「, (カンマ)」を付ける〜PHP</title>
    <link rel="alternate" type="text/html" href="http://www.materialpot.com/php/-php.php" />
    <id>tag:a-ino.heteml.jp,2009:/materialpot//2.82</id>

    <published>2009-06-08T03:34:00Z</published>
    <updated>2011-11-28T06:32:28Z</updated>

    <summary>【概要】 10000を10,000というように、数字に自動的に「, (カンマ)」...</summary>
    <author>
        <name>素材の壺</name>
        
    </author>
    
        <category term="PHP" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.materialpot.com/">
        <![CDATA[<p class="text_red">【概要】</p>
<p>10000を10,000というように、数字に自動的に「, (カンマ)」を付けるサンプル</p>]]>
        <![CDATA[<br />

<div class="dotted_f">
<p>
【 例 】<br />
&lt;?php<br />
$num = 10000;<br />
echo <span class="text_red">number_format(</span>$num<span class="text_red">)</span>;<br />
?&gt;
</div>
<p>このように「number_format」を付ける事で「10,000」と出力されます。</p>]]>
    </content>
</entry>

<entry>
    <title>IE7、FireFoxでサイト印刷時のレイアウト崩れを解決〜CSS</title>
    <link rel="alternate" type="text/html" href="http://www.materialpot.com/css/ie7firefoxcss.php" />
    <id>tag:a-ino.heteml.jp,2009:/materialpot//2.81</id>

    <published>2009-05-13T13:40:00Z</published>
    <updated>2012-02-10T04:01:23Z</updated>

    <summary>【概要】 IE7、特にFireFoxでサイトを印刷する際、２ページ以上になると２...</summary>
    <author>
        <name>素材の壺</name>
        
    </author>
    
        <category term="CSS" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.materialpot.com/">
        <![CDATA[<span class="text_red">【概要】</span>
<p>
IE7、特にFireFoxでサイトを印刷する際、２ページ以上になると２ページ目以降のfloatが解除されレイアウトが崩れてしまう、という症状が出てしまいます。そのレイアウト崩れを解決するプリント用CSS。
</p>]]>
        <![CDATA[<br />


<p>
サイトレイアウト用のCSSとは別に、『media="print"』と記述して、以下のように印刷用CSSを読み込みます。
</p>

<br />

<div class="dotted_f">
<p>
&lt;link href="印刷用CSS" rel="stylesheet" type="text/css" media="print" /&gt;
</p>
</div>

<br />

<p>
『media="print"』と記述する事で印刷時のみ適用されます。<br />
以下を参考に、印刷用CSSにレイアウトの崩れを解決するための内容を記述します。IE7とFireFoxそれぞれ解決方法が異なるため、PHPでブラウザごとに違うCSSを読み込む等の工夫が必要になります。
</p>

<br />

<div class="dotted_f">
<p>「<strong>レイアウト例</strong>」</p>
<div style="border: 3px solid #f00;">
&nbsp;div.all
<table style="width: 100%;" cellspacing="5">
<tr>
<td style="padding: 3px;border: 3px solid #06c;">div.left</td>
<td style="padding: 3px;border: 3px solid #0c0;">div.right</td>
</tr>
</table>
</div>
</div>

<br />

<div class="dotted_f">
<p>「<strong>IE7</strong>」</p>
<p>IE7対策は float を指定している箇所に zoom:1 を追記します。</p>
<p style="font-weight:bold;">div{ zoom:1;}</p>
</div>

<br />

<div class="dotted_f">
<p>「<strong>FireFox</strong>」</p>
<p>FireFox対策は display:table と display:table-cell で float を指定している箇所をテーブルレイアウト化します。</p>
<p style="font-weight: bold;color: #f00;">div.all{ display:table;}</p>
<p style="font-weight: bold;color: #06c;">div.left{ display:table-cell; float:none;}</p>
<p style="font-weight: bold;color: #0c0;">div.right{ display:table-cell; float:none;}</p>
</div>

<br />

<div class="dotted_f">
<p>「<strong>PHPでブラウザごとに違うCSSを読み込むサンプル</strong>」</p>
<p>&lt;?php<br />
$agent = getenv( "HTTP_USER_AGENT" );<br />
if( ereg( "Firefox", $agent ) ) {<br />
$print_css = "&lt;link href=\"FireFox用CSS\" rel=\"stylesheet\" type=\"text/css\" media=\"print\" /&gt;";<br />
}else if( ereg( "MSIE 7.0", $agent ) ) {<br />
$print_css = "&lt;link href=\"IE7用CSS\" rel=\"stylesheet\" type=\"text/css\" media=\"print\" /&gt;";<br />
}<br />
echo $print_css;<br />
?&gt;</p>
</div>

<br />

<p>※あくまで解決方法の一つなので、上記の方法で必ず解決するとは限りません。<br />
　上記を参考にして試行錯誤をお願い致します。</p>]]>
    </content>
</entry>

<entry>
    <title>パソコンやムービーなどのリスト用アイコン</title>
    <link rel="alternate" type="text/html" href="http://www.materialpot.com/icon/post-40.php" />
    <id>tag:a-ino.heteml.jp,2009:/materialpot//2.80</id>

    <published>2009-04-19T03:01:00Z</published>
    <updated>2011-11-28T06:32:28Z</updated>

    <summary>【概要】 パソコンやムービー、鍵マークなど、リスト用アイコンを各５色。...</summary>
    <author>
        <name>素材の壺</name>
        
    </author>
    
        <category term="アイコン" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.materialpot.com/">
        <![CDATA[<span class="text_red">【概要】</span><br />
パソコンやムービー、鍵マークなど、リスト用アイコンを各５色。<br />]]>
        <![CDATA[<b class="text_red">直リンク禁止です。</b><br />
「右クリック」→「名前をつけて画像を保存」でダウンロードして使って下さい。
<div class="dotted">
[家]<br />
<img src="../pic/icon_home_b.gif" alt="家" />　　<img src="../pic/icon_home_g.gif" alt="家" />　　<img src="../pic/icon_home_k.gif" alt="家" />　　<img src="../pic/icon_home_o.gif" alt="家" />　　<img src="../pic/icon_home_p.gif" alt="家" /><br />
[人]<br />
<img src="../pic/icon_human_b.gif" alt="人" />　　<img src="../pic/icon_human_g.gif" alt="人" />　　<img src="../pic/icon_human_k.gif" alt="人" />　　<img src="../pic/icon_human_o.gif" alt="人" />　　<img src="../pic/icon_human_p.gif" alt="人" /><br />
[ＣＤ]<br />
<img src="../pic/icon_cd_b.gif" alt="ＣＤ" />　　<img src="../pic/icon_cd_g.gif" alt="ＣＤ" />　　<img src="../pic/icon_cd_k.gif" alt="ＣＤ" />　　<img src="../pic/icon_cd_o.gif" alt="ＣＤ" />　　<img src="../pic/icon_cd_p.gif" alt="ＣＤ" /><br />
[聴く]<br />
<img src="../pic/icon_listen_b.gif" alt="聴く" />　　<img src="../pic/icon_listen_g.gif" alt="聴く" />　　<img src="../pic/icon_listen_k.gif" alt="聴く" />　　<img src="../pic/icon_listen_o.gif" alt="聴く" />　　<img src="../pic/icon_listen_p.gif" alt="聴く" /><br />
[ムービー]<br />
<img src="../pic/icon_movie_b.gif" alt="ムービー" />　　<img src="../pic/icon_movie_g.gif" alt="ムービー" />　　<img src="../pic/icon_movie_k.gif" alt="ムービー" />　　<img src="../pic/icon_movie_o.gif" alt="ムービー" />　　<img src="../pic/icon_movie_p.gif" alt="ムービー" /><br />
[パソコン]<br />
<img src="../pic/icon_pc_b.gif" alt="パソコン" />　　<img src="../pic/icon_pc_g.gif" alt="パソコン" />　　<img src="../pic/icon_pc_k.gif" alt="パソコン" />　　<img src="../pic/icon_pc_o.gif" alt="パソコン" />　　<img src="../pic/icon_pc_p.gif" alt="パソコン" /><br />
[矢印]<br />
<img src="../pic/icon_arrow_b.gif" alt="矢印" />　　<img src="../pic/icon_arrow_g.gif" alt="矢印" />　　<img src="../pic/icon_arrow_k.gif" alt="矢印" />　　<img src="../pic/icon_arrow_o.gif" alt="矢印" />　　<img src="../pic/icon_arrow_p.gif" alt="矢印" /><br />
[ノート]<br />
<img src="../pic/icon_note_b.gif" alt="ノート" />　　<img src="../pic/icon_note_g.gif" alt="ノート" />　　<img src="../pic/icon_note_k.gif" alt="ノート" />　　<img src="../pic/icon_note_o.gif" alt="ノート" />　　<img src="../pic/icon_note_p.gif" alt="ノート" /><br />
[鍵]<br />
<img src="../pic/icon_key_b.gif" alt="鍵" />　　<img src="../pic/icon_key_g.gif" alt="鍵" />　　<img src="../pic/icon_key_k.gif" alt="鍵" />　　<img src="../pic/icon_key_o.gif" alt="鍵" />　　<img src="../pic/icon_key_p.gif" alt="鍵" /><br />
[びっくりマーク]<br />
<img src="../pic/icon_exc_b.gif" alt="びっくりマーク" />　　<img src="../pic/icon_exc_g.gif" alt="びっくりマーク" />　　<img src="../pic/icon_exc_k.gif" alt="びっくりマーク" />　　<img src="../pic/icon_exc_o.gif" alt="びっくりマーク" />　　<img src="../pic/icon_exc_p.gif" alt="びっくりマーク" /><br />
[はてなマーク]<br />
<img src="../pic/icon_hatena_b.gif" alt="はてなマーク" />　　<img src="../pic/icon_hatena_g.gif" alt="はてなマーク" />　　<img src="../pic/icon_hatena_k.gif" alt="はてなマーク" />　　<img src="../pic/icon_hatena_o.gif" alt="はてなマーク" />　　<img src="../pic/icon_hatena_p.gif" alt="はてなマーク" /><br />
</div>]]>
    </content>
</entry>

<entry>
    <title>コピペ出来ないテキストフィールド〜javascript</title>
    <link rel="alternate" type="text/html" href="http://www.materialpot.com/java-script/javascript-6.php" />
    <id>tag:a-ino.heteml.jp,2009:/materialpot//2.79</id>

    <published>2009-04-16T15:57:00Z</published>
    <updated>2011-11-28T06:32:28Z</updated>

    <summary>【概要】 確認入力などコピペしてほしくない時に利用出来る、コピペ出来ないように入...</summary>
    <author>
        <name>素材の壺</name>
        
    </author>
    
        <category term="java script" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.materialpot.com/">
        <![CDATA[<span class="text_red">【概要】</span>
<p>
確認入力などコピペしてほしくない時に利用出来る、コピペ出来ないように入力制御するjavascript。
</p>]]>
        <![CDATA[<br />

<p>
コピペ禁止にしたいテキストフィールドに以下のscriptを記述して下さい。<br />
「コピペ禁止です」のテキストがアラートとして表示されます。<br />
[ <span class="text_red"> onpaste="alert('コピペ禁止です'); return false;"</span> ]
</p>

<br />

<div class="dotted_f">
【HTMLタグ】<br />
<p>
&lt;input type="text" onpaste="alert('コピペ禁止です'); return false;" /&gt;
</p>

</div>

<br />

<div class="dotted_f">
【サンプル】<br />
<input type="text" onpaste="alert('コピペ禁止です'); return false;" />
</div>]]>
    </content>
</entry>

<entry>
    <title>foreachで連想配列のキーと値を取得〜PHP</title>
    <link rel="alternate" type="text/html" href="http://www.materialpot.com/php/foreachphp.php" />
    <id>tag:a-ino.heteml.jp,2009:/materialpot//2.78</id>

    <published>2009-03-20T12:58:00Z</published>
    <updated>2011-11-28T06:32:28Z</updated>

    <summary>【概要】 foreachを使用して連想配列のキーと値を取得するサンプルです。...</summary>
    <author>
        <name>素材の壺</name>
        
    </author>
    
        <category term="PHP" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.materialpot.com/">
        <![CDATA[<p class="text_red">【概要】</p>
<p>foreachを使用して連想配列のキーと値を取得するサンプルです。</p>]]>
        <![CDATA[<br />

<div class="dotted_f">
<p>
【キーの取得】<br />
$arr ("りんご" =>"100","みかん" =>"200","パイナップル" =>"300");<br />
foreach ($arr as $key => $val){<br />
echo ($key);<br />
}
</p>
<br />
<p>
【値の取得】<br />
$arr ("りんご" =>"100","みかん" =>"200","パイナップル" =>"300");<br />
foreach ($arr as $key => $val){<br />
echo ($val);<br />
}
</p>
</div>]]>
    </content>
</entry>

<entry>
    <title>可変変数〜PHP</title>
    <link rel="alternate" type="text/html" href="http://www.materialpot.com/php/php-1.php" />
    <id>tag:a-ino.heteml.jp,2009:/materialpot//2.77</id>

    <published>2009-02-13T12:57:00Z</published>
    <updated>2011-11-28T06:32:28Z</updated>

    <summary>【概要】 変数名を動的に指定する「可変変数」について。...</summary>
    <author>
        <name>素材の壺</name>
        
    </author>
    
        <category term="PHP" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.materialpot.com/">
        <![CDATA[<p class="text_red">【概要】</p>
<p>変数名を動的に指定する「可変変数」について。</p>]]>
        <![CDATA[<br />

<div class="dotted_f">
<p>
【 例 】<br />
$text = "ino";<br />
echo $text;<br />
<br />
//「ino」が出力されます。<br />
<br />
$$text = "web";<br />
echo $ino;<br />
<br />
//「web」が出力されます。
</p>
</div>
<br />
<p>
「$」を２つ付ける事で、変数名を指定できます。例ではまず $text に 「ino」という値が入り、 $$text は $ino としての扱いができます。<br />
<br />
なので、　$$text = "web";　とする事で、　$ino　に「web」という値が入る事になります。<br />
<br />
echo ${$text};<br />
<br />
この記述でも「web」が出力されます。<br />
<br />
また、可変変数 $$text に配列を使用したい場合は $$text[1] ではなく、 ${$text[1]} という記述となります。
</p>
<br />
<div class="dotted_f">
<p>
【まとめ】<br />
$text = "ino";<br />
echo $text;<br />
$$text = "web";<br />
echo $ino;<br />
echo ${$text};<br />
//「ino」「web」「web」が出力されます。
</p>
</div>]]>
    </content>
</entry>

<entry>
    <title>メール送信フォーム〜PHP</title>
    <link rel="alternate" type="text/html" href="http://www.materialpot.com/php/php.php" />
    <id>tag:a-ino.heteml.jp,2009:/materialpot//2.75</id>

    <published>2009-02-12T16:00:00Z</published>
    <updated>2011-11-28T06:32:28Z</updated>

    <summary>【概要】 入力→確認→送信という流れの簡単なメール送信プログラムです。「設定」欄...</summary>
    <author>
        <name>素材の壺</name>
        
    </author>
    
        <category term="PHP" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.materialpot.com/">
        <![CDATA[<p class="text_red">【概要】</p>
<p>
入力→確認→送信という流れの簡単なメール送信プログラムです。「設定」欄を書き換えて、CSSでデザインをカスタマイズして使用して下さい。
</p>]]>
        <![CDATA[<br />
<p>[ 動作確認環境 ]<br />
PHP Ver.4.4.1 (セーフモード)
</p>
<br />
<p style=" font-weight: bold;">【PHP】</p>

<div class="dotted_f">
&lt;?php<br />
<br />
// 設定 //////////////////////////////////////////<br />
$to = "受信メールアドレス（例：test@materialpot.com）";<br />
$subject = "件名（例：サイトからお問い合わせ）";<br />
$mb_code = "文字コード（例：shift_jis）";<br />
// 設定 //////////////////////////////////////////<br />
<br />
$PHP_SELF = $_SERVER["PHP_SELF"];<br />
$action = $_POST['action'];<br />
$name = $_POST['name'];<br />
$mail = $_POST['mail'];<br />
$comment = $_POST['comment'];<br />
$comment = stripslashes($comment);<br />
<br />
if($action == "post"){<br />
<br />
//確認画面<br />
if($name && $mail && $comment){<br />
$name = htmlspecialchars($name);<br />
$mail = htmlspecialchars($mail);<br />
$comment = htmlspecialchars($comment);<br />
$comment = nl2br($comment);<br />
$comment = str_replace("\r", "", $comment);<br />
$comment = str_replace("\n", "", $comment);<br />
<br />
//確認ページ<br />
echo "&lt;p&gt;メッセージ確認&lt;/p&gt;\n";<br />
echo "&lt;form action=\"$PHP_SELF\" method=\"post\" enctype=\"multipart/form-data\"&gt;\n";<br />
echo "&lt;input type=\"hidden\" name=\"action\" value=\"send\"&gt;\n";<br />
echo "&lt;input type=\"hidden\" name=\"name\" value=\"$name\"&gt;\n";<br />
echo "&lt;input type=\"hidden\" name=\"mail\" value=\"$mail\"&gt;\n";<br />
echo "&lt;input type=\"hidden\" name=\"comment\" value=\"$comment\"&gt;\n";<br />
<br />
echo "&lt;table border=\"0\" cellspacing=\"2\" cellpadding=\"0\"&gt;\n";<br />
echo "&lt;tr&gt;&lt;th&gt;お名前&lt;/th&gt;&lt;td&gt;$name&lt;/td&gt;&lt;/tr&gt;\n";<br />
echo "&lt;tr&gt;&lt;th&gt;E-mail&lt;/th&gt;&lt;td&gt;$mail&lt;/td&gt;&lt;/tr&gt;\n";<br />
echo "&lt;tr&gt;&lt;th&gt;メッセージ&lt;/th&gt;&lt;td&gt;$comment&lt;/td&gt;&lt;/tr&gt;\n";<br />
echo "&lt;/table&gt;&lt;br /&gt;\n";<br />
echo "&lt;input type=\"submit\" name=\"submit\" value=\"送信する\"&gt;　&lt;input type=\"button\" value=\"戻る\" onclick=\"history.back()\" /&gt;&lt;/form&gt;\n";<br />
} else {<br />
echo "&lt;p&gt;全ての欄を記入してください。&lt;/p&gt;&lt;br /&gt;\n";<br />
echo "&lt;input type=\"button\" value=\"戻る\" onclick=\"history.back()\" /&gt;\n";<br />
}<br />
<br />
}else if($action == "send"){<br />
$msg = "";<br />
$from = $mail;<br />
$header  = "From: $from\n";<br />
$header .= "Reply-To: $from\n";<br />
$header .= "X-Mailer: PHP/".phpversion()."\n";<br />
$header .= "MIME-version: 1.0\n";<br />
$msg .= "[ お名前 ]\n$name\n";<br />
$msg .= "[ E-mail ]\n$mail\n";<br />
$comment = str_replace("&lt;br /&gt;", "\n", $comment);<br />
$msg .= "[ メッセージ ]\n$comment\n";<br />
<br />
mb_language("ja");<br />
mb_internal_encoding($mb_code);<br />
<br />
if(mb_send_mail($to, $subject, $msg, $header)){<br />
echo "&lt;p&gt;メールが送信されました。&lt;/p&gt;\n";<br />
} else {<br />
echo "&lt;p&gt;メールの送信に失敗しました。お手数ですが、もう一度お願いします。&lt;/p&gt;&lt;br /&gt;\n";<br />
echo "&lt;input type=\"button\" value=\"戻る\" onclick=\"history.back()\" /&gt;\n";<br />
}<br />
<br />
}else{<br />
echo "&lt;form action=\"$PHP_SELF\" method=\"post\" enctype=\"application/x-www-form-urlencoded\" target=\"_self\"&gt;";<br />
echo "&lt;input type=\"hidden\" name=\"action\" value=\"post\"&gt;";<br />
echo "&lt;table border=\"0\" cellpadding=\"0\" cellspacing=\"2\"&gt;";<br />
echo "&lt;tr&gt;";<br />
echo "&lt;th&gt;お名前&lt;/th&gt;";<br />
echo "&lt;td&gt;&lt;input type=\"text\" name=\"name\" size=\"50\"&gt;&lt;/td&gt;";<br />
echo "&lt;/tr&gt;";<br />
echo "&lt;tr&gt;";<br />
echo "&lt;th&gt;E-mail&lt;/th&gt;";<br />
echo "&lt;td&gt;&lt;input type=\"text\" name=\"mail\" size=\"50\"&gt;&lt;/td&gt;";<br />
echo "&lt;/tr&gt;";<br />
echo "&lt;tr&gt;";<br />
echo "&lt;th&gt;メッセージ&lt;/th&gt;";<br />
echo "&lt;td&gt;&lt;textarea name=\"comment\" rows=\"6\" cols=\"50\"&gt;&lt;/textarea&gt;&lt;/td&gt;";<br />
echo "&lt;/tr&gt;";<br />
echo "&lt;/table&gt;";<br />
echo "&lt;input type=\"submit\" name=\"submit\" value=\"送 信\"&gt;　&lt;input type=\"reset\" name=\"reset\" value=\"リ セ ッ ト\"&gt;";<br />
echo "&lt;/form&gt;";<br />
}<br />
?&gt;
</div>
<br />
<p style="color: #c00;">※サーバーや環境ごとの設定に関する問い合わせはお答え出来かねますので、ご了承下さい。</p>]]>
    </content>
</entry>

<entry>
    <title>echoを短く省略した書き方〜PHP</title>
    <link rel="alternate" type="text/html" href="http://www.materialpot.com/php/echophp.php" />
    <id>tag:a-ino.heteml.jp,2008:/materialpot//2.76</id>

    <published>2008-12-04T16:12:00Z</published>
    <updated>2011-11-28T06:32:28Z</updated>

    <summary>【概要】 echo()をPHPの開始タグ直後に省略した形で書く方法です。以下どち...</summary>
    <author>
        <name>素材の壺</name>
        
    </author>
    
        <category term="PHP" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.materialpot.com/">
        <![CDATA[<span class="text_red">【概要】</span>
<p>
echo()をPHPの開始タグ直後に省略した形で書く方法です。以下どちらの書き方でも同じ表示となります。
</p>]]>
        <![CDATA[<br />

<div class="dotted_f">
<p>
【通常の書き方〜文字列】<br />
&lt;?php echo "通常の書き方"; ?&gt;<br />
</p>
<br />
<p>
【省略した書き方〜文字列】<br />
&lt;?="省略した書き方"?&gt;<br />
</p>
</div>

<div class="dotted_f">
<p>
【通常の書き方〜変数】<br />
&lt;?php echo $val; ?&gt;<br />
</p>
<br />
<p>
【省略した書き方〜変数】<br />
&lt;?=$val?&gt;<br />
</p>
</div>]]>
    </content>
</entry>

<entry>
    <title>リアルタイムで時間と年月日を表示〜javascript</title>
    <link rel="alternate" type="text/html" href="http://www.materialpot.com/java-script/javascript-5.php" />
    <id>tag:a-ino.heteml.jp,2008:/materialpot//2.74</id>

    <published>2008-10-09T13:39:00Z</published>
    <updated>2011-12-13T14:07:26Z</updated>

    <summary>【概要】 リアルタイムで時間と年月日を表示するjavascriptです。 ...</summary>
    <author>
        <name>素材の壺</name>
        
    </author>
    
        <category term="java script" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.materialpot.com/">
        <![CDATA[<span class="text_red">【概要】</span>
<p>
リアルタイムで時間と年月日を表示するjavascriptです。
</p>]]>
        <![CDATA[<br />

<p>
表示したい箇所に以下のscriptを記述して下さい。<br />
※&lt;div id="<span style="color #c00;">time_div</span>"&gt;&lt;/div&gt;に表示されます。
</p>

<br />

<div class="dotted_f">
【script】<br />
<p>
&lt;script type="text/javascript"&gt;<br />

//1000＝１秒<br />
var timer;<br />
timer = setInterval("show_time()",1000);<br />

function show_time() {<br />
date = new Date() ;<br />
now = date.getFullYear() + '年' + (date.getMonth()+1) + '月' + date.getDate() + '日' + date.getHours() + '時' + date.getMinutes() + '分' + date.getSeconds() + '秒';
document.getElementById('<span style="color #c00;">time_div</span>').innerHTML = now ;<br />
}<br />

&lt;/script&gt;<br />

&lt;div id="<span style="color #c00;">time_div</span>"&gt;&lt;/div&gt;<br />

</p>

</div>

<br />

<div class="dotted_f">
【サンプル】<br />
<script type="text/javascript">

//1000＝１秒
var timer;
timer = setInterval("show_time()",1000);

function show_time() {
date = new Date() ;
now = date.getFullYear() + '年' + (date.getMonth()+1) + '月' + date.getDate() + '日　' + date.getHours() + '時' + date.getMinutes() + '分' + date.getSeconds() + '秒';
document.getElementById('time_div').innerHTML = now ;
}

</script>

<div id="time_div"></div>

</div>]]>
    </content>
</entry>

<entry>
    <title>手すりのサビ</title>
    <link rel="alternate" type="text/html" href="http://www.materialpot.com/town/post-39.php" />
    <id>tag:a-ino.heteml.jp,2008:/materialpot//2.73</id>

    <published>2008-08-22T15:52:00Z</published>
    <updated>2011-12-10T07:46:54Z</updated>

    <summary> ちょっと危険な、手すりのサビです。 [ Leica (ライカ) D-LUX 3...</summary>
    <author>
        <name>素材の壺</name>
        
    </author>
    
        <category term="街・建物" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.materialpot.com/">
        <![CDATA[<p>
ちょっと危険な、手すりのサビです。
</p>
<div class="text_center">
<img src="../photo/town07_s.jpg" alt="手すりのサビ" border="0" /><br />
[ Leica (ライカ) D-LUX 3 ]
<br />
<input type="button" value="大サイズ素材ダウンロード" onClick="window.open('../photo/town07_b.jpg')" />
</div>]]>
        
    </content>
</entry>

<entry>
    <title>パソコン関係の大きめアイコン</title>
    <link rel="alternate" type="text/html" href="http://www.materialpot.com/icon/post-38.php" />
    <id>tag:a-ino.heteml.jp,2008:/materialpot//2.72</id>

    <published>2008-05-28T08:10:00Z</published>
    <updated>2011-11-28T06:32:27Z</updated>

    <summary>【概要】 ボタンとしてや説明用画像として使えそうなパソコン関係のアイコンです。 ...</summary>
    <author>
        <name>素材の壺</name>
        
    </author>
    
        <category term="アイコン" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.materialpot.com/">
        <![CDATA[<span class="text_red">【概要】</span><br />
ボタンとしてや説明用画像として使えそうなパソコン関係のアイコンです。<br />
少し大きめサイズとなります。<br />
パソコン回り、フォルダ、ファイル、その他の４種類があります。<br />]]>
        <![CDATA[<b class="text_red">直リンク禁止です。</b><br />
「右クリック」→「名前をつけて画像を保存」でダウンロードして使って下さい。
<div class="dotted_f">
[パソコン回り]<br />
<img src="../pic/icon_pc1.jpg" alt="モニター" />　　<img src="../pic/icon_pc2.jpg" alt="パソコン" />　　<img src="../pic/icon_pc3.jpg" alt="マウス" />　　<img src="../pic/icon_pc4.jpg" alt="キーボード" />
</div>
<div class="dotted_f">
[フォルダ]<br />
<img src="../pic/icon_pc5.jpg" alt="フォルダ" />　　<img src="../pic/icon_pc6.jpg" alt="フォルダ／開" />　　<img src="../pic/icon_pc7.jpg" alt="フォルダ／開" />　　<img src="../pic/icon_pc8.jpg" alt="フォルダ／ファイル入り" />
</div>
<div class="dotted_f">
[ファイル]<br />
<img src="../pic/icon_pc9.jpg" alt="ファイル／イメージ" />　　<img src="../pic/icon_pc10.jpg" alt="ファイル／a" />　　<img src="../pic/icon_pc11.jpg" alt="ファイル／テキスト" />　　<img src="../pic/icon_pc12.jpg" alt="ファイル" />　　<img src="../pic/icon_pc13.jpg" alt="メール" />
</div>
<div class="dotted_f">
[その他]<br />
<img src="../pic/icon_pc14.jpg" alt="+" />　　<img src="../pic/icon_pc15.jpg" alt="-" />　　<img src="../pic/icon_pc16.jpg" alt="閉じる" />　　<img src="../pic/icon_pc17.jpg" alt="全画面" />　　<img src="../pic/icon_pc18.jpg" alt="？" />
</div>]]>
    </content>
</entry>

<entry>
    <title>再読込・進む・戻る・閉じるボタン〜javascript</title>
    <link rel="alternate" type="text/html" href="http://www.materialpot.com/java-script/javascript-2.php" />
    <id>tag:a-ino.heteml.jp,2008:/materialpot//2.60</id>

    <published>2008-05-18T12:59:00Z</published>
    <updated>2011-11-28T06:32:27Z</updated>

    <summary>【概要】 javascriptで簡単に出来る再読込・進む・戻る・閉じるボタン。 ...</summary>
    <author>
        <name>素材の壺</name>
        
    </author>
    
        <category term="java script" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.materialpot.com/">
        <![CDATA[<span class="text_red">【概要】</span>
<p>
javascriptで簡単に出来る再読込・進む・戻る・閉じるボタン。
</p>]]>
        <![CDATA[<div class="dotted">
<br />
<p>
【更新】<br />
&lt;input type="button" value="更新" onclick="location.reload()" /&gt;<br />
<input type="button" value="更新" onclick="location.reload()"><br />
</p>
<br />
<p>
【進む】<br />
&lt;input type="button" value="進む" onclick="history.forward()" /&gt;<br />
<input type="button" value="進む" onclick="history.forward()"><br />
</p>
<br />
<p>
【戻る】<br />
&lt;input type="button" value="戻る" onclick="history.back()" /&gt;<br />
<input type="button" value="戻る" onclick="history.back()">
</p>
<br />
<p>
【閉じる】<br />
&lt;input type="button" value="閉じる" onclick="window.close()" /&gt;<br />
<a href="./close.html" target="_blank">サンプル</a>
</p></div>]]>
    </content>
</entry>

<entry>
    <title>テキストのハイライト〜javascript</title>
    <link rel="alternate" type="text/html" href="http://www.materialpot.com/java-script/javascript-4.php" />
    <id>tag:a-ino.heteml.jp,2008:/materialpot//2.71</id>

    <published>2008-05-04T15:07:00Z</published>
    <updated>2011-11-28T06:32:27Z</updated>

    <summary>【概要】 テキストエリア内のテキストをハイライトするjavascript。テキス...</summary>
    <author>
        <name>素材の壺</name>
        
    </author>
    
        <category term="java script" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.materialpot.com/">
        <![CDATA[<span class="text_red">【概要】</span>
<p>
テキストエリア内のテキストをハイライトするjavascript。テキストを選択〜コピーしてもらいたい時に効果的です。
</p>]]>
        <![CDATA[<div class="dotted_f">
&lt;script language="Javascript"&gt;<br />
&lt;!--<br />
function <span class="text_orange">hilight</span>(<span class="text_blue">t_field</span>) {<br />
  var tempval=eval("document."+<span class="text_blue">t_field</span>)<br />
  tempval.focus()<br />
  tempval.select()<br />
}<br />
//--&gt;<br />
&lt;/script&gt;
</div>

<div class="dotted_f">
&lt;form name="<span class="text_green">t_select</span>"&gt;<br />
&lt;a class="highlighttext" href="javascript:<span class="text_orange">hilight</span>('<span class="text_green">t_select</span>.<span class="text_red">t_area</span>')"&gt;テキストを選択&lt;/a&gt;<br />
&lt;textarea name="<span class="text_red">t_area</span>" rows="4" style="width: 500px;"&gt;<br />
テキストハイライトのサンプルです。<br />
&lt;/textarea&gt;<br />
&lt;/form&gt;
</div>

<script language="Javascript">
<!--
function hilight(t_field) {   
  var tempval=eval("document."+t_field)
  tempval.focus()
  tempval.select()
}
//-->
</script>

<div style="margin-bottom: 20px;">
<form name="t_select">   
<a class="highlighttext" href="javascript:hilight('t_select.t_area')">テキストを選択</a><br>
<textarea name="t_area" rows="4" style="width: 500px;">
テキストハイライトのサンプルです。
</textarea>
</form>
</div>]]>
    </content>
</entry>

<entry>
    <title>divの高さをページの一番下まで伸ばす〜CSS</title>
    <link rel="alternate" type="text/html" href="http://www.materialpot.com/css/divcss.php" />
    <id>tag:a-ino.heteml.jp,2008:/materialpot//2.70</id>

    <published>2008-04-27T16:11:00Z</published>
    <updated>2011-11-28T06:32:27Z</updated>

    <summary> 【概要】 divに指定した背景画像をコンテンツの内容に関係なくページ一番下まで...</summary>
    <author>
        <name>素材の壺</name>
        
    </author>
    
        <category term="CSS" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.materialpot.com/">
        <![CDATA[<p>
<span class="text_red">【概要】</span><br />
divに指定した背景画像をコンテンツの内容に関係なくページ一番下まで伸ばす方法。
</p>]]>
        <![CDATA[<br />
<div class="dotted_f">
「HTML」<br />
&lt;html&gt;<br />
&lt;body&gt;<br />
&lt;div class="box"&gt;ボックスの高さを100%に&lt;/div&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;<br />
</div>
<br />
<div class="dotted_f">
「CSS」<br />
html{<br />
	height:100%;<br />
}<br />
body{<br />
	margin: 0;<br />
	padding: 0;<br />
	height:100%; <br />
}<br />
body &gt; .box {<br />
    height: auto;<br />
}<br />
.box{<br />
	height:100%;<br />
	min-height:100%;<br />
}<br />
</div>

<p>
divに何も指定していない状態だとコンテンツの内容によってボックスは下に伸びていきますが、高さをmin-height: 100%;と指定する事で最低限の高さが100%になるため、ページの一番下までボックスを伸ばす事が出来ます。
</p>
<br />
<p>
これに加えて「html」「body」にもheight: 100%;を指定する事により、&lt;div class="box"&gt;をページ一番下まで伸ばす事が出来ます。
</p>
</p>
<br />
<p>
サイトを囲む背景画像を一番下まで伸ばしたいのに、コンテンツが少ないページだとコンテンツの部分で途切れてしまう、というケースに使用出来ます。
</p>]]>
    </content>
</entry>

<entry>
    <title>前向きな花</title>
    <link rel="alternate" type="text/html" href="http://www.materialpot.com/flower/post-37.php" />
    <id>tag:a-ino.heteml.jp,2008:/materialpot//2.69</id>

    <published>2008-04-10T12:44:00Z</published>
    <updated>2011-12-10T07:17:04Z</updated>

    <summary> 太陽に向かって堂々とした花です。 [ NIKON COOLPIX S500 ]...</summary>
    <author>
        <name>素材の壺</name>
        
    </author>
    
        <category term="花" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.materialpot.com/">
        <![CDATA[<p>
太陽に向かって堂々とした花です。
</p>
<div class="text_center">
<img src="../photo/flower06_s.jpg" alt="前向きな花" border="0" /><br />
[ NIKON COOLPIX S500 ]
<br />
<input type="button" value="大サイズ素材ダウンロード" onClick="window.open('../photo/flower06_b.jpg')" />
</div>]]>
        
    </content>
</entry>

</feed>

