Include a toolbox for formatting messages
Co-authored-by: sigonasr2 <sigonasr2@gmail.com>
This commit is contained in:
parent
1cd51255df
commit
f9389d49f7
@ -17,14 +17,14 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="contentBody">
|
<div class="contentBody">
|
||||||
<h2>Directory Listing for /</h2><div class="folderlisting"><a href="/.." class="icon">📁</a><a href="/..">.. </a><a href="/.." class="nounderline">(Previous Directory)</a></div><div class="folderlisting"><a href="/articles" class="icon">📁</a><a href="/articles">articles</a> 2022-07-27T20:27:59.111016Z gitpod 4096</div>
|
<h2>Directory Listing for /</h2><div class="folderlisting"><a href="/.." class="icon">📁</a><a href="/..">.. </a><a href="/.." class="nounderline">(Previous Directory)</a></div><div class="folderlisting"><a href="/articles" class="icon">📁</a><a href="/articles">articles</a> 2022-07-28T18:33:07.36118Z gitpod 4096</div>
|
||||||
<div class="filelisting"><a href="/codeBackground" class="icon">🗎</a><a href="/codeBackground">codeBackground</a> 2022-07-27T20:27:59.039016Z gitpod 6105</div>
|
<div class="filelisting"><a href="/codeBackground" class="icon">🗎</a><a href="/codeBackground">codeBackground</a> 2022-07-28T18:33:07.30118Z gitpod 8812</div>
|
||||||
<div class="folderlisting"><a href="/images" class="icon">📁</a><a href="/images">images</a> 2022-07-27T20:27:59.107016Z gitpod 58</div>
|
<div class="folderlisting"><a href="/images" class="icon">📁</a><a href="/images">images</a> 2022-07-28T18:33:07.35718Z gitpod 58</div>
|
||||||
<div class="filelisting"><a href="/otherpage.html" class="icon">🗎</a><a href="/otherpage.html">otherpage.html</a> 2022-07-27T20:27:59.043016Z gitpod 4409</div>
|
<div class="filelisting"><a href="/otherpage.html" class="icon">🗎</a><a href="/otherpage.html">otherpage.html</a> 2022-07-28T18:33:07.30118Z gitpod 7116</div>
|
||||||
<div class="filelisting"><a href="/reset.css" class="icon">🗎</a><a href="/reset.css">reset.css</a> 2022-07-27T20:27:59.047016Z gitpod 4552</div>
|
<div class="filelisting"><a href="/reset.css" class="icon">🗎</a><a href="/reset.css">reset.css</a> 2022-07-28T18:33:07.30518Z gitpod 7259</div>
|
||||||
<div class="filelisting"><a href="/sig.css" class="icon">🗎</a><a href="/sig.css">sig.css</a> 2022-07-27T20:27:59.055016Z gitpod 12535</div>
|
<div class="filelisting"><a href="/sig.css" class="icon">🗎</a><a href="/sig.css">sig.css</a> 2022-07-28T18:33:07.30918Z gitpod 15463</div>
|
||||||
<div class="filelisting"><a href="/testfile.html" class="icon">🗎</a><a href="/testfile.html">testfile.html</a> 2022-07-27T20:27:59.067016Z gitpod 4270</div>
|
<div class="filelisting"><a href="/testfile.html" class="icon">🗎</a><a href="/testfile.html">testfile.html</a> 2022-07-28T18:33:07.32118Z gitpod 6977</div>
|
||||||
<div class="filelisting"><a href="/uploadform.html" class="icon">🗎</a><a href="/uploadform.html">uploadform.html</a> 2022-07-27T20:27:59.067016Z gitpod 4354</div>
|
<div class="filelisting"><a href="/uploadform.html" class="icon">🗎</a><a href="/uploadform.html">uploadform.html</a> 2022-07-28T18:33:07.32118Z gitpod 7061</div>
|
||||||
|
|
||||||
</div> <!--End Content Body-->
|
</div> <!--End Content Body-->
|
||||||
<div class="codeForeground" id="codeForeground"></div>
|
<div class="codeForeground" id="codeForeground"></div>
|
||||||
|
|||||||
@ -17,13 +17,13 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="contentBody">
|
<div class="contentBody">
|
||||||
<h2>Directory Listing for /articles/</h2><div class="folderlisting"><a href="/articles/.." class="icon">📁</a><a href="/articles/..">.. </a><a href="/articles/.." class="nounderline">(Previous Directory)</a></div><div class="filelisting"><a href="/articles/Love Live! Custom Arcade Controller.article" class="icon">🗎</a><a href="/articles/Love Live! Custom Arcade Controller.article">Love Live! Custom Arcade Controller.article</a> 2022-07-27T20:27:58.631017Z gitpod 4009</div>
|
<h2>Directory Listing for /articles/</h2><div class="folderlisting"><a href="/articles/.." class="icon">📁</a><a href="/articles/..">.. </a><a href="/articles/.." class="nounderline">(Previous Directory)</a></div><div class="filelisting"><a href="/articles/Love Live! Custom Arcade Controller.article" class="icon">🗎</a><a href="/articles/Love Live! Custom Arcade Controller.article">Love Live! Custom Arcade Controller.article</a> 2022-07-28T18:33:06.88518Z gitpod 6716</div>
|
||||||
<div class="filelisting"><a href="/articles/curabitur vel tempus ex.article" class="icon">🗎</a><a href="/articles/curabitur vel tempus ex.article">curabitur vel tempus ex.article</a> 2022-07-27T20:27:58.655017Z gitpod 4218</div>
|
<div class="filelisting"><a href="/articles/curabitur vel tempus ex.article" class="icon">🗎</a><a href="/articles/curabitur vel tempus ex.article">curabitur vel tempus ex.article</a> 2022-07-28T18:33:06.90918Z gitpod 6925</div>
|
||||||
<div class="filelisting"><a href="/articles/sigplace1.article" class="icon">🗎</a><a href="/articles/sigplace1.article">sigplace1.article</a> 2022-07-27T20:27:59.031016Z gitpod 84318</div>
|
<div class="filelisting"><a href="/articles/sigplace1.article" class="icon">🗎</a><a href="/articles/sigplace1.article">sigplace1.article</a> 2022-07-28T18:33:07.29318Z gitpod 87025</div>
|
||||||
<div class="folderlisting"><a href="/articles/test articles" class="icon">📁</a><a href="/articles/test articles">test articles</a> 2022-07-27T20:27:59.095016Z gitpod 147</div>
|
<div class="folderlisting"><a href="/articles/test articles" class="icon">📁</a><a href="/articles/test articles">test articles</a> 2022-07-28T18:33:07.34918Z gitpod 147</div>
|
||||||
<div class="filelisting"><a href="/articles/Love Live! Custom Arcade Controller.article.html" class="icon">🗎</a><a href="/articles/Love Live! Custom Arcade Controller.article.html">Love Live! Custom Arcade Controller.article.html</a> 2022-07-27T20:27:59.071016Z gitpod 4726</div>
|
<div class="filelisting"><a href="/articles/Love Live! Custom Arcade Controller.article.html" class="icon">🗎</a><a href="/articles/Love Live! Custom Arcade Controller.article.html">Love Live! Custom Arcade Controller.article.html</a> 2022-07-28T18:33:07.32518Z gitpod 7433</div>
|
||||||
<div class="filelisting"><a href="/articles/curabitur vel tempus ex.article.html" class="icon">🗎</a><a href="/articles/curabitur vel tempus ex.article.html">curabitur vel tempus ex.article.html</a> 2022-07-27T20:27:59.083016Z gitpod 4935</div>
|
<div class="filelisting"><a href="/articles/curabitur vel tempus ex.article.html" class="icon">🗎</a><a href="/articles/curabitur vel tempus ex.article.html">curabitur vel tempus ex.article.html</a> 2022-07-28T18:33:07.33318Z gitpod 7642</div>
|
||||||
<div class="filelisting"><a href="/articles/sigplace1.article.html" class="icon">🗎</a><a href="/articles/sigplace1.article.html">sigplace1.article.html</a> 2022-07-27T20:27:59.091016Z gitpod 85035</div>
|
<div class="filelisting"><a href="/articles/sigplace1.article.html" class="icon">🗎</a><a href="/articles/sigplace1.article.html">sigplace1.article.html</a> 2022-07-28T18:33:07.34118Z gitpod 87742</div>
|
||||||
|
|
||||||
</div> <!--End Content Body-->
|
</div> <!--End Content Body-->
|
||||||
<div class="codeForeground" id="codeForeground"></div>
|
<div class="codeForeground" id="codeForeground"></div>
|
||||||
|
|||||||
@ -29,6 +29,22 @@ For over a year since I first got into <u>Love Live! School Idol Festival ~after
|
|||||||
fetchComments()
|
fetchComments()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
function insert(c1,c2) {
|
||||||
|
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||||
|
//No highlighting. Insert here.
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<div id="commentForm">
|
<div id="commentForm">
|
||||||
<b>Leave a comment!</b><br/><br/>
|
<b>Leave a comment!</b><br/><br/>
|
||||||
@ -42,7 +58,22 @@ For over a year since I first got into <u>Love Live! School Idol Festival ~after
|
|||||||
<option value="CYAN">CYAN</option>
|
<option value="CYAN">CYAN</option>
|
||||||
<option value="WHITE">WHITE</option>
|
<option value="WHITE">WHITE</option>
|
||||||
</select><br/><br/>
|
</select><br/><br/>
|
||||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
|
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||||
|
<div>
|
||||||
|
<div class="toolbar">
|
||||||
|
<span class="toolbarItem" onclick="insert('^','^')" title="Bold"> <b>B</b> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('*','*')" title="Italics"> <i>I</i> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('_','_')" title="Underline"> <u>U</u> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('~','~')" title="Code"> <code> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('[',']')" title="Link"> <http://> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||||
|
</div>
|
||||||
|
<textarea id="msg"></textarea>
|
||||||
|
</div><br/><br/>
|
||||||
<button id="submit" onclick="submit()">POST</button>
|
<button id="submit" onclick="submit()">POST</button>
|
||||||
</div><br/><br/>
|
</div><br/><br/>
|
||||||
<div id="commentContainer" style="visibility:hidden;">
|
<div id="commentContainer" style="visibility:hidden;">
|
||||||
|
|||||||
@ -48,6 +48,22 @@ For over a year since I first got into <u>Love Live! School Idol Festival ~after
|
|||||||
fetchComments()
|
fetchComments()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
function insert(c1,c2) {
|
||||||
|
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||||
|
//No highlighting. Insert here.
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<div id="commentForm">
|
<div id="commentForm">
|
||||||
<b>Leave a comment!</b><br/><br/>
|
<b>Leave a comment!</b><br/><br/>
|
||||||
@ -61,7 +77,22 @@ For over a year since I first got into <u>Love Live! School Idol Festival ~after
|
|||||||
<option value="CYAN">CYAN</option>
|
<option value="CYAN">CYAN</option>
|
||||||
<option value="WHITE">WHITE</option>
|
<option value="WHITE">WHITE</option>
|
||||||
</select><br/><br/>
|
</select><br/><br/>
|
||||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
|
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||||
|
<div>
|
||||||
|
<div class="toolbar">
|
||||||
|
<span class="toolbarItem" onclick="insert('^','^')" title="Bold"> <b>B</b> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('*','*')" title="Italics"> <i>I</i> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('_','_')" title="Underline"> <u>U</u> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('~','~')" title="Code"> <code> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('[',']')" title="Link"> <http://> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||||
|
</div>
|
||||||
|
<textarea id="msg"></textarea>
|
||||||
|
</div><br/><br/>
|
||||||
<button id="submit" onclick="submit()">POST</button>
|
<button id="submit" onclick="submit()">POST</button>
|
||||||
</div><br/><br/>
|
</div><br/><br/>
|
||||||
<div id="commentContainer" style="visibility:hidden;">
|
<div id="commentContainer" style="visibility:hidden;">
|
||||||
|
|||||||
@ -33,6 +33,22 @@ Curabitur vel tempus ex. Duis cursus sapien nisl, ut pulvinar dui porttitor ut.
|
|||||||
fetchComments()
|
fetchComments()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
function insert(c1,c2) {
|
||||||
|
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||||
|
//No highlighting. Insert here.
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<div id="commentForm">
|
<div id="commentForm">
|
||||||
<b>Leave a comment!</b><br/><br/>
|
<b>Leave a comment!</b><br/><br/>
|
||||||
@ -46,7 +62,22 @@ Curabitur vel tempus ex. Duis cursus sapien nisl, ut pulvinar dui porttitor ut.
|
|||||||
<option value="CYAN">CYAN</option>
|
<option value="CYAN">CYAN</option>
|
||||||
<option value="WHITE">WHITE</option>
|
<option value="WHITE">WHITE</option>
|
||||||
</select><br/><br/>
|
</select><br/><br/>
|
||||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
|
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||||
|
<div>
|
||||||
|
<div class="toolbar">
|
||||||
|
<span class="toolbarItem" onclick="insert('^','^')" title="Bold"> <b>B</b> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('*','*')" title="Italics"> <i>I</i> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('_','_')" title="Underline"> <u>U</u> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('~','~')" title="Code"> <code> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('[',']')" title="Link"> <http://> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||||
|
</div>
|
||||||
|
<textarea id="msg"></textarea>
|
||||||
|
</div><br/><br/>
|
||||||
<button id="submit" onclick="submit()">POST</button>
|
<button id="submit" onclick="submit()">POST</button>
|
||||||
</div><br/><br/>
|
</div><br/><br/>
|
||||||
<div id="commentContainer" style="visibility:hidden;">
|
<div id="commentContainer" style="visibility:hidden;">
|
||||||
|
|||||||
@ -52,6 +52,22 @@ Curabitur vel tempus ex. Duis cursus sapien nisl, ut pulvinar dui porttitor ut.
|
|||||||
fetchComments()
|
fetchComments()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
function insert(c1,c2) {
|
||||||
|
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||||
|
//No highlighting. Insert here.
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<div id="commentForm">
|
<div id="commentForm">
|
||||||
<b>Leave a comment!</b><br/><br/>
|
<b>Leave a comment!</b><br/><br/>
|
||||||
@ -65,7 +81,22 @@ Curabitur vel tempus ex. Duis cursus sapien nisl, ut pulvinar dui porttitor ut.
|
|||||||
<option value="CYAN">CYAN</option>
|
<option value="CYAN">CYAN</option>
|
||||||
<option value="WHITE">WHITE</option>
|
<option value="WHITE">WHITE</option>
|
||||||
</select><br/><br/>
|
</select><br/><br/>
|
||||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
|
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||||
|
<div>
|
||||||
|
<div class="toolbar">
|
||||||
|
<span class="toolbarItem" onclick="insert('^','^')" title="Bold"> <b>B</b> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('*','*')" title="Italics"> <i>I</i> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('_','_')" title="Underline"> <u>U</u> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('~','~')" title="Code"> <code> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('[',']')" title="Link"> <http://> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||||
|
</div>
|
||||||
|
<textarea id="msg"></textarea>
|
||||||
|
</div><br/><br/>
|
||||||
<button id="submit" onclick="submit()">POST</button>
|
<button id="submit" onclick="submit()">POST</button>
|
||||||
</div><br/><br/>
|
</div><br/><br/>
|
||||||
<div id="commentContainer" style="visibility:hidden;">
|
<div id="commentContainer" style="visibility:hidden;">
|
||||||
|
|||||||
@ -508,6 +508,22 @@ Here we demonstrate the love live logo. But wait, it's literally like in the mid
|
|||||||
fetchComments()
|
fetchComments()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
function insert(c1,c2) {
|
||||||
|
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||||
|
//No highlighting. Insert here.
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<div id="commentForm">
|
<div id="commentForm">
|
||||||
<b>Leave a comment!</b><br/><br/>
|
<b>Leave a comment!</b><br/><br/>
|
||||||
@ -521,7 +537,22 @@ Here we demonstrate the love live logo. But wait, it's literally like in the mid
|
|||||||
<option value="CYAN">CYAN</option>
|
<option value="CYAN">CYAN</option>
|
||||||
<option value="WHITE">WHITE</option>
|
<option value="WHITE">WHITE</option>
|
||||||
</select><br/><br/>
|
</select><br/><br/>
|
||||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
|
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||||
|
<div>
|
||||||
|
<div class="toolbar">
|
||||||
|
<span class="toolbarItem" onclick="insert('^','^')" title="Bold"> <b>B</b> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('*','*')" title="Italics"> <i>I</i> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('_','_')" title="Underline"> <u>U</u> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('~','~')" title="Code"> <code> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('[',']')" title="Link"> <http://> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||||
|
</div>
|
||||||
|
<textarea id="msg"></textarea>
|
||||||
|
</div><br/><br/>
|
||||||
<button id="submit" onclick="submit()">POST</button>
|
<button id="submit" onclick="submit()">POST</button>
|
||||||
</div><br/><br/>
|
</div><br/><br/>
|
||||||
<div id="commentContainer" style="visibility:hidden;">
|
<div id="commentContainer" style="visibility:hidden;">
|
||||||
|
|||||||
@ -527,6 +527,22 @@ Here we demonstrate the love live logo. But wait, it's literally like in the mid
|
|||||||
fetchComments()
|
fetchComments()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
function insert(c1,c2) {
|
||||||
|
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||||
|
//No highlighting. Insert here.
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<div id="commentForm">
|
<div id="commentForm">
|
||||||
<b>Leave a comment!</b><br/><br/>
|
<b>Leave a comment!</b><br/><br/>
|
||||||
@ -540,7 +556,22 @@ Here we demonstrate the love live logo. But wait, it's literally like in the mid
|
|||||||
<option value="CYAN">CYAN</option>
|
<option value="CYAN">CYAN</option>
|
||||||
<option value="WHITE">WHITE</option>
|
<option value="WHITE">WHITE</option>
|
||||||
</select><br/><br/>
|
</select><br/><br/>
|
||||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
|
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||||
|
<div>
|
||||||
|
<div class="toolbar">
|
||||||
|
<span class="toolbarItem" onclick="insert('^','^')" title="Bold"> <b>B</b> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('*','*')" title="Italics"> <i>I</i> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('_','_')" title="Underline"> <u>U</u> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('~','~')" title="Code"> <code> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('[',']')" title="Link"> <http://> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||||
|
</div>
|
||||||
|
<textarea id="msg"></textarea>
|
||||||
|
</div><br/><br/>
|
||||||
<button id="submit" onclick="submit()">POST</button>
|
<button id="submit" onclick="submit()">POST</button>
|
||||||
</div><br/><br/>
|
</div><br/><br/>
|
||||||
<div id="commentContainer" style="visibility:hidden;">
|
<div id="commentContainer" style="visibility:hidden;">
|
||||||
|
|||||||
@ -17,12 +17,12 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="contentBody">
|
<div class="contentBody">
|
||||||
<h2>Directory Listing for /articles/test articles/</h2><div class="folderlisting"><a href="/articles/test articles/.." class="icon">📁</a><a href="/articles/test articles/..">.. </a><a href="/articles/test articles/.." class="nounderline">(Previous Directory)</a></div><div class="filelisting"><a href="/articles/test articles/test1.article" class="icon">🗎</a><a href="/articles/test articles/test1.article">test1.article</a> 2022-07-27T20:27:59.035016Z gitpod 4537</div>
|
<h2>Directory Listing for /articles/test articles/</h2><div class="folderlisting"><a href="/articles/test articles/.." class="icon">📁</a><a href="/articles/test articles/..">.. </a><a href="/articles/test articles/.." class="nounderline">(Previous Directory)</a></div><div class="filelisting"><a href="/articles/test articles/test1.article" class="icon">🗎</a><a href="/articles/test articles/test1.article">test1.article</a> 2022-07-28T18:33:07.29318Z gitpod 7244</div>
|
||||||
<div class="filelisting"><a href="/articles/test articles/test2.article" class="icon">🗎</a><a href="/articles/test articles/test2.article">test2.article</a> 2022-07-27T20:27:59.035016Z gitpod 4233</div>
|
<div class="filelisting"><a href="/articles/test articles/test2.article" class="icon">🗎</a><a href="/articles/test articles/test2.article">test2.article</a> 2022-07-28T18:33:07.29718Z gitpod 6940</div>
|
||||||
<div class="filelisting"><a href="/articles/test articles/test3.article" class="icon">🗎</a><a href="/articles/test articles/test3.article">test3.article</a> 2022-07-27T20:27:59.039016Z gitpod 4446</div>
|
<div class="filelisting"><a href="/articles/test articles/test3.article" class="icon">🗎</a><a href="/articles/test articles/test3.article">test3.article</a> 2022-07-28T18:33:07.29718Z gitpod 7153</div>
|
||||||
<div class="filelisting"><a href="/articles/test articles/test1.article.html" class="icon">🗎</a><a href="/articles/test articles/test1.article.html">test1.article.html</a> 2022-07-27T20:27:59.095016Z gitpod 5254</div>
|
<div class="filelisting"><a href="/articles/test articles/test1.article.html" class="icon">🗎</a><a href="/articles/test articles/test1.article.html">test1.article.html</a> 2022-07-28T18:33:07.34518Z gitpod 7961</div>
|
||||||
<div class="filelisting"><a href="/articles/test articles/test2.article.html" class="icon">🗎</a><a href="/articles/test articles/test2.article.html">test2.article.html</a> 2022-07-27T20:27:59.095016Z gitpod 4950</div>
|
<div class="filelisting"><a href="/articles/test articles/test2.article.html" class="icon">🗎</a><a href="/articles/test articles/test2.article.html">test2.article.html</a> 2022-07-28T18:33:07.34918Z gitpod 7657</div>
|
||||||
<div class="filelisting"><a href="/articles/test articles/test3.article.html" class="icon">🗎</a><a href="/articles/test articles/test3.article.html">test3.article.html</a> 2022-07-27T20:27:59.095016Z gitpod 5163</div>
|
<div class="filelisting"><a href="/articles/test articles/test3.article.html" class="icon">🗎</a><a href="/articles/test articles/test3.article.html">test3.article.html</a> 2022-07-28T18:33:07.34918Z gitpod 7870</div>
|
||||||
|
|
||||||
</div> <!--End Content Body-->
|
</div> <!--End Content Body-->
|
||||||
<div class="codeForeground" id="codeForeground"></div>
|
<div class="codeForeground" id="codeForeground"></div>
|
||||||
|
|||||||
@ -27,6 +27,22 @@
|
|||||||
fetchComments()
|
fetchComments()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
function insert(c1,c2) {
|
||||||
|
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||||
|
//No highlighting. Insert here.
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<div id="commentForm">
|
<div id="commentForm">
|
||||||
<b>Leave a comment!</b><br/><br/>
|
<b>Leave a comment!</b><br/><br/>
|
||||||
@ -40,7 +56,22 @@
|
|||||||
<option value="CYAN">CYAN</option>
|
<option value="CYAN">CYAN</option>
|
||||||
<option value="WHITE">WHITE</option>
|
<option value="WHITE">WHITE</option>
|
||||||
</select><br/><br/>
|
</select><br/><br/>
|
||||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
|
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||||
|
<div>
|
||||||
|
<div class="toolbar">
|
||||||
|
<span class="toolbarItem" onclick="insert('^','^')" title="Bold"> <b>B</b> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('*','*')" title="Italics"> <i>I</i> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('_','_')" title="Underline"> <u>U</u> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('~','~')" title="Code"> <code> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('[',']')" title="Link"> <http://> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||||
|
</div>
|
||||||
|
<textarea id="msg"></textarea>
|
||||||
|
</div><br/><br/>
|
||||||
<button id="submit" onclick="submit()">POST</button>
|
<button id="submit" onclick="submit()">POST</button>
|
||||||
</div><br/><br/>
|
</div><br/><br/>
|
||||||
<div id="commentContainer" style="visibility:hidden;">
|
<div id="commentContainer" style="visibility:hidden;">
|
||||||
|
|||||||
@ -46,6 +46,22 @@
|
|||||||
fetchComments()
|
fetchComments()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
function insert(c1,c2) {
|
||||||
|
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||||
|
//No highlighting. Insert here.
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<div id="commentForm">
|
<div id="commentForm">
|
||||||
<b>Leave a comment!</b><br/><br/>
|
<b>Leave a comment!</b><br/><br/>
|
||||||
@ -59,7 +75,22 @@
|
|||||||
<option value="CYAN">CYAN</option>
|
<option value="CYAN">CYAN</option>
|
||||||
<option value="WHITE">WHITE</option>
|
<option value="WHITE">WHITE</option>
|
||||||
</select><br/><br/>
|
</select><br/><br/>
|
||||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
|
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||||
|
<div>
|
||||||
|
<div class="toolbar">
|
||||||
|
<span class="toolbarItem" onclick="insert('^','^')" title="Bold"> <b>B</b> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('*','*')" title="Italics"> <i>I</i> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('_','_')" title="Underline"> <u>U</u> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('~','~')" title="Code"> <code> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('[',']')" title="Link"> <http://> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||||
|
</div>
|
||||||
|
<textarea id="msg"></textarea>
|
||||||
|
</div><br/><br/>
|
||||||
<button id="submit" onclick="submit()">POST</button>
|
<button id="submit" onclick="submit()">POST</button>
|
||||||
</div><br/><br/>
|
</div><br/><br/>
|
||||||
<div id="commentContainer" style="visibility:hidden;">
|
<div id="commentContainer" style="visibility:hidden;">
|
||||||
|
|||||||
@ -27,6 +27,22 @@
|
|||||||
fetchComments()
|
fetchComments()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
function insert(c1,c2) {
|
||||||
|
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||||
|
//No highlighting. Insert here.
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<div id="commentForm">
|
<div id="commentForm">
|
||||||
<b>Leave a comment!</b><br/><br/>
|
<b>Leave a comment!</b><br/><br/>
|
||||||
@ -40,7 +56,22 @@
|
|||||||
<option value="CYAN">CYAN</option>
|
<option value="CYAN">CYAN</option>
|
||||||
<option value="WHITE">WHITE</option>
|
<option value="WHITE">WHITE</option>
|
||||||
</select><br/><br/>
|
</select><br/><br/>
|
||||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
|
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||||
|
<div>
|
||||||
|
<div class="toolbar">
|
||||||
|
<span class="toolbarItem" onclick="insert('^','^')" title="Bold"> <b>B</b> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('*','*')" title="Italics"> <i>I</i> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('_','_')" title="Underline"> <u>U</u> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('~','~')" title="Code"> <code> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('[',']')" title="Link"> <http://> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||||
|
</div>
|
||||||
|
<textarea id="msg"></textarea>
|
||||||
|
</div><br/><br/>
|
||||||
<button id="submit" onclick="submit()">POST</button>
|
<button id="submit" onclick="submit()">POST</button>
|
||||||
</div><br/><br/>
|
</div><br/><br/>
|
||||||
<div id="commentContainer" style="visibility:hidden;">
|
<div id="commentContainer" style="visibility:hidden;">
|
||||||
|
|||||||
@ -46,6 +46,22 @@
|
|||||||
fetchComments()
|
fetchComments()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
function insert(c1,c2) {
|
||||||
|
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||||
|
//No highlighting. Insert here.
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<div id="commentForm">
|
<div id="commentForm">
|
||||||
<b>Leave a comment!</b><br/><br/>
|
<b>Leave a comment!</b><br/><br/>
|
||||||
@ -59,7 +75,22 @@
|
|||||||
<option value="CYAN">CYAN</option>
|
<option value="CYAN">CYAN</option>
|
||||||
<option value="WHITE">WHITE</option>
|
<option value="WHITE">WHITE</option>
|
||||||
</select><br/><br/>
|
</select><br/><br/>
|
||||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
|
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||||
|
<div>
|
||||||
|
<div class="toolbar">
|
||||||
|
<span class="toolbarItem" onclick="insert('^','^')" title="Bold"> <b>B</b> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('*','*')" title="Italics"> <i>I</i> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('_','_')" title="Underline"> <u>U</u> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('~','~')" title="Code"> <code> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('[',']')" title="Link"> <http://> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||||
|
</div>
|
||||||
|
<textarea id="msg"></textarea>
|
||||||
|
</div><br/><br/>
|
||||||
<button id="submit" onclick="submit()">POST</button>
|
<button id="submit" onclick="submit()">POST</button>
|
||||||
</div><br/><br/>
|
</div><br/><br/>
|
||||||
<div id="commentContainer" style="visibility:hidden;">
|
<div id="commentContainer" style="visibility:hidden;">
|
||||||
|
|||||||
@ -27,6 +27,22 @@
|
|||||||
fetchComments()
|
fetchComments()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
function insert(c1,c2) {
|
||||||
|
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||||
|
//No highlighting. Insert here.
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<div id="commentForm">
|
<div id="commentForm">
|
||||||
<b>Leave a comment!</b><br/><br/>
|
<b>Leave a comment!</b><br/><br/>
|
||||||
@ -40,7 +56,22 @@
|
|||||||
<option value="CYAN">CYAN</option>
|
<option value="CYAN">CYAN</option>
|
||||||
<option value="WHITE">WHITE</option>
|
<option value="WHITE">WHITE</option>
|
||||||
</select><br/><br/>
|
</select><br/><br/>
|
||||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
|
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||||
|
<div>
|
||||||
|
<div class="toolbar">
|
||||||
|
<span class="toolbarItem" onclick="insert('^','^')" title="Bold"> <b>B</b> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('*','*')" title="Italics"> <i>I</i> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('_','_')" title="Underline"> <u>U</u> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('~','~')" title="Code"> <code> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('[',']')" title="Link"> <http://> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||||
|
</div>
|
||||||
|
<textarea id="msg"></textarea>
|
||||||
|
</div><br/><br/>
|
||||||
<button id="submit" onclick="submit()">POST</button>
|
<button id="submit" onclick="submit()">POST</button>
|
||||||
</div><br/><br/>
|
</div><br/><br/>
|
||||||
<div id="commentContainer" style="visibility:hidden;">
|
<div id="commentContainer" style="visibility:hidden;">
|
||||||
|
|||||||
@ -46,6 +46,22 @@
|
|||||||
fetchComments()
|
fetchComments()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
function insert(c1,c2) {
|
||||||
|
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||||
|
//No highlighting. Insert here.
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<div id="commentForm">
|
<div id="commentForm">
|
||||||
<b>Leave a comment!</b><br/><br/>
|
<b>Leave a comment!</b><br/><br/>
|
||||||
@ -59,7 +75,22 @@
|
|||||||
<option value="CYAN">CYAN</option>
|
<option value="CYAN">CYAN</option>
|
||||||
<option value="WHITE">WHITE</option>
|
<option value="WHITE">WHITE</option>
|
||||||
</select><br/><br/>
|
</select><br/><br/>
|
||||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
|
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||||
|
<div>
|
||||||
|
<div class="toolbar">
|
||||||
|
<span class="toolbarItem" onclick="insert('^','^')" title="Bold"> <b>B</b> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('*','*')" title="Italics"> <i>I</i> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('_','_')" title="Underline"> <u>U</u> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('~','~')" title="Code"> <code> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('[',']')" title="Link"> <http://> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||||
|
</div>
|
||||||
|
<textarea id="msg"></textarea>
|
||||||
|
</div><br/><br/>
|
||||||
<button id="submit" onclick="submit()">POST</button>
|
<button id="submit" onclick="submit()">POST</button>
|
||||||
</div><br/><br/>
|
</div><br/><br/>
|
||||||
<div id="commentContainer" style="visibility:hidden;">
|
<div id="commentContainer" style="visibility:hidden;">
|
||||||
|
|||||||
@ -54,6 +54,22 @@ $ARTICLE_PREVIEW curabitur vel tempus ex
|
|||||||
fetchComments()
|
fetchComments()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
function insert(c1,c2) {
|
||||||
|
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||||
|
//No highlighting. Insert here.
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<div id="commentForm">
|
<div id="commentForm">
|
||||||
<b>Leave a comment!</b><br/><br/>
|
<b>Leave a comment!</b><br/><br/>
|
||||||
@ -67,7 +83,22 @@ $ARTICLE_PREVIEW curabitur vel tempus ex
|
|||||||
<option value="CYAN">CYAN</option>
|
<option value="CYAN">CYAN</option>
|
||||||
<option value="WHITE">WHITE</option>
|
<option value="WHITE">WHITE</option>
|
||||||
</select><br/><br/>
|
</select><br/><br/>
|
||||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
|
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||||
|
<div>
|
||||||
|
<div class="toolbar">
|
||||||
|
<span class="toolbarItem" onclick="insert('^','^')" title="Bold"> <b>B</b> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('*','*')" title="Italics"> <i>I</i> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('_','_')" title="Underline"> <u>U</u> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('~','~')" title="Code"> <code> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('[',']')" title="Link"> <http://> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||||
|
</div>
|
||||||
|
<textarea id="msg"></textarea>
|
||||||
|
</div><br/><br/>
|
||||||
<button id="submit" onclick="submit()">POST</button>
|
<button id="submit" onclick="submit()">POST</button>
|
||||||
</div><br/><br/>
|
</div><br/><br/>
|
||||||
<div id="commentContainer" style="visibility:hidden;">
|
<div id="commentContainer" style="visibility:hidden;">
|
||||||
|
|||||||
@ -69,6 +69,22 @@ table {
|
|||||||
fetchComments()
|
fetchComments()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
function insert(c1,c2) {
|
||||||
|
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||||
|
//No highlighting. Insert here.
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<div id="commentForm">
|
<div id="commentForm">
|
||||||
<b>Leave a comment!</b><br/><br/>
|
<b>Leave a comment!</b><br/><br/>
|
||||||
@ -82,7 +98,22 @@ table {
|
|||||||
<option value="CYAN">CYAN</option>
|
<option value="CYAN">CYAN</option>
|
||||||
<option value="WHITE">WHITE</option>
|
<option value="WHITE">WHITE</option>
|
||||||
</select><br/><br/>
|
</select><br/><br/>
|
||||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
|
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||||
|
<div>
|
||||||
|
<div class="toolbar">
|
||||||
|
<span class="toolbarItem" onclick="insert('^','^')" title="Bold"> <b>B</b> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('*','*')" title="Italics"> <i>I</i> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('_','_')" title="Underline"> <u>U</u> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('~','~')" title="Code"> <code> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('[',']')" title="Link"> <http://> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||||
|
</div>
|
||||||
|
<textarea id="msg"></textarea>
|
||||||
|
</div><br/><br/>
|
||||||
<button id="submit" onclick="submit()">POST</button>
|
<button id="submit" onclick="submit()">POST</button>
|
||||||
</div><br/><br/>
|
</div><br/><br/>
|
||||||
<div id="commentContainer" style="visibility:hidden;">
|
<div id="commentContainer" style="visibility:hidden;">
|
||||||
|
|||||||
45
out/sig.css
45
out/sig.css
@ -370,6 +370,18 @@ input:disabled{
|
|||||||
textarea:disabled{
|
textarea:disabled{
|
||||||
background-color:rgb(0, 81, 95);
|
background-color:rgb(0, 81, 95);
|
||||||
}
|
}
|
||||||
|
.toolbar{
|
||||||
|
background-color:#666666;
|
||||||
|
color:#000000;
|
||||||
|
font-size:0.75em;
|
||||||
|
width:fit-content;
|
||||||
|
margin-left:36px;
|
||||||
|
margin-top:24px;
|
||||||
|
}
|
||||||
|
.toolbarItem:hover{
|
||||||
|
background-color:#a1a1a1;
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
<hr/>
|
<hr/>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
function changeColor() {
|
function changeColor() {
|
||||||
@ -394,6 +406,22 @@ textarea:disabled{
|
|||||||
fetchComments()
|
fetchComments()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
function insert(c1,c2) {
|
||||||
|
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||||
|
//No highlighting. Insert here.
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<div id="commentForm">
|
<div id="commentForm">
|
||||||
<b>Leave a comment!</b><br/><br/>
|
<b>Leave a comment!</b><br/><br/>
|
||||||
@ -407,7 +435,22 @@ textarea:disabled{
|
|||||||
<option value="CYAN">CYAN</option>
|
<option value="CYAN">CYAN</option>
|
||||||
<option value="WHITE">WHITE</option>
|
<option value="WHITE">WHITE</option>
|
||||||
</select><br/><br/>
|
</select><br/><br/>
|
||||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
|
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||||
|
<div>
|
||||||
|
<div class="toolbar">
|
||||||
|
<span class="toolbarItem" onclick="insert('^','^')" title="Bold"> <b>B</b> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('*','*')" title="Italics"> <i>I</i> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('_','_')" title="Underline"> <u>U</u> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('~','~')" title="Code"> <code> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('[',']')" title="Link"> <http://> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||||
|
</div>
|
||||||
|
<textarea id="msg"></textarea>
|
||||||
|
</div><br/><br/>
|
||||||
<button id="submit" onclick="submit()">POST</button>
|
<button id="submit" onclick="submit()">POST</button>
|
||||||
</div><br/><br/>
|
</div><br/><br/>
|
||||||
<div id="commentContainer" style="visibility:hidden;">
|
<div id="commentContainer" style="visibility:hidden;">
|
||||||
|
|||||||
@ -53,6 +53,22 @@ SigPlace
|
|||||||
fetchComments()
|
fetchComments()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
function insert(c1,c2) {
|
||||||
|
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||||
|
//No highlighting. Insert here.
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<div id="commentForm">
|
<div id="commentForm">
|
||||||
<b>Leave a comment!</b><br/><br/>
|
<b>Leave a comment!</b><br/><br/>
|
||||||
@ -66,7 +82,22 @@ SigPlace
|
|||||||
<option value="CYAN">CYAN</option>
|
<option value="CYAN">CYAN</option>
|
||||||
<option value="WHITE">WHITE</option>
|
<option value="WHITE">WHITE</option>
|
||||||
</select><br/><br/>
|
</select><br/><br/>
|
||||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
|
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||||
|
<div>
|
||||||
|
<div class="toolbar">
|
||||||
|
<span class="toolbarItem" onclick="insert('^','^')" title="Bold"> <b>B</b> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('*','*')" title="Italics"> <i>I</i> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('_','_')" title="Underline"> <u>U</u> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('~','~')" title="Code"> <code> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('[',']')" title="Link"> <http://> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||||
|
</div>
|
||||||
|
<textarea id="msg"></textarea>
|
||||||
|
</div><br/><br/>
|
||||||
<button id="submit" onclick="submit()">POST</button>
|
<button id="submit" onclick="submit()">POST</button>
|
||||||
</div><br/><br/>
|
</div><br/><br/>
|
||||||
<div id="commentContainer" style="visibility:hidden;">
|
<div id="commentContainer" style="visibility:hidden;">
|
||||||
|
|||||||
@ -53,6 +53,22 @@ SigPlace
|
|||||||
fetchComments()
|
fetchComments()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
function insert(c1,c2) {
|
||||||
|
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||||
|
//No highlighting. Insert here.
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<div id="commentForm">
|
<div id="commentForm">
|
||||||
<b>Leave a comment!</b><br/><br/>
|
<b>Leave a comment!</b><br/><br/>
|
||||||
@ -66,7 +82,22 @@ SigPlace
|
|||||||
<option value="CYAN">CYAN</option>
|
<option value="CYAN">CYAN</option>
|
||||||
<option value="WHITE">WHITE</option>
|
<option value="WHITE">WHITE</option>
|
||||||
</select><br/><br/>
|
</select><br/><br/>
|
||||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
|
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||||
|
<div>
|
||||||
|
<div class="toolbar">
|
||||||
|
<span class="toolbarItem" onclick="insert('^','^')" title="Bold"> <b>B</b> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('*','*')" title="Italics"> <i>I</i> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('_','_')" title="Underline"> <u>U</u> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('~','~')" title="Code"> <code> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('[',']')" title="Link"> <http://> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||||
|
</div>
|
||||||
|
<textarea id="msg"></textarea>
|
||||||
|
</div><br/><br/>
|
||||||
<button id="submit" onclick="submit()">POST</button>
|
<button id="submit" onclick="submit()">POST</button>
|
||||||
</div><br/><br/>
|
</div><br/><br/>
|
||||||
<div id="commentContainer" style="visibility:hidden;">
|
<div id="commentContainer" style="visibility:hidden;">
|
||||||
|
|||||||
@ -22,6 +22,22 @@
|
|||||||
fetchComments()
|
fetchComments()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
function insert(c1,c2) {
|
||||||
|
if (document.getElementById("msg").selectionStart==document.getElementById("msg").selectionEnd) {
|
||||||
|
//No highlighting. Insert here.
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (c2!=undefined) {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart,document.getElementById("msg").selectionEnd)+c2+document.getElementById("msg").value.substring(document.getElementById("msg").selectionEnd)
|
||||||
|
} else {
|
||||||
|
document.getElementById("msg").value=document.getElementById("msg").value.substring(0,document.getElementById("msg").selectionStart)+c1+document.getElementById("msg").value.substring(document.getElementById("msg").selectionStart)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<div id="commentForm">
|
<div id="commentForm">
|
||||||
<b>Leave a comment!</b><br/><br/>
|
<b>Leave a comment!</b><br/><br/>
|
||||||
@ -35,7 +51,22 @@
|
|||||||
<option value="CYAN">CYAN</option>
|
<option value="CYAN">CYAN</option>
|
||||||
<option value="WHITE">WHITE</option>
|
<option value="WHITE">WHITE</option>
|
||||||
</select><br/><br/>
|
</select><br/><br/>
|
||||||
<label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
|
<label for="msg" style="vertical-align:top;display:inline;">Message: </label>
|
||||||
|
<div>
|
||||||
|
<div class="toolbar">
|
||||||
|
<span class="toolbarItem" onclick="insert('^','^')" title="Bold"> <b>B</b> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('*','*')" title="Italics"> <i>I</i> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('_','_')" title="Underline"> <u>U</u> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('~','~')" title="Code"> <code> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('[',']')" title="Link"> <http://> </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😊')" title="Smiley Face Emoji"> 😊 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😔')" title="Sad Face Emoji"> 😔 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('👍')" title="Thumbs Up Emoji"> 👍 </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('❤️')" title="Heart Emoji"> ❤️ </span>
|
||||||
|
<span class="toolbarItem" onclick="insert('😡')" title="Pouting Emoji"> 😡 </span>
|
||||||
|
</div>
|
||||||
|
<textarea id="msg"></textarea>
|
||||||
|
</div><br/><br/>
|
||||||
<button id="submit" onclick="submit()">POST</button>
|
<button id="submit" onclick="submit()">POST</button>
|
||||||
</div><br/><br/>
|
</div><br/><br/>
|
||||||
<div id="commentContainer" style="visibility:hidden;">
|
<div id="commentContainer" style="visibility:hidden;">
|
||||||
|
|||||||
@ -427,4 +427,16 @@ input:disabled{
|
|||||||
}
|
}
|
||||||
textarea:disabled{
|
textarea:disabled{
|
||||||
background-color:rgb(0, 81, 95);
|
background-color:rgb(0, 81, 95);
|
||||||
|
}
|
||||||
|
.toolbar{
|
||||||
|
background-color:#666666;
|
||||||
|
color:#000000;
|
||||||
|
font-size:0.75em;
|
||||||
|
width:fit-content;
|
||||||
|
margin-left:36px;
|
||||||
|
margin-top:24px;
|
||||||
|
}
|
||||||
|
.toolbarItem:hover{
|
||||||
|
background-color:#a1a1a1;
|
||||||
|
cursor:pointer;
|
||||||
}
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user