window.openを使って、別ウインドウをフルスクリーンでスクロールバー非表示で開こうとしました。単純に、
window.open("a.htm","","fullscreen=yes,scrollbars=no");
でうまくいくと思ったのですが、うまくいきません。
 解決法をご存知の方がいましたら、よろしくお願いします。
 ちなみにブラウザは、IEを使用しています。

A 回答 (3件)

こんばんわぁ、Blackwinglsです。



正規の対処方法ではないのですが、a.htmをフレーム定義のファイルとして
<frameset frameborder=0 border=0 rows="100%,0%">
<frame src="a-1.htm" name="A">
<frame src="a-2.htm" name="B">
</frameset>
とし、実際に表示したい内容はa-1.htmに記述すれば、ご希望の動作をするのではないかと思います。

ではでは(@^^)/~~~

ps a-2.htmはダミーなので、どんな中身でもかまいません。
    • good
    • 0
この回答へのお礼

私がやろうとしてたことがやっとできました。ありがとうございます。
フレームという手があったのですね。思いつきもしませんでした。
おそれいりました。

お礼日時:2001/09/17 09:26

色々と試行錯誤の結果・・・



 window.open("a.htm","","fullscreen=yes,scrollbars=yes");

と指定して、ページの内容が画面内に収まる場合に限りスクロールバーが消えます。
フルスクリーンモード時の「 scrollbars=・・・ 」という指定はスクロールバーを
有効(Enable)とするか無効(Disable)とするかの指定として働いているようです。

で、上記の「 scrollbars=yes 」と指定するのが tyom77 さんのご希望に添わない
かもしれませんが、これを一応の回答とさせて頂きます。
    • good
    • 0
この回答へのお礼

私もいろいろと試行錯誤したのですが、
fullscreenとscrollbarsの併用は、無理だという結論に達しました。
387さんには、いろいろとして頂き感謝しています。
ありがとうございました。
それと報告とお礼が遅れてたことをお詫び申し上げます。

お礼日時:2001/09/17 09:21

どう、うまくいかないのでしょうか?


もしかして、スクロールバーだけが非表示(メニューバーやツールバー等は表示)の
ウィンドウをフルスクリーンで開きたいのですか?
そうだとしたら、少々手間が必要です。
理由は、「 fullscreen=yes 」の指定は、メニューバーやツールバーはおろか、
タイトルバーまでも非表示(いわゆる「キオスクモード」)になるからです。

具体的にどうすれば良いかというと・・・
微妙な誤差が出てしまいますが、下記のようにしてみてください。

iWindowWidth = screen.width - 10 ;
iWindowHeight = screen.height - 120 ;
strWindowSetting = "toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=no,resizable=yes," ;
strWindowSetting += "left=0,top=0,width=" + iWindowWidth + ",height=" + iWindowHeight ;
window.open("a.htm","",strWindowSetting);

この回答への補足

387さん、早速の回答ありがとうございます。
質問にどううまくいかなかった書いていなかったので、補足します。
別ウインドウを
window.open("a.htm","","fullscreen=yes");
で開いたときにa.htmがフルスクリーンで開いてくれるのですが、右側にスクロールバーだけが表示されてしまいます。これを非表示にしたいのです。
scrollbars=noを追加したのですが、うまくいきませんでした。
どうしたら、いいのでしょうか?
ご存知でしたら、教えて頂けないでしょうか。お願いします。

補足日時:2001/09/14 17:36
    • good
    • 0

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

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

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

Qデザインされたスクロールバーについてです

いつもお世話になっています。。

デザインされたスクロールバーを使用したくて、
flexcrollというファイルをダウンロードしました。
こちらのサンプルにあるファイルが使用しているものと同じかと思います
http://lifescape.seesaa.net/article/51751860.html

ファイルは

javascriptのflexcroll.jsと
cssを2ファイルを使用しています。

こちらでページ内に色を指定したスクロールバーを設置できたのですが、

同じスクロールバーをサイズ違いで、同ページ内に2つ設置したい場合、CSSでは指定が一つしかできないので、同じ大きさのスクロールバーしか設置ができません。

javascriptを2つ用意してCSSのクラス名を変更するれば、同ページ内で2種類のスクロールーが設置できるのか??
よくわかりません。。

どうかご教授お願い致します。

Aベストアンサー

ほかのカテゴリでも同じような質問をなさっているみたいですが、どちらかにしたほうがよろしいかと…


試していませんが(画像を揃えたりが面倒なので)、覗いてみたところ、

参照なさっているページのリンク先のページでは同じページ内に違う種類のスクロールバーを適用しているみたいですね。
それぞれのdivのidがtest1、test2、test3となっていますが、それに対するCSSの設定ファイルがflexcrollstyles.cssだと思われます。

これを見てみると、マスターの設定のあとに「/* Extra sample styles */」として個々のid下でスクロール関係のクラスのスタイル設定が別にされているようですので(test2とtest3のみ)、このような設定をしておいて
 CSBfleXcroll('test1');
のように指定すれば適用できるのではないでしょうか?
(参照ページがそのような方法をとっていると思われるので)

ほとんど説明などを読んでいないので(英語が苦手)、かなり適当な推測ですが、質問者様はすでに設置はできているとのことなので、その情報で補ってくだされば、いけそうな気がしますが…(←少々無責任か?)

ほかのカテゴリでも同じような質問をなさっているみたいですが、どちらかにしたほうがよろしいかと…


試していませんが(画像を揃えたりが面倒なので)、覗いてみたところ、

参照なさっているページのリンク先のページでは同じページ内に違う種類のスクロールバーを適用しているみたいですね。
それぞれのdivのidがtest1、test2、test3となっていますが、それに対するCSSの設定ファイルがflexcrollstyles.cssだと思われます。

これを見てみると、マスターの設定のあとに「/* Extra sample styles */」...続きを読む

Qwindow.open()でstatus = no にしてもステータスバーが表示される

パソコンによって、window.open( )でstatus = no にしてもステータスバーが表示されるものがあります。

環境:Windows_XP-SP2 IE6

どのパソコンでも、常にステータスバーを表示させたくないのですが、
どうすればよいのでしょうか?

Aベストアンサー

ブラウザの種類・設定・機能はいろいろなので諦めたほうがいいです。

status=no ≒ブラウザとしての機能は不要
ならレイヤーを使ってウィンドウっぽく見せるという方法もあります。

http://www.openspc2.org/JavaScript/Ajax/Ajax_study/chapter83/001/sample3/index.html
↑サンプル
http://www.openspc2.org/JavaScript/Ajax/Ajax_study/chapter83/001/index.html
↑解説

Qfirefox3.6で、スクロールバーの色やデザインを変更したいです。

firefox3.6で、スクロールバーの色やデザインを変更したいです。
どのページを見ていても常に変更後のデザインを適用したいと思っています。

userchrome.cssを使えばよいのかな、と思ったのですが
設定方法がよく分かりませんでした。
どなたか変更方法をご存知の方教えていただけましたら幸いです。

firefoxのスクロールバーの色変更 - ブラウザ - 教えて!goo
http://oshiete.goo.ne.jp/qa/3042955.html

↑同様の質問を拝見し、試してみたのですがうまくいきませんでした…

想定環境はWindows7とXPです。

意味不明でしたら加筆修正しますのでよろしくお願いします。

Aベストアンサー

/*スクロールバーとボタンの色(エメラルドグリーン)*/
scrollbarbutton,
thumb {
-moz-appearance:none !important;
background-color:#0e9 !important;
border-top:1px solid #3fc !important;
border-right:1px solid #0a3 !important;
border-bottom:1px solid #0a3 !important;
border-left:1px solid #3fc !important;
-moz-border-top-colors:none !important;
-moz-border-right-colors:none !important;
-moz-border-bottom-colors:none !important;
-moz-border-left-colors:none !important;
}
/* スクロールバーにマウスオーバー時の色*/
thumb:hover{
border-top:1px solid #6fc !important;
border-right:1px solid #0c9 !important;
border-bottom:1px solid #0c9 !important;
border-left:1px solid #6fc !important;
-moz-border-top-colors:none !important;
-moz-border-right-colors:none !important;
-moz-border-bottom-colors:none !important;
-moz-border-left-colors:none !important;
background-color:#3fb !important;
}
/* スクロールボタンにマウスオーバー時の色*/
scrollbarbutton:hover:active,
scrollbarbutton:active {
border-top:1px solid #0c9 !important;
border-right:1px solid #6fc !important;
border-bottom:1px solid #6fc !important;
border-left:1px solid #0c9 !important;
-moz-border-top-colors:none !important;
-moz-border-right-colors:none !important;
-moz-border-bottom-colors:none !important;
-moz-border-left-colors:none !important;
background-color:#3fb !important;
}
scrollbarbutton {
background-repeat:no-repeat !important;
background-position:center center !important;
}
/* レールの色 */
slider {
background-color:#ffc !important;
-moz-border-left-colors:none !important;
-moz-border-bottom-colors:none !important;
border-style:none !important;
}
slider[orient="vertical"] {
background-color:#ffc !important;
-moz-border-left-colors:none !important;
border-style:none !important;
}

/*スクロールバーとボタンの色(エメラルドグリーン)*/
scrollbarbutton,
thumb {
-moz-appearance:none !important;
background-color:#0e9 !important;
border-top:1px solid #3fc !important;
border-right:1px solid #0a3 !important;
border-bottom:1px solid #0a3 !important;
border-left:1px solid #3fc !important;
-moz-border-top-colors:none !important;
-moz-border-right-colors:none !important;
-moz-border-bottom-colors:none !important;
-moz-border-left-co...続きを読む

Qwindow,open

★=window.open("▲","☆","■")
で★と☆がウィンドウの名前と書いてあったのですが
区別がわかりません
これは開いたウィンドウの名前なのでしょうか?
それともこのスクリプトがあるウィンドウをさすのでしょうか?
あとウィンドウの名前のつけ方も教えていただけたら
うれしいです
具体的には
newWin=window.open("control,html","newWIn","width
=240.height=120");
と書いてありました

Aベストアンサー

#1です。

>ということは☆は相手側(画面を切り替えるウィンドウ名)で★は開いたあとのウィンドウ名ってことですか?

☆の認識は、それで良いと思います。(一瞬、ん?と思いましたが(笑))
補足をすると、生成するウインドウに付けた*名称*の事です。

★は微妙に(いや、かなりかも知れない。)違います。ウインドウ名ではありません。オブジェクトです。オブジェクトは名前ではありません。
JavaScriptは、一応オブジェクト指向言語(oop言語)の端くれでして、プログラムの中で取り扱われる多くの情報がオブジェクトとして抽象化されています。
あまり、詳しいことを書くとoopの説明になってしまうので割愛しますが、いくつかの関数を利用する時に受け渡される「情報の束」だと考えると、考えやすいかも知れません。

ウインドウ名と表現されていたので、ん?分かって無いかも知れない。。。と感じてしまいました。単に、表現が上手にできなかっただけかな?

QWebデザイン時のスクロールバー

Xhtmlとcssでwebサイトを作っています。そのサイトは4ページで3つは高さ768pxでスクロールバーがでないのですが1つは情報量の違いで高さありスクロールバーがでます。その時にスクロールバーの分だけずれます。全ページがセンター固定です。

ページ移動をしたときに1ページだけ横に少しずれるので気になります。この状態を解決するにはどうすれば良いのですか?良い方法がなければずれは諦めようと思ってます。

わかる方がいたら教えて頂けたら幸いです。お願いします。

Aベストアンサー

http://neo.s21.xrea.com/web/006.html
http://kumacrow.blog111.fc2.com/blog-entry-490.html

マージンをとって、常にスクロールバーを出すという方法があるようです。
CSS3に対応しているブラウザのみで考えるならめんどくさいことは要りません。

もしくは、そのCSSすら面倒となると、根本的に、1ページの情報量を減らすとか。

Qwindow open() → close()がうまくいきません。

2回目の質問をさせていただきます。
親窓にある複数の画像からそれぞれ子窓を開いた後、
子窓を閉じる記述がわかりません。
自分なりにトライしているのですが、どうしてもうまく動作しません。
どなたか、教えてください。(まだまだ、初心者なのでできるだけ詳しくお願い致します。)

Aベストアンサー

はじめまして、yimoさん。

これは・・、単純に window.open()で子ウインドウを表示した後に、
この子ウインドウを閉じるには?(表示処理した親ウインドウ側で)
ということかな?
「複数ある画像からそれぞれ・・」というのは・・画像<img>にリンク
<a>をつけていて、それが子ウインドウを表示する操作としているのかな?

上記の通りと考えた場合の例を。

--(EX)------------------------------

<script language="JavaScript">
<!--
var Win_bord1 = null;

function map_bord1()
{
var url = "なんかアドレスを(ページや画像)";
Win_bord1 = window.open(url, 'ウインドウの名前(省略可)','属性');
}

function close_bord1()
{
if( Win_bord1 != null ) Win_bord1.close();
}

//-->
</script>

<a href="javascript:map_bord1()"><img src="画像" border="0" height="高さ" width="幅"></a><br>

<input type="button" value="子ウインドウを閉じる" onClick="javascript:close_bord1()">

--(END:EX)------------------------------

補足)

・つまり window.open()の戻り値をうけて、それ.close()と指定する
・このサンプルでは閉じる指定を明確にボタンを設けてみたけど、実際には
 「このページが閉じられたら(他ページにうつってしまったら)」とかいう
 時にやりたいかも?
 その場合は、<body onUnload="close_bord1()">とすればいいよ。

参考)
・open()の「属性」は色々指定があるよ。
 例)'width=480,height=350,status=no,scrollbars=yes,directories=yes,menubar=no,resizable=yes,toolbar=no'
 説明は省略するけど・・名前からなんとなくわかるでしょ?

がんばってね。
では。

はじめまして、yimoさん。

これは・・、単純に window.open()で子ウインドウを表示した後に、
この子ウインドウを閉じるには?(表示処理した親ウインドウ側で)
ということかな?
「複数ある画像からそれぞれ・・」というのは・・画像<img>にリンク
<a>をつけていて、それが子ウインドウを表示する操作としているのかな?

上記の通りと考えた場合の例を。

--(EX)------------------------------

<script language="JavaScript">
<!--
var Win_bord1 = null;

function map_bord1()
{
var ...続きを読む

QMovable Type でスクロールバーのデザインを変えるには?

宜しくお願いします。

現在、MT3.151を使っていますが、ブログのスクロールバーを変更するやり方がわかりません。HTMLでは動作していたCSSを、StylesheetのCSSのBODY部分にそっくりそのまま移してみましたが、デザインが全く変わりません。ですが、時々スクロールバーが変わっているMTのブログも見かけるので、何か別のやりかたがあるのかなと思い、投稿させていただきました。

お手数ですが、ご回答宜しくお願いいたします。

Aベストアンサー

CSSの記述を

body,html {
scrollbar-face-color: ・・・(略)}

としてしてみてはどうでしょう?

Qonmouseover="this.className=をjsファイルにまとめて、指定する場所はid=menu1,2~....かclass=menuで統一したい

<div class="font1 bor1"
onmouseover="this.className=this.className+' bgcol txcol'"
onmouseout="this.className='font1 bor1'">
というものがあったとしてこれを
<div id="menu1・・・2・・・">だけにして
onmouseover=~をjsに略記できるようにしたいのですが
何かいい手はありませんか?

idで指定できる版のほかに
classで指定できる版があるとうれしいです。classだと難しいでしょうか?

また、こちらももしできればでいいのですが、this.classNameを
指定IDのclassName等もできるのでしょうか?

質問に不足があれば答えられる範囲で答えます。よろしくお願いします。

Aベストアンサー

もうひとつ、質問内容を把握できてませんが、
jQueryを使ったサンプルを。中身は
「font1」ってclassを持つ要素のマウスオーバーで
bgcol と txcol の二つのクラスを追加する。
マウスアウトで
bgcol と txcol の二つのクラスを取り除く。
です。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){

$('.font1').hover(function(){
$(this).addClass("bgcol");
$(this).addClass("txcol");
},function(){
$(this).removeClass("bgcol");
$(this).removeClass("txcol");
});

});
</script>

$('.font1') という部分を $('#font1') と書けば id="font1" の要素に対する設定になります。 

jQueryの解説、入手先等は
http://www.openspc2.org/JavaScript/Ajax/jQuery_study/index.html
とか、参考にしてください。

もうひとつ、質問内容を把握できてませんが、
jQueryを使ったサンプルを。中身は
「font1」ってclassを持つ要素のマウスオーバーで
bgcol と txcol の二つのクラスを追加する。
マウスアウトで
bgcol と txcol の二つのクラスを取り除く。
です。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){

$('.font1').hover(function(){
$(this).addClass("bgcol");
$(this).addClass("txcol");
},function(){
$(this).removeClass("bgcol");...続きを読む

QjQueryのタブにスクロールバーをつけたい

jQueryのタブにスクロールバーをつけたい

jQueryの「ui.tabs.js」を使ってタブを制作し、「jquery.cookie.js」でタブの内容を記憶し。
さらに、そのタブの中身が設定した枠を超えると「jScrollPane.js」を使って横にスクロールバーがでるようにしたいのですがうまくいきません。


<script src="./js/jquery-1.2.6.js" type="text/javascript"></script>
<script src="./js/jquery.cookie.js" type="text/javascript"></script>
<script src="./js/ui.core.js" type="text/javascript"></script>
<script src="./js/ui.tabs.js" type="text/javascript"></script>
<script src="./js/jScrollPane.js" type="text/javascript"></script>
<script src="./js/jquery.mousewheel.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {
$('#container1 > ul').tabs({ event: 'click' ,cookie: { expires: 30 } , cache: true});
$('#fra_sl').jScrollPane({scrollbarWidth:13, scrollbarMargin:9});
});
</script>

<body>

<div id="container1">
<ul>
<li id="tab1"><a href="#tab_categry">タブ1</a></li>
<li id="tab2"><a href="#tab_all">タブ2</a></li>
</ul>

<div id="pane1">
<div id="tab_categry">
<p>中身1(省略)</p>
</div>
<div id="tab_all">
<p>中身2(省略)</p>
</div>
</div>
</div>
</body>


以前同じような質問をされていた方がいたのでそちらも参考にして試してみたのですが→http://okwave.jp/qa/q4819862.html
javascriptは初心者なものでよくわかりませんでしたorz

どなたかわかる方がいましたら教えてもらえないでしょうか??

jQueryのタブにスクロールバーをつけたい

jQueryの「ui.tabs.js」を使ってタブを制作し、「jquery.cookie.js」でタブの内容を記憶し。
さらに、そのタブの中身が設定した枠を超えると「jScrollPane.js」を使って横にスクロールバーがでるようにしたいのですがうまくいきません。


<script src="./js/jquery-1.2.6.js" type="text/javascript"></script>
<script src="./js/jquery.cookie.js" type="text/javascript"></script>
<script src="./js/ui.core.js" type="text/javascript"></script>
<script src="./...続きを読む

Aベストアンサー

タブを切り替えた時にスクロールバーの長さがリサイズされないということです。

=>タブの中身に、もう一階層<div>を作ってCSSで、大きさ指定すればうまく
いきました。先に、jScrollPane()を実行します。

※jScrollPaneのサンプルページにUI Tabと併用している例が載ってます。
http://www.kelvinluck.com/assets/jquery/jScrollPane/tabs_example.html

<style type="text/css">
.scroll-pane {width:500px;height:100px;overflow:auto;}
.ui-tabs-hide {position:absolute;left:-10000px;display:block;}
#container1 {width:100%;}
</style>
<script type="text/javascript" charset="utf-8">
<!--
$(document).ready(function(){
$('.scroll-pane').jScrollPane({scrollbarWidth:13, scrollbarMargin:9});
$('#container1').tabs({event:'click',cookie: { expires: 30 },cache:true});
});
// -->
</script>
</head>
<body>
<div id="container1">
<ul>
<li id="tab1"><a href="#tab_categry">タブ1</a></li>
<li id="tab2"><a href="#tab_all">タブ2</a></li>
</ul>
<div id="pane1">
<div id="tab_categry">
<div class="scroll-pane">
<p>中身1(省略)中身1(省略)中身1(省略)中身1(省略)中身1</p>
<p>中身1(省略)中身1(省略)中身1(省略)中身1(省略)中身1</p>
<p>中身1(省略)中身1(省略)中身1(省略)中身1(省略)中身1</p>
<p>中身1(省略)中身1(省略)中身1(省略)中身1(省略)中身1</p>
<p>中身1(省略)中身1(省略)中身1(省略)中身1(省略)中身1</p>
<p>中身1(省略)中身1(省略)中身1(省略)中身1(省略)中身1</p>
<p>中身1(省略)中身1(省略)中身1(省略)中身1(省略)中身1</p>
<p>中身1(省略)中身1(省略)中身1(省略)中身1(省略)中身1</p>
<p>中身1(省略)中身1(省略)中身1(省略)中身1(省略)中身1</p>
<p>中身1(省略)中身1(省略)中身1(省略)中身1(省略)中身1</p>
</div>
</div>
<div id="tab_all">
<div class="scroll-pane">
<p>中身2(省略)中身2(省略)中身2(省略)中身2(省略)中身2(省略)</p>
<p>中身2(省略)中身2(省略)中身2(省略)中身2(省略)中身2(省略)</p>
<p>中身2(省略)中身2(省略)中身2(省略)中身2(省略)中身2(省略)</p>
<p>中身2(省略)中身2(省略)中身2(省略)中身2(省略)中身2(省略)</p>
</div>
</div>
</div>
</div>
</body>
</html>

タブを切り替えた時にスクロールバーの長さがリサイズされないということです。

=>タブの中身に、もう一階層<div>を作ってCSSで、大きさ指定すればうまく
いきました。先に、jScrollPane()を実行します。

※jScrollPaneのサンプルページにUI Tabと併用している例が載ってます。
http://www.kelvinluck.com/assets/jquery/jScrollPane/tabs_example.html

<style type="text/css">
.scroll-pane {width:500px;height:100px;overflow:auto;}
.ui-tabs-hide {position:absolute;left:-10000px;display:block;}
#co...続きを読む


人気Q&Aランキング

おすすめ情報