Java Script: 2007年6月アーカイブ

このサイトでは外部のJavascriptファイルを

< script type="text/javascript" language="javascript" > document.write(header);</script>

のように書いて文章をよみこませている。
phpを使ってincludeさせる方法は知っていたが、jsの方法は初めて知った。

しかもその書き方が面白い
http://www.realsimple.jp/common/js/include.js

通常ならjsを記述するはずなのに、このファイルでは本文中のソースをそのまま書いている。

::: header :::
header =
'< h1 >
< a href="http://www.realsimple.jp/" class="logo" title="リアルシンプルジャパン" >
REAL SIMPLE JAPAN :: リアルシンプルジャパン< /a >
< /h1 >';

header =　←に代入することによって読み込ませている。
この方法であればphpが使えない環境でもきにせずに使える。
パスが違う時の対処法はわからないが同階層のファイルに対してなら外部から読み込ませて１ファイルを書き換えれば済む。
この方法になれてしまえば作業効率は飛躍的に早くなるだろう。

REAL SIMPLE JAPAN :: リアルシンプルジャパン

コンテンツにナビゲーションを設置する際、コンテンツの端にタブ状のナビゲーションを表示できるようにしてくれるのが、side-bar.js。
タブをクリックするとスライドしながら、メニューが表示される。

ウインドウの横に隠れるサイドナビゲーションJavaScript （side-bar.js） - youmos

あまり使う事はないと思うが、別ウィンドウからメインの画面のページを切り替えるjavascript。
の中に以下の記入

＜script language="JavaScript" type="text/JavaScript"＞
＜!--
function get(wo){
if(opener.closed){
NewWin=window.open("","MWindow");
NewWin.location.href=wo;
}else{opener.location.href=wo}
}
function show(){parent.close();}
//-->＜/script＞

↓リンクは以下
メインの画面のページを切り替える

これで切り替えが可能！

そのうちホームページで音楽ながしたりするかもしれないのでメモ。
もっとオシャレな演出の仕方があればいいが…

JavaScriptでMP3を再生するライブラリの作り方
http://codezine.jp/a/article/aid/995.aspx

JavaScript - WEBに音楽を
http://www.interq.or.jp/blue/inside/javascript/index.html

WindowsMediaPlayerとRealPlayerで動画再生
HTMLを自動生成してくれるソフト
Real Player埋め込みタグ自動作成
Windows Media Player用

またまたネタ帳さんのサイトですばらしいjavascript集を発見！
だからメモっとこう！！

送信ボタンなどをちょっとセクシーにするCSS

ページナビゲーションの無料ダウンロード

JavaScriptでイメージギャラリー
サンプル

Ajax感たっぷりのイメージギャラリー

膨大な画像だって管理するイメージギャラリー
サンプル

CSSレイアウトテンプレート無料開放

いやーコレだけ有ると楽しみが増える！
ネタ帳さんのサイトはコチラ

IE6でアルファ画像(透過png)が正確に表示されません。
かといってgifの透過にすると境界線にエッジが出て汚い。
そんな時にめちゃくちゃ役立つスクリプです。

設定はhead要素内にprototype.jsとalphafilter.jsで読み込む。
＜script type="text/javascript" src="./prototype.js"> ＜script type="text/javascript" src="./alphafilter.js">

透過にしたい画像にclass属性でalphafilterと入れるだけで、IE6でも透過画像の使用が可能になります。
＜img src="./sample.png" class="alphafilter" alt="" /＞

背景に透過pngを使ってる場合は背景に設定しているブロックレベル要素のclass属性でalphafilterを入れる。
＜p class="alphafilter"＞内容＜/p＞

※スタンドアローン版IE6では、DirectXのからみでアルファ画像は使用できません。