スライド表示用のJavaScriptライブラリLightWindow [JavaScript]
スライド表示用のJavaScriptライブラリなのですが、PDFや動画、SWFまでも簡単にスライド表示できるみたいです。
まだ実際に使ってはいないのですが、色々使えそうです。
参考:
パワフルで動作が軽快なスライド表示JavaScript (LightWindow) - youmos
Lightwindowスクリプト実験
rmblにLightWindow導入
JavaScriptで文字列をエンコードする [JavaScript]
JavaScriptで文字列をエンコードする場合は、escapeやencodeURI、encodeURIComponentがあるが、
こちらを使うと、簡単に文字列をShift_JISやECUーJP、UTF-7、UTF-8にエンコード、デコードしてくれる。
ブラウザ依存も殆どないので、(IE5.0以上、Netscape7、Operaで動作確認とのこと、Firefox2.0で確認済み)非常に使いやすくて便利なライブラリです。
<html>
<head></head>
<script type="text/javascript" src="ecl.js"></script>
<script type="text/javascript">
function funcEncSJIS(){
var strText = document.enc.encText.value;
document.enc.decText.value = EscapeSJIS(strText);
}
function funcDecSJIS(){
var strText = document.enc.decText.value;
document.enc.encText.value = UnescapeSJIS(strText);
}
</script>
<body>
<form name="enc">
エンコード<input type="text" name="encText"><input type="button" value="エンコード" onClick="funcEncSJIS()"><br/>
デコード<input type="text" name="decText"><input type="button" value="デコード" onClick="funcDecSJIS()"><br/>
</form>
</body>
</html>
<head></head>
<script type="text/javascript" src="ecl.js"></script>
<script type="text/javascript">
function funcEncSJIS(){
var strText = document.enc.encText.value;
document.enc.decText.value = EscapeSJIS(strText);
}
function funcDecSJIS(){
var strText = document.enc.decText.value;
document.enc.encText.value = UnescapeSJIS(strText);
}
</script>
<body>
<form name="enc">
エンコード<input type="text" name="encText"><input type="button" value="エンコード" onClick="funcEncSJIS()"><br/>
デコード<input type="text" name="decText"><input type="button" value="デコード" onClick="funcDecSJIS()"><br/>
</form>
</body>
</html>
JSファイルにJSファイルをインクルードする [JavaScript]
通常複数のjsファイルをHTMLにインクルードする場合は、
<script type="text/javascript" src="aaa.js"></script>
<script type="text/javascript" src="bbb.js"></script>
の様にscriptタグをjsファイル分記入すれば事足りるが、
HTMLに記述するscriptタグを1つにして、そのjsファイル内で他のjsファイルをインクルードする方法。
HTML:
<script type="text/javascript" src="aaa.js"></script>
<script type="text/javascript" src="aaa.js"></script>
aaa.js:
document.write("<script type='text/javascript' src='bbb.js'></script>");"
document.write("<script type='text/javascript' src='ccc.js'></script>");"
document.write("<script type='text/javascript' src='bbb.js'></script>");"
document.write("<script type='text/javascript' src='ccc.js'></script>");"
または、
aaa.js:
function include(astrFile)
{
var script = document.createElement('script');
script.src = astrFile;
script.type = 'text/javascript';
script.defer = true;
document.getElementsByTagName('head').item(0).appendChild(script);
}
include('bbb.js');
include('ccc.js');
function include(astrFile)
{
var script = document.createElement('script');
script.src = astrFile;
script.type = 'text/javascript';
script.defer = true;
document.getElementsByTagName('head').item(0).appendChild(script);
}
include('bbb.js');
include('ccc.js');