な~~~も思いつかん!

勢い余って

JavaScriptのプログラムを書く!そして載せる!しかし責任はもてない!じゃ載せるな!

などなど。

脳内会議がけたたましく行われています今日この頃いかがお過ごしでしょーか。想児です。

どうせ載せるのなら面白いやつがいいな~~
だったら分かり易いやつ?
であるならば、画面でモリモリ動くやつ?

そーだな~~


・・・・


ん~~~~

むずかしいな~~

とりあえず皆様は↓で

ネコがネコじゃらしを追いかけるかのごとく遊んでて下さい。




何にも思いつかないな~~

何か思いついたら載せますねぇ。

とりあえず、上のやつのソースさらしますね~。
*----------HTML----------*
<body bgcolor="#B0C4DE" onload="JsTest()" style="position:relative;">
<table width="300px" height="300px" style="position:relative;">
<tr>
<td height="100%">触れたったらえーねん。四角いヤツにな。
<div id="target"><font size="10">■</font></div>
</td>
</tr>
</table>
</body>


*----------JavaScript----------*
var cntTop=0;
var cntLeft=0;

function JsTest(){
var obj=document.getElementById("target");
obj.style.position="absolute";
obj.style.top=0;
obj.style.left=0;

obj.onmouseover=function(){
var value=20;
var maxValue=300;
if(cntTop==maxValue && cntLeft==0){
cntTop=cntTop-value;
}else if(cntTop==maxValue && cntLeft==maxValue){
cntLeft=cntLeft-value;
}else{
if(cntLeft<maxValue){
var X=0;
if(cntTop==0){
X=value;
}else if(cntTop==maxValue){
X=-value;
}
cntLeft=cntLeft+X;
}if(cntTop<maxValue){
var Y=0;
if(cntLeft==0){
Y=-value;
}else if(cntLeft==maxValue){
Y=value;
}
cntTop=cntTop+Y;
}
}

obj.style.top=cntTop+"px";
obj.style.left=cntLeft+"px";
}

}

では!

仕事ってなんだっけ・・・・?

さて、一応Webアプリプログラマとして
それらしい記事を書いてみようと似合わない事を考えました。

とりあえず、このブログでは日記の投稿文章に
HTMLタグを埋め込めるらしくて
それならばと、JavaScriptも書けるんじゃないの?

つーことで、ちょいとテストなどを・・・

・・・・・

したのですが、JavaScriptは投稿の時に無視しているみたいですね。
実行できませんでした。

んで、何とかできないものかと考えた所
<iframe>でなんとかできないかと考えました。

そして早速実践。
既に借りていた無料HPスペースに
テスト用HTMLファイルをアップロードし
<iframe>に、そのファイルのURLを設定したところ・・・

↓結果


って事で、成功ですね。
これで、自分で作ったJavaScriptのソースと
実行環境を同じページで表示することが出来ますね!

ただ、JavaScriptはわざわざ別ファイルに書いて
HPスペースにアップしないといけないです・・・・

面倒臭い!!!

あぁ・・・
どこからか、そのくらいやれよとお告げがありましたので
嫌々がんばります。

さて
私にとってはいつもの事なので、大した事は無いのですが
とりあえず報告までに


今日の仕事はずっとブログの更新作業で終わりました。


はい報告終わり。何ていう給料泥棒っぷり!

さぁ~て、帰るかぁ~