クリップボードにコピー - ちゃっと掲示板

このトピックは空です。

3件の返信スレッドを表示中

投稿者

投稿
- 2025年2月21日 3:31 AM #1850 返信
  
  でめにぎ
  ゲスト
  
  趣味に役立てたい
  <!DOCTYPE html>
  <html lang=”ja”>
  <head>
  <meta charset=”UTF-8″>
  <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
  <title>クリップボードにコピー</title>
  <style>
  textarea {
  width: 200px;
  height: 100px;
  resize: none;
  }
  .container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  }
  .heading {
  width: 100%;
  text-align: center;
  font-size: 20px;
  padding: 10px;
  font-weight: bold;
  background-color: #007bff;
  color: white;
  cursor: pointer;
  border-radius: 5px;
  }
  .content {
  display: block;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  }
  .hidden {
  max-height: 0;
  padding: 0;
  overflow: hidden;
  }
  .copy-btn {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  margin-top: 5px;
  border-radius: 5px;
  }
  .copy-btn:hover {
  background-color: #0056b3;
  }
  </style>
  <script>
  function toggleVisibility(sectionId) {
  const section = document.getElementById(sectionId);
  section.classList.toggle(“hidden”);
  }
  
  function copyText(id) {
  const textArea = document.getElementById(id);
  navigator.clipboard.writeText(textArea.value);
  }
  </script>
  </head>
  <body>
  
  <!– 1段目のヘッダー（クリックで開閉） –>
  <div class=”heading” onclick=”toggleVisibility(‘section1’)”>▼ 1段目のテキストボックス</div>
  <div id=”section1″ class=”content”>
  <div class=”container”>
  <div>
  <textarea id=”textToCopy1″>テキスト1</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy1’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy2″>テキスト2</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy2’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy3″>テキスト3</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy3’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy4″>テキスト4</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy4’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy5″>テキスト5</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy5’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy6″>テキスト6</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy6’)”>コピー</button>
  </div>
  </div>
  </div>
  
  <!– 2段目のヘッダー（クリックで開閉） –>
  <div class=”heading” onclick=”toggleVisibility(‘section2’)”>▼ 2段目のテキストボックス</div>
  <div id=”section2″ class=”content”>
  <div class=”container”>
  <div>
  <textarea id=”textToCopy7″>テキスト7</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy7’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy8″>テキスト8</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy8’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy9″>テキスト9</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy9’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy10″>テキスト10</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy10’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy11″>テキスト11</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy11’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy12″>テキスト12</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy12’)”>コピー</button>
  </div>
  </div>
  </div>
  
  </body>
  </html>
- 2025年2月21日 11:28 PM #1864 返信
  
  でめにぎ
  ゲスト
  
  <!DOCTYPE html>
  <html lang=”ja”>
  <head>
  <meta charset=”UTF-8″>
  <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
  <title>クリップボードにコピー</title>
  <style>
  textarea {
  width: 200px;
  height: 100px;
  resize: none;
  }
  .container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  }
  .heading {
  width: 100%;
  text-align: center;
  font-size: 20px;
  padding: 10px;
  font-weight: bold;
  background-color: #007bff;
  color: white;
  cursor: pointer;
  border-radius: 5px;
  }
  .content {
  display: block;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  }
  .hidden {
  max-height: 0;
  padding: 0;
  overflow: hidden;
  }
  .copy-btn {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  margin-top: 5px;
  border-radius: 5px;
  }
  .copy-btn:hover {
  background-color: #0056b3;
  }
  </style>
  <script>
  function toggleVisibility(sectionId) {
  const section = document.getElementById(sectionId);
  section.classList.toggle(“hidden”);
  }
  
  function copyText(id) {
  const textArea = document.getElementById(id);
  navigator.clipboard.writeText(textArea.value);
  }
  </script>
  </head>
  <body>
  
  <!– 1段目のヘッダー（クリックで開閉） –>
  <div class=”heading” onclick=”toggleVisibility(‘section1’)”>▼ 1段目のテキストボックス</div>
  <div id=”section1″ class=”content”>
  <div class=”container”>
  <div>
  <textarea id=”textToCopy1″>テキスト1</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy1’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy2″>テキスト2</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy2’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy3″>テキスト3</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy3’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy4″>テキスト4</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy4’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy5″>テキスト5</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy5’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy6″>テキスト6</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy6’)”>コピー</button>
  </div>
  </div>
  </div>
  
  <!– 2段目のヘッダー（クリックで開閉） –>
  <div class=”heading” onclick=”toggleVisibility(‘section2’)”>▼ 2段目のテキストボックス</div>
  <div id=”section2″ class=”content”>
  <div class=”container”>
  <div>
  <textarea id=”textToCopy7″>テキスト7</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy7’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy8″>テキスト8</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy8’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy9″>テキスト9</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy9’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy10″>テキスト10</textarea><br>
  <button cla<!DOCTYPE html>
  <html lang=”ja”>
  <head>
  <meta charset=”UTF-8″>
  <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
  <title>クリップボードにコピー</title>
  <style>
  textarea {
  width: 200px;
  height: 100px;
  resize: none;
  }
  .container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  }
  .heading {
  width: 100%;
  text-align: center;
  font-size: 20px;
  padding: 10px;
  font-weight: bold;
  background-color: #007bff;
  color: white;
  cursor: pointer;
  border-radius: 5px;
  }
  .content {
  display: block;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  }
  .hidden {
  max-height: 0;
  padding: 0;
  overflow: hidden;
  }
  .copy-btn {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  margin-top: 5px;
  border-radius: 5px;
  }
  .copy-btn:hover {
  background-color: #0056b3;
  }
  </style>
  <script>
  function toggleVisibility(sectionId) {
  const section = document.getElementById(sectionId);
  section.classList.toggle(“hidden”);
  }
  
  function copyText(id) {
  const textArea = document.getElementById(id);
  navigator.clipboard.writeText(textArea.value);
  }
  </script>
  </head>
  <body>
  
  <!– 1段目のヘッダー（クリックで開閉） –>
  <div class=”heading” onclick=”toggleVisibility(‘section1’)”>▼ 1段目のテキストボックス</div>
  <div id=”section1″ class=”content”>
  <div class=”container”>
  <div>
  <textarea id=”textToCopy1″>テキスト1</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy1’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy2″>テキスト2</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy2’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy3″>テキスト3</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy3’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy4″>テキスト4</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy4’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy5″>テキスト5</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy5’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy6″>テキスト6</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy6’)”>コピー</button>
  </div>
  </div>
  </div>
  
  <!– 2段目のヘッダー（クリックで開閉） –>
  <div class=”heading” onclick=”toggleVisibility(‘section2’)”>▼ 2段目のテキストボックス</div>
  <div id=”section2″ class=”content”>
  <div class=”container”>
  <div>
  <textarea id=”textToCopy7″>テキスト7</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy7’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy8″>テキスト8</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy8’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy9″>テキスト9</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy9’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy10″>テキスト10</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy10’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy11″>テキスト11</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy11’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy12″>テキスト12</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy12’)”>コピー</button>
  </div>
  </div>
  </div>
  
  </body>
  </html>ss=”copy-btn” onclick=”copyText(‘textToCopy10’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy11″>テキスト11</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy11’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy12″>テキスト12</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy12’)”>コピー</button>
  </div>
  </div>
  </div>
  
  </body>
  </html>
- 2025年2月26日 3:15 AM #1973 返信
  
  ろろろ
  ゲスト
  
  <!DOCTYPE html>
  <html lang=”ja”>
  <head>
  <meta charset=”UTF-8″>
  <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
  <title>クリップボードにコピー</title>
  <style>
  textarea {
  width: 200px;
  height: 100px;
  resize: none;
  }
  .container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  }
  .heading {
  width: 100%;
  text-align: center;
  font-size: 20px;
  padding: 10px;
  font-weight: bold;
  background-color: #007bff;
  color: white;
  cursor: pointer;
  border-radius: 5px;
  }
  .content {
  display: block;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  }
  .hidden {
  max-height: 0;
  padding: 0;
  overflow: hidden;
  }
  .copy-btn {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  margin-top: 5px;
  border-radius: 5px;
  }
  .copy-btn:hover {
  background-color: #0056b3;
  }
  </style>
  <script>
  function toggleVisibility(sectionId) {
  const section = document.getElementById(sectionId);
  section.classList.toggle(“hidden”);
  }
  
  function copyText(id) {
  const textArea = document.getElementById(id);
  navigator.clipboard.writeText(textArea.value);
  }
  </script>
  </head>
  <body>
  
  <!– 1段目のヘッダー（クリックで開閉） –>
  <div class=”heading” onclick=”toggleVisibility(‘section1’)”>▼ 1段目のテキストボックス</div>
  <div id=”section1″ class=”content”>
  <div class=”container”>
  <div>
  <textarea id=”textToCopy1″>テキスト1</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy1’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy2″>テキスト2</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy2’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy3″>テキスト3</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy3’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy4″>テキスト4</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy4’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy5″>テキスト5</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy5’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy6″>テキスト6</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy6’)”>コピー</button>
  </div>
  </div>
  </div>
  
  <!– 2段目のヘッダー（クリックで開閉） –>
  <div class=”heading” onclick=”toggleVisibility(‘section2’)”>▼ 2段目のテキストボックス</div>
  <div id=”section2″ class=”content”>
  <div class=”container”>
  <div>
  <textarea id=”textToCopy7″>テキスト7</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy7’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy8″>テキスト8</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy8’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy9″>テキスト9</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy9’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy10″>テキスト10</textarea><br>
  <button cla<!DOCTYPE html>
  <html lang=”ja”>
  <head>
  <meta charset=”UTF-8″>
  <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
  <title>クリップボードにコピー</title>
  <style>
  textarea {
  width: 200px;
  height: 100px;
  resize: none;
  }
  .container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  }
  .heading {
  width: 100%;
  text-align: center;
  font-size: 20px;
  padding: 10px;
  font-weight: bold;
  background-color: #007bff;
  color: white;
  cursor: pointer;
  border-radius: 5px;
  }
  .content {
  display: block;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  }
  .hidden {
  max-height: 0;
  padding: 0;
  overflow: hidden;
  }
  .copy-btn {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  margin-top: 5px;
  border-radius: 5px;
  }
  .copy-btn:hover {
  background-color: #0056b3;
  }
  </style>
  <script>
  function toggleVisibility(sectionId) {
  const section = document.getElementById(sectionId);
  section.classList.toggle(“hidden”);
  }
  
  function copyText(id) {
  const textArea = document.getElementById(id);
  navigator.clipboard.writeText(textArea.value);
  }
  </script>
  </head>
  <body>
  
  <!– 1段目のヘッダー（クリックで開閉） –>
  <div class=”heading” onclick=”toggleVisibility(‘section1’)”>▼ 1段目のテキストボックス</div>
  <div id=”section1″ class=”content”>
  <div class=”container”>
  <div>
  <textarea id=”textToCopy1″>テキスト1</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy1’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy2″>テキスト2</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy2’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy3″>テキスト3</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy3’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy4″>テキスト4</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy4’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy5″>テキスト5</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy5’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy6″>テキスト6</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy6’)”>コピー</button>
  </div>
  </div>
  </div>
  
  <!– 2段目のヘッダー（クリックで開閉） –>
  <div class=”heading” onclick=”toggleVisibility(‘section2’)”>▼ 2段目のテキストボックス</div>
  <div id=”section2″ class=”content”>
  <div class=”container”>
  <div>
  <textarea id=”textToCopy7″>テキスト7</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy7’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy8″>テキスト8</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy8’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy9″>テキスト9</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy9’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy10″>テキスト10</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy10’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy11″>テキスト11</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy11’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy12″>テキスト12</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy12’)”>コピー</button>
  </div>
  </div>
  </div>
  
  </body>
  </html>ss=”copy-btn” onclick=”copyText(‘textToCopy10’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy11″>テキスト11</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy11’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy12″>テキスト12</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy12’)”>コピー</button>
  </div>
  </div>
  </div>
  
  </body>
  </html>
- 2025年2月26日 3:40 AM #1974 返信
  
  ろろろ
  ゲスト
  
  <!DOCTYPE html>
  <html lang=”ja”>
  <head>
  <meta charset=”UTF-8″>
  <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
  <title>クリップボードにコピー</title>
  <style>
  textarea {
  width: 200px;
  height: 100px;
  resize: none;
  }
  .container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  }
  .heading {
  width: 100%;
  text-align: center;
  font-size: 20px;
  padding: 10px;
  font-weight: bold;
  background-color: #007bff;
  color: white;
  cursor: pointer;
  border-radius: 5px;
  }
  .content {
  display: block;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  }
  .hidden {
  display: none;
  }
  .copy-btn {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  margin-top: 5px;
  border-radius: 5px;
  }
  .copy-btn:hover {
  background-color: #0056b3;
  }
  </style>
  <script>
  function toggleVisibility(sectionId) {
  const section = document.getElementById(sectionId);
  section.classList.toggle(“hidden”);
  }
  
  function copyText(id) {
  const textArea = document.getElementById(id);
  navigator.clipboard.writeText(textArea.value);
  }
  </script>
  </head>
  <body>
  <div class=”heading” onclick=”toggleVisibility(‘section1’)”>▼ 1段目のテキストボックス</div>
  <div id=”section1″ class=”content”>
  <div class=”container”>
  <div>
  <textarea id=”textToCopy1″>テキスト1</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy1’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy2″>テキスト2</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy2’)”>コピー</button>
  </div>
  </div>
  </div>
  <div class=”heading” onclick=”toggleVisibility(‘section2’)”>▼ 2段目のテキストボックス</div>
  <div id=”section2″ class=”content hidden”>
  <div class=”container”>
  <div>
  <textarea id=”textToCopy3″>テキスト3</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy3’)”>コピー</button>
  </div>
  <div>
  <textarea id=”textToCopy4″>テキスト4</textarea><br>
  <button class=”copy-btn” onclick=”copyText(‘textToCopy4’)”>コピー</button>
  </div>
  </div>
  </div>
  </body>
  </html>
投稿者

投稿

3件の返信スレッドを表示中