No.3ベストアンサー
- 回答日時:
解説その2:
<HTML>
<HEAD>
<TITLE>小窓移動2</TITLE>
<script language="JavaScript">
<!--
var TW=0;
function move_W1() {
var mX,mY;
var dn,ts;
TW=TW+1;
dn=document.wtest.elements("divnum").value;
mX=document.wtest.elements("movetoX").value/dn*TW;
mY=document.wtest.elements("movetoY").value/dn*TW;
top.moveTo (mX,mY);
if(TW>=dn)clearInterval(timerID);
}
function move_W2(){
var ts;
TW=0;
ts=document.wtest.elements("tspan").value;
timerID=setInterval('move_W1()',ts)
}
//move_W2();
//-->
</script>
</HEAD>
<BODY>
<A onclick="window.close()" target="_blank">閉じる</A>
<FORM name="wtest">
移動先:<X> <INPUT type="text" name="movetoX"><Y><INPUT type="text" name="movetoY"><BR>
分割数: <INPUT type="text" name="divnum" value = "1">回<BR>
更新間隔: <INPUT type="text" name="tspan" value = "1000">ms<BR>
<BR>
<INPUT type="button" name="start" value = "実行" onclick="move_W2();">
</FORM>
</BODY>
</HTML>
★★★★★★★★★★★★
分割数は必ず、1以上を設定してください。
最初にwowaさんが提示されたものは、ウィンドウを表示すると
同時に、移動していましたが、今回のサンプルはボタンを押して
実行するものです。
各要素をJavaScriptに埋め込むことで、ウィンドウ表示と同時
に移動することも可能です。
wowaさん提示のものと、私のサンプルの違いがわかりますでし
ょうか?
また、上記サンプルで、各要素を変更してみて、お好みの値を
見つけてみてください。
kokorone様
とても、丁寧に教えていただき、
ありがとうございました。
kokoroneさんから頂いたソースを研究してみます。
また、分からないことがありましたら
教えて下さいネ。
No.2
- 回答日時:
解説その1:
ご提示されたソースについて解説します。
動作としては、
X:画面右端-200,Y:-570 に移動。
以降、Yを+20ずつYが0になるまで
移動しています。
但し、表示の間隔が、
timerID=setInterval('move_W1()',100)
の100(ms)となっているため、見た目には、
一瞬で終了してしまいます。
100を増やしていけば、ゆっくり、残像?を
残しながら移動します。
★★★★★★★★★★★★★★★★★★★★★★★★★★★
解説2では、最終表示位置・分割数・表示間隔を
自由設定できるサンプルをお見せします。
No.1
- 回答日時:
サブウィンドウ表示と、そのサブウィンドウの移動までは、
できたのですよね。
任意の移動位置は、INPUTで指定するのでしょうか?
まずは、考え方ですが、
一気に指定位置まで移動した場合、残像は残りませんが、
移動距離を何回かに分割して、さらに、分割移動をタイムラグ
を使って、時間差移動させれば、残像のように見えませんか?
出来たところまでのソースを提示していただければ、もっと
詳しく解説します。
この回答への補足
こんにちは
書き込みありがとうございます。
<HTML>
<HEAD>
<TITLE>小窓移動2</TITLE>
<script language="JavaScript">
<!--
var TW=-550;
function move_W1() {
top.moveTo ((screen.availWidth)-(200),TW-20);
TW=TW+20;
if(TW>0)clearInterval(timerID);
}
function move_W2(){
timerID=setInterval('move_W1()',100)
}
move_W2();
//-->
</script>
</HEAD>
<BODY>
<A onclick="window.close()" href="http://html-time.com/" target="_blank"><IMG src="banner.gif" border="0" width="88" height="31"></A>
</BODY>
</HTML>
ここまでのソースは、インターネットで見つけることができたのですが、ここから、どうやって改造していったら良いかが分かりません。
宜しくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- システム CPUの問題について 2 2022/07/09 12:04
- Perl perlについて 2 2022/11/18 19:38
- その他(コンピューター・テクノロジー) PC利用中に勝手に起動する窓を消し去る方法を教えて下さい。 1 2023/05/08 16:48
- 銀行・ネットバンキング・信用金庫 「銀行 窓口」での「振り込み」のやり方を教えて下さい。現金17万円を「りそな銀行」から「みずほ銀行」 4 2022/10/29 12:47
- Google Maps Google map 1 2022/09/22 08:28
- ハローワーク・職業安定所 ハローワークの年収400万円の非正規雇用の相談員のおばさんたちの仕事ぶりについて 7 2023/07/15 13:11
- Android(アンドロイド) スマホ(iPhone)のデータ移動に付いて。 2 2022/06/18 15:09
- C言語・C++・C# ディスプレイの解像度とマウスの位置について 2 2023/05/21 19:01
- その他(プログラミング・Web制作) プログラムの勉強のおすすめは 7 2022/12/09 20:09
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
javaScriptの変数をJavaの変数...
-
javascript教えてください
-
SendKeys()が一番最後に実行さ...
-
コードレビューをお願いします。
-
小窓が残像を残して移動
-
JQueryでfunctionに引数としてI...
-
javascriptでtextareaに文字列...
-
クリック→テキストボックスに追加
-
クリックさせたいが、click()が...
-
innerHTML内では改行は禁止?
-
formのfileの値をhiddenでも持...
-
JSPファイルにJavaScriptを埋め...
-
テキストフィールド未入力の場...
-
ひとつのボタンでタイマーを動...
-
onClickがinput type="image"だ...
-
INPUTでデフォルト値(数...
-
データバインド機能でand検索を...
-
URL 判定
-
return trueとreturn falseの用...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
iOSのみダブルタップが必要
-
onclickが動作しない
-
追加ボタンを押した際に ok ボ...
-
ボタンかリンクをクリックする...
-
innerHTML内では改行は禁止?
-
クリックさせたいが、click()が...
-
javaScriptの変数をJavaの変数...
-
formのfileの値をhiddenでも持...
-
JavascriptでDOM-based XSSの発...
-
クリックでテーブル内の背景色...
-
VB.NETで<Input>タグ、<text...
-
jQueryで設定したイベントハン...
-
開いた子ウィンドウにあるボタ...
-
javascriptで作成されたテーブ...
-
HTMLのテキストボックスへのド...
-
JavaScriptのfileオブジェクト...
-
テキストフィールド未入力の場...
-
オンクリックで現在時刻の取得→...
-
JSのボタンを複数う使うには
おすすめ情報