JavaScriptでタイトルバーを非表示にする方法

前へ 次へ
このQ&Aのポイント
  • JavaScriptを使用することで、タイトルバーを非表示にすることができます。
  • ブラウザの表示を画面サイズ800×600の環境に設定し、タイトルバーやスタートバーを非表示にして、空白の状態で表示させることができます。
  • また、JavaScriptを使ってトップページから他のページへのリンクを作成することも可能です。
回答を見る
  • ベストアンサー

javascriptでタイトルバーを非表示にさせたい。教えてください。

ローカルの状態で、動作をしたいのですが、 トップページから、検索し、次のホームページへ リンクさせたいのですが、その際ブラウザの表示で、 画面サイズ800×600の環境で表示し、タイトルバー や、スタートバーなど、非表示にして、何もない 状態で表示させたいのです。 トップページも次のリンク先もどちらも同じサイズで 表示させたいのですが、以下のソースの間に入れたい のですが、わかりません。 教えてください。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT Language="JavaScript"> <!-- function linkFile(){ A = document.form1.text1.value;　//入力された文字列を取得 A1 = A.substr(0,7); //文字列分割（前半７文字） A2 = A.substr(7,6); //文字列分割（後半６文字） location.href = "file:///C:/fff/fff/" + A1 + "/" + A2 +".html"; //ローカルファイルへジャンプ } //--> </SCRIPT> </HEAD> <BODY> <FORM name="form1"> 入力：<INPUT size="20" type="text" name="text1"><BR> <INPUT type="button" value="表示" onclick="linkFile();"> </FORM></BODY></HTML>

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

  • ベストアンサー
  • nuruhho44
  • ベストアンサー率57% (38/66)
回答No.2

実はサブウインドウ出すの嫌いだから、あんまり詳しくわからないんですよ。 でも、上のタイトルの出る部分は消せちゃマズイでしょ？ よくＨＰ開くと、サブウインドウで広告出る時あるけど、ｘボタンまで消えてたらどうやって消すのですか？ ａｌｔ＋Ｆ４で消せるけど、知らない人結構いますよ。 たぶん無理でしょうから、それは諦めてください。 念のためこちらで調べてみてください。 http://www.openspc2.org/reibun/javascript/appendix/win-param.html 自分自身のウインドウに表示されてるメニューバーを後から消す方法は、すみませんがわかりません。 すぐに、もっと詳しい方からレスがつけばいいですが、それまで参考ＵＲＬのＨＰの「ウインドウ編」と「サブウインドウ編」を見て、ご自身で研究なさってみてください。 私に思いつくことといえば、最初のページが表示されると、すぐにメニューバーのないサブウインドウで自分自身を表示して、親ウインドウは自分で閉じる。 というぐらいです。 あまりお力になれなくて申し訳ないです。

参考URL：
http://www.openspc2.org/reibun/javascript/
sara555
質問者

お礼

早速の回答有難うございます。 何度もわかりやすい回答をしていただいて、 感謝しております。 nuruhho44さんのアドバイスを参考に考えて みたいと思います。

その他の回答 (1)

  • nuruhho44
  • ベストアンサー率57% (38/66)
回答No.1

こんばんは。私です。 要は新しいウインドウを開いて、タイトルバー等を非表示にすればいいわけですかね？ location.href = "file:///C:/fff/fff/" + A1 + "/" + A2 +".html"; //ローカルファイルへジャンプ の部分を url = "file:///C:/fff/fff/" + A1 + "/" + A2 +".html"; win1 = window.open(url,"","width=800,height=600"); の２行に入れ替えればいいんじゃないでしょうか。 細かい設定をする場合は以下ＵＲＬをご参照ください。

参考URL：
http://www.openspc2.org/reibun/javascript/sub_window/004/index.html
sara555
質問者

補足

nuruhho44さん、お世話になります。 またまた、回答していただいて有難うございます。 上のタイトルバーの閉じるボタンや最大化最小化 ボタンも見えないようにしたいのですが、 win1 = window.open(url,"","width=800,height=600,titlebar=no,scrollbars=no,location=no,menubar=no,left=0,top=0"); と入力して実行したのですが、タイトルバーのみ 消えません。アドバイスいただけると嬉しいです。 よくわからないのですが、別ウインドウが立ちあが るのですが、これは、window.openで書いている からでしょうか？初心者でもうしわけありません。 これをトップページ（800×600）で表示、数字を 入力して、ヒットしたページへ移動。（800×600） で別ウインドウでする方法などはありません でしょうか？ 良かったら教えてください。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • フォームの表示が消えてしまう・・・

    初歩的なことでつまづいております。 フォームを利用して「入力」フォームに文字を入れ、「入力！」ボタンを押すと「結果」フォームにその文字を表示させたいのですがうまくいきません。 やりたいことは、 １．「入力」フォームに文字を入れます（たとえば"123"） ２．「入力！」ボタンを押します ３．すると「結果」フォームに"123"と表示させたいです　 ４．また、「入力」フォームにはそのまま"123"が表示されたままにしたいです なぜか下記の記述だとボタンを押した瞬間にすべてのフォームの文字表示が消えてしまいます。 これはどうしてなのでしょうか？すみませんがよろしくお願いします。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE="JavaScript"><!-- function calcButton() { var inputValue = document.calc.input.value; document.calc.result.value = inputValue; } //--></SCRIPT> </HEAD> <BODY> <FORM name="calc" action=""> 入力<INPUT type="text" size="5" name="input"><BR> 結果<INPUT type="text" size="5" name="result"><BR> <INPUT type="submit" value="入力！" onClick="calcButton()"> </FORM> </BODY></HTML>

  • javascriptのアラートの表示方法について

    javascript初心者です。 javascriptで、計算機を作っていて、数字を入れずに 「＝」（計算）ボタンを押すと、 「未入力です」とアラ－トで表示させたいのですが、 やり方がわかりません。 お手数ですが、ご教示下さい！ よろしくお願いします！！ ※以下、私が作成したものです。 この中のどの部分に、どのような表記をいれたら良いのか、 教えてください。。 <html>   <head>    <title>計算機</title>   <script type="text/javascript">     function Calc() {    var a;    var b;    var c;    var ope;        a = parseInt(document.form1.textA.value);    b = parseInt(document.form1.textB.value);    ope = parseInt(document.form1.selOpe.value);        switch (ope) {   case 1:c = a + b;    break;   case 2:c = a - b;    break;   case 3:c = a * b;    break;   case 4:c = a / b;    break;   default:   break;    }    document.form1.textC.value = c;    }   </script>    </head>     <body>     <form name="form1">      <INPUT TYPE="text" NAME="textA">       <select name="selOpe" size=1>       <option value="1">＋</option>       <option value="2">－</option>       <option value="3">×</option>       <option value="4">÷</option>       </select>        <INPUT TYPE="text" NAME="textB">         <input type="button" name="cmdCalc" value="＝" onclick="Calc()">        <INPUT TYPE="text" NAME="textC">     </form>     </body> </html>

  • テキストボックスに文字飾り表示（２の３乗）が出来ない。

    テキストボックスに文字飾り表示（２の３乗）が出来ない。 　JavaScriptを使用しテキストボックスに上付き、下付き文字を表示したいのですが上手く表示しません。HTMLのコードが出てしまいます。下記簡単なコードを添付しますので、何方か正しい表示方法を教えてください。 参考までにコード中(1)は正しく表示できず（テキストボックス中）、(2)は正しく表示します。（非テキストボックス） <HTML> <HEAD> <SCRIPT language="JavaScript"> function disp(){ var c=new Array("2"+"3".sup(),"1","2"); document.tm.a1.value=c[0]; // (1) document.write(c[0]); // (2) } </SCRIPT> </HEAD> <body> <FORM name="tm"> <INPUT type="button" value="" onClick="disp()"> <INPUT name="a1" type="text" size="20" width="10"> </FORM> </body> </HTML>

  • ホームページ上での計算について（JavaScript）

    複数の計算式があります。 それぞれ、ホームページで数値を入れていって、最後に計算ボタンを押すと、計算した値が一気に出るようにしたいです。 CGIではなく、HTMLの中にJavaScriptを埋め込んで作りたいと思っています。 スクリプトの意味はよくわからないまま、とりあえず以下のソースを埋め込んでみました。 HEAD部分に <SCRIPT LANGUAGE="JavaScript"> function calc(f){ f.z.value=eval(f.x.value)+eval(f.y.value); } </SCRIPT> BODY部分に <FORM NAME="form1"> <INPUT TYPE="text" SIZE=10 NAME="x">+ <INPUT TYPE="text" SIZE=10 NAME="y">= <INPUT TYPE="text" SIZE=10 NAME="z"><BR> <INPUT TYPE="button" VALUE="計算" onClick="calc(this.form)"><BR> </FORM> これは動きました。 でも、計算式が一つだけです。複数の式を計算させたいのですが……。 同じ感じでコピーしてxyzの文字をかえたりと幼稚な試行錯誤をしてみましたが動きませんでした。 二つ以上の計算式を埋め込むには、どんなスクリプトにすればいいのでしょうか。 たとえば、 「別の空欄に入れたaという値とbという値をかけて、先ほどのxという値を2倍したものを引き、さらに100を足す」 という計算式を追加して、でも「計算」ボタンは一個のままで済ませるには、どうすればいいでしょうか。 もしできれば、全体のスクリプトをお教えいただけるととてもありがたいです。 よろしくお願い致します。

  • javascript関数について

    <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript"> function extract() { var textbox = document.getElementById("barcode"); var amount = textbox.value.substr(22,3); textbox.value = amount; } </script> </head> <body> バーコード: <input type="text" id="barcode" size="64" value=""> <input type="button" value="部分取り出し" onclick="extract()"> </body> </html> 上記のソースコードでボタンを押せば22行目(先頭から数えて21番目までを削除？し22番目から25番目までを表示）するプログラムをかきましたが、ボタンを押さず表示したいのですが、どうすればいいですか？教えてください。 お願いいたします。

  • Javascriptを使った隠しページ探しについて

    隠しページ探しのホームページを作っているのですが、 【index.html】と【fff.js】という２つのファイルで作っています。 【index.html】は <html><head><title>第１問</title><script src="fff.js"></script> </head> <body oncontextmenu="return false;" onkeydown="return false;"> ここに答えを入れて下さい。<br> <form name="ike"> <input type="text" name="nyu"><input type="button" value="回答" onclick="ikou()"> </form> </body></html> 【fff.js】は function ikou(){ var a = document.ike.nyu.value+'9'; if(a == 6){ 　if(a == 9){ document.write('次は379.htmlです。'); 　}else{ 　window.alert('はずれ'); }else{ window.alert('はずれ'); } （次は379.htmlです。の所は実際は暗号化） です。 fff.jsの書き換えを行って解く問題にしようと思っているのですが、エラーになってしまいます。 どこを直せばいいのでしょうか。

  • JavaScriptで簡単な計算機を作りたいのですが…

    初めて質問させていただきます。タイトルどおり、以下の様なコードを組んだのですが答えが表示されません。なにぶんJavaScriptを勉強し始めて数日の初心者なもので、どこが悪いのか見当がつきません。レベルの低い質問で申し訳ないのですが、皆さんのお知恵をお貸しください。 <html> <head> <title>JAVAscript</title> <SCRIPT LANGUAGE="JavaScript"> <!-- function func(){ a=parseInt(document.masu.0.value); b=parseInt(document.masu.1.value); c=a+b; document.masu.2.value=c; //--> </SCRIPT> </head> <body> <form name="masu"> <input type="text" name="0" SIZE=10 onkeyup="chkNum(this)"> <input type="text" name="1" SIZE=10 onkeyup="chkNum(this)"> <input type="text" name="2" SIZE=10"onkeyup="chkNum(this)"> <input type="button" value="計算" onclick="func()"> </form> </body> </html>

  • JavaScriptのロジック？

    <HTML> <HEAD> <TITLE>JavaScript</TITLE> <SCRIPT type="text/javascript"> <!-- /* 同じ値を二重表示 */ function funDouble(){ alert( document.SampleForm.nameOne.value ); document.SampleForm.nameTwe.value = document.SampleForm.nameOne.value + document.SampleForm.nameOne.value; alert(document.SampleForm.nameTwe.value); } // --> </SCRIPT> </HEAD> <BODY> <form name="SampleForm" method="POST"> <table align="center"> <TR> <TD>OnClick機能 :　<Input type="text" name="nameOne" value="Ok"><Input type="submit" value="押して！" onclick="funDouble()" ></TD> <TD>| 結果 => | </TD> <TD>　OnChange後 同じ値を２重表示 ;　<Input type="text" name="nameTwe" value="123456"></TD> </TR> </table> </form> </BODY> </HTML>

  • javascript name="hoge"等に記号を使いたい

    javascriptで、クリックすると値が変わるというものを作っています。 クリックすると以下の処理を行います。 ●java script側● form1.hoge.value = 1; すると、HTMLのhogeの値が変わるというものです。 ●HTML側● <form name='form1'> 　<input size='10' type='text' name='hoge' value='0'> </form> しかし、実際には、phpの処理の都合もありまして ●java script側● form1.hoge[].value = 1; ●HTML側● <form name='form1'> 　<input size='10' type='text' name='hoge[]' value='0'> </form> と、カッコ[]をつけたいのですが、カッコをつけると javascriptが、エラーになってしまい、うまく動作しません。 エスケープの問題かなと思い form1.hoge\[\].value　等 試しましたが、うまくいきません。 どうすれば、カッコのついたnameに対して、 javascriptが、要求を送ることができるのでしょうか？

  • javascriptバーコードについて

    <!DOCTYPE html> <html> <head> <title></title> </head> <body> バーコード: <input type="text" id="barcode" size="64" value="1234567890abcdefghijklmnopqrstuvwxyz"> </body> <script type="text/javascript"> var textbox = document.getElementById("barcode"); var amount = textbox.value.substr(22,3); textbox.value = amount; </script> </html> 上記のプログラムで何度やってもわからないので再度教えてください。※value="1234567890abcdefghijklmnopqrstuvwxyz valueの中の値は無いものとします。 バーコードリーダーでバーコードを読み込んだ時に、重量だけ表示させたいのですが、ボタンを押すと（textbox.value.substr(22,3)）必要な値が表示されますが、ボタンを押さずに表示をさせたいです。 やはりjavascriptはダメでしょうか？ 他の言語も考えていますが、VBも視野にいれてますがとりあえずjavascript、phpを使う予定です。 是非お願いいたします。

    • ベストアンサー
    • Ruby

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する