Post Top Ad

Your Ad Spot

الجمعة، 17 أبريل 2015

كيفية تحديد محتوى اكواد فقرة الاقتباس بضغطة واحدة Auto Select Code Blockquote

اضافة اليوم اهم اضافة من اضافات بلوجر وهى تحديد محتوى اكواد فقرة الاقتباس بضغطة واحدة اثناء الضغط بمؤشر الماوس . هذه الطريقة من الممكن ان تعجب الزوار لانها تسهل عليهم اخذ الكود بالكامل عند الضغط على فقرة الاقتباس فسيتم تحديد جميع الاكواد ومنها نسخ جميع الاكواد بكل سهولة ويسر . الطريقة مفيدة بالنسبة للمدونات الذى تحتوى على اكواد غير منسقة فمن الصعب على الزائر ان ينسخ محتوى الاكواد فبهذه الطريقة ستمكن الاعضاء والزوار باخذ الكود بالكامل وبدون اى مشاكل .
كان يوجد طريقة اخرى وضعتها لكم فى قسم دروس بلوجر اعتقد انها ستعجب اصحاب المدونات وايضا الزوار وهو كيفية اضافة كود زر تحديد المحتوى داخل صندوق اكواد الشروحات .



شرح تركيب الكود :

  قبل اضافة اى اكواد يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى
 الى الطريقة
 فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML














الأن قم بالبحث عن هذا الكود :
</body>
ضع قبلة مباشرة هذا الكود :
<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;blockquote&quot;);
for (var i = 0; i &lt; pres.length; i++) {
pres[i].addEventListener(&quot;click&quot;, function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
 }, false);
}
</script>
بالأخير اضغط على حفظ وهذه صورة توضح شكل التركيب :







كما تلاحظون الكود المحدد باللون السماوى تم وضعة قبل الكود الذى بحثنا عنة المحدد باللون الاصفر .
الان اتجهة الى صفحة المدونة وادخل على اى موضوع بة اكواد وشاهد النتيجة بعد الضغط على محتوى فقرة الاقتباس ستجد بأن محتوى الاكواد تم تحديدة بالكامل .
ارجو بان هذه التدوينة البسيطة اعجبتكم وانتظرونى بدرس اخر جديد .

ليست هناك تعليقات:

إرسال تعليق

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

Post Top Ad