JavaScript++かも日記

【jsGadget】アクセスカウンターちょっと修正

【jsGadget 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

 <script charset="EUC-JP" 
     src="http://jsgt.org/mt/01/counter_1/cntx41.php?uid=1091192023"></script>
<a href="http://jsgt.org/mt/archives/01/000103.html"
><img src="http://jsgt.org/mt/01/counter_1/cntgraph2.png" border="0"></a>
<br />
<script  charset="EUC_JP" >
<!--
function get_jg_tato_GraphCounter01_HTML(){

  var wk  =["日","月","火","水","木","金","土"];
  var cnt = new jg_tato_GraphCounter01();
  
  var msgcnt2 ="今日は <b>"+ md(cnt,0) 
                   +"("+ wkcolor(wk[cnt.d[0][3]]) +") "
                   + cnt.d[0][1] +" 人</b><br /> "
      msgcnt2 +="昨日は "  + md(cnt,1) 
                   +"("+ wkcolor(wk[cnt.d[1][3]]) +") "
                   + cnt.d[1][1] +" 人<br /> "
      for(var i =2;i<14;i++){
        msgcnt2 +=i+"日前は "+ md(cnt,i) 
                   +"("+ wkcolor(wk[cnt.d[i][3]]) +") "
                   + cnt.d[i][1] +" 人<br /> "
        if(i==6)msgcnt2 +="<hr>"
      }
      
  function md(cnt,i){
     var m= cnt.d[i][2].substr(4,2);
     var d= cnt.d[i][2].substr(6,2);
     return m+"/"+d;
  }
  
  function wkcolor(wk){
    return (wk=='日')?"<span style='color:red'>"+wk+"</span>":wk;
  }
     
  return msgcnt2;
}
document.write(get_jg_tato_GraphCounter01_HTML())
//-->
</script>

---

masa ( 2007年10月19日 12:52 )

http://mb.softbank.jp/mb/campaign/2G/cm/
ここの、「ホワイト家族24「お兄さん遅刻する」篇（30秒）」とリンクを張っておけば、柔銀が、サイト構成変えない限り、ネタ元が分かるかと…。おせっかいしてみる。

高橋 ( 2007年10月19日 13:02 )

ありがとうございます〜

---

【コメント】(←clickで入力欄open)

【jsGadget】Indicatorオブジェクトv0.04

【jsGadget 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

<!--jsgt_indicator004x.jsを読み込む-->
<script type = "text/javascript" 
        src = "./jsgt_indicator0042.js" charset="utf-8"></script>

<script type = "text/javascript">
<!--  

    //インジケータインスタンスを生成
    var indi1679 = new jsgt_Indicator(
        'indidiv1679', //インジケータ用親DIV名
        './indicator32.gif' //インジケータ画像
    ) ;

//-->
</script>

<form>
<input type="button" value="インジケータ開始" 
       onclick="indi1679.start();">
<input type="button" value="インジケータ停止" 
       onclick="indi1679.stop();">
</form>

<!-- インジケータ用親DIV (省略時はページのfirstChiledとして自動生成)-->
<div id="indidiv1679"></div>

//--jsGadget--------------------------------------------------------------------------
// 最新情報   : http://jsgt.org/mt/01/
// Public Domain 著作権表示義務無し。商用利用、改造、自由。連絡不要。

////
// jsgt_Indicator インジケータ オブジェクト 
//
//更新情報 
// 20070906    v0.042 スコープの不具合を修正&いくつかのインスタンス変数をローカル変数に。
// 20070903    v0.041 インジケータをダイレクトにIMG生成へ変更。_iniを_startで起動 
// @author     Toshiro Takahashi 
// @support    http://jsgt.org/mt/archives/01/001679.html
// @sample     http://jsgt.org/lib/indicator/0042/test.htm
// @sample     http://jsgt.org/lib/indicator/0042/test4yui.htm
// @download   http://jsgt.org/lib/indicator/0042.zip
// @version    0.041 jsgt_indicator0041.j
// @memo       oj.start()で現れ、oj.stop()で消えます。インジケータ用DIVオブジェクト
//             をHTML内で指定しなければ、ページのfirstChildとして自動生成されます。
// @license    Public Domain 著作権表示義務無し。商用利用、改造、自由。連絡不要。
// @syntax     oj = new jsgt_Indicator(element,imagSrc)
// @sample     oj = new jsgt_Indicator('divName','img.gif')
// @sample     oj = new jsgt_Indicator(divOj,'img.gif')
// @param      element       第一引数はインジケータの親要素またはID名
// @param      imagSrc       第二引数はインジケータの画像URL
// @method     oj.start()    インジケータスタート
// @method     oj.stop()     インジケータスタート
// @property   oj.img        インジケータ用IMGオブジェクト
// @property   oj.img.id     インジケータ用IMGオブジェクトのID(indi_***)
// @object     oj.img.style  インジケータ用IMGのスタイルオブジェクト(CSSを利用できます)
// @property   oj.p          インジケータ用IMGの親要素(存在しなければDIVが生成される)
// @property   oj.p.id       インジケータ用IMGの親要素ID名(第一引数で渡されたID)
// @return     インジケータオブジェクトのインスタンス
// @Thanx      Thanx for AJAX Activity indicators 
//             http://mentalized.net/activity-indicators/
// 

function jsgt_Indicator(el,imagSrc){

  var seq     = (new Date()).getTime();
  this.img    = _setIndicator(imagSrc);
  this.p      = null;
  this.start  = _start;
  this.stop   = _stop;
  
  function _setIndicator(imagSrc){
    var img = document.createElement("IMG") ;
    // インジケータ用IMGのデフォルト値(インスタンスで上書き変更できます)
    img.id='indicator_'+ seq;//idを生成;
    img.style.display='none';
    img.src = imagSrc;
    return img
  }

  //インジケータIMGを引数で指定された親要素elへ追加
  function _ini(oj){
    var pa =(typeof el=='object')?el:document.getElementById(el);
    if(document.getElementById(el)){
      pa.innerHTML='';
      pa.appendChild(oj.img);
    } else {
      pa=mkParentDiv(oj.img);
    }
    return pa
  }

  //インジケータを出力する親要素elが無かったら作ってページ先頭へinsert
  function mkParentDiv(child){
      var pa=document.createElement("DIV");
      pa.id=el;
      document.body.insertBefore(pa,document.body.firstChild);
      pa.appendChild(child);
      return pa
  }

  //インジケータ スタート
  function _start(){
    this.p=_ini(this);
    this.img.style.display='block';
  }

  //インジケータ ストップ
  function _stop(){
    this.img.style.display='none';
  }
  return this
}

---

---

【コメント】(←clickで入力欄open)

【jKamo】クロスブラウザ関数群をリメイク

【jsGadget 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

この10年くらいの間に書いたいろいろ雑多なスクリプトがあって、数年前に一度、それらもまとめつつ、jsGadetというライブラリを作ろうと宣言したことがあるのですけれど、ぽしゃってました。

最近、書籍原稿書きなども一段落し、本業の方でもお盆が終わりましたので、あと彼岸が過ぎたら、時間ができるので、試しに、リトライしてみようかな、と、思い立っています。クロスブラウザ関数群をブラウザ限定して小さくし、欲を言えば、日付入力用カレンダー やダイナミックロードとか、jslb_ajaxやドラッガブルフロートやインジケータオブジェクト、AjaSQLなども整理したいなぁと。

まぁ、安倍政権誕生にちなんで「再チャレンジ」みたいな? (でも、また、いつ突然忙しくなるかわかりませんので、続かない可能性も少なくはありませんけれど;;;;) たぶん、頭の整理にもなると思いますので、こんなときに、ちょっとでもやっておこうという感じです。

再利用可能なJavaScriptライブラリという、基本的な方針は、jsGadetと同じです。でも、この数年の間に、いろいろなライブラリが登場し、やりたかったことの多くは実現されていますので、今回の方向は多少違ってくるかな、と思います。

ターゲットブラウザについては、たとえば、レイヤーの表示/非表示を切り替える関数showLAYER http://game.gr.jp/js/books/dhtml2/part3/cross/show.htm

  function showLAYER(layName){                                    
    if(document.getElementById) //e5,e6,n6,n7,m1,f1,o6,o7,08,09,s1,s2,k3用
      document.getElementById(layName).style.visibility='visible'
    else if(document.all)               //e4用
      document.all(layName).style.visibility='visible'
    else if(document.layers)            //n4用
      document.layers[layName].visibility='show'
  }

  function showLAYER(layName){                                    
      //e5,e6,n6,n7,m1,f1,o6,o7,08,09,s1,s2,k3用
      document.getElementById(layName).style.visibility='visible' 
  }

var oj=this[e]||(this[e]=(document.getElementById(e)||e));
var s=oj.style,p=parseInt,u='px',c='',ua=navigator.userAgent;
crossbwFunc={
	oj:		function(){return oj},
	id:		function(){return oj.id},
	show:		function(){s.visibility='visible'},
	hide:		function(){s.visibility='hidden'},
	move:		function(x,y){s.left=p(x)+u;s.left=p(y)+u},
	moveBy:		function(x,y){s.left=p(s.left)+p(x)+u;s.top =p(s.top)+p(y)+u},
	resize:		function(w,h){s.width=p(w)+u;s.height=p(h)+u},
	resizeBy:	function(ox,oy){s.width=p(s.width)+ox+u;s.height=p(s.height)+oy+u},
	getLeft:	function(){return (s.left!=c)?p(s.left):c},
	getTop:		function(){return (s.left!=c)?p(s.left):c},
	getRight:	function(){return (s.left!=c && s.width!=c)?p(s.left)+p(s.width):c},
	getBottom:	function(){return (s.top!=c && s.height!=c)?p(s.top)+p(s.height):c},
	setWith:	function(w){return s.width=p(w)+u},
	setHeight:	function(h){return s.height=p(h)+u},
	getWith:	function(w){return p(s.width)},
	getHeight:	function(h){return p(s.height)},
	setZ:		function(z){return s.zIndex=z},
	getZ:		function(){return s.zIndex}
}

---

---

【コメント】(←clickで入力欄open)

【jsGadget】Indicatorオブジェクト

【Ajax 】 , jsGadget 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

<meta http-equiv="content-type" content="text/html; charset=utf-8">
<!--jsgt_indicator003.jsを読み込む-->
<script type = "text/javascript" 
        src = "./jsgt_indicator003.js" charset="utf-8"></script>

<script type = "text/javascript">
<!--  
	//インジケータインスタンスを生成
	var indi = new jsgt_Indicator('./img/pleasewait.gif') ;
	//インジケータを追加するDIVを指定
	window.onload = function(){indi.indi_append("indidiv");}
//-->
</script>
<body>

<form>
<input type="button" value="インジケータ開始" 
       onclick="indi.indi_start();">
<input type="button" value="インジケータ停止" 
       onclick="indi.indi_stop();">
</form>

<!-- インジケータ用DIV -->
<div id="indidiv"></div>

---

---

【コメント】(←clickで入力欄open)

【Ajax風】JSONIframeReqest

【Ajax 】 , JSON 】 , jsGadget 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

---

tosik ( 2006年01月30日 01:39 )

面白いですね。
しかし、履歴が残るのは逆に欠点でもあるのでは？

高橋 ( 2006年01月30日 09:41 )

そうですね〜。Webアクセサビリティ的には、履歴が残る方が良いと思うので、XMLHttpRequestでは、わざわざ、historyを記録する仕組みを作ったりするわけですけれど、こうして観ると、mouseoverの履歴全部が残るというのは、逆に破壊的かもしれないですねf^^;

---

【コメント】(←clickで入力欄open)

【JavaScript】ドラッグスタート時にインジケータが回ります

【Ajax 】 , JavaScript 】 , jsGadget 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

というわけで、「script.aculo.usのテスト/auto floating zIndex 」のオブジェクトへ「 【jsGadget】引数で各オブジェクトを繋いでみる 」のインジケータガジェットを引数で渡してみました(^^)。

ドラッグスタート時にインジケータが回ります
http://jsgt.org/ajax/sau/test/tato/dragdrop_tato_indi_test1.html

---

高橋 ( 2006年01月13日 00:09 )

インスタンス用引数で使っている同じスクリプトの繰り返しが無駄なので、クラスそのものを専用に上書きしようと思ったら、script.aculo.usの内部のそのfunctionが長くて丸ごと書くのがもっと無駄、、、。うーん。やっぱり、こういうことになると我慢しきれずに自分で作ってしまいたくなります、、、。でも、もう少し我慢^^;;

---

【コメント】(←clickで入力欄open)

【jsGadget】引数で各オブジェクトを繋いでみる

【Ajax 】 , jsGadget 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

このエントリどこへいっちゃったんだろう、、、。削除しちゃったのかなぁf^^;;ということで再。

関数jsgt_DoFadeOpacityを関数jsgt_Indicator の引数用オブジェクトとして渡し、まとめてnewする方法
http://jsgt.org/lib/fadeopacity/jsgt_DoFadeOpacity010/jsgt_DoFadeOpacity010.htm

---

---

【コメント】(←clickで入力欄open)

【jsGadget】Indicatorオブジェクトv0.01

【Ajax 】 , jsGadget 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

---

---

【コメント】(←clickで入力欄open)

【jsGadget】ProgressBarオブジェクトv0.02

【Ajax 】 , jsGadget 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

---

---

【コメント】(←clickで入力欄open)

【jsGadget】ドラッガブルフロートなDIV v08 アップデート

【Ajax 】 , jsGadget 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

---

---

【コメント】(←clickで入力欄open)

【jsGadget】ドラッガブルフロートなDIV v07