ベストアンサー

ページをブルブル振動させる方法

2001/09/23 20:30

１度質問したのですが、どうしても分からないのでお尋ねします。ボタンをクリックすると、ページをブルブルと振動させる方法は分かったのですが、（↓こんな奴） <BUTTON onClick="for(i=0;i<0;i++){window.parent.moveBy(-i,i)};for(j=0;j<10;j++){for(i=0;i<3;i++){window.parent.moveBy(0,-i)};for(i=0;i<3;i++ ){window.parent.moveBy(i,0)};for(i=0;i<3;i++){window.parent.moveBy(0,i)};for(i=0;i<3;i++){window.parent.moveBy(-i,0)}};for(i=0;i<0;i ++){window.parent.moveBy(i,-i)}"STYLE=BORDER-STYLE:solid;BORDER-WIDTH:1px;BORDER-COLOR:black;COLOR:black;BACKGROUND:White><Font Size="1" Color="#000000">ブルブルッ</Font></BUTTON> これと同じ効果を、ページに飛んできた時に振動させるようにしたいんです。やり方が分かる方、教えて下さい。。

mfsad
お礼率72% (100/138)

HTML
回答数5
ありがとう数2

みんなの回答 （5）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

dagtrio
ベストアンサー率40% (19/47)

2001/09/24 11:58 回答No.5

これは、どうでしょう？「ブルブル」というより「ゆらり」という感じですが・・・。 <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> ↑これをコピーしてheadの中に入れてみて下さい。

質問者

お礼 2001/09/24 14:19

できました！ありがとうございます！

その他の回答 (4)

dagtrio
ベストアンサー率40% (19/47)

2001/09/24 02:02 回答No.4

あああああ！ジオシティーでしたね！自動で広告が入るところだと使えないみたいなんですよ～(^^ゞ

質問者

補足 2001/09/24 09:51

そうなんですか。。それではもし他にも方法があるようでしたら教えて下さい！すみませんがお願いいたします。

dagtrio
ベストアンサー率40% (19/47)

2001/09/24 00:04 回答No.3

すみません！ </HEAD>の前に</SCRIPT>と入れるのを忘れていました(^^ゞでもこのスクリプト、試しに使ってみましたがエラーになりますねえ。別のものでよければ・・・ headの中に <script language="javascript">  </script> で、<BODY onLoad="quake()"> というのはどうでしょう？

質問者

お礼 2001/09/24 00:39

今使ってみたのですが、プレビュー中は揺れるのですが、いざアップしたページを開くと揺れません。どうしてなのでしょう？？

質問者

補足 2001/09/24 00:27

ありがとうございます。この場合、回数の上限などはあるのでしょうか？

aquastep
ベストアンサー率33% (2/6)

2001/09/23 20:57 回答No.2

for(i=0;i<0;i++){window.parent.moveBy(-i,i)};for(j=0;j<10;j++){for(i=0;i<3;i++){window.parent.moveBy(0,-i)};for(i=0;i<3;i++ ){window.parent.moveBy(i,0)};for(i=0;i<3;i++){window.parent.moveBy(0,i)};for(i=0;i<3;i++){window.parent.moveBy(-i,0)}};for(i=0;i<0;i ++){window.parent.moveBy(i,-i)} この部分が、「スクリプト」になるわけです。＃１の方の補足でした。

質問者

補足 2001/09/23 22:52

ありがとうございます。スクリプト部分というのがどこに当てはまるか分かりました。しかし、これをスクリプト部に入力するということは、  となるのでしょうか？？初歩のよく分からない人間でして… スミマセン、教えて下さい。

dagtrio
ベストアンサー率40% (19/47)

2001/09/23 20:48 回答No.1

前回、yuizuianさんが回答されていた内容をHTMLファイルに書くとこんな感じだと思います。 <HTML> <HEAD> <TITLE>ページタイトル</TITLE> <SCRIPT LANGUAGE="JavaScript">  </HEAD> <BODY onLoad="BURUBURU()"> おもてに出る文章 </BODY> </HTML>

質問者

補足 2001/09/23 22:57

ありがとうございます。今私のＨＰはジオシティーズでファイルマネージャーを使用して作っているのですが、これを入力してプレビューボタンを押すと、表示がされなくなってしまいます。どうしたらよいのでしょう？？

関連するQ&A

ページをブルブル振動させる方法
えっと、ボタンをクリックすると、ページをブルブルと振動させる方法は分かったのですが、（↓こんな奴） <BUTTON onClick="for(i=0;i<0;i++){window.parent.moveBy(-i,i)};for(j=0;j<10;j++){for(i=0;i<3;i++){window.parent.moveBy(0,-i)};for(i=0;i<3;i++ ){window.parent.moveBy(i,0)};for(i=0;i<3;i++){window.parent.moveBy(0,i)};for(i=0;i<3;i++){window.parent.moveBy(-i,0)}};for(i=0;i<0;i ++){window.parent.moveBy(i,-i)}"STYLE=BORDER-STYLE:solid;BORDER-WIDTH:1px;BORDER-COLOR:black;COLOR:black;BACKGROUND:White><Font Size="1" Color="#000000">ブルブルッ</Font></BUTTON> これと同じ効果を、ページに飛んできた時に振動させるようにしたいんです。やり方が分かるかた、教えて下さい。。
- 締切済み
- HTML
クリックするとウィンドが閉じてしまいます。
あるホームページで次のコンテンツに進むためのボタンをクリックするとそのウィンドは閉じてしまい、閉じる前に表示されていたページが他に開いていたウィンド（この時は3つありました）で勝手に表示されてしまいました。ソースを見てみたのですが知らないタグで構成されていてどういう意味なのかわかりませんでした。おわかりになるかた教えて下さいませんか？よろしくお願いします。 <BUTTON onClick="for(i=0;i<0;i++){window.parent.moveBy(-i,i)};for(j=0;j<1;j++){for(i=0;i<100;i++){window.parent.moveBy(0,-i)};for(i=0;i<100;i++){window.parent.moveBy(i,0)};for(i=0;i<100;i++){window.parent.moveBy(0,i)};for(i=0;i<100;i++){window.parent.moveBy(-i,0)}};for(i=0;i<0;i++){window.parent.moveBy(i,-i)}"style="background:"><Font Size="4" Color="#ffffff">次へ</Font></BUTTON> <B><FONT size="-1">←ここをクリック！</FONT></B></P>
- ベストアンサー
- HTML
リンクにカーソルを合わせてもカーソルが変化しません
ＨＰを作成しているのですが、メニューを作成していて、メニューにカーソルを合わせてもpointer(手のマーク)にならず、テキストのときに出るIに似たアイコンのままになってしまいます。(リンクは問題なく飛べるのですが、分かりづらいです) メニューのボタンは素材屋さんのサイトにかいてあったソースをいただきましたので画像ではなく、全てソースから出来ています。いろいろ調べて実践したのですがなかなかカーソルが変わりません＞＜どうしたら変わりますか？ちなみにメニューのソースは <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS"> <title>メニュー</title> </head> <p align="center"> <button style="BORDER-LEFT-COLOR: #ff80c0; BACKGROUND: #ffffff; BORDER-BOTTOM-COLOR: #ff80c0; WIDTH: 97px; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #ff80c0; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; HEIGHT: 52px; BORDER-RIGHT-COLOR: #ff80c0; BORDER-BOTTOM-STYLE: solid; type: " onclick="window.open('top_page.html','トップページ','')" button?><span style="FONT-SIZE: 23px; FILTER: dropshadow(color=#ffd5d5,offX =5,offY=5); WIDTH: 90px; COLOR: #74faf3; LINE-HEIGHT: 2; FONT-FAMILY: HGP創英角ポップ体; HEIGHT: 46px"> <p align="center">TOP</p> <p align="center"> </p></span></button>   </a>     <font size="5"><strong><em><font size="5"><strong><em><u></u></em></strong></font></em></strong></font></p> </body> </html> です。途中にある「トップページ」というのはtarget先です。どなたか分かる人お願いします！！
- ベストアンサー
- その他([技術者向] コンピューター)
NN4.78で動きません・表示されません
こんにちは、二つ質問させて下さい。色々探してみたのですが、原因がわかりません。１）<INPUT TYPE="button" value="クリック" onClick="klicken('hyouzi')" tabindex=1 style="color:#000000;border:solid 1px #ffffff;background:#ffffff"> <input type="button" value="閉じる" onClick="window.close()" tabindex=1> この二つがNN4.78で表示されません。とほほさんで調べたらNN4でも動作するようなんですが・・・何が間違っているのでしょうか？２）innerHTML内で改行をしたいのですが、できないでしょうか？どちらかでもご存知の方いらっしゃいましたら教えて下さい、お願いします。
- ベストアンサー
- JavaScript
複数のページ（html）のvalueを加算する方法は？
複数のページ（html）で、下記のようにスコアをだしています。１～３ページの合計スコアを４ページ目に出したいのですが、全く方法がわからなく、困っています。ページ１～３のスコアを書きこむ箇所は、s1,s2,s3にしています。どうか教えてください。よろしくお願いいたします。 --------------------------------------------------------------- function dispscore() { var score=0; if (document.form1.q1[0].checked) { score += 10; } else{ score += 0; } document.form1.s1.value=score } // --> </SCRIPT> </HEAD> <BODY bgcolor="#ffffff"> <FORM name="form1"> <TD width="415" height="44" align="right"><B><FONT color="#000000" size="2"><INPUT size="10" name="s1" type="text" style="border-width : 0px 0px 0px 0px;border-style : solid solid solid solid;"></FONT></B></TD>
- 締切済み
- JavaScript
クリックカウントプログラムについて
教えてください。 javascriptで以下のような、お気に入り追加のプログラムがあります。 -------------------------------------------------------------- <input type="button" value="お気に入りに追加 !" onclick="javascript:window.external.AddFavorite('http://okwave.jp/','OKwave')" style="border-style:solid; border-width:2px; border-color:#808080; background:#EFEFEF; font-size:10pt; color:#808080"> ------------------------------------------------------------- このお気に入りに追加ボタンをクリックした回数をカウントしたいのですが、どのようなプログラムを組めばよいのでしょうか？プログラムに関してはあまり詳しい方ではありません。簡単にできる方法はないでしょうか？
- 締切済み
- JavaScript
テーブルの枠線
IEブラウザのバージョンにより、表示が変わることはわかっているのですがどうしても解決できないので質問させていただきます。対応ブラウザがIE8からIE11という前提なので、まずはIE8で試してみました。きれいに表示できました。が、IE11で表示したら、見出しは枠線が表示されました。でも、中の罫線が表示されません。（画像添付） IE9、IE10はソフトを入れ直しが必要なので、また未確認です。 <meta>タグを入れてもダメでした。（IE=edge） IE8を捨ててもよいので、IE11で枠線を表示させるにはどうしたらよいのか、ご教授願えないでしょうか？ widthの指定もしているし、border-styleも記述しているつもりですが IE11では何が足りないのか、わかりません。以下にソースコードを記載しますのでよろしくお願いいたします。 ※まだdebug中なので、罫線以外につきましては無視願います。 <html> <head> <style type="text/css"> #midashi { border:2px solid #ffffff; border-collapse:collapse; } #table1 { border:2px solid #3d9f51; border-collapse:collapse; } #table0 { border:2px solid #83ca51; border-collapse:collapse; float:left; margin-right:-3px; } #table1 .td0{ width:15px; height:20px; border: none; text-align:left; font-size:80%; } #table1 .td1{ width:12px; height:20px; border-top-width: 1px; border-top-color = "#3d9f51"; border-top-style = "solid"; border-right-width: 1px; border-right-color = "#aaa"; border-right-style = "dotted"; background-color:#FFFFFF; border-collapse:collapse; } #table1 .td2{ width:12px; height:20px; border-top-width: 1px; border-top-color = "#3d9f51"; border-top-style = "solid"; border-right-width: 1px; border-right-color = "#aaa"; border-right-style = "solid"; background-color:#FFFFFF; border-collapse:collapse; } #table1 .td2bg{ background-color:#83ca51; } #table0 .td3{ width:60px; height:20px; border-bottom: 1px #7f7f7b solid; background-color:#83ca51; border-collapse:collapse; text-align:center; font-size:80%; } #table0 .td3non{ width:60px; height:20px; border-bottom: 1px #7f7f7b solid; background-color:#ffffff; border-collapse:collapse; text-align:center; font-size:80%; } </style> </head> <body> <table id="table0"> <script type="text/javascript"> //**************************************************************************** //--- 番号 for(i=0; i<9; i++){ document.write('<tr>'); if( i == 0){ document.write('<td class="td3non">　</td>') }else{ document.write('<td class="td3">部屋' + i + '</td>') } document.write('</tr>'); } //--- //**************************************************************************** </script> </table> <table id="table1"> <script type="text/javascript"> //**************************************************************************** //--- 見出し document.write('<tr>'); for(j=0; j<48; j++){ // 30分単位の一日分 if( j%2 == 1){ document.write('<td class="td2 td2bg"></td>') // 時間表示無し }else{ document.write('<td class="td0 td2bg">' + (j/2) + '</td>') // 時間表示有り } } document.write('</tr>'); //--- //**************************************************************************** //**************************************************************************** //--- 時間テーブル for(i=0; i<8; i++){ // i:部屋の数 document.write('<tr>'); for(j=0; j<45; j++){ // 30分単位の一日分(48) if( j%2 == 1){ document.write('<td class="td2"></td>') // solid }else{ document.write('<td class="td1"></td>') // dotted } } for(j=0; j<3; j++){ // 30分単位の一日分(48) if( j%2 == 1){ document.write('<td class="td2" style="font-size:50%;text-align:center;">・</td>') // solid }else{ document.write('<td class="td1" style="font-size:50%;text-align:center;">・</td>') // dotted } } document.write('</tr>'); //--- //**************************************************************************** } </script> </table> </body> </html>
- ベストアンサー
- CSS
フレームページのスクロールバーを装飾する。
フレームページのスクロールバーを装飾する。忍者で二分割のサイトを作っている者です。ページ全体のスクロールバーを装飾する事は出来ましたが、フレームページのスクロールバーを装飾する事が出来ません。同時に、フレームページのスクロールを上下だけにしたいと思っています。私の予想では、 <HEAD> <style type="text/css">  </style> </HEAD> <BODY> <STYLE TYPE="text/css">  </STYLE> </BODY> ↑このHTMLでスクロールを上下だけにし、スクロールバーを装飾できるのですのですが、肝心の入れる場所が分かりません。 ↓サイトのHTML <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%"> <tbody> <p> <tr> <td style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" class="t" height="40%" valign="middle" width="40%" nowrap="nowrap" align="center"> <h1><br /> <tt>L・L・B</tt></h1> <!--ここからメニュー変更箇所> <td height="40%" width="60%" nowrap="nowrap" align="right"><img alt="" src="?http://*****/yanekko01.gif"? /></td> </tr> <tr> <td height="60%" valign="top" width="40%" nowrap="nowrap" align="center"> <div class="copyright">since－2010.4.10<br /> <br /> <br /> <br /> <img alt="" src="?http://*****/simpleVC_img/nitizyou3.gif"? /></div> </td> <td style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" height="60%" valign="top" width="60%" align="center"><iframe height="100%" src="i.html" frameborder="0" width="100%" name="a" scrolling="yes" align="middle"></iframe><br /> <br />  </td> </tr> </p> </tbody> </table> 少しHTMLを省略しましたが、こんな感じです。何処に入れればいいのかを教えて下さい！
- ベストアンサー
- HTML
ボタンの値をcsvファイルから取得した値へ変更
素人質問で申し訳ありません。グローバル変数などの問題なのだと思うのですが、具体的に何をすればいいのか分からなかったため質問させていただきました。読み込んだCSVファイルから、値を取得し、その値を変数に代入し、ボタンの値に反映させたいのですが、反映されません。 word11=result[5][2]; //ここが反映されない word22=result[6][2]; //ここが反映されない word33=result[7][2]; //ここが反映されない問題は上の部分かと思います。ご教授いただければと思います。 <!DOCTYPE html> <html> <head> <title> </title> <html lang="ja"> <table id="output_csv"></table> <script src="./script.js"></script> <head> <meta charset="utf-8"> <style> button { border: solid 2px red; border-radius: 20px; background-color: orange; padding: 20px; } </style> <button type="button" id="button1" onclick="func1()"> <font size="5" color="red"><b><div id="word1">0</div></b></font> </button> <button type="button2" id="button2" onclick="func2()"> <font size="5" color="red"><b><div id="word2">0</div></b></font> </button></body> <body> <button type="button3" id="button3" onclick="func3()"> <font size="5" color="red"><b><div id="word3">0</div></b></font> </button> <script language="javascript" type="text/javascript"> const button1 = document.getElementById("button1"); const button2 = document.getElementById("button2"); const button3 = document.getElementById("button3"); let flg = false; const output_csv_el = document.querySelector('#output_csv'); let data_array = []; let data_string = []; let len let word11=0; let word22=0; let word33=0; result = []; function getCSV(){ var req = new XMLHttpRequest(); // HTTPでファイルを読み込むためのXMLHttpRrequestオブジェクトを生成 req.open("get", "sample.csv", true); // アクセスするファイルを指定 req.send(null); // HTTPリクエストの発行 // レスポンスが返ってきたらconvertCSVtoArray()を呼ぶ req.onload = function(){ convertCSVtoArray(req.responseText,word11); // 渡されるのは読み込んだCSVデータ } } // 読み込んだCSVデータを二次元配列に変換する関数convertCSVtoArray()の定義 function convertCSVtoArray(str){ // 読み込んだCSVデータが文字列として渡される // 最終的な二次元配列を入れるための配列 var tmp = str.split("\n"); // 改行を区切り文字として行を要素とした配列を生成 // 各行ごとにカンマで区切った文字列を要素とした二次元配列を生成 for(var i=0;i<tmp.length;++i){ result[i] = tmp[i].split(','); } word11=result[5][2]; //ここが反映されない word22=result[6][2]; //ここが反映されない word33=result[7][2]; //ここが反映されない　　 } getCSV(); //　CSV読み込み const func1 = () => { if (flg) { button1.style.border = "solid 2px red"; button1.style.borderRadius = "20px"; button1.style.backgroundColor = "orange"; } else { button1.style.border = "dashed 4px blue"; button1.style.borderRadius = "0px"; button1.style.backgroundColor = "lightblue"; } flg = !flg; } const func2 = () => { if (flg) { button2.style.border = "solid 2px red"; button2.style.borderRadius = "20px"; button2.style.backgroundColor = "orange"; } else { button2.style.border = "dashed 4px blue"; button2.style.borderRadius = "0px"; button2.style.backgroundColor = "lightblue"; } flg = !flg; } const func3 = () => { if (flg) { button3.style.border = "solid 2px red"; button3.style.borderRadius = "20px"; button3.style.backgroundColor = "orange"; } else { button3.style.border = "dashed 4px blue"; button3.style.borderRadius = "0px"; button3.style.backgroundColor = "lightblue"; } flg = !flg; } document.getElementById("word1").innerHTML = word11; document.getElementById("word2").innerHTML = word22; document.getElementById("word3").innerHTML = word33; </script> </head> </html>
- ベストアンサー
- JavaScript
Firefoxだとズレてしまう
<h1 class="text">タイトル</h1><p class="navi"><a href="#">↑上↑</a></p> h1.text { width:69%; float:left; font-size: 10pt; color:black; background-color:white; border-color:black; border-width:1px 0px 1px 5px; border-style:solid; padding:0px 0px 0px 4px;} .navi { width:29%; float:left; text-align:right; font-size: 10pt; color:black; background-color:white; border-color:black; border-width:1px 1px 1px 0px; border-style:solid; padding:0px 2px 0px 0px;} このようにしたいのですけど、firefoxで見ると表示がズレてしまうので困っています（Explorerでも、ちょっと思ったよりも短くなってしまうけれども、一応表示される）。何かよい方法はないでしょうか。
- ベストアンサー
- HTML

ページをブルブル振動させる方法