初歩的な質問ですが、よろしくお願いします。
FireFOX上でHTMLの<A>タグからリンク先を開く場合に、現在のウィンドウでも、新しいブラウザーでもなく、新しいタブに開くことはできるのでしょうか?
普通に考えると Target=???にタブを示す何かを書けばいいのかと思いますが、なかなか探せなくて困っています。 よろしくお願いします。

A 回答 (5件)

環境設定(Mac)、オプション(Win)の「タブ」の項目で


新規ウインドウを開くリンクは次の場所に開く->新規タブ
をチェックして下さい。

あとはtarget="_blank"で可能です。

ウインドウで開きたいと思っている人のブラウザでもタブで開かせることは(現仕様上は)出来ません。
(HTMLやJavaScriptから勝手に他人のブラウザの設定を変更することは基本的に出来ません)
    • good
    • 2
この回答へのお礼

ブラウザ側の設定だったとは気が付きませんでした。
自分のFireFoxの設定を変更してみたらうまく行きました。ありがとうございました。

お礼日時:2006/07/20 06:05

<a href=""リンク先URL"" target=""_blank"">任意の文字や画像</a>


で対応できます。
ブラウザの設定によっては、このようなリンクの場合、新規ウィンドウで開くこともできますが、PCに負荷がかかりますので、
一般的なブラウザでは、新規タブで開くようになっています。
    • good
    • 0

専門家紹介

山本慎太郎

職業:ITコンサルタント

20年間のweb制作の経験を活かし、コンサルティングを行っています。
特にGoogle AnalyticsやGoogle Adwordsを得意とし、主に中小企業のサイトの改善を行っています。

Google Anaylytics認定資格者
Google AdWords認定資格者

詳しくはこちら

専門家

スペルは Firefox です。

固有名詞ですから表記には気をつけましょう。
http://www.mozilla-japan.org/support/firefox/faq …

> 現在のウィンドウでも、新しいブラウザーでもなく、新しいタブに開くことはできるのでしょうか?
Web ページ上からの操作で新しいタブを指定することは不可能です。
タブブラウザはタブの情報をクライアント側からしか利用できないのがひとつのセキュリティ上のメリットにもなるはず。
それにもし Web ページ上から新しいタブを開く挙動が設定できるようになったとしても古いタブブラウザは永久に非対応です。
HTML 作成において新仕様をむやみやたらと使うべきではありません。

> タブブラウザでは、新ウィンドウ=タブなので、そのまま新しいタブが開くだけです。
というかブラウザの設定に依存します。
target="_blank" で新しいタブを開かせる設定であれば新しいタブ、
新しいウインドウを開かせる設定であれば新しいウインドウが開きます。
Firefox の設定を操作してください。
ちなみに、タブ関連の挙動を変更するのには拡張機能が便利です。

参考URL:http://tmp.garyr.net/
    • good
    • 1
この回答へのお礼

ブラウザ側の設定だったとは気が付きませんでした。
自分のFirefox(固有名詞なので表記に気を付けますね)の設定を変更してみたらうまく行きました。ありがとうございました。

お礼日時:2006/07/20 06:06

<a href="リンク先.html" target="_blank">文字や画像</a>



でいいのでは?
    • good
    • 1
この回答へのお礼

ご回答ありがとうございました。タブブラウザ向けに何か特別なパラメーターがあるのかと勘違いしてました。

お礼日時:2006/07/20 06:03

target=blank



これだと、タブブラウザではない「IE」などでは、新しいウィンドウで
タブブラウザでは、新ウィンドウ=タブなので、そのまま新しいタブが開くだけです。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございました。タブブラウザ向けに何か特別なパラメーターがあるのかと勘違いしてました。

お礼日時:2006/07/20 06:02

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

このQ&Aを見た人はこんなQ&Aも見ています

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

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

Qjqueryのタブ切り替えについて

jqueryのタブ切り替えについて

jquery初心者です。
某ポータルサイトを運営していて、
今回jqueryを使ってタブ切り替えを作りたいと思っています。
http://www.samuraitype2.com/demo/20090306/index.html
こんな感じのものです。


ホットペッパービューティーのようにタブを押して切り替えたいのですが、(←おそらくPHP)
PHPがよくわからないもので、、


そこで、質問ですが
上のURLのサンプルは少量のテキストのみでしたが、
お店の写真数枚やgoogle map、FLASH動画などの内容で切り替えを行ってく上で
動作に重たさは出るのでしょうか?
ぱっ、ぱっ、と切り替わらず、少々読み込みがかかってしまうのでしょうか?

教えて下さい。


そもそもjquery自体よくわかってはいないのですが、Javascript?
jqueryで色々種類があるんで、どういう意味なんでしょうか?


宜しくお願い致します。

Aベストアンサー

おっしゃっていることを私がやるとするならば、店舗数が多いのであれば、MySQLなどのデータベースに店舗情報を格納して、PHPで取り出します。そしてその結果をJavaScriptを使用してタブ形式のコンテンツに仕上げます。

質問者さんの場合、技術的なことよりも先に、まずJavaScriptでできること、PHPでできることを概念的に吸収されることをおすすめします。
また、PHPやJavaScirptを扱うには、HTML&CSSを理解していることが前提となります。

例のコンテンツに対して質問者さんがどこまでコスト(時間)を使えるかにもよりますが、仮に質問者さんのスキルが、HTML&CSSの理解が中途で、その上で、未経験のPHP&JavaScriptを使いたいというものであれば、1、2週間モニタとにらめっこすればできるというものではありません。もちろん人によりますが、2、3ヶ月の学習期間は覚悟する必要があると思います。

あまりコストを割きたくないのであれば、どこかのテンプレートをそのまま使うという選択になると思います。もちろんこの場合、コストを使わない分、多くを求めることはできません。

おっしゃっていることを私がやるとするならば、店舗数が多いのであれば、MySQLなどのデータベースに店舗情報を格納して、PHPで取り出します。そしてその結果をJavaScriptを使用してタブ形式のコンテンツに仕上げます。

質問者さんの場合、技術的なことよりも先に、まずJavaScriptでできること、PHPでできることを概念的に吸収されることをおすすめします。
また、PHPやJavaScirptを扱うには、HTML&CSSを理解していることが前提となります。

例のコンテンツに対して質問者さんがどこまでコスト(時間)を使えるかに...続きを読む

QHTMLのでリンクが開かない…

 作成したHTMLファイルを実行して時々 起こる現象なのですが…

 同じフォルダ内に、たとえば、[xxx.html]と[yyy.html]の2つのファイルがあって、単独ではそれぞれ問題なく開くのですが、HTMLの中に次の2つの文を記述して、これを実行した時に、[yyy]は開くのに、[XXX]がどうしても開かないことがあります。

   <a href="xxx.html">XXX</a>
   <a href="yyy.html">YYY</a>

 記述の文字に問題がないように、文章作成する際に、両方の<a href="...">~</a>をコピペして、ファイル名もフォルダに表示されるファイル名をわざわざコピーして<a href="...">に貼り付けています。つまり、記述上は問題がないようにしています。

 この現象はオフライン(WEBに乗せていない状態)でも起こるのですが、WEBにアップロードしても同じように開けません。また、特定のHTMLファイルでなく、HTML文を作っていて時々起こります。

 どうしてなのでしょうか…? 理由と解決方法をお教えください。よろしくお願いします。

 作成したHTMLファイルを実行して時々 起こる現象なのですが…

 同じフォルダ内に、たとえば、[xxx.html]と[yyy.html]の2つのファイルがあって、単独ではそれぞれ問題なく開くのですが、HTMLの中に次の2つの文を記述して、これを実行した時に、[yyy]は開くのに、[XXX]がどうしても開かないことがあります。

   <a href="xxx.html">XXX</a>
   <a href="yyy.html">YYY</a>

 記述の文字に問題がないように、文章作成する際に、両方の<a href="...">~</a>をコピペして、ファイル名もフォルダに...続きを読む

Aベストアンサー

href="75h/..." を、href="./75h/..." に修正してみてください。

それから、lintで既に確認済かもしれませんが、タグの誤使用が気になりました。
<li>タグは単独では使用できません。
<td>
<ul>
<li>内容。。。
</ul>
</td>
のように記述します。

で、本題ですが、ローカルの拡張子が違っているといった問題ではありませんか?
.htmであるはずが、.htm.txtになっている、など。

URLエンコードするとどうなりますか?
「 - 」→「 %2D 」
「 _ 」→「 %5F 」

"75h/WBR75H_Win-VerUP.htm"
  ↓
"75h/WBR75H%5FWin%2DVerUP.htm"

参考URL:http://validator.w3.org/check?uri=http%3A%2F%2Fmembers.at.infoseek.co.jp%2Fpersonalnet%2F

QjQueryでタブ切り替え

jQueryでタブ切り替えを行うため、以下のように設定しました。

$(function(){
$("#tab li").click(function() {
var num = $("#tab li").index(this);
$(".content_wrap").addClass('non');
$(".content_wrap").eq(num).removeClass('non');
$("#tab li").removeClass('select');
$(this).addClass('select')
});
});

<ul id="tab">
<li class="select">タブ1</li>
<li>タブ2</li>
</ul>
<div class="content_wrap">タブ1の中身</div>
<div class="content_wrap non">タブ2の中身</div>

こちらは問題なく動作しました。
で、このhtmlのセットを複数設置したい要望がありまして、

<ul class="tab">
<li class="select">タブ1-1</li>
<li>タブ1-2</li>
</ul>
<div class="content_wrap">タブ1-1の中身</div>
<div class="content_wrap non">タブ1-2の中身</div>

<ul class="tab">
<li class="select">タブ2-1</li>
<li>タブ2-2</li>
</ul>
<div class="content_wrap">タブ2-1の中身</div>
<div class="content_wrap non">タブ2-2の中身</div>

・・・

としていきたいのですが、この場合のjQueryはどのように記述すればいいでしょうか。

$(".tab li").click(function() {
var numCont = $(".tab").index(this);
var num = $(".tab li").index(this);
numCont++;
$(".tab:nth-child("+ numCont +") li .content_wrap").addClass('non');
$(".tab:nth-child("+ numCont +") li .content_wrap").eq(num).removeClass('non');
$(".tab:nth-child("+ numCont +") li").removeClass('select');
$(".tab:nth-child("+ numCont +") li").addClass('select')
});

としてみたのですが、まず何番目のタブセットかを指定するnumContが取得できていません。
タブが選ばれた時に、選んだエリアと、選んだliを同時に取得する方法がわかりません。
thisを使ってもう少しうまい書き方があるような気もするのですが、何分経験不足なためにご指南頂けると幸いです。

jQueryでタブ切り替えを行うため、以下のように設定しました。

$(function(){
$("#tab li").click(function() {
var num = $("#tab li").index(this);
$(".content_wrap").addClass('non');
$(".content_wrap").eq(num).removeClass('non');
$("#tab li").removeClass('select');
$(this).addClass('select')
});
});

<ul id="tab">
<li class="select">タブ1</li>
<li>タブ2</li>
</ul>
<div class="content_wrap">タブ1の中身</div>
...続きを読む

Aベストアンサー

こんにちは。
確認できる環境にないので、イメージの回答になってしまいますが…

複数セットある場合は、各単位毎にdiv要素などで括っておくと処理がしやすくなります。
また、セット数が増減しても対応可能なように、文書構成を利用した相対的位置関係で処理するような記述をしておくと便利だと思います。
具体的には、まず、その(親)div要素を探して、後は、その要素の子孫要素だけを対象に操作するような記述にしておけば、そのセットだけを対象にすることができます。

さて、ご提示のHTMLのままで処理することももちろん可能です。
処理が少しだけ面倒かもしれませんが、

>numContが取得できていません。
セットの順序は文書の中でのul.tabの順を得れば良いと思いますが、thisはli要素ですよね。
var numCont = $(".tab").index($(this).parent());
のようにすることで取得できると思います。

全体を改めて考えてみるなら、
$(".tab li").click(function() {
var ul = $(this).parent();
var idx = $(">li", ul).removeClass("select").index(this);
$(this).addClass("select");

var content = ul.next(".content_wrap");
for(var i = 0; i < $(">li", ul).length; i++){
if(i == idx) content.removeClass("non");
else content.addClass("non");
content = content.next(".content_wrap");
}
});

※ 実行を確認していませんのでタイポやミスがあるかもしれません。ご参考まで。

こんにちは。
確認できる環境にないので、イメージの回答になってしまいますが…

複数セットある場合は、各単位毎にdiv要素などで括っておくと処理がしやすくなります。
また、セット数が増減しても対応可能なように、文書構成を利用した相対的位置関係で処理するような記述をしておくと便利だと思います。
具体的には、まず、その(親)div要素を探して、後は、その要素の子孫要素だけを対象に操作するような記述にしておけば、そのセットだけを対象にすることができます。

さて、ご提示のHTMLのままで処理するこ...続きを読む

Q../○○.htmlとhttpーーー/○○.htmlのリンクの仕方でどちらがSEO的によいのでしょうか?

../○○.htmlとhttpーーー/○○.htmlのリンクの仕方でどちらがSEO的によいのでしょうか?

お詳しい方どうぞよろしくお願いいたしますm(_ _)m

Aベストアンサー

初めまして。
確かにSEO的にドメインの文字列も有効とされています。
【HTMLを記述する側】として悩んでいらっしゃるようですが、リンクする際に『相対パス』で記述しても『絶対パス』で記述しても、結局【見る側】としてはどちらでも良いのです。

試しに、あなたが作ったファイルをサーバーにアップしたものをHTTP経由でアクセスしてみて下さい。

どうですか?『相対パス』で記述したはずのファイルも、ステータスバーを確認すれば
ちゃんと≪http://○○○.com/○○○.html≫
と表示されているはずです。

GoogleやYahoo!のボットもHTTPアクセスで訪問してくるので、どちらでも良い事になります。

Qタブ切り替えが出来るjavascriptを使用しています。

タブ切り替えが出来るjavascriptを使用しています。


http://5am.jp/jquery/jquery_ui_tabs/
ここのサイトを参考にしてタブ切り替えが動くところまで行きましたが、
どうにかして、別ページからリンクをクリックした時に、特定のタブへ直接飛ぶようにしたいと思っています。

<script type="text/javascript">
 $(function() {
  $('#ui-tab > ul').tabs({ fx: { opacity: 'toggle', duration: 'fast' } });
 });
</script>

ヘッダーにある上記のjavascriptを少し編集すればできそうな気がするのですが、
もうお手上げになっちゃいました。

申し訳ないのですが、どなたか教えていただければと思います。
よろしくお願いします。

Aベストアンサー

 var index = 0;
 var uri = location.href;
 var num = uri.lastIndexOf('#');
 if (num > -1) {
  var idStr = uri.substring(num + 1);
  var list = $('#container-1').children('div');
  list.each(function(n) {
   if (this.id === idStr) {
    index = n;
    return false;
   }
  });
 }

 $('#container-1 > ul').tabs({ fx: { opacity: 'toggle', duration: 'fast' }, selected: index });


オプションのselected(0から始まる数値)で初期表示タブを指定できます。

http://oshiete.goo.ne.jp/qa/5942078.html

やってることはここと同じです。

QHTMLの初歩的な質問。

画像の横に複数行のテキストを回り込ませて、さらに画像は左端寄せ、テキストは右端寄せといったようにするにはどういう記述をすればいいのですか?
画像を右寄せ、複数行のテキストを左寄せにするやり方はわかります。
その逆(画像が左寄せ、テキストが右寄せ)のやり方がわかりません。
初歩的な質問で申し訳ありませんが、どなたかご回答よろしく御願い致します。

Aベストアンサー

<table>突っ込んじゃうのが一番早いかな・・・と(^-^)
<table>
 <tbody>
  <tr>
   <td style = "text-align:left">
    【画像】
   </td>
   <td style = "text-align:right">
    テキスト
   </td>
  </tr>
 </tbody>
</table>

まぁ場当たり的な対処方法ですがお急ぎのようですので・・・( ̄▽ ̄;)

Qサイトでタブをスライドで切り替える方法はありますでしょうか?

ウェブサイトでタブを使っているのですが、他のjqueryの影響を受けてうまくいきません。
bxsliderを使ったタブ切り替えも試しましたが、中身が収納されず全部見えてしまい機能しませんでした。

競合しにくい方法はあるのでしょうか?

宜しくお願いします。

Aベストアンサー

ANo1です

ライブラリを指定いただいても、どのような使い方(設定)をしているのか不明なので、なんとも言えませんが・・・

ざっとサイトを眺めただけですが、両方ともレスポンシブに対応しているようですね。
多分、変数やスコープでの干渉はおきていないものと想像します。

LiquidSliderのほうはスライダーの準備処理として、各パネルに対していくつかのDIV要素を包含要素として追加生成しています。
ご提示のHTMLではUL-LIの構成になっていますが、サイトの例示ではDIV-DIVの構成になっています。
ULの構成だと、この直下にDIV要素が生成されることになり、HTML文法としておかしなものになるので、作者の意図するところではないと想像しますが…?
http://kevinbatdorf.github.io/liquidslider/examples/page1.html
(これがご質問の事象の直接の原因ではないと思いますが念のため)

一方の、imgLiquidはHTML内の指定した画像要素に対して、それを親要素の背景画像に設定して、オリジナルの画像はdisplay:noneとして表示しないようにしています。
こちらの例示では、ブロック要素を親要素とするようなイメージで説明されていますが、ご提示のHTMLではリンク要素が親要素となっており、子要素が非表示になったときにサイズが確保できるようになっているのか不明です。
(質問者様あるいはライブラリが確保していれば別です。でも、リンク要素はなぜ必要なのでしょう?)
https://github.com/karacas/imgLiquid

現状で、imgLiquidを単独設置しても動作していますか?
あるいは(ライブラリが対応してくれているかも知れませんが)、子要素のサイズが無くなった時でもサイズを確保できるようになっているでしょうか?
確認する方法の一つとして、各要素にborder: 1px solid redのような設定を一時的にしてみると、どのような表示になっているかが分かり易くなり確認しやすくなるでしょう。
(ボーダー設定のせいで表示が乱れる場合もあり得ますが…)
なんとなくの想像では、要素の高さが0となってしまって、表示されないように見えているだけではないかと思うのですが…


さらには、Windowをリサイズした時には、これらのライブラリはそれぞれが適正なサイズを再計算しているものと想像しますが、どちらが先に実行されるかは不定です。
(多くの場合は、設定した順に実行されるようですが、順序はブラウザ依存なので不定と言えます)
この時に、スライドするパネルのサイズ(あるいは画像の親要素のサイズ)が計算で変更されるような設定をしていると先に計算を行ったライブラリの想定する値が上書きされて矛盾が生じる可能性が考えられます。
(試したわけではないので、実際はどうかはわかりません)
ご質問文の状況からすると、これが原因とも特定はできませんが。

どのような実装をなさりたいのか不明ですが、要素のサイズの確定をライブラリの計算によらずに、出来る限りブラウザ本体が行えるような仕組みにしておくのが確実そうな気がします。

ANo1です

ライブラリを指定いただいても、どのような使い方(設定)をしているのか不明なので、なんとも言えませんが・・・

ざっとサイトを眺めただけですが、両方ともレスポンシブに対応しているようですね。
多分、変数やスコープでの干渉はおきていないものと想像します。

LiquidSliderのほうはスライダーの準備処理として、各パネルに対していくつかのDIV要素を包含要素として追加生成しています。
ご提示のHTMLではUL-LIの構成になっていますが、サイトの例示ではDIV-DIVの構成になっています。
ULの構成...続きを読む

QHTMLテキストリンクでExcelファイルを開く方法

現在、以下にてリンクを張っています。

<a href="○○.xls" target="_blank">ファイル名</a>

IE7では、期待通りEXCELが立ちあがり、指定したファイルが表示されるのですが、FireFox3.5.5では、FireFox内の別タグにて表示されます。
これを、IE7と同様に、EXCELにてファイル表示される方法はないのでしょうか?

※ユーザー側での指定方法は除きます。プログラムで解決できる方法を教えていただけませんでしょうか?

Aベストアンサー

無理。
IEだって設定を変えなければExcel単体では立ち上がらない(デフォルトは別ウィンドウのIEで立ち上がる)し、
FireFoxのように必ず別タブで表示されるように変更することもできる。
その制御を開発側でコントロールするのは不可能。

あなたはxlsファイルをhttp経由でダウンロードしてよいということを提供しているだけに過ぎないのであり、
その取得したファイルをどのように扱うのかというのはユーザ(側のコンピュータ)が判断します。
これはxlsに限らず、htmlだってjpgだってなんでも同じことです。


FF、safari、operaが優先ねぇ。
気持ちが分からんでもないけど、IEの動作確認が「オマケ」というのはありえないね。
オレもMSは嫌いだけど、世の中のほとんどの人がIEを使っているというのは紛れもない事実だからね。

Qjqueryでのタブを設置して別ページからリンクする時

jqueryでのタブを設置して別ページからリンクする時

jqueryのタブで
ABCDとタブによって内容が表示されるページを作ったとして

別のページから入って着た時にDのタブによって表示されてる状態にできるものなのですか?

基本的にはAが初期に出てて
あるリンクから入るとDが出てるという指定です。

宜しくお願い致します。

Aベストアンサー

どのページから入って来たかは、
document.referrer
で判定できます。あるいは、別のページからリンクをはる時に、
href="hogehoge.html#D"のようにハッシュを付けておけば、
location.hashでも判定できる。それらの情報を使って

window.onload=function(){

}
の中でどのタブを開くか判定してやればよいでしょう。
タブの開き方は、どんなスクリプトでタブメニューを実装してるか
解りませんから、書けませんね。

Q一つのリンクで、複数のウィンドウを開くhtml

一つのリンクで、複数のウィンドウを別々の任意の位置とサイズで表示させる、htmlでの方法を教えて下さい。時間差で表示させる方法もあれば嬉しいです。

Aベストアンサー

HTML だけでは無理ですね。というわけでスクリプトで実現する方法です。

<a href="aaa.html" onclick="return openWin2()">開く</a>
<!-- href はスクリプト無効時の保険 -->

<script>
function openWin2() {
setTimeout(function(){
window.open('aaa.html', 'aaa', 'left=320,top=0,width=320,height=200');
}, 1000); // 押下1秒後に表示
setTimeout(function(){
window.open('bbb.html', 'bbb', 'left=0,top=200,width=320,height=200');
}, 3000); // 押下3秒後に表示
return false;
}
</script>


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング