Double-click select add

This commit is contained in:
JoseluCross
2017-10-30 23:25:29 +01:00
parent e25666648d
commit b3b477fd53
4 changed files with 30 additions and 5 deletions

View File

@@ -14,9 +14,9 @@
<meta name="description" content="{{ page.description }}"/> <meta name="description" content="{{ page.description }}"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script src="{{ path.js }}/highlight.pack.js"></script> <script src="{{ path.js }}/highlight.pack.js"></script>
<script src="{{ path.js }}/functions.js"></script>
<script src="{{ path.js }}/jquery-3.2.1.min.js"></script> <script src="{{ path.js }}/jquery-3.2.1.min.js"></script>
<script src="{{ path.js }}/bootstrap.min.js"></script> <script src="{{ path.js }}/bootstrap.min.js"></script>
<script src="{{ path.js }}/functions.js"></script>
</head> </head>
<body> <body>
{% include 'nav.twig' %} {% include 'nav.twig' %}

View File

@@ -172,11 +172,11 @@
var extlib = document.getElementById("extlib"); var extlib = document.getElementById("extlib");
extlib.onkeyup=verRequired; extlib.onkeyup=verRequired;
</script> </script>
<script type="text/javascript"> {#<script type="text/javascript">
var webpageid = 6; /* Webpage id, in all your website,the same */ var webpageid = 6; /* Webpage id, in all your website,the same */
var uniqueid = 0; /* Post/url id, every site you want different comments, an unique ID, 0 as default */ var uniqueid = 0; /* Post/url id, every site you want different comments, an unique ID, 0 as default */
</script> </script>
<script src="http://qozu.jkanetwork.com/comments.js"></script> <script src="http://qozu.jkanetwork.com/comments.js"></script>#}
{% endblock %} {% endblock %}
{% block css %} {% block css %}

View File

@@ -29,7 +29,7 @@
</tr> </tr>
<tr> <tr>
<td colspan="6"> <td colspan="6">
<pre><code class='{{ code.lang }} codeto'>{{ code.code }}</code></pre> <pre class="highlight"><code class='{{ code.lang }} codeto'>{{ code.code }}</code></pre>
</td> </td>
</tr> </tr>
</table> </table>

View File

@@ -118,3 +118,28 @@ function selectAll() {
} }
getAjax(); getAjax();
} }
//From https://stackoverflow.com/questions/35297919/javascript-select-all-text-inside-a-pre-code-block-on-double-click
window.onload = function(){
document.body.addEventListener('dblclick', function(e){
var target = e.target || e.srcElement;
if (target.className.indexOf("highlight") !== -1 || target.parentNode.className.indexOf("highlight") !== -1){
var range, selection;
if (document.body.createTextRange) {
range = document.body.createTextRange();
range.moveToElementText(target);
range.select();
} else if (window.getSelection) {
selection = window.getSelection();
range = document.createRange();
range.selectNodeContents(target);
selection.removeAllRanges();
selection.addRange(range);
}
e.stopPropagation();
}
});
};