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

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

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

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

ポップアップ

一般的に、ポップアップは、ウィンドウやアプリケーションに上に浮かぶUIエレメントを指します。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Eclipse

Eclipseは、IBM社で開発された統合開発環境のひとつです。2001年11月にオープンソース化されました。 たくさんのプラグインがあり自由に機能を追加をすることができるため、開発ツールにおける共通プラットフォームとして位置づけられています。 Eclipse自体は、Javaで実装されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

Q&A

解決済

ajax通信(サーバからのレスポンス)でテキストコピーボタン付きのポップアップを表示させたい

engnao
engnao

総合スコア28

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

ポップアップ

一般的に、ポップアップは、ウィンドウやアプリケーションに上に浮かぶUIエレメントを指します。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Eclipse

Eclipseは、IBM社で開発された統合開発環境のひとつです。2001年11月にオープンソース化されました。 たくさんのプラグインがあり自由に機能を追加をすることができるため、開発ツールにおける共通プラットフォームとして位置づけられています。 Eclipse自体は、Javaで実装されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

2回答

0グッド

1クリップ

1404閲覧

投稿2020/10/28 00:50

編集2020/10/28 01:14

【問題】
ajax通信によるサーバからレスポンスで、テキストコピーボタン付きのポップアップを表示させたいです。

【調査した事】
現在、aleart関数によりポップアップを表示させていますが、aleart関数だとボタンの追加(カスタマイズ)ができないとオンライン資料に記載されておりました。
また、confirm関数も同様にカスタマイズできないと記載されており、Dialogでポップアップを表示させるとボタンの追加(カスタマイズ)ができると記載されておりました。

【修正点】
以下ソースコードのsuccessのalert部分です。

【コード】
問題のソースコードは以下の通りです。

javasclipt

1j$("#reset").click(function (){ 2 if (confirm("パスワードを再発行します。\nよろしいですか?")) { 3 var Id = j$("input[name='Id']").val(); 4 j$.ajax({ 5 type : "POST", 6 url : "./reset", 7 data : "Id=" + Id, 8 success : function(data) { 9 alert('新しいパスワードは、' + data + 'です。'); 10 }, 11 error : function() { 12 alert("読み込み失敗"); 13 } 14 15 }); 16 } 17 });

【実装したいもの】
パスワードを再発行する機能で、サーバーからのレスポンス(変数data)には、生成したPWが入っています。
実装したいものは、生成したパスワード(data)をコピーするテキストコピーボタンを、表示するポップアップに追加したいです。

【構築環境】
・eclipse
・java
・javasclipt

以下のような質問にはグッドを送りましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

グッドが多くついた質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

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

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

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

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

2020/10/28 01:20

こちらの質問が複数のユーザーから「過去の低評価」という指摘を受けました。

yambejp

2020/10/28 00:55

ajaxのsuccess/errorは古い書き方です
m.ts10806

2020/10/28 00:58

作業依頼になっています。
hentaiman

2020/10/28 00:59

今の試したコード無しの丸投げ状態だとどんな実装を希望しているのかすら分かりません daialogが何を指しているのか知りませんが、dialogで作ってみたらいいと思います それとも参考にしたサイト(?)のdialogが何を意味しているのかすら分からない状態ですか?
engnao

2020/10/28 01:06

yambejpさん ご回答ありがとうございます。 調べた所、確かにsuccess/errorは古い書き方でした。 $.ajax({ オプション }) .then(成功時の処理, 失敗時の処理); 今回は既存に合わせるようにコードを書きますが、 次回から上記の方法でコードを書こうと思います。 ありがとうございます。
engnao

2020/10/28 01:08

m.ts10806さん ご指摘ありがとうございます。 今後質問する際は、充分に注意いたします。
m.ts10806

2020/10/28 02:51

>今後 今からでも試してその結果を追記すれば良い話かと思います。何日も何週間もかかるものでもないでしょうし

回答2

0

ベストアンサー

Dialogでポップアップを表示させるとボタンの追加(カスタマイズ)ができると記載されておりました。

jQuery UI の Dialog で目的は果たせるのでは? デモがあるので見てください。ソースもそのページに出ています。

Dialog
https://jqueryui.com/dialog/

ググれば他にも同種のプラグインは見つかると思いますので探してみてはいかがですか。

投稿2020/10/28 01:53

SurferOnWww

総合スコア17417

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

回答へのコメント

engnao

2020/10/29 02:40

多くのご回答、ありがとうございます。 頂きました意見を参考にして、jquery.dialogを使用する事に致しました。 そこで、以下のコードを記述し、再度実行しました。 しかし、ブラウザの管理ツール上にエラー「Uncaught TypeError: Cannot read property 'dialog' of null」が表示され、ダイアログが表示できませんでした。 何度も質問して申し訳ないですが、 この事象について、原因がわかる方、ご教示いただきたいです。 j$("#reset").click(function (){ if (confirm("パスワードをリセットします。\nよろしいですか?")) { var Id = j$("input[name='Id']").val(); j$.ajax({ type : "POST", url : "./reset", data : "Id=" + Id, }).done(function(data){ $("#Sample_ID").dialog({ modal: true, autoOpen: false, title: 'ダイアログを表示', }); $("#Sample_ID").dialog('open'); }).fail(function(){ alert("読み込み失敗"); }); } });
SurferOnWww

2020/10/29 06:20

jQuery ajax とかはとりあえず使うのはやめて、単純に button クリックなどで、中身はクローズボタン一つでもいいので Dialog を表示することはできるのですか? j$ って何ですか? その反対 $j は衝突回避とかで時々目にしますけど、それですか? 衝突するなら $("#Sample_ID") も衝突回避が必要とか? あと Sample_ID って何ですか?

0

手っ取り早いのだとdialg dialogタグを動的につくることでしょうか

投稿2020/10/28 01:00

編集2020/10/28 01:09
yambejp

総合スコア109061

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

回答へのコメント

yambejp

2020/10/28 01:04

でもidを送ってパスワードをリセットし、それがその場で確認できるんだと アカウントの乗っ取り仕放題だと思いますが・・・
engnao

2020/10/28 01:17

yambejp 管理者が使用するツールですので、そこは問題ないと思います。
engnao

2020/10/28 01:19

yambejp ご回答ありがとうございます。 ・ dialogタグを動的につくる について、一旦自身でも調査した上、実装してみます。
yambejp

2020/10/28 01:29

流れ的にはこんな感じ <script> $(function(){ $('#btn').on('click',function(){ $.ajax({ ・・・ }).done(function(data){ $(`<dialog open><input type="text" id="newpass" value="${data}"><input type="button" id="copy" value="copy"></dialog>`).appendTo('body'); }); }); }); </script> <input type="button" id="btn" value="パスワードリセット">

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

ただいまの回答率
86.02%

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

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

質問する

関連した質問

同じタグがついた質問を見る

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

ポップアップ

一般的に、ポップアップは、ウィンドウやアプリケーションに上に浮かぶUIエレメントを指します。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Eclipse

Eclipseは、IBM社で開発された統合開発環境のひとつです。2001年11月にオープンソース化されました。 たくさんのプラグインがあり自由に機能を追加をすることができるため、開発ツールにおける共通プラットフォームとして位置づけられています。 Eclipse自体は、Javaで実装されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。