JavaScriptで、マウスオンでメッセージを表示する手法がありますが、このメッセージを背景2色+文字色2色で表現する必要が生じました。
単純に1色の背景に1色の文字でない場合は、ちゃんと1枚のページとして表示させないと無理のように思いますが、そうなると、画像のある部分にポインタが乗ると小画面を表示し、ポインタをどかすと小画面が閉じるというスクリプトが必要になります。
このようなスクリプトを公開していらっしゃるサイトをご存知の方や、リンクをクリックすることで小画面を表示するスクリプトを改造してこの目的を達する方法をご存知の方がいらっしゃいましたら、教えて頂けませんでしょうか?
どうかよろしくお願い致します。

A 回答 (1件)

ソースは分からないので考え方を(しかもIEしか知りません)・・・。



1.非表示のSPANを隠し持っておく(position:absoluteで)。
2.画像にマウスが乗ると表示する。位置はevent.screenXとかで指定
3.SPANからマウスが離れるとまた非表示にする。

メッセージボックスの様な「画面」とは見た目が違いますが・・・。
    • good
    • 0
この回答へのお礼

ヒントをどうもありがとうございました。
今は私も具体的にソースがわかるわけではありませんが、頂いたヒントを元に会社の仲間の力を借りて実現できそうな見通しが付きました。

> メッセージボックスの様な「画面」とは見た目が違いますが・・・。

そうですよね。普通に小画面を開いてしまうと、親画面は1つ下層に行ってしまうのでマウスonもoutも検出できなくなってしまいますものね。
そこに気づいて、これは解決法はないかもしれないと諦めかけていたのですが、おかげ様で助かりました。どうもありがとうございました!

お礼日時:2001/06/08 20:56

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q窓の防犯グッズの売り場

一階に住んでいるので、ベランダの窓を防犯強化したいですが、今考えている防犯グッズは補助錠と防犯フィルムです。
普通は、どこで買えば良いでしょうか。デパートですか、それとも、専門店ですか。

売る場所も見つかりませんでしたが、
良かったら、安い売り場をお薦めお願いします。

Aベストアンサー

>今の窓は格子の形で金属線の様なものを封入したガラスです。
>これでしたら、防犯シールは入らないでしょうか?

網入板ガラスのことでしょうね。これはガラスが割れた時にガラスが飛散するのを防止するためのものです。
防犯性能は通常のフロート板ガラスと同様、ありません。
スリガラスや凸凹しているガラスの場合用には、凸凹用のシールがあります。

QHTML罫線の行にmouseoverで行全体の背景色を変えるスクリプト

罫線の行<tr>~</tr>に、マウスが乗ると
ハイライトされるような仕組みのサンプルプログラム使い、
具体的には、こうして、highlight.htcを呼び出しています。
<tr style='behavior:url(highlight.htc);'>

◆質問◆
ところが、↓のようにすると、
(1) Aにカーソルを乗せる⇒A、Bにハイライト
(2) Bにカーソルを乗せる⇒Bだけにハイライト
(3) Cにカーソルを乗せる⇒Cだけにハイライト
となりますが、(1)のケースでもBだけにハイライトを当てる
(=セルAにだけは常にハイライトをあてない)
ようにするのはどうしたらよいでしょうか。

よろしくお願い致します。

<table>
<tr style='behavior:url(highlight.htc);'>
<td rowspan="2"></td>
<td></td>
</tr>
<tr style='behavior:url(highlight.htc);'>
<td></td>
</tr>
</table>

┏━┳━┓
┃ ┃B┃
┃A┣━┫
┃ ┃C┃
┗━┻━┛

-----------------------------highlight.htc

<script type="text/javascript">
<!--
attachEvent("onmouseover", detailTr_onmouseover);
attachEvent("onmouseout", detailTr_onmouseout);
function detailTr_onmouseover() {
this.style.backgroundColor='#000000';
}
function detailTr_onmouseout() {
this.style.backgroundColor='transparent';
}
-->
</script>

------------------------------

罫線の行<tr>~</tr>に、マウスが乗ると
ハイライトされるような仕組みのサンプルプログラム使い、
具体的には、こうして、highlight.htcを呼び出しています。
<tr style='behavior:url(highlight.htc);'>

◆質問◆
ところが、↓のようにすると、
(1) Aにカーソルを乗せる⇒A、Bにハイライト
(2) Bにカーソルを乗せる⇒Bだけにハイライト
(3) Cにカーソルを乗せる⇒Cだけにハイライト
となりますが、(1)のケースでもBだけにハイライトを当てる
(=セルAにだけは常にハイライトをあてない)
よう...続きを読む

Aベストアンサー

<body>
<table>
<tr style='behavior:url(highlight.htc);'>
<td rowspan="2" style="background-color:#FFFFFF">A</td>
<td>B</td>
</tr>
<tr style='behavior:url(highlight.htc);'>
<td>C</td>
</tr>
</table>
</body>
</html>

Q防犯グッズ

先日、下着泥棒に入られた為ベランダにライトを設置しましたが、今度は窓ように防犯グッズを揃えようと思うのですが色々あるので悩んでいます。どのような対策をとっていますか? どんなものをお使いですか??

Aベストアンサー

費用その他は考えに入れずに挙げますので、検討段階で費用の確認は取ってください。

1.防犯フィルム(侵入防止)
  窓ガラスが割り破られない様にするフィルム。

2.補助錠(侵入防止)
  窓のサッシに噛ませる補助錠、
  窓を少しだけ開けておく時に有効なものが
  売られています。

3.防犯スプレー(脱出?・非難用)
  催涙スプレー等、相手を牽制し
  逃げ出す隙をつくる為のもの。

4.スタンガン(脱出?・非難用)
  3の防犯スプレーより扱いづらいかも・・・
  小さくは無いし、重さもそこそこあるので携帯に不便。
  皮ジャン等相手の服装によっては殆ど効果が無い。
  相手に奪われたらかえって危険。

他にもあるかと思いますが、とりあえず思いついたものだけ書きました。

使い勝手が良くて、外出時にも使えるのが3の防犯スプレーです。
小さいもので口紅サイズ位、大きくても携帯用のヘアスプレー等と
同じ位なので持ち運びも邪魔にならないですし、
相手の顔に向かって吹き付ければ良いので使い方も簡単です。

費用その他は考えに入れずに挙げますので、検討段階で費用の確認は取ってください。

1.防犯フィルム(侵入防止)
  窓ガラスが割り破られない様にするフィルム。

2.補助錠(侵入防止)
  窓のサッシに噛ませる補助錠、
  窓を少しだけ開けておく時に有効なものが
  売られています。

3.防犯スプレー(脱出?・非難用)
  催涙スプレー等、相手を牽制し
  逃げ出す隙をつくる為のもの。

4.スタンガン(脱出?・非難用)
  3の防犯スプレーより扱いづらいかも・・・
 ...続きを読む

QJavaScriptで背景や文字色を色→色へ自動で変える方法

JavaScriptで背景や文字色を色→色へ自動で変える方法


例えば、赤から青へ、青になったらまた赤に色が徐々に変わり、自動的にループしてくれるようなものを探しています。

検索したところcolortweenというjsを発見したのですが、どうやって使えばいいのかわかりません。


ご回答よろしくお願い致します。

Aベストアンサー

<div id="square22" style="width:50px;height:50px;background-color:#FF0000;">
<input type="button" value="stop" onclick="colorTween.stop();">
</div>

<script type="text/javascript" src="Tween.js"></script>
<script type="text/javascript" src="ColorTween.js"></script>
<script type="text/javascript">
var object = document.getElementById('square22').style;
var property = 'backgroundColor';
var easing = Tween.regularEaseIn;
var startColor = 'FF0000';
var endColor = '0000FF';
var duration = 5;

var colorTween = new ColorTween(object, property, easing, startColor, endColor, duration);
colorTween.onMotionFinished = colorTween.yoyo;
colorTween.start();
</script>


JAVASCRIPT MOTION TWEEN
http://jstween.blogspot.com/
Tween.js ColorTween.jsファイル配布元。
英語だけどサンプルは豊富だし、なんとかなるんじゃないだろか。

JavaScript/Library/Effects/JSTween - アークウェブシステム開発SandBox
http://www.ark-web.jp/sandbox/wiki/278.html
メソッドなどの解説。
日本語だけど、ある程度の知識を有する者を対象に書かれてます。(社内向けかも)


ちなみに、かなりCPUを喰いますね。私の環境でループ処理するときつい。

<div id="square22" style="width:50px;height:50px;background-color:#FF0000;">
<input type="button" value="stop" onclick="colorTween.stop();">
</div>

<script type="text/javascript" src="Tween.js"></script>
<script type="text/javascript" src="ColorTween.js"></script>
<script type="text/javascript">
var object = document.getElementById('square22').style;
var property = 'backgroundColor';
var easing = Tween.regularEaseIn;
var startColor = 'FF0000';
var endColor = '0000FF';
var...続きを読む

Q防犯グッズ、防犯対策、身を守る方法を教えて下さい。

防犯ブザーや防犯カメラ等が全く設置されていない小さなスーパーで夜勤務しています。
田舎なので夜間は車も殆ど通らず、民家も近くにありません。
一人でレジを任される事が多く、とても不安です。
自分で自分の身を守れる様に防犯グッズを揃えようかと思っているのですが
よい防犯グッズをご存知の方がいらっしゃいましたら教えて下さい。
また、そうゆう現場に出くわしてしまった場合、どんな態度をとったら身の安全が守れますか?

Aベストアンサー

とても危険な状況ですね、お店の偉い人に相談してみましょう。何かあってからではおそいですから。

・警察にパトロールの強化をお願いします。
 管轄の交番にいくとB5サイズの紙にお店の情報やパトロールして欲しいを色々書く紙があるので書いて提出します。
希望が必ず聞かれるわけではないですが何かあった時の対応がちがいます。

・SOKやセコム等のセキュリティーシステムを利用します。
通常は機械警備で監視されていて何か有れば飛んできてもらえます。
警備は警備会社任せにできるので仕事に集中出来る事が出来ます。費用は無いように寄りピンキリです。

・警備会社のセキュリティーが高価だと思った場合は自主警備をするしか無いです。
防犯カメラや防犯ベル等を連動したセキュリティーシステムを購入して、じぶんで警備します。
こちらも費用は無いように寄りピンキリです。

・携帯電話を常に持ち歩くようにしましょう。
着信音や振動機能はオフにしておきましょう。
ワンタッチでダイヤル出来る機能がついていたら、
お店の人、警察、セキュリティー会社等につながるようにしておきましょう。
マイクの感度調整が有る場合は一番よくしておく。
何かあった時に会話をしなくても周りの音を拾って状況を相手に伝える事ができます。

・お金を要求された時には有り金全部だしてしまいましょう。命の方が大切です。
相手の状況を見ながらできるだけゆっくり動作しましょう。
相手の特徴等、できるだけ覚えておきましょう。
犯人が立ち去ってから通報した方が危険は少ないです。

・自分で作れる防犯グッズ
 とうがらしを使った防犯スプレー
化粧水等、霧吹きスプレータイプの空き瓶にとうがらしををしぼって作ったジュースを入れておく。
カラシ、ワサビ等を水でといたものでも可
水を多く入れるとよく飛ぶようになって、実を多く入れると目潰し効果大になります。
相手の顔をめがけて噴射します。
スプレー口がつまるといけないので一日数回噴射テストをするようにしましょう。自分にかけないように。

SOK等1件のセキュリティー業者に相談するより、
防犯を幅広く暑かっている業者に相談した方が色々
聞けて参考になると思います。防犯業者のURLです。
参考にしてみてください。
http://plaza.harmonix.ne.jp/~motokazu/mss/
http://www.cyber-security.co.jp/
http://www.sok.co.jp/
http://www.secom.co.jp/

参考URL:http://plaza.harmonix.ne.jp/~motokazu/mss/

とても危険な状況ですね、お店の偉い人に相談してみましょう。何かあってからではおそいですから。

・警察にパトロールの強化をお願いします。
 管轄の交番にいくとB5サイズの紙にお店の情報やパトロールして欲しいを色々書く紙があるので書いて提出します。
希望が必ず聞かれるわけではないですが何かあった時の対応がちがいます。

・SOKやセコム等のセキュリティーシステムを利用します。
通常は機械警備で監視されていて何か有れば飛んできてもらえます。
警備は警備会社任せにできるので仕事に...続きを読む

Q背景色のついでに文字色もかえてみたい

できるかどうかを教えてください。
JavaScriptを使用して、背景色を変更することができるとおもいますが、
このとき、ついでに文字色なんかも変更することなんて、できちゃったりするのでしょうか?
いろいろなHPを見てみましたが、そのような解説にあたりませんでした。
もし、そういった解説の載っているHPをご存知でしたらお教えください。
教えてくだされば、がんばって自分で勉強してみますので、ごめんどうはおかけいたしません。
よろしくお願い申し上げます

Aベストアンサー

文字色は document.fgColor で変更可能です。

たとえば、
----------------------------------------------------------------------
onClick="document.bgColor='black'; document.fgColor='white'"
----------------------------------------------------------------------
のようにすれば、背景色が黒で文字色が白に同時に変更が可能です。
上の例のように1行で複数の命令を書く場合は
;(セミコロン)で区切って書いていけばOKです。

参考URL:http://tohoho.wakusei.ne.jp/js/document.htm#fgColor

Q5000円で防犯グッズを買いたい

予算5000円以内で防犯グッズを買いたいです。マンションで、半地下に部屋があります。窓とドアだけがそととつながっています。ドアは2つ鍵があり、ピッキング対策はしておりません。5000円しかないので有効に使いたいのですが、何に使えばいいのですか?

Aベストアンサー

うーん、5,000円だと中途半端になると思いますよ。
最近対策し始めたうちのケースを掲げてみますね。
ドア:ピッキング対応鍵(1万円)、補助錠(3,000円)、サムターン対応キーカバー(1,000円)
窓:3つありますがそれぞれに補助錠(@1,000円、一つにつき2個付けてますので計6個)
これだけですでに20,000円越してますが、まだ不十分だと思っています。
窓に貼るシート(@7,000円うちだと2セットくらい要りそう)と、監視カメラ(ダミーも検討中)、近づくとライトが点くセンサー(ピンキリ)、ドアの鍵をディンプルキーに付替えたい、など数万円単位の対策を考えています。

事情があってとりあえず5,000円以内の対策をお考えなら、ドアの補助錠、サムターン対応カバー、窓に補助錠(1箇所に2個)くらいなら5,000円でおさまって一応の対策にはなるのではないでしょうか?

Qテキストボックスに入力した色に背景色を変える

教えてください。

テキストボックスに入力されたカラーコード又はカラーネームに背景色を変更させたいのですが、onchangeを使えばいいのはわかるのですが、入力された値をどうやって表示されるかよくわかりません。ボタンを使って変更させるのはわかるのですが…。

よろしくお願いいたします。

Aベストアンサー

こんな感じでどうでしょう。

<html>
<head>
<script language="javascript">
<!--
function chgBG(obj) {
//<body>のスタイルをテキストボックスのvalueに変える
document.body.style.background = obj.value;
}
-->
</script>
<head>
<body>
<form name="chgcode">
<input name="code" type="text" onchange="javascript:chgBG(this);">
</form>
</body>
</html>

QTVで紹介していた防犯グッズの名前

1ヶ月くらい前になるかもしれないのですが、
午後5時、6時台のTVで防犯グッズの紹介をしていました。
その中で、価格¥2980くらいの防犯グッズが
今、必要になったのですが、名前を忘れてしまって、
楽天ショップなどで検索してもでてきませんでした。

室内にカメラがつけられて、実験で男の人が室内に侵入してその様子をあとでパソコンから見れるような感じだったと思うのですが・・・

どなたかご存知の方がいらっしゃいましたら、教えてください。

Aベストアンサー

参考URLの「防犯カメラ&防犯グッズ」はいかがでしょうか?
値段が違うのですが、近いので

参考URL:http://www.2han100ka.net/bouhan/

Qスクリプト内から他の外部スクリプトを読み込みたい

Java Script初級者です。
外部スクリプト内から他の外部スクリプトを読み込むことは可能ですか?

実現したい内容はスクリプト内の関数から▼下のような感じで外部ファイルを読み込むことです。
function check(fm) {
<script language="JavaScript" src="AAA.js"></script>
}

何か良い方法がありましたらぜひ教えてください。

Aベストアンサー

え~と、細切れに書いたことをまとめますと
以下のようになります。
これで、動くはず・・・・・

<html>

<head>

<script>

function dynamicLoad(jsFileName){
var now =new Date();
var getData =jsFileName+'?nc='+now.getTime();
if(document.all){
if(navigator.userAgent.indexOf("Win")!=-1){
eval(document.all('dynld')).src = getData;
}else if(navigator.userAgent.indexOf("Mac")!=-1){
document.body.insertAdjacentHTML('BeforeEnd','<scr'+'ipt src="'+getData+'"><scr'+'ipt/>');
}
}else if(document.getElementById){
var cnode=document.getElementById('dynld');
var nnode=document.createElement('script');
nnode.src=getData;
nnode.id ='dynld';
cnode.parentNode.replaceChild(nnode,cnode);
}else{
if(document.images){
var datasrc=new Image();
datasrc.src=getData;
location.href=datasrc.src;
}
}
}

function check() {
if(document.images["soldout"]){
alert("完売しました!");
return false;
}else if(!document.forms[0].size.selectedIndex) {
alert("サイズを選択してください!");
return false;
}else {
//
//Google Code for Purchase Conversion Page
//
 var google_conversion_id=1071970427;
 var google_conversion_language="ja";
 var google_conversion_format="1";
 var google_conversion_color="FFFFFF";
 if(1){var google_conversion_value=1;}
 var google_conversion_label="Purchase";
 dynamicLoad('http://bosan.net/test2/test2.js');
//
//Overture Services Inc. 07/15/2003
//
 var cc_tagVersion = "1.0";
 var cc_accountID = "123456789";
 var cc_marketID = "4";
 var cc_protocol="http";
 var cc_subdomain = "convctr";
 if(location.protocol == "https:"){
 cc_protocol="https";
 cc_subdomain="convctrs";
 }
 var cc_queryStr = "?" + "ver=" + cc_tagVersion + "&aID=" + cc_accountID + "&mkt=" + cc_marketID +"&ref=" + escape(document.referrer);
 var cc_imageUrl = cc_protocol + "://" + cc_subdomain + ".overture.com/images/cc/cc.gif" + cc_queryStr;
 var cc_imageObject = new Image();
 cc_imageObject.src = cc_imageUrl;
//
//外部との通信完了後に送信するために送信遅延時間を設定
//
 setTimeout("xx()",2000);//この時間を調整2000は2秒の意味
}
}

function xx(){
document.forms[0].submit();
}

document.write('<scr'+'ipt id="dynld"></scr'+'ipt>');

</script>

<head>

<boy>

<form action="about:blank" method="POST">
<select name="size">
<option>▼選択</option>
<option>10cm</option>
<option>20cm</option>
</select>
<input type="button" value="買い物かごに入れる" onclick="check()" />
</form>

</body>

</html>





.

え~と、細切れに書いたことをまとめますと
以下のようになります。
これで、動くはず・・・・・

<html>

<head>

<script>

function dynamicLoad(jsFileName){
var now =new Date();
var getData =jsFileName+'?nc='+now.getTime();
if(document.all){
if(navigator.userAgent.indexOf("Win")!=-1){
eval(document.all('dynld')).src = getData;
}else if(navigator.userAgent.indexOf("Mac")!=-1){
document.body.insertAdjacentHTML('BeforeEnd','<scr'+'ipt src="'+getData+'"><scr'+'ipt/...続きを読む


人気Q&Aランキング

おすすめ情報