.click()で開いたページの要素にセットしたい。

Question

document.getElementById("tab_open").click();

上記コードでボタンをクリックし、新しくページを開いて、下記のように新しいページの要素にセットしたいのですが、可能でしょうか。

document.getElementById("name").value = "teratail";

無理そうな感じもするのですが、よろしくお願い致します。

Answer 1

遷移先のページを変更することなくページを操作したかったのですが、難しそうだと判明したので今回のは諦めます。
ありがとうございました。

Answer 2

a.html から b.php を開くとして、a.html から b.php の window を参照する方法がないのなら、b.html 側で処理をするように仕組みを作るしかないですね。
(b.php の window を参照する方法があるか否かは、b.php を開く仕組みが示されていないのでわかりません)

• b.php で受け取ったパラメータを元にPHPで値をセットする
• Cookie で値を共有し、b.php のPHPもしくはJavaScriptで値をセットする
• Web Strage で値を共有し、b.php の JavaScript で値をセットする

Re: IDLOCK さん

Comments

[IDLOCK]

think49さん
今回も御回答有難う御座います。
前回(https://teratail.com/questions/23173)の続きになるのですが、開いたタブのボタンをクリックして、更にタブを開いてそのタブを操作したかったのですが、流石にできなさそうですね。(b.html,c.htmlを一切変更せずに。)

ありがとうございました。

Answer 3

画面内でコンテンツ表示用にタブスタイルの画面構成である、ってことですかね。
ならば、iframe を使えば目的を達成出来るかと。画面の拡大縮小も絡む話だと、ちょっとややこしくなりますが、iframe と onreadystatechange で同一オリジンの別の画面がロード完了したタイミングで、特定要素に対して初期値を格納することはできます。

Comments

[ipadcaron]

edo さんの返事を見て書き込みましたが、どうも、sugiyama さんの返事を見ると？な感じです。

[IDLOCK]

ipadcaronさん
御回答有難う御座います。
遷移した先のページに手を加える事なく画面を操作(Seleniumみたいに)したかったのですが、流石に出来なそうなので今回は諦めます。
有難う御座いました。

Answer 4

実現されたいことをちゃんと理解していないかもしれませんが、クリックのタイミングで新しいページを次々に追加していくイメージと考えていいですか？だとするとJavaScriptでHTMLをダイナミックに書き換えるの記事が参考になると思います。

ダミーというか、空の(必要最小限の表示要素のみ記載した)htmlファイルに動的追加用のタグを書いておいて、その内部にHTML要素を追加していくことで、ページが切り替わったように見せることはできます。
もちろん、それまで表示していたページもArray等に保管しておいて、必要に応じて切り替えられるようにしておけばお望みの処理になるのではないでしょうか。

Comments

[IDLOCK]

KoichiSugiyamaさん
ご回答有難う御座います。

流れとしましてはjsが書いてあるhtmlを読み込んで、window.openで指定のURLを開きます。
更にそのURLで開いたページのボタンをクリックする事で、別のページがオープンして、その中にあるinputboxにセットしたいという感じです。

よろしくお願い致します。

Answer 5

開く対象のページは同じオリジンのページですか？
それであれば、以下のようにすることで対応できると思います。

var openedWindow = open('http://...');
openedWindow.document.getElementById('hoge').value = '';

open関数の戻り値は開いたウィンドウのwindowオブジェクトなので、その下へのアクセスは通常の方法と違いはありません。

Comments

[IDLOCK]

edo_m18さん
ご回答有難う御座います。

今回の場合、同一オリジンなのですがwindow.openを使わずにボタンクリックでページを遷移しないといけません。
この場合はやはり、難しいでしょうか。

よろしくお願い致します。

[edom18]

ちょっと状況が把握しきれていませんが、クリックしたときの処理として上記の`open`関数を読んであげればいいような気がしますが、それができない状態、ということでしょうか？

[IDLOCK]

edo_m18さん
openで開くのではなくボタンをクリックして開く必要があるので、悩んでいたのですがどうやら難しいみたいなので、今回は諦めます。
有難う御座いました。

[edom18]

えっと、ボタンをクリックすることと `open` を使うことはまったく関係のない話なので、なにをどうしたいのかちょっと分かりません・・。
クリックイベントを拾って、その中で `open` を実行する方法は使えない、ということですか？

[IDLOCK]

edo_m18さん
既にできているページ（A）に新たに別のページ（B）を開くボタンがあるのですが、コードは実行するページ(C)に書かれていてCからwindow.openでAを開いて更にその中にあるボタンを押下してBのページを開くところまでは出来たのですが、その中の要素が取れないかと思い質問しました。
また、既にあるAとBのページには手を加えずに行いたく、またボタンをクリックすると新たにページが開くのですが、クリックすると別のJSが走り、それを走らせる必要がありwindow.openでは出来ませんでした。

非常にわかりにくくて申し訳ありません。