طلب تصميم كود نسخ الكود توسيع الكود نافذة منبثقة للنسخة الأخيرة

السلام عليكم ورحمه الله وبركاته

تحية طيبه أما بعد

هل من الممكن تصميم مثل هذا الكود

كود نسخ الكود توسيع الكود نافذة منبثقة للنسخة الأخيرة

AwesomeBB

وعرض مظهر الأكواد كما هو موضح ف الصورة أسفل

بعلامات الترقيم مثل ورقة Css

1.

2.

3.

4.

5.

طلب تصميم كود نسخ الكود توسيع الكود نافذة منبثقة للنسخة الأخيرة Captas18

رابط مباشر للصورة

https://i.servimg.com/u/f79/20/23/03/03/captas18.png

وعليكم السلام ورحمة الله وبركاته
اهلا اخي @Mahmoud Gilany

هل جربت هذا الكود
https://help.ahlamontada.com/t1072668-topic

كونان2000 كتب:وعليكم السلام ورحمة الله وبركاته
اهلا اخي
هل جربت هذا الكود
https://help.ahlamontada.com/t1072668-topic

جربتة بس مش بيظهر بنفس الأداء المطلوب عشان

كدا طلب تكويد جديد يليق بمظهر

منتدى الحالى

اهلا
سويت تعديل عليه ليتوافق مع نسخة AwesomeBB

جرب
css

Spoiler:

java

Spoiler:

الكود:: // تنفيذ الكود document.addEventListener('DOMContentLoaded', () => { const tagCode = document.querySelectorAll('.codebox code'); tagCode.forEach(code => { const sContent = code.innerHTML; const codebox = code.closest('.codebox'); const punbbtop = document.createElement('div'); punbbtop.className = 'punbbtop'; punbbtop.innerHTML = ` تظليل المحتوى <button onclick="punbbExpand(this); return false;">تكبير</button> <button style="display: none" onclick="punbbCollapse(this); return false;">تصغير</button> <button onclick="punbbSelect(this); return false;">انسخ</button> <button onclick="punbbPopup(this); return false;">نافذة</button> <button style="margin-right: 50px; float: right;" onclick="punbbAbout(this); return false;"></button>`; const pre = document.createElement('pre'); pre.className = 'highlight punbb_block'; pre.innerHTML = sContent; codebox.parentNode.insertBefore(punbbtop, codebox); codebox.parentNode.insertBefore(pre, codebox); codebox.remove(); }); const script = document.createElement('script'); script.src = 'http://balupton.github.io/jquery-syntaxhighlighter/scripts/jquery.syntaxhighlighter.min.js'; script.onload = () => { SyntaxHighlighter.init({ 'wrapLines': false }); }; document.head.appendChild(script); }); // تعريف الدوال function punbbExpand(oThis) { oThis.style.display = 'none'; oThis.nextElementSibling.style.display = ''; oThis.parentNode.nextElementSibling.classList.add('expand'); } function punbbCollapse(oThis) { oThis.style.display = 'none'; oThis.previousElementSibling.style.display = ''; oThis.parentNode.nextElementSibling.classList.remove('expand'); } function punbbPopup(oThis) { const content = oThis.parentNode.nextElementSibling.innerHTML; const my_window = window.open("", "PunBB_Code", "scrollbars=1,toolbar=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 punbbAbout(oThis) { alert('Simple code to add Syntax Highlighter fuctionality for Forumotion\n\hamsahaq - 2013/12/16\n'); } function punbbSelect(oThis) { const text = oThis.parentNode.nextElementSibling; const range = document.createRange(); range.selectNodeContents(text); const selection = window.getSelection(); selection.removeAllRanges(); selection.addRange(range); }

كونان2000 كتب:اهلا
سويت تعديل عليه ليتوافق مع نسخة AwesomeBB

جرب
css
Spoiler:

java
Spoiler:

أخى الحبيب ركبتة بس فى حاجة أمر نسخ الأكواد بيعمل تظليل على الأكواد وكمان

يا ريت الكود يكون فعال على كود منع النسخ للأكواد فقط لان مركبة بالفعل

عشان محدش ينسخ حاجة من عندى

طلب تصميم كود نسخ الكود توسيع الكود نافذة منبثقة للنسخة الأخيرة Captsa11

رابط مباشر للصورة

https://i.servimg.com/u/f79/20/23/03/03/captsa11.png

اهلا
همممم
يعني تريد عند الضغط على زر 'النسخ' يتم نسخ محتوى الكود وليس تظليله
وفي نفس الوقت لا تريد احد ينسخ الاكواد لانه عندك منع النسخ

لم افهم Like a Star @ heaven

من جهة، تريد أن يقوم زر النسخ: بنسخ المحتوى مباشرةً دون تظليله، ومن جهة أخرى، تريد منع النسخ تمامًا.

ممكن توضح اكثر اخي
لا أدري

السلام عليكم ورحمه الله وبركاته

اخى الحبيب لقد اسائت فهمى انا قصدى

عووز الكود بتاع النسخ يكون متفاعل على بوكس الاكواد فقط

ومش متعارض مع كود منع النسخ و التظليل عشان انا مركب الاكواد دى

على المنتدى عشان اكثر المواضيع اللى عندى حصرية ومش عاوز حد ينسخها كوبى بسط وخصوص اللى فى اقسام فن الادب و مدرسة الاسرة

لقاء الايمان هذا ما كنت ارمز اليه

زى الموضيع دى

طلب تصميم كود نسخ الكود توسيع الكود نافذة منبثقة للنسخة الأخيرة Screen14

https://i.servimg.com/u/f79/20/23/03/03/screen14.jpg

انا مش عاوز حد ينسخها فلما بركب كود منع النسخ بيتعارض مع كود

نسخ الاكواد

اهلا
الان فهمت Embarassed

تم تعديل الاكواد

استبدل الاكواد السابقه بالتاليه

css

Spoiler:

java

Spoiler:

الكود:: $(document).ready(function() { $('.codebox code').each(function() { const code = $(this); const sContent = code.html(); const codebox = code.closest('.codebox'); const punbbtop = $('<div class="punbbtop"></div>').html(` <button class="expand">تكبير</button> <button class="collapse" style="display: none;">تصغير</button> <button class="copy">نسخ</button> <button class="popup">نافذة</button> `); const pre = $('<pre class="highlight punbb_block"></pre>').html(sContent); codebox.after(pre).after(punbbtop); codebox.remove(); }); $.getScript('http://balupton.github.io/jquery-syntaxhighlighter/scripts/jquery.syntaxhighlighter.min.js', function() { SyntaxHighlighter.init({ 'wrapLines': false }); }); $(document).on('click', '.expand', function(e) { e.preventDefault(); $(this).hide(); $(this).siblings('.collapse').show(); $(this).parent().next('pre').addClass('expand'); }); $(document).on('click', '.collapse', function(e) { e.preventDefault(); $(this).hide(); $(this).siblings('.expand').show(); $(this).parent().next('pre').removeClass('expand'); }); $(document).on('click', '.popup', function(e) { e.preventDefault(); const content = $(this).parent().next('pre').html(); const my_window = window.open("", "PunBB_Code", "scrollbars=1,toolbar=no,menubar=no,status=0,left=0,location=0,menubar=0,top=0,width=640,height=480"); my_window.document.write('<pre>' + content + '</pre>'); }); $(document).on('click', '.copy', function(e) { e.preventDefault(); const text = $(this).parent().next('pre')[0]; const range = document.createRange(); range.selectNodeContents(text); const selection = window.getSelection(); selection.removeAllRanges(); selection.addRange(range); try { document.execCommand('copy'); showCopyMessage($(this)); } catch (err) { console.error('Failed to copy: ', err); } selection.removeAllRanges(); }); function showCopyMessage(button) { const message = $('<span>تم النسخ!</span>').css({ color: 'green', marginLeft: '10px' }); button.parent().find('.copy').after(message); setTimeout(() => { message.remove(); }, 400); } });

تم تنفيذ التقنية المطلوبة

الصراحة شغل و إداء أكثر من رائع

شغل لأهتمامك وكل مجهوداتك

مع أخى الحبيب فى إنتظار إبدعاتكم القادمة

فى مجالى التصميم و التكويدات

Mahmoud Gilany كتب:
تم تنفيذ التقنية المطلوبة
الصراحة شغل و إداء أكثر من رائع
شغل لأهتمامك وكل مجهوداتك
مع أخى الحبيب فى إنتظار إبدعاتكم القادمة
فى مجالى التصميم و التكويدات