質問編集履歴

1 イメージ画像を追加

fuyoS

fuyoS score 1

2020/07/16 10:10  投稿

選択したテキストにカーソルを合わせるとコメントが打てるシステムの実装方法
現在webサイトを作っているのですが、タイトルにも書いた通り、カーソルで選択したテキストにホバーするとtextareaが表示されコメントが打てるというシステムを作りたいと考えています。機能的にはwordのコメント機能みたいなものを想像しています。
 初心者で具体的な実装方法が分からないので、必要言語と方法を教えていただけると幸いです。
 
↓今書いているコードです。
```html
<!DOCTYPE html>
<html lang="ja">
   <head>
       <link rel="stylesheet" href="css/test.css">
   </head>
   <body>
       <p>テキストテキストテキストテキストテキストテキストテキストテキスト</p>
   </body>
</html>
```
```css
@charset "UTF-8";
p::selection {
   color: white;
   background: rgb(232, 203, 255,.7);
}
```
```
↓補足です
![イメージ説明](f112242bc592f7038eaf37e0226ff469.png)
![イメージ説明](5fbad5b7c350d6776a24eac73c9913fa.png)
![イメージ説明](41d3a7ae22b7747221e339e7bcbf5583.png)
  • JavaScript

    36513 questions

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

  • CSS

    16701 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • jQuery

    13091 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る