質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

2回答

912閲覧

ポップアップウィンドウを開いたときに指定場所まで移動させるためにはどのようにすればいいでしょうか?

GIIIG

総合スコア9

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2019/09/18 09:15

編集2019/10/01 03:32

初めての投稿なので至らない部分もあると思いますが何卒宜しくお願い致します。

前提・実現したいこと

悩み ポップアップウィンドウを開いたときに指定場所まで移動させるためにはどのようにすればいいでしょうか?

actionではただ、ポップアップウィンドウを開くのみ
action1では、ポップアップウィンドウを起動しh2まで移動させたいです。

現状

action,action1は隣り合うboxなのですが、actionしか起動せず、action1は起動しません。

また、idで同ページジャンプをしようとしますが
ポップアップウィンドウを起動してからどのようにすればいいのでしょうか?

発生している問題・エラーメッセージ

Javascript

1<script type="text/javascript"> 2 $(function(){ 3 $('.action, action1').click(function(){ 4 //action,action1で同ポップアップウィンドウを起動 5 $('.popup').fadeIn(); 6 }); 7 $('.popup-close').click(function(){ 8 $('.popup').fadeOut(); 9 }); 10 11 }); 12 </script> 13 14 15 16

html

1<section class="top"> 2 <div class="btn top-banner_title action"> 3 //ポップアップウィンドウ起動 4   </div> 5 <div class="btn top-banner_title action1"> 6  //ポップアップウィンドウを起動し、h2まで移動したい 7   </div> 8 </section> 9 10----------------------------------------------------- 11 12<section class-"popup> 13 <h1>Title</h1> 14 <h2 id="info">Title1</h2> 15 </section> 16

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yambejp

2019/09/18 10:59 編集

typoひどい(1箇所や2箇所じゃない)ので、現時点できちんと動くようなソースを提示ください おなじ内容がダブっている箇所もあるので整理してください
GIIIG

2019/09/18 11:07

ご回答ありがとうございます。 現時点で解決した問題と解決したい問題を整理、編集させていただきました。
yambejp

2019/09/18 11:20 編集

$(function()の中に$(function()をいれないこと getElementById('#info')→idに#はつけないこと ('.action1').clickのfunctionの中に意味不明なfunction scrollTopはwindowのメソッドでよいの? <section class-"popup>とかもうむちゃくちゃ わからないならわからないなりに、もうちょっとちゃんとやりましょうよ・・
GIIIG

2019/09/18 11:26

最底辺の人間なんですいません。
yambejp

2019/09/18 11:28

もうちょっと良いエディタ使うだけであきらかな間違いは可視化できます 開発環境を整えるところからじゃないでしょうか
GIIIG

2019/09/18 11:57

質問する以前の問題でしたね。出直してきます。
guest

回答2

0

自己解決

質問する以前の問題でした。

解決方法

ー開発環境を整える
ーわからないなりに勉強する

勉強した結果

以下のコードで正しく挙動確認できました。

JavaScript

1var myfunc1 = $(function(){ 2 $('.action1').click(function(){ 3 $('.popup').fadeIn(); 4 }); 5 6 var element = document.getElementById("info"); 7 var myfunc2 = $(function(){ 8 $('.action1').click(function() { 9 element.scrollIntoView(); 10 }); 11 }); 12 13 $('.popup-close').click(function(){ 14 $('.popup').fadeOut(); 15 }); 16 });

投稿2019/09/18 12:00

編集2019/09/19 02:57
GIIIG

総合スコア9

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2019/09/18 12:04

どのように解決したかコードを回答欄に追記いただけませんか?このページに辿り着いた同じ疑問を持つ人のために、ぜひお願いします。 【ヘルプ|teratail(テラテイル)】 https://teratail.com/help#resolve-myself > 質問をした後に自己解決してしまった > > 自分で投稿した質問にも回答する事が可能です。質問文の内容を編集したりせず、回答を付けベストアンサーをクリックし解決済みにしてください。 > また後から読む人のためにも、具体的な解決手順を記載してください。
guest

0

'.action, action1'

'.action, .action1'

投稿2019/09/18 09:30

kei344

総合スコア69366

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

GIIIG

2019/09/18 09:51

回答ありがとうございます。 すいません、とんだ不注意でした・・・ 開くようにはなったのですが、同ページジャンプができない状態です。 是非お力を貸していただければと思います。
kei344

2019/09/18 09:55

「ポップアップウィンドウ」というものがどう実装されているかがわからないので、そこも含めて提示されてはいかがでしょうか。
GIIIG

2019/09/18 10:17

至らない部分が多数あり申し訳ありません。 上記に全文を記載してみたのですが、これでよろしいでしょうか?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問