mouseoutで閉じるようにしたいのですが、可能でしょうか。

<SCRIPT language="JavaScript">
<!--
flag = false;
function pullDown() {
if(flag) smenu.style.visibility = "hidden";
else smenu.style.visibility = "visible";
flag = !flag;
}
//-->
</SCRIPT>

A 回答 (2件)

<body>



<div id="hoge">あああああああああああああああああああ</div>

<script type="text/javascript">

var hoge = document.getElementById('hoge');

flag = false;

function pullDown()
{
console.debug( 1 );

if( flag )
{
smenu.style.visibility = "hidden";
}
else
{
smenu.style.visibility = "visible";
}

flag = !flag;
}

hoge.addEventListener( 'mouseout', pullDown, false );

</script>
</body>
----------------------------------------
「閉じる」という部分の処理内容の説明がないので、
わかりませんが、
mouseoutのイベントを書いてみました。
ご参考程度にどうぞ。(あ、addEventListenerに対応してないie系だと動きません。)
    • good
    • 0

mouseOutイベント検知でできるんじゃないかな


http://www.tohoho-web.com/js/event.htm#fromElement
    • good
    • 0

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

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

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

Qひな形メニューの消し方

OutlookExpressで自分で作成したひな形を削除したのですが、メッセージ→ひな形のメニューバーには表示されてしまいます。この表示を消す方法がわかる方ご回答よろしく
お願いします。レジストリを操作するとできそうなんですが、どうなんでしょうか?

Aベストアンサー

スタート→「ファイル名を指定して実行」をクリック。

regedit と入力して、「OK」をクリック。

レジストリエディタが起動されます。
以下のように潜っていきます。

マイコンピュータ 
 +HKEY_CURRENT_USER
  +Identities
   +{数字の羅列}(マルチユーザーの場合は注意)
    +Software
     +Microsoft
      +Outlook Express
       +5.0
        +Recent Stationery Wide List
この中に入っている、
File0 から File9 です。
要らないのを削除すると出てこなくなります。
(削除するまえにバックアップしてね)

Qプルダウンメニューで選択しないとカートに入らないようにしたいのですが

初めまして、宜しくお願い致します。
現在ウェブショップを運営しているのですが、
Aという箱の商品に必ずオプションとして(1)~(3)の商品を二つ選択してもらったうえで「カートに入れるボタン」を押してほしいのですが(Aだけの販売はしていません)、現状では(1)~(3)を何も選択しなくてもAという商品だけをカートに入れられる状態です。

下記ソースの「--選択して下さい--」を選択している状態ではカートに入らない様にするにはどうすれば良いのでしょうか?
どなたかご存知な方がいらっしゃいましたらご教授頂けると幸いです。
宜しくお願い致します。

<form name="escart1" action="http://サーバーアドレス" method="post">
商品の種類:
<select name="opt1">
<option value="--選択して下さい--">--選択して下さい--</option>
<option value="(1)@@500">(1)500円</option>
<option value="(2)@@600">(2)600円</option>
<option value="(3)@@700">(3)700円</option>
</select>
<select name="opt2">
<option value="--選択して下さい--">--選択して下さい--</option>
<option value="(1)@@500">(1)500円</option>
<option value="(2)@@600">(2)600円</option>
<option value="(3)@@700">(3)700円</option>
</select>
<br>数量:
<select name="num">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input type="image" src="../common/img/btn_cart2.gif" value="submit" alt="カートに入れる" width="164" height="30" />
<input type="hidden" name="sid" value="サーバーID">
<input type="hidden" name="pid" value="商品コード">
</form>

初めまして、宜しくお願い致します。
現在ウェブショップを運営しているのですが、
Aという箱の商品に必ずオプションとして(1)~(3)の商品を二つ選択してもらったうえで「カートに入れるボタン」を押してほしいのですが(Aだけの販売はしていません)、現状では(1)~(3)を何も選択しなくてもAという商品だけをカートに入れられる状態です。

下記ソースの「--選択して下さい--」を選択している状態ではカートに入らない様にするにはどうすれば良いのでしょうか?
どなたかご存知な方がいらっしゃいましたらご...続きを読む

Aベストアンサー

imageにonclickで
<input type="image" src="btn_cart2.gif" onclick="return check(this.form)"/>
のようにチェッカーをつけて
<script>
function check(f){

if(f.elements["opt1"].selectedIndex==0 ||f.elements["opt2"].selectedIndex==0 ){
alert("商品を選択してください")
return false;
}
else return true;
}
</script>

のようにするとよいでしょう。

ただ、javascriptでのチェックというのはあくまでの保険でしかなく
実際の運用上は、受け側で再度ぬけがないかチェックをする必要が
あるので誤解なく。

QOE6.0のひな形がうまく表示されません。

Windows Me、OE6.0を使っています。OEの基本画面のツールバーの「メールの作成」ボタンの横のボタンからひな形を選んで作成するとうまく表示されるのですが、メッセージの作成画面から後でメニューバー「書式」→「ひな形を使用する」からひな形をつけるとうまく表示されません。特に「ひまわり」や「シトラス」は背景の色は変わるのに、それに付属するひまわりやオレンジの画像がメールの上部に表示されるはずなのに、出てきません。最近OEを6.0にアップしたので、設定を何か変更する必要があるのでしょうか?それともOE6.0では制限があるのでしょうか?
回答よろしくお願い致します。

Aベストアンサー

それはOEの仕様なのでいたしかたなし…といったところでしょう。
そういう場合は、挿入>画像からひまわりの画像を指定してやりましょう。
ちなみにひな形に付属する画像は、
C:\Program Files\Common Files\Microsoft Shared\Stationery\

に全てあります。

Qjavascriptで、クリックしたらメニューが閉じるようにしたいです

javascriptで、クリックしたらメニューが閉じるようにしたいです。

one two three ...

と 横並びのメニューがあってそこをクリックするとプルダウンでメニューが
出てくるようなものをJavaScriptで作っています。

そこで、その横並びのメニュー・プルダウンで出てきたメニュー以外のところをクリックすると、
メニューが閉じるようにしたいと思っています。
どうやったらそのようにできるでしょうか。

ちなみにhtml, cssの概要は以下のとおりです(one, twoのプルダウンは省略)
//html-----------
<ul id="menu">
<li>one</li>
<li>two</li>
<li>
three
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
</li>
</ul>


//css----------
#menu li ul{
display: none
}

Aベストアンサー

>横並びのメニューがあってそこをクリックするとプルダウンで
>メニューが出てくるようなものをJavaScriptで作っています。
できているところまでを提示しないと、何がわからないのかわかりません。
(表示するのはできていると解釈)


とりあえず、簡単な方法としては
 1)どこかクリックされたら全部閉じる
 2)クリックされたところを開く
という考え方でできると思いますが?
(3個くらいのメニューの開閉ならこれで充分かと)

大量にあるものを対象とする場合は
 1)開いているところを記録しておいて
 2)クリックされたところが1)と同じなら何もしない
 3)現在開いているところを閉じ、クリックされたところを開く
 4)記録を更新
とか?

スクリプトオフのユーザを考慮するなら、最初からCSSでdisplay:noneにしておくよりも、スクリプトで非表示にするほうが親切かと…

Q音楽入りのひな形メールについて

お世話になります、outlook expressにてメールの作成で「ひな形の選択」から音楽入りhtmlメール(ひな形利用)を作成する際に「Stationeryフォルダ」が最初に開かれて、希望のひな形を選択した後、メニュー、書式~背景~サウンドで「バックグラウンド サウンド」の参照ボタンを押すと「MEDIAフォルダ」ではなく「Stationeryフォルダ」が開かれてしまいます。

◆最初に開かれる場所を「MEDIAフォルダ」に出来ないでしょうか?

また、「MEDIAフォルダ」から音楽を選択した後、いったん選んだひな形を変更するために「メッセージの作成」を終了させ、再度「ひな形の選択」から入ると、今度は「Stationeryフォルダ」ではなく「MEDIAフォルダ」が開かれてしまいます。

outlook expressを再起動させて、htmlメール作成画面から今度は先に音楽を選ぼうとすると、最初に開かれる場所は「MEDIAフォルダ」となっています。(正常だと思います)

インターネットエクスプローラ6でも7でも状況は同じです
OSは Windows xp Pro SP2 です
PCのメーカーはDELLです

いろいろなPCで試しましたが、上記のようになるPCは複数台ありました。また、ひな形選択時は「Stationery」、音楽選択時は「MEDIA」と固定されているもの(これが正常だと思うのですが…)もありました。

説明が分かりにくいかとも思いますがよろしくお願いいたします

お世話になります、outlook expressにてメールの作成で「ひな形の選択」から音楽入りhtmlメール(ひな形利用)を作成する際に「Stationeryフォルダ」が最初に開かれて、希望のひな形を選択した後、メニュー、書式~背景~サウンドで「バックグラウンド サウンド」の参照ボタンを押すと「MEDIAフォルダ」ではなく「Stationeryフォルダ」が開かれてしまいます。

◆最初に開かれる場所を「MEDIAフォルダ」に出来ないでしょうか?

また、「MEDIAフォルダ」から音楽を選択した後、いったん選んだひな形を変更する...続きを読む

Aベストアンサー

固定されている方が正常ですね。
しかし、変更箇所は特に無さそうです。
複数台で起きているというのが妙ですが、OEを再インストールしてみては如何でしょうか?
http://www.dr-pc.jp/103.htm

Qプルダウンメニューを設置したいのですが、下記のサイトのように、プルダウ

プルダウンメニューを設置したいのですが、下記のサイトのように、プルダウンで表示されたメニューが、カーソルを外しても表示されたままになるタイプのライブラリが見当たりません。。。
このようなタイプのプルダウンメニューを設置するにはどうすればよいでしょう?サンプルやライブラリでいいものがあれば教えてください!

http://www.kanazawa-kankoukyoukai.gr.jp/

Aベストアンサー

大抵のオンマウスタイプのものはマウスがはずれると元の状態に戻るように作られているので、そのままでぴったりのものはあまりなさそう。
処理としては、元に戻す部分を省けるので簡単になるとはいえますが…

クリックでオープンするタイプものもは開いた状態を維持するので、それのトリガーをオンマウスに変更して使うというのが簡単かもしれません。
ユーザー用にメソッドを開示しているものもあるので、そういうものなら比較的対処しやすいと思われます。


と言っているばかりでは役にも立たないでしょうから、かなりいい加減なものですが参考までのサンプルを…
(文字数制限に引っかかったので、2回に分けます)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head><title>test</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<style type="text/css">
#wrap, #wrap ul { width:610px; }
#wrap {
height:60px;
background-color:#644;
position:relative;
}
#wrap ul {
list-style:none;
padding:0;
margin:0;
height:30px;
}
#wrap ul#navi { background-color:#800; }
#navi a {
display:block;
width:120px;
height:30px;
line-height:1.8em;
color:#fff;
text-decoration:none;
text-align:center;
overflow:hidden;
}
#navi li {
float:left;
border-left:1px solid #a77;
border-right:1px solid #211;
}
#navi ul { position:absolute; }
#navi ul.right li { float:right; }
#navi a:hover { font-weight:bold; background-color:#d66; }
#navi ul a:hover { background-color:#a55; }
</style>
</head>

<body>
<div id="wrap">
<ul id="navi">
<li><a href="a0.html">item0</a></li>
<li><a href="b1.html">item1</a>
<ul>
<li><a href="b1.html">item1-1</a></li>
<li><a href="b2.html">item1-2</a></li>
<li><a href="b3.html">item1-3</a></li>
</ul></li>
<li><a href="c1.html">item2</a>
<ul>
<li><a href="c1.html">item2-1</a></li>
<li><a href="c2.html">item2-2</a></li>
</ul></li>
<li><a href="d1.html">item3</a>
<ul>
<li><a href="d1.html">item3-1</a></li>
<li><a href="d2.html">item3-2</a></li>
<li><a href="d3.html">item3-3</a></li>
<li><a href="d4.html">item3-4</a></li>
</ul></li>
</ul>
</div>

大抵のオンマウスタイプのものはマウスがはずれると元の状態に戻るように作られているので、そのままでぴったりのものはあまりなさそう。
処理としては、元に戻す部分を省けるので簡単になるとはいえますが…

クリックでオープンするタイプものもは開いた状態を維持するので、それのトリガーをオンマウスに変更して使うというのが簡単かもしれません。
ユーザー用にメソッドを開示しているものもあるので、そういうものなら比較的対処しやすいと思われます。


と言っているばかりでは役にも立たないでしょうから...続きを読む

Qひな形メールについて

最近、ひな形をダウンロードしたのですがそのサイトには『このひな形を使用する場合は解凍ソフトが必要です』みたいな事が書いてあったのでさっそ『Lhasa』をダウンロードしました。

そして、「ひな形フォルダ」にダウンロードしインストール先も「ひな形フォルダ」にして、いざひな形をダウンロードしたのですがメールで使用する段階になって「ひな形フォルダ」にあるはずのひな形が見つかりませんでした。

自分では原因がわからないので知っている方がいらしたら教えてください(*_ _)

Aベストアンサー

補足します。
「Lhasa」は解凍用ソフトですから「Stationery」に保存せずに
マイドドキュメントなど適当なフォルダに保存してください。
[ひな型]を直接ダウンロードしたリ、解凍したもを保存する
時だけ「Stationery」に保存してください。

Qプルダウンメニューを選択したらリンク先へ別ウインドウに飛ぶようにしたい

全くの初心者です。
以下のようなソースでプルダウンを制作したのですが、
imputのボタンではなく選択したらすぐにリンク先へ別ウインドウで飛ぶようにしたいですが出来ません。
どなたか教えてください!


<form method="post" action="https://○○○○/reservationtop.asp">
<select name="○○○_cd">
<option value="12">1</option>
<option value="15">2</option>
<option value="21">21</option>
</select>
<input type="submit" value="送信">
</form>

Aベストアンサー

>>ANo.1
「document.b」って参照方法はIEの独自拡張機能。
IDを付けて「document.getElementById」を利用する方が無難。

後、別ウィンドウってことでformにtargetで別ウィンドウを指定すると良いでしょう。

<form id="b" method="post" target="_blank" action="https://○○○○/reservationtop.asp">
<select name="b_cd" onchange="document.getElementById('b').submit();">
<option value="12">1</option>
<option value="15">2</option>
<option value="21">21</option>
</select>
<input type="submit" value="送信">
</form>

Qひな形が使えない。

WinXP・SP2でOE6を利用してますが、以前はWin98SEでひな形を利用して、送ってましたが、XPで同じようにひな形で送信すると、文章とひな形が別々になってしまい、ひな形が添付ファイルになってしまいます。

どうしたら、ひな形を利用して文章を送れるのか分かる方がみえましたら教えて下さい。

Aベストアンサー

Microsoftのサポートに以下があります。確認してみてください。

『ひな形で作成されたメールを受信すると画像ファイルが添付される。』
http://support.microsoft.com/kb/883545/JA/

Q子ウィンドウの「閉じる(×)」で親ウィンドウも一緒に閉じる方法

タイトル通り、親ウィンドウと、子ウィンドウがあり、子ウィンドウの「×」でウィンドウを閉じた場合に、親ウィンドウも閉じることはできるのでしょうか。
JavaScriptで「閉じる」ボタンをつけて行うことは、可能なのですが、ウィンドウの「×」はどのように処理したらよいのかわかりません。
ご存知の方がいましたら、よろしくお願いしたします。

Aベストアンサー

子ウィンドウに親ウィンドウ側から別のページを読み出したり、あるいは子ウィンドウ内でページを移動・更新したりすることがないのであれば、window.onunloadのイベントを拾って親ウィンドウを閉じる処理を入れておくのが良いのではないかと思います。
window.onunloadは、現在表示されているページが、ページ移動・更新・ウィンドウを閉じる動作などで破棄された時を拾いますので、子ウィンドウを閉じた時に親ウィンドウを閉じるようにもできると思います。
その場合は、子ウィンドウ側のソースに、以下のソースを追加すれば実現できます。

<script type="text/javascript"><!--
function parentclose(){
if (opener){
opener.close();
}
}
window.onunload=parentclose;
//-->
</script>

ただし、先にも書いたように、子ウィンドウを再利用して別のページを読み出したり、あるいは子ウィンドウ内のコンテンツで更新・別ページへの移動ができる場合は、それらの動作を実行された時にも、その現在表示されているページが破棄されたことを検知して親ウィンドウを閉じようとします。 そういった動作を含むサイト設計をしている場合には、この方法は使えないでしょう。
また、親ウィンドウとなるウィンドウがスクリプトなどで開かれたウィンドウではない場合(ユーザーが任意で開いたウィンドウの場合)、IEではそのウィンドウをスクリプトから閉じようとしていることの警告ダイアログが出ますし、Netscape7ではその動作自体をセキュリティエラーとして実行しないようになっています。 状況によっては、実装しても思い通りの動作にならない可能性もあるかもしれません。

参考になれば幸いです。

子ウィンドウに親ウィンドウ側から別のページを読み出したり、あるいは子ウィンドウ内でページを移動・更新したりすることがないのであれば、window.onunloadのイベントを拾って親ウィンドウを閉じる処理を入れておくのが良いのではないかと思います。
window.onunloadは、現在表示されているページが、ページ移動・更新・ウィンドウを閉じる動作などで破棄された時を拾いますので、子ウィンドウを閉じた時に親ウィンドウを閉じるようにもできると思います。
その場合は、子ウィンドウ側のソースに、以下のソー...続きを読む


人気Q&Aランキング

おすすめ情報