add clipboard button to code box
3 posters
Page 1 of 1
add clipboard button to code box
i use the box code made by js script may his soul rest in peace
i want to add clipboard button to it
- Code:
(function() {
var style = document.createElement("style");
style.type = "text/css";
style.innerHTML =
'code.jsCode_block, pre.jsCode_block {' +
' text-align: left !important;' +
' background-color: #FAFAFA !important;' +
' border: 1px solid #C9C9C9 !important;' +
' color: #000000;' +
' font-family: monospace,"Bitstream Vera Sans Mono","Andale Mono",Monaco,"DejaVu Sans Mono","Lucida Console",monospace !important;' +
' font-size: 20px !important;' +
' line-height: 110% !important;' +
' margin-top: 0 !important;' +
' max-height: 250px !important;' +
' overflow: auto !important;' +
' padding: 5px !important;' +
' white-space: pre-wrap !important;' +
' width: auto !important;' +
'}' +
'.jsCodetop {' +
' background-color: #0077aa !important;' +
' color: #1D3652;' +
' font-size: 14px;' +
' font-family: jazeera;' +
' font-weight: bold;' +
' line-height: 100%;' +
' margin-top: 5px;' +
' padding: 2px 1px 2px 3px;' +
'}' +
'.jsCodetop button {' +
' background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;' +
' border: 1px solid #BBBBBB;' +
' border-radius: 3px 3px 3px 3px;' +
' color: #1D3652;' +
' font-family: jazeera;' +
' cursor: pointer;' +
' display: inline-block;' +
' font-size: 13px;' +
' padding: 0 6px;' +
' text-decoration: none;' +
'}' +
'.jsCodetop button:hover {' +
' background: -moz-linear-gradient(center top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF;' +
' border-color: #9A9A9A;' +
' color: #3D70A3;' +
' font-family: jazeera;' +
'}' +
'.jsCodetop button:active {' +
' position: relative;' +
' top: 1px;' +
'}' +
'pre.jsCode_block.expand, code.jsCode_block.expand {' +
' max-height: 100% !important;' +
'}' +
'pre ol.linenums {' +
' color: #afafaf !important;' +
' font-size: 12px !important;' +
' list-style: outside none decimal !important;' +
' padding: 5px 0 5px 42px !important !important;' +
' margin: -16px 0 0 !important;' +
' width: auto !important;' +
'}' +
'pre ol.linenums li > span {' +
' color: #000000 !important;' +
'}' +
'pre ol.linenums li {' +
' border-left: 3px solid #6ce26c !important;' +
' padding-left: 15px !important;' +
' list-style: inherit !important;' +
' font-size: inherit !important;' +
'}';
document.getElementsByTagName("head")[0].appendChild(style);
})();
jQuery(function() {
var tagCode = jQuery('.cont_code, code'),
codebox = null;
for (var i = 0, len = tagCode.length; i < len; i++) {
codebox = jQuery(tagCode[i]).closest('.codebox');
codebox.before(
'<div class="jsCodetop">Code <button onclick="jsCodeExpand(this); return false;">توسيع</button>' +
' <button style="display: none" onclick="jsCodeCollapse(this); return false;">تقليص</button> ' +
' <button onclick="jsCodeSelect(this); return false;">تحديد الكود</button> ' +
' <button onclick="jsCodePopup(this); return false;">نافذة منبثقة</button> ' +
' <button onclick="jsCodecopy(this); return false;">نسخ</button> ' +
' <button style="margin-right: 50px; float: right;" onclick="jsCodeAbout(this); return false;">?</button>' +
'</div>' +
'<pre class="jsCode_block">' +
' <ol class="linenums">' + tagCode[i].innerHTML.replace(/<br>/mg, '<li class="L1"><span>') + '</ol>' +
'</pre>'
);
codebox.remove();
}
});
function jsCodeExpand(oThis) {
jQuery(oThis).css('display', 'none');
jQuery(oThis).next().css('display', '');
jQuery(oThis).parent().next('pre.jsCode_block').addClass('expand');
}
function jsCodeCollapse(oThis) {
jQuery(oThis).css('display', 'none');
jQuery(oThis).prev().css('display', '');
jQuery(oThis).parent().next('pre.jsCode_block').removeClass('expand');
}
function jsCodePopup(oThis) {
var content = jQuery(oThis).parent().next('pre.jsCode_block').html();
var my_window = window.open("", "To select the code: [Ctrl] + [A]", "scrollbars=1toolbar=no,menubar=no,personalbar=no,status=0,left=0,location=0,menubar=0,top=0,width=640,height=480");
my_window.document.write('<pre>' + content + '</pre>');
}
function jsCodeAbout(oThis) {
alert('جميع الحقوق محفوظة لصاحبها\n\nBy JScript FROM Brazil - 2015/04/10\n');
}
function jsCodecopy(oThis) {
}
function jsCodeSelect(oThis) {
var doc = document;
var text = jQuery(oThis).parent().next('pre.jsCode_block')[0];
if (doc.body.createTextRange) {
var range = doc.body.createTextRange();
range.moveToElementText(text);
range.select();
} else if (window.getSelection) {
var selection = window.getSelection();
var range = doc.createRange();
range.selectNodeContents(text);
selection.removeAllRanges();
selection.addRange(range);
}
}
i want to add clipboard button to it
Last edited by alla13 on May 29th 2018, 12:55 am; edited 1 time in total
Re: add clipboard button to code box
Have you ever tried this? Copy Code
Last edited by SarkZKalie on May 27th 2018, 3:51 pm; edited 1 time in total
Re: add clipboard button to code box
yes i did even i made the change in class so it works and
it didn't work on this specific code box
it didn't work on this specific code box
Re: add clipboard button to code box
First, I can't understand Arabic so if possible please post a question topic to http://help.ahlamontada.com
Second, you've already using another copy code script, right? It could conflict to the one you just applied.
Second, you've already using another copy code script, right? It could conflict to the one you just applied.
Re: add clipboard button to code box
the irony is i am the one ho is given help to people there
the forum is deserted from coders
i just want a clipboard to be added to posted java codebox in the topic here
so can you help me
the forum is deserted from coders
i just want a clipboard to be added to posted java codebox in the topic here
so can you help me
Re: add clipboard button to code box
solved by application of this tutorial
https://www.w3schools.com/howto/howto_js_copy_clipboard.asp
https://www.w3schools.com/howto/howto_js_copy_clipboard.asp
Re: add clipboard button to code box
Thanks for posting the solution.
Problem solved & topic archived.
|
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Similar topics
» A "select all" button for CODE box
» Thanks button code
» Button Styles Code
» Members Button code
» Need help with a button code from another site.
» Thanks button code
» Button Styles Code
» Members Button code
» Need help with a button code from another site.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum