Hatena::Groupdigfroprojects

木下のjavascript勉強ページ

木下のjavascript勉強ページ

目次

おもしろそうなのでメモメモ

php&RSSMagpie作成(javascriptでは無い。)

結果

  • 皆のblogを横断表示(googleリーダーの出力機能とyahoopipesで作ったフィードをまとめたものを両方とも表示してます。)

test3.php

  • myblogの10ページ程度そのまま表示。

test2.php

  • jcode利用

test4.php

以下のコードを利用してみたバージョン


参照

  • 7. MagpieRSSで簡単にRSSを操作しよう：ITpro

http://itpro.nikkeibp.co.jp/article/COLUMN/20070205/260823/

  • MagpieRSS文字化け対策 - okdt の日記

http://slashdot.jp/~okdt/journal/398242

define('MAGPIE_OUTPUT_ENCODING', 'UTF-8');

Require_once 'magpierss/rss_fetch.inc';

のように、magpierss/rssfetch.inc を呼ぶ前に、MAGPIE_OUTPUT_ENCODING を定義しておくことで解決。

これで文字化けが解決した！！

オンマウスで吹き出しが出るスクリプト

結果

tooltip/index.html

参照URL

注意

ヘッダー部分に以下のコードを書かないと日本語が化ける

<head>
  <meta http-equiv="content-type" content="text/html; charset=iso-2022-jp">
                   <!--文書タイプと文字コード； HTML, JIS (ISO-2022-JP) -->

  <meta http-equiv="content-style-type" content="text/css">
                   <!--標準的に利用するスタイルシートの種類； CSS -->

  <meta http-equiv="content-script-type" content="text/javascript">
                   <!--標準的に利用するスクリプトの種類； JavaScript -->

  <meta name="author" content="SUGAI, M.">
                   <!--Page 記述者； SUGAI,M.-->

  <title>タイトル</title>
</head>



4.Google AJAX Feed API -を利用してblogの最新タイトル表示

リンクで挟んだりも出来るように勉強します。

結果

googleapisam2.html

参照URL

Google Code http://code.google.com/intl/ja/apis/ajaxfeeds/index.html

コード

3.クールな画面作成

結果

bt_timeline/index.html

参照URL

  • クールなプロフィールページを作れるJavascript - SIMPLE*SIMPLE ～ ウェブ職人のための小粋なネタ帳 ～

http://www.simplexsimple.com/archives/2006/11/javascript.html


コード

複数ファイルのため表示不可

2.トラックバックがしやすくなる

結果

sample2.html

参照URL

トラックバックがしやすくなる小技 - SIMPLE*SIMPLE ～ ウェブ職人のための小粋なネタ帳 ～ http://www.simplexsimple.com/archives/2006/09/post_1.html

フォーム内のテキストを

  • HTMLタグ/フォームタグ/入力フォームを作る - TAG index

http://www.tagindex.com/html_tag/form/form.html

  • ホームページ作成講座「めもタグ」[入力フォームを作成する]

http://memotag.sytes.net/hpmake/15-form.html

コード

<HTML>
<HEAD>
</HEAD>
<BODY>
<script src="http://bodytag.org/bt_melter/bt_melter.js" type="text/javascript"></script>
<p>digital divide(デジタルデバイド)に負けない</p>
<p><input type="text" size="70" id="tb_url" value="http://ameblo.jp/digitaldivide/" onClick="this.select();" /></p>
</BODY>
</HTML>

1.マトリックス風にテキストを表示

結果

sample.html

参照URL

ページをマトリックス風に表示するJavascript - SIMPLE*SIMPLE ～ ウェブ職人のための小粋なネタ帳 ～ http://www.simplexsimple.com/archives/2006/11/javascript_1.html

コード

<HTML>
<HEAD></HEAD>
<BODY>
<script src="http://bodytag.org/bt_melter/bt_melter.js" type="text/javascript"></script>
テキストテキスト
</BODY>
</HTML>

参照内容


1.2.

  • SIMPLE*SIMPLE ～ ウェブ職人のための小粋なネタ帳 ～

http://www.simplexsimple.com/

をサイト内検索してjavascriptのコードから諸々作成してみました。