1.ベースのhtmlファイルがあったが、コードが整理されてない
2.新しいSiteの新規構築の際、どのコードを修正すれば(又は、追記すれば)良いか分かりずらい
→ 修正箇所明確なTemplateを作った
<!-- # New Site Template -->
<tr>
<td scope="row" class="site"><b><Stie Name></b></td>
<td scope="row"><A HREF="https://<Target.1 IP>" target="_blank" rel="noopener noreferrer">Link</A></td>
<td scope="row"><A HREF="https://<Target.2 IP>" target="_blank" rel="noopener noreferrer">Link</A></td>
<td scope="row"><A HREF="https://<Target.3 IP>" target="_blank" rel="noopener noreferrer">Link</A></td>
<td scope="row"><A HREF="https://<Target.4 IP>" target="_blank" rel="noopener noreferrer">Link</A></td>
<td scope="row"><A HREF="https://<Target.5 IP>" target="_blank" rel="noopener noreferrer">Link</A></td>
<td scope="row"><A HREF="https://<Target.6#1 Cont#1 IP>:XXXX" target="_blank" rel="noopener noreferrer">Link</A></td>
<td scope="row"><A HREF="https://<Target.7#2 Cont#1 IP>:XXXX" target="_blank" rel="noopener noreferrer">Link</A></td>
<td scope="row"><A HREF="https://<Target.8#3 Cont#1 IP>:XXXX" target="_blank" rel="noopener noreferrer">Link</A></td>
<td scope="row"><A HREF="https://<Target.9#4 Cont#1 IP>:XXXX" target="_blank" rel="noopener noreferrer">Link</A></td>
<td scope="row"><A HREF="https://<Target.10 IP>" target="_blank" rel="noopener noreferrer">Link</A></td>
<td scope="row"><A HREF="https://<Storage#1 IP>" target="_blank" rel="noopener noreferrer">Link#1</A></td>
<td scope="row"><A HREF="https://<Storage#2 IP>" target="_blank" rel="noopener noreferrer">Link#2</A></td>
<td scope="row"><A HREF="https://<Storage#3 IP>" target="_blank" rel="noopener noreferrer">Link#3</A></td>
</tr>
(JavaScript利用)
ダブルクリックしても全部Dragされないし、Dragしてもたまにミスした為
function copyToClipboard(val) {
const t = document.createElement("textarea");
document.body.appendChild(t);
t.value = val;
t.select();
document.execCommand('copy');
document.body.removeChild(t);
}
function copy(clicked_id) {
copyToClipboard(clicked_id);
}
<tr>
<td scope="row" class="site even"><b>User</b></td>
<td scope="row" class="even"><button class="button" id="userId" onclick="copy(this.id)">userId</button></td>
</tr>
<tr>
<td scope="row" class="site"><b>Passwd</b></td>
<td scope="row"><button class="button" id="passwd" onclick="copy(this.id)">passwd</button></td>
</tr>