私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.78 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
ブラウザ依存の実装になると思うんですが、FireFox で新しいタブを開き、なおかつ開いたタブにフォーカスを移したくないです。
window.open だと新しいタブは開きますが、同時にそちらのタブへ表示が切り替わってしまいます。
こうではなくて、今まで操作していたタブを表示したままにしたいです。
開く前のウィンドウで focus しても何も起こらず、開いたウィンドウの方で blur をすると、そのタブを含むブラウザウィンドウから
フォーカスが外れて違うブラウザウィンドウにフォーカスが移りました。
これを実現する方法はあるでしょうか？
window.open だと新しいタブは開きますが、同時にそちらのタブへ表示が切り替わってしまいます。
こうではなくて、今まで操作していたタブを表示したままにしたいです。
開く前のウィンドウで focus しても何も起こらず、開いたウィンドウの方で blur をすると、そのタブを含むブラウザウィンドウから
フォーカスが外れて違うブラウザウィンドウにフォーカスが移りました。
これを実現する方法はあるでしょうか？
やりたいのは、画像のサムネイルをクリックするとその原寸画像が表示されるんだけど、
大抵は何個もクリックして後でまとめて見るという流れが多いので、いちいち開いたタブに切り替えたくない
ってのがやりたい理由。
なんにしても、できなそうですよね。
つか、これで引っ掛け的なことってできるかな？
大抵は何個もクリックして後でまとめて見るという流れが多いので、いちいち開いたタブに切り替えたくない
ってのがやりたい理由。
なんにしても、できなそうですよね。
つか、これで引っ掛け的なことってできるかな？
>>507
その設定ってどうやるの？
新しいウィンドウをタブで開くかどうかの設定と、新しく開いたタブに切り替えるかどうかの設定はあるけど、
その設定いじっても、新しいウィンドウをタブで開いた後でそのタブに切り替えないってことはできてないよ。
CTRL+リンク とかで開くタブは設定どおりに動いてるけど、window.open ではダメだったりしない？
その設定ってどうやるの？
新しいウィンドウをタブで開くかどうかの設定と、新しく開いたタブに切り替えるかどうかの設定はあるけど、
その設定いじっても、新しいウィンドウをタブで開いた後でそのタブに切り替えないってことはできてないよ。
CTRL+リンク とかで開くタブは設定どおりに動いてるけど、window.open ではダメだったりしない？
> 大抵は何個もクリックして後でまとめて見るという流れが多いので、いちいち開いたタブに切り替えたくない
って考えの人は個人個人でそういう操作してるでしょ
FirefoxならCtrl+クリックで新規バックグラウンドタブに開く
って考えの人は個人個人でそういう操作してるでしょ
FirefoxならCtrl+クリックで新規バックグラウンドタブに開く
サムネイルを選んでもらってアルバム化（リスト化）
できあがったアルバムを開いて写真を見る
っていう作りにしたらいいんじゃねえか
できあがったアルバムを開いて写真を見る
っていう作りにしたらいいんじゃねえか
新しいウインドウを開かずに、同じウインドウ内に画像を読み込んで表示すればいんじゃね。
要素(タグ)を加えたり消したり位置を変えたり、ページを弄る動作をする前に、
仮想ページを作り仮想上であらかじめその動作をさせて動作後のページ(主に要素の位置)がどうなるか確かめる
といったことをしたいのですが
こういう感じでする、というヒントを教えていただけると幸いです
ちなみに現在は見えないiframeの中に同じページを作って仮想ページとして扱っています
仮想ページを作り仮想上であらかじめその動作をさせて動作後のページ(主に要素の位置)がどうなるか確かめる
といったことをしたいのですが
こういう感じでする、というヒントを教えていただけると幸いです
ちなみに現在は見えないiframeの中に同じページを作って仮想ページとして扱っています
>>515
要点だけまとめたから単純な話になってるけど、条件に応じたいろいろな処理を伴っているのです。
クライアントのローカルディスクに置いておく、自分用のツール群の一部です（処理対象は外部サーバだけど）。
UI や設計についてアドバイスしてくれようとするのも有難いことではあるのですが、それならそこも含めて質問するので、
とりあえずは当初の質問にあるような動作についての回答だともっと有難いです。
要点だけまとめたから単純な話になってるけど、条件に応じたいろいろな処理を伴っているのです。
クライアントのローカルディスクに置いておく、自分用のツール群の一部です（処理対象は外部サーバだけど）。
UI や設計についてアドバイスしてくれようとするのも有難いことではあるのですが、それならそこも含めて質問するので、
とりあえずは当初の質問にあるような動作についての回答だともっと有難いです。
>>518
条件によっては可能。条件が不明なら答えようがない。以上。
条件によっては可能。条件が不明なら答えようがない。以上。
自分のためならGreasemonkeyのGM_openInTabでいいんじゃないのか
>>524 ごめんうそ、間違えた。フォーカスはfirefox自信の設定だった。
これからプログラミングの第一歩としてJavascriptを
勉強しようと思うんだが、どうやって学習していくのが
一番効率がいいのだろうか？
一応HTMLとCSSの基礎は理解している。
勉強しようと思うんだが、どうやって学習していくのが
一番効率がいいのだろうか？
一応HTMLとCSSの基礎は理解している。
とりあえずFirefox+Firebug入れてHTMLとDOMの関係、DOMのAPIについて調べる
本読んで、自分で書いてみて、他人のソース読んで、
慣れてきたら仕様書読んで、更に自分で書いてきた
コードを読み直して書き方を改めて、常に最新の動向を
チェックし続けるのが一番効率良いんじゃないかな。
慣れてきたら仕様書読んで、更に自分で書いてきた
コードを読み直して書き方を改めて、常に最新の動向を
チェックし続けるのが一番効率良いんじゃないかな。
<a><img></a>の上に、さらに<a><img></a>を重ねたい。
具体的にいえば、
<a href="atari"><img src="atari"></a>
の上に、
<a href="ooatari_tokubaibi"><img src="ooatari_tokubabi"></a>
みたいなの。
で、これを、Javascriptでやりたい。
document.getElementByID(atari).appenChild(ooatari_tokubaibi)
とかやると、優先順位の関係で「大当たり」が背面になっちゃう。
どうしましょう。
大当たりを前面にしないとだめなんだけど。
なお、style.zIndexはz-Index/zIndex双方ともうまくいきません。
具体的にいえば、
<a href="atari"><img src="atari"></a>
の上に、
<a href="ooatari_tokubaibi"><img src="ooatari_tokubabi"></a>
みたいなの。
で、これを、Javascriptでやりたい。
document.getElementByID(atari).appenChild(ooatari_tokubaibi)
とかやると、優先順位の関係で「大当たり」が背面になっちゃう。
どうしましょう。
大当たりを前面にしないとだめなんだけど。
なお、style.zIndexはz-Index/zIndex双方ともうまくいきません。
<a><img src="atari" style="position:absolute;z-index:1"></a>
<a><img src="ooatari_tokubabi" style="position:absolute;z-index:100"></a>
<a><img src="ooatari_tokubabi" style="position:absolute;z-index:100"></a>
あ、非常に大切なこと：
もとのHTMLは書き換えられないんです。
あくまで、Javascriptを追加することしかできない。
よって、
<a><img src="atari" style="position:absolute;z-index:1"></a>
の「style="position:absolute;z-index:1"」は無理。
z-Indexって、重なる相手もposition属性を持ってないとダメでしょ。
そこがクリアできない。
もちろん、「Atari」にJavascriptでposition属性を注入することも
できるかもしれないけど・・・。
いずれにせよ、全部Javascriptでやんないとダメ。
もとのHTMLは書き換えられないんです。
あくまで、Javascriptを追加することしかできない。
よって、
<a><img src="atari" style="position:absolute;z-index:1"></a>
の「style="position:absolute;z-index:1"」は無理。
z-Indexって、重なる相手もposition属性を持ってないとダメでしょ。
そこがクリアできない。
もちろん、「Atari」にJavascriptでposition属性を注入することも
できるかもしれないけど・・・。
いずれにせよ、全部Javascriptでやんないとダメ。
>document.getElementByID(atari)
とかかいてるってことは
<a href="atari"><img src="atari" id="atari"></a>
とかなってるの？
もっと正しいものだしてくれないと
とかかいてるってことは
<a href="atari"><img src="atari" id="atari"></a>
とかなってるの？
もっと正しいものだしてくれないと
ほらよ
<script>
window.onload=function(){
var img = document.images;
img[0].style.position='absolute';
img[0].style.zIndex='1';
img[1].style.position='absolute';
img[1].style.zIndex='10';
}
</script>
<a><img src="atari"></a>
<a><img src="ooatari_tokubabi"></a>
<script>
window.onload=function(){
var img = document.images;
img[0].style.position='absolute';
img[0].style.zIndex='1';
img[1].style.position='absolute';
img[1].style.zIndex='10';
}
</script>
<a><img src="atari"></a>
<a><img src="ooatari_tokubabi"></a>
document.getElementByID(atari).parentNode.appenChild(ooatari_tokubaibi)
こうしなきゃ <a><img><a><img></a></a> とかいう不可解な構造になるんじゃね
こうしなきゃ <a><img><a><img></a></a> とかいう不可解な構造になるんじゃね
一万行近く分割して書いていると変数名を被らないように考えるのが大変なのですが
いっそa b c...
とつけた方がいいでしょうか？
諸事情で携帯で作成しています
｢PCで書け｣は泣くので言わないでください
いっそa b c...
とつけた方がいいでしょうか？
諸事情で携帯で作成しています
｢PCで書け｣は泣くので言わないでください
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ
/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで / 
JavaScript スレッド一覧へ類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.74 + (1001) - [97%] - 2009/12/1 6:08 ○
- + JavaScript の質問用スレッド vol.75 + (1001) - [97%] - 2010/1/23 1:07 ○
- + JavaScript の質問用スレッド vol.76 + (1001) - [97%] - 2010/3/10 4:02
- + JavaScript の質問用スレッド vol.77 + (1001) - [97%] - 2010/5/8 19:06
- + JavaScript の質問用スレッド vol.79 + (1001) - [97%] - 2010/9/11 6:50
- + JavaScript の質問用スレッド vol.88 + (1001) - [97%] - 2011/7/20 7:03
- + JavaScript の質問用スレッド vol.98 + (1001) - [97%] - 2012/4/9 14:46
- + JavaScript の質問用スレッド vol.138 + (1004) - [95%] - 2019/4/20 23:45
- + JavaScript の質問用スレッド vol.128 + (1001) - [95%] - 2016/2/26 6:45
- + JavaScript の質問用スレッド vol.108 + (1001) - [95%] - 2013/9/21 15:16
- + JavaScript の質問用スレッド vol.118 + (1002) - [95%] - 2014/8/29 22:30
- + JavaScript の質問用スレッド vol.94 + (1001) - [95%] - 2012/1/8 15:46
- + JavaScript の質問用スレッド vol.93 + (1001) - [95%] - 2012/1/1 4:46
- + JavaScript の質問用スレッド vol.96 + (1001) - [95%] - 2012/1/28 23:01
- + JavaScript の質問用スレッド vol.95 + (1001) - [95%] - 2012/1/17 4:16
- + JavaScript の質問用スレッド vol.97 + (1001) - [95%] - 2012/3/1 3:31
- + JavaScript の質問用スレッド vol.99 + (1001) - [95%] - 2012/5/7 4:32
トップメニューへ / →のくす牧場書庫について