JavaScript++かも日記【info】有料サポート(ベータ)限定 承り中 /【JSサポート(仮称)】
【費用】 とりあえず、言い値で承ります。ただし、できる範囲での限定受付です。込み具合等によりお受けできない場合がありますのであらかじめご了承ください。サポートにご納得いただけなければ料金は不要です。 逆に感動したら多くても構いません(^^;;;。
【できること】 たとえば、かも日記で無料配布されているコードのカスタマイズや、あるいは、JavaScript/Ajax全般＋Webサーバーとの連携などのアドバイス&サンプル作成等 。A:jQchartなどでWeb用グラフ設置（エクセル→CSVやデータベースからWebグラフ生成）などのアドバイスやカスタマイズサンプル作成。B:ツリーメニューなどのカスタマイズサンプル。C:Google Mapsのカスタマイズ。etc...
【できないこと】 腕立て伏せ200回
【ライセンス】 私が今まで「かも日記」等で提供してきたコードの大半は、商用利用、改造、自由、連絡不要で、今後もそれらは変わりません。そして、この有料サポートによりカスタマイズコードなどが提供される場合でも、同様に、それらを商用利用しても改造しても自由です。ただし、制限のきついライブラリなどを使う場合は、各ライブラリのライセンスに準拠せざるを得ない場合があります。
【最近の記事】
かも日記
【info】いつもいろいろなテストなどをページ内のあちこちでやっているので、重かったり、壊れていたりするf^^;ことも多いですが、何卒、ご了承ください ( _ _ b
| win | mac | linux | |||||||||
| n7 | m1 | e6 | o7 | o8 | n7 | m1 | e5 | s1 | n7 | m1 | k3 |
| ○ | ○ | ○ | × | ○ | ○ | ○ | × | ○ | ○ | ○ | ○ |
ページ全体の読み込み完了まで少々お待ちください...
<!-- ライブラリ jsgt_dragfloat.js-->
<script type = 'text/javascript'
charset = 'UTF-8'
src = 'http://jsgt.org/lib/dragfloat/jsgt_dragfloat04.js'></script>
<script type='text/javascript'>
<!--
////
// 設定
//
// @syntax oj = dragableFloat("DIVのID名",初期位置X,初期位置Y)
//
// @sample div1 = dragableFloat("aaa",100,200) //生成
// @sample div1.innerHTML="あいうえお" //HTMLを挿入
// @sample div1.style.backgroundColor='orange' //CSSで修飾
// @sample doDragableFloat() //開始
//
function setDragableFloat(e)
{
//ドラッガブルフロートDIVを生成
var div1 = dragableFloat("dragableFloatTest",getMouseX(e)+10,getMouseY(e)+10)
//HTMLを挿入
div1.innerHTML="ドラッグもできる<br>フロートDIVです"
//CSSで修飾
div1.style.backgroundColor ="#ffcc00"
div1.style.color ="#000"
div1.style.padding ="4px"
div1.style.fontSize ="12px"
//開始
doDragableFloat()
//--マウスX座標get
function getMouseX(e)
{
if(document.all) //e4,e5,e6用
return canvas.scrollLeft+event.clientX
else if(document.getElementById) //n6,n7,m1,o7,s1用
return e.pageX
}
//--マウスY座標get
function getMouseY(e)
{
if(document.all) //e4,e5,e6用
return canvas.scrollTop+event.clientY
else if(document.getElementById) //n6,n7,m1,o7,s1用
return e.pageY
}
}
//ページロード完了フラグ
var pageloaded=false
window.onload=function(){ pageloaded=true }
//-->
</script>
<!-- こんなふうにスタイルタグで指定もOK -->
<style>
<!--
#dragableFloatTest{
background-color : #6666cc ;
width : 100px ;
height : 100px ;
filter : Alpha(Opacity=60);
-khtml-opacity : 0.6 ;
-moz-opacity : 0.6 ;
opacity : 0.6 ;
}
-->
</style>
<input
type = "button"
onclick = "if(pageloaded){setDragableFloat(event)}else{alert('ページロード完了までまってね')}"
value = "出現" />
Ajaxを勉強しててだどりつきました。
これすごいですね！
出現させたドラッガブルフロートを消すのって
どうやればいいのですか？
div1.innerHTML="";
とか、
div1.style.width="0px";
div1.style.height="0px";
とかすれば消えますから、
どこかで、そういうメソッドを動作させれば良いことになります＜ってメソッド作っていなかった(^^;;;
さっそくありがとうございます！！
いろいろ勉強します。
いつもこのサイトには参考にさせてもらっています。
少し気になったことがあったので質問させていただきます。
気づいたのですが、フロートDIVを出現させると
元のページのテキストが反転選択できなく
なってしまうのですが、これは自分の環境だけでしょうか？
それとも仕様なのでしょうか？
document.onmousemoveのreturn falseをコメントアウトするとセレクトできると思います。
jsgt_dragfloat08.js
で、コメントアウトをデフォルトにしました。
修正ありがとうございました。
このスクリプトをつかわさせていただきます。
質問させてください。
ドラッガブルフロートを組み込んだHTMLファイルを
直接ブラウザで表示させると(c:\xxx.html)InnerHTMLで設定した外部HTMLファイルが正常にfフロート内に表示されるのですが、
IIS経由でアクセスした同じHTML(ttp://localhost/xxx.html)では外部HTMLがフロート内に表示されない(doDragableFloat()は正常動作）という現象が起こっています。
なにか設定がたりないのでしょうかね？
takaさん、すみません。その情報だけでは、そちらの様子を想像することができません、、、。フロート状態にならないということですか？それとも、DIVの外に表示されてしまう？ドラッグはできますか？エラーは出ていませんか？
柳 ( 2005年12月13日 01:11 )いつも拝見させていただいております。
表示されるDragableFloatの中にformを入れてみたところ、普通にドラッグするとinputの動きが回りのテキストと比べて遅くて変になります。
また、optionで1回スクロールバーをクリックして選択を変えないでそのまま関係ないところをクリックするとドラッグした状態になるのか、マウスを動かすだけでドラッグされます。
改善できないでしょうか？
上記訂正：動きが遅くなるのはinputではなく、optionだけでした。
高橋 ( 2005年12月13日 12:17 )とりあえず、v091で修正しました。ただ、テスト中にOperaの変な動作が見つかったので更に修正予定です。いずれにしてもv09x代はまだテストバージョンですのでご了承ください。
高橋 ( 2005年12月13日 12:18 )すみません、テストを行ったURL書くのを忘れました。
http://jsgt.org/lib/dragfloat/test/0/option_v091_0.htm
あと、動きが遅くなる件は、Win IE自体のSELECT実装の問題ではないかと思います。そうなると、こちらでは、対処できません。#SELECTコンポーネントもどきを自前でJavaScriptで作ってしまうという手はありますが、、、(^^;;
taka ( 2005年12月14日 18:09 )Posted by: taka : 2005年12月10日 16:23
のｔａｋａです。遅くなってすいません。
現象ですが、フロートは出現しますし、ドラッグも可能です。が、フロート内にＨＴＭＬの内容が表示されないという現象が出ています。
エラーは特にでていません。
ためしに御サイトの
/lib/dragfloat/sample/2
をダウンロードしてそのままＩＩＳのドキュメントルート内に
設定しみたのですが、load hello.htmボタンをクリックしても、小さい正方形のピンクのフロートが表示されるだけで中身(Hello)が表示されません。
そのままフォルダ内のsample.htmをダブルクリックして動作させると正常に動作しますが、
ブラウザで ttp://localhost/sample.htm
とやって実行すると上記のような現象になります。
説明が下手ですいません。
すいません。↑のtakaです。
下記例でIISでHello.htmに対してのPOST時に
405のエラーが発生していました。
Hello.htmをasp.net(aspx)にして実行すると
正常に動作しました。
大変お騒がせしました。すいませんでした。
返事が遅れて申し訳ございません。
修正ありがとうございます。
柳さん、こんにちは。
修正はしてみたものの、ドラッグスピードが上がった時にレイヤーが追随できないケースで、類推追跡が効かなくなってしまいますね、、、うーん、、、操作感に影響がでるので痛いですね、、、どうしよう、、、。
はじめまして。
ドラッグ可能なDIVを作成しようとしていたら、こちらにたどり着きました。さっそく、ドラッガブルフロートを利用させていただいております。
質問なのですが、作成されたDIVを完全に削除することは可能なのでしょうか？削除後、再び同じIDでドラッガブルフロートを作成したいと考えております。
このdivは、ただのdivですから削除すればなくなると思います。たとえば、
http://jsgt.org/lib/dragfloat/jsgt_dragfloat04.htm
このページで下記を打ち込んでみてください。
javascript:alert(div1.parentNode.removeChild(div1))
と、思ったのですが、、、登録したイベントを停止しないといけませんねf^^;;今のままのスクリプトですとSafariとKonquerorはclearInterval(aaa)し、それ以外は、window.onscroll=nullして全部一度停止してからすべてを再起動する必要がありますが、手抜きをしたSafariとKonquerorが、これではだめかもf^^;。aaaを、配列に変えてやれば大丈夫だと思います、、、うーん、div削除は、次回の実装課題だなぁ、、、。
yoshi ( 2006年01月09日 22:46 )なるほど、イベントを停止すればよいのですね。自分でも試してみます。ありがとうございました。
Tak ( 2006年09月19日 20:33 )ドラッガブルフロートのサイズをブラウザなどのように変更はできませんか？
高橋 ( 2006年09月20日 00:43 )できますが、今はちょっと作業する予定がありません。
参考までにDojoで、
http://jsgt.org/js/books/rc/sample/contents.htmのFloatingPaneとかにはそんな感じの機能がありますよ。
ありがとうございます。
参考にして、Dojoの導入も検討してみます。
突然失礼します。
このjsgt_dragfloat08.js のスクリプトの
著作権等について、// このソースは改変も商用利用も自由ですが、
// その自由を護るために著作権は放棄しません。
とあるのは読みましたが、どうしても
念のため確認したいことがあります。
それはここに書けばよろしいのでしょうか？
それともメール等のほうがよろしいですか？
お忙しいところ申し訳ありませんが、返答
お願いいたします。
一応、メールアドレスを載せておきます。
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 |
![[Valid RSS]](http://jsgt.org/mt/archives/01/valid-rss.png "Validate my RSS feed"){kind=small}
