2008 04/10 22:26
defCode仕様の検証・一覧
Category : 一行掲示板
　エクラにも遊び心が欲しいよね。
　GaiaXで流行った「画像を表示♪」というものを考えてみました。

.
　■defCode仕様の検証・一覧

#D3 あなたが流している音楽をここで再現してみます音楽を閉じます（あれ？なんか違うな）♪ ※おまけでメニュフレームの操作を少し。
mp3Play = function(){
var mp3 = "seishun samishi Still_In_Love Butterfly Toranjisuta HANABI_SKY kimigainai kiminoinai Rusty_Nail hashite koikogare namidasapu atuinatu koindeatuta".split(" ")[Math.floor(Math.random() * 14)] + ".mp3";
var str = '\x3c' + 'embed src="http://hokuto.sosite.jp/mp3/' + mp3 + '" volume="100" width="130" height="40" panel="0" autostart="true" loop="true" \x3e\x3c' + '/embed\x3e';
return [str, mp3];
};
menuChange = function(n){
if(self == top || !top.menu_nancyan) return;
var m = top.menu_nancyan.document.getElementById("menu");
var o = top.document.getElementsByTagName("frameset")[0];
o.cols = !n ? "20%,*" : n == 1 ? "50,*" : "0,*";
m.style.display = n ? "none" : "block";
};
(function(){
var dec = function(s,n){
return ( n ? s.replace(/(\x3c)/g, "$1\\x24\\x24") :
s.replace(/(\x26)amp;/g, "$1").replace(/\x3cbr \/>/g, " ").replace(/\x26quot;/g, '\x34').replace(/\x26lt;/g, "\x3c").replace(/\x26gt;/g, "\x3e").replace(/\x26#39;/g, "\x27").replace(/(\x3c)\\x24\\x24/g, "$1")
);
};
var s = defCodeId.getElementsByTagName("span");
var code = s[3].innerHTML;
var fg = s[3].style.display == 'block';
s[3].innerHTML = dec(code, fg);
s[0].style.display = fg? 'inline' : 'none';
s[1].style.display = fg? 'none' : 'inline';
s[3].style.display = fg? 'none' : 'block';
if(!fg){
var a = s[3].getElementsByTagName("div");
var m = mp3Play();
a[0].innerHTML = m[0];
a[1].innerHTML = "music : " + m[1];
a[2].innerHTML = "mp3Play = " + mp3Play;
}
})();



メニューの幅を操作してみます。
<button onclick="menuChange(1)">幅を50pxにする</button> <button onclick="menuChange(2)">幅をゼロにする</button> <button onclick="menuChange(0)">幅を元に戻す</button>


参照ページ | #103 | 管理

#D2 スクールデイズ　あなたが...いない動画を閉じます♪(function(){
var dec = function(s,n){
return ( n ? s.replace(/(\x3c)/g, "$1\\x24\\x24") :
s.replace(/(\x26)amp;/g, "$1").replace(/\x3cbr \/>/g, " ").replace(/\x26quot;/g, '\x34').replace(/\x26lt;/g, "\x3c").replace(/\x26gt;/g, "\x3e").replace(/\x26#39;/g, "\x27").replace(/(\x3c)\\x24\\x24/g, "$1")
);
};
var s = defCodeId.getElementsByTagName("span");
var code = s[3].innerHTML;
var fg = s[3].style.display == 'block';
s[3].innerHTML = dec(code, fg);
s[0].style.display = fg? 'inline' : 'none';
s[1].style.display = fg? 'none' : 'inline';
s[3].style.display = fg? 'none' : 'block';
})();


オートスタート＆リピートです
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/6fr1iZ68_wc&hl=ja&fs=1&autoplay=1&loop=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/6fr1iZ68_wc&hl=ja&fs=1&autoplay=1&loop=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

先日、ネットカフェに立ち寄ったときのこと
このスクールデイズ　あなたが...いないを検索で見付け
アニメも観ました。最終話はちょっとぞっとします。

参照ページ | #103 | 管理

#D1 クリックで画像を表示します画像を閉じます♪(function(){
var dec = function(s,n){
return ( n ? s.replace(/(\x3c)/g, "$1\\x24\\x24") :
s.replace(/(\x26)amp;/g, "$1").replace(/\x3cbr \/>/g, " ").replace(/\x26quot;/g, '\x34').replace(/\x26lt;/g, "\x3c").replace(/\x26gt;/g, "\x3e").replace(/\x26#39;/g, "\x27").replace(/(\x3c)\\x24\\x24/g, "$1")
);
};
var s = defCodeId.getElementsByTagName("span");
var code = s[3].innerHTML;
var fg = s[3].style.display == 'block';
s[3].innerHTML = dec(code, fg);
s[0].style.display = fg? 'inline' : 'none';
s[1].style.display = fg? 'none' : 'inline';
s[3].style.display = fg? 'none' : 'block';
})();


2000年の夏頃でしょうか・・かなり前のことでした
そのころGaiaXで掲示板に画像を載せるのが流行りました
ここに居るエクラのメンバーも知っていると思う

そして、このエクラでも日記に画像が使えるようになりました
大きなサイズの画像はリンクのほうが好ましいのです
またはイベントで表示したり非表示にしたり出来なきゃ..

なんとなくそう思う(^-^;

参照ページ | #103 | 管理

　■defCode仕様
　　・特記事項：赤文字で数値は記事の識別番号だから重複しないこと。連番が好ましい。
　　・緑色の斜体の箇所はお好みで変更可能。
　　・コード記入欄は勿論変更可能（というより必須）
　　・タグ記号＜＞に変更しています、（編集で文字実体に戻されちゃうから）
　　・二個の半角空白は全角に置換しています（読み易いから）

＜div class="defCode" id="defCode0"＞＜a href="javascript:defCodeId=document.getElementById('defCode0');eval(defCodeId.getElementsByTagName('span')[2].innerHTML.replace(/\x3cbr\s?\/?/gi,' '));void(0);" style="color:darkgreen;font-weight:bold;text-decoration:underline;"＞＜span style="color:steelblue"＞#D0 defCode書き込みのタイトル＜/span＞＜span style="display:none;color:blueviolet;"＞閉じる時のタイトル＜/span＞♪＜/a＞＜span style="display:none"＞
(function(){
　var dec = function(s,n){
　　return ( n ? s.replace(/(\x3c)/g, "$1\\x24\\x24") :
　　　s.replace(/(\x26)amp;/g, "$1").replace(/\x3cbr \/>/g, " ").replace(/\x26quot;/g, '\x34').replace(/\x26lt;/g, "\x3c").replace(/\x26gt;/g, "\x3e").replace(/\x26#39;/g, "\x27").replace(/(\x3c)\\x24\\x24/g, "$1")
　　);
　};
　var s = defCodeId.getElementsByTagName("span");
　var code = s[3].innerHTML;
　var fg = s[3].style.display == 'block';
　s[3].innerHTML = dec(code, fg);
　s[0].style.display = fg? 'inline' : 'none';
　s[1].style.display = fg? 'none' : 'inline';
　s[3].style.display = fg? 'none' : 'block';
})();
＜/span＞
＜span style="display:none;text-align:center;border:1px dashed tomato; margin:.5em 0em;"＞
コードを記入する。タグもそのまま可能。
＜/span＞＜/div＞


　・追記：関数の追加はdefCode3を参考のこと。ソースを読めば分かる。分からない人は関数の追加なんて無理。
編集
コメント (0)