Mohamed Refaat10

29 سبتمبر 2022

لقد تمكنت من خلال موقع jsdelivr من تحويل رابط الملف من GitHub

1- يتم فتح الملف المراد استدعائه والضغط على زر row

2 - نسخ الرابط والذي يكون مشابه للرابط التالي

https://raw.githubusercontent.com/***/***/main/***.js

3- الذهاب لموقع jsdelivr وتحويل الرابط

سيصبح الرابط كالشكل التالي

https://cdn.jsdelivr.net/gh/***/***@main/***.js

يمكن استدعاء الملف مباشرة ولكن عند التعديل على الملف الأصلي لا يتم تحديث التغيرات ولحل المشكلة والحصول على التغييرات فور تحديث الملف يجب حذف @main ويكون الرابط النهائي كالشكل التالي

https://cdn.jsdelivr.net/gh/***/***/***.js

ملحوظة

النجوم الموجودة في الرابط

*** الأولى هي اسم المستخدم في github

*** الثانية هو اسم المستودع

*** الثالثة هو اسم الملف

29 سبتمبر 2022

اريد تضمين ملف js من GitHub في صفحة ويب خارجية

الملف لا يعمل إلا ذا قمت بتحويل الرابط باستخدام موقع raw.githack.com وأخذ المسار الجديد وتضمينه ولكن عند تعديل الشفرات الموجودة داخل الملف الأصلي والمخزن في GitHub لا يتم تحديث الملف إلا إذا قمت بتحويل الرابط مرة أخرى وأخذ الرابط الجديد من raw.githack.com

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

5 سبتمبر 2022

بتاريخ الآن قال Wael Aljamal:

ما هي لغة البرمجة التي تستعملها؟

php

5 سبتمبر 2022

بتاريخ 2 دقائق مضت قال Wael Aljamal:
يمكن طلب الرابط على الشكل التالي:
graph.facebook.com/v14.0/{page-id}/picture?type=large
فقط يلزم تمرير معرف الصفحة (اسمها أو رقمها) page-id

التوثيق: developers.facebook/graph-api/page/picture

اقصد الحصول على رابط الغلاف وليس صورة الملف الشخصي

5 سبتمبر 2022

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

https://graph.facebook.com/*****/picture?type=large

هل يوجد طريقة مشابهة للحصول على رابط صورة الغلاف ، قمت بتجربة بعض الطرق لم تنجح

27 مايو 2022

دي طريقتي اللى بستخدمها

HTML

<div class="grid grid-3 style-1">
    <div class="grid-col"><div class="fix-height"><div>grid-col-1</div></div></div>
    <div class="grid-col"><div class="fix-height"><div>grid-col-2</div></div></div>
    <div class="grid-col"><div class="fix-height"><div>grid-col-3</div></div></div>
    <div class="grid-col"><div class="fix-height"><div>grid-col-4</div></div></div>
    <div class="grid-col"><div class="fix-height"><div>grid-col-5</div></div></div>
    <div class="grid-col"><div class="fix-height"><div>grid-col-6</div></div></div>
    <div class="grid-col"><div class="fix-height"><div>grid-col-7</div></div></div>
    <div class="grid-col"><div class="fix-height"><div>grid-col-8</div></div></div>
</div>

CSS

.grid{
  display:grid
}
.grid-3 {
  grid-template-columns: 33.333333% 33.333333% 33.333333%;
}

.grid-col{
  padding:5px;
  overflow: hidden;
}

.grid-col .fix-height{
  background:#ddd;
  padding:15px;
  height:100%;
  overflow: hidden;
}

.grid-3.style-1 .grid-col:nth-of-type(3){
  grid-area: 1 / 1 / 3 / 1;
}

النتيجة هتكون كده

بإمكانك التعديل على القيم التالية باللي يناسبك

grid-area: 1 / 1 / 3 / 1;

/*
grid-row-start: 1; بداية الصف
grid-column-start: 1; بداية العمود
grid-row-end: 3; نهاية الصف
grid-column-end: 1; نهاية العمود

*/

11 مايو 2022

الكود السابق يعمل عند الضغط على الشاشة أو الضغط بزر الفأرة ولكن انا اريد التحقق فقط من إذا كانت الشاشة تدعم اللمس أم لا

11 مايو 2022

كيف اتحقق من إذا كانت الشاشة تعمل باللمس أم لا بواسطة الجافا سكريبت

13 فبراير 2022

مخزن مجموعة من البيانات عن طريق الـ object وقمت بإضافة حقل إدخال وزر ، واستخدمت حلقة تكرارية ودالة if بداخل الحلقة ليتم التحقق من القيمة التي تم ادخالها في الحقل وإذا كانت متطابقة يتم عرض باقي البيانات وهنا لا أجد أي مشكلة أو أي خطأ ، ولكن عند إضافة الشرط else ليتم طباعة جملة معينة في حالة عدم تطابق القيمة ولكن عند ادخال أي قيمة يتم طباعة الجملة المحددة في الشرط else حتى وإن كانت القيمة متطابقة ما عدا أخر عنصر يتم طباعته بشكل طبيعي

كود HTML

<input id="input" type="text" placeholder="ادخل القيمة هنا">
<button id="action">ابحث</button>

<table>
  <thead>
    <th>field1</th>
    <th>field2</th>
    <th>field3</th>
    <th>field4</th>
    <th>field5</th>
  </thead>
  <tbody id="demo"></tbody>
</table>

الـ Object

let fields =  [
  {
    field1: "field1 001",
    field2: "field2 001",
    field3: "field3 001",
    field4: "field4 001"
  },
  {
    field1: "field1 002",
    field2: "field2 002",
    field3: "field3 002",
    field4: "field4 002"
  },

  {
    field1: "field1 003",
    field2: "field2 003",
    field3: "field3 003",
    field4: "field4 003"
  },
  {
    field1: "field1 004",
    field2: "field2 004",
    field3: "field3 004",
    field4: "field4 004"
  },

  {
    field1: "field1 005",
    field2: "field2 005",
    field3: "field3 005",
    field4: "field4 005"
  }
];

تنفيذ المهمة عند الضغط على الزر

let action = document.getElementById("action");
action.addEventListener("click", function () {

  let input = document.getElementById("input").value,
      demo = document.getElementById("demo");

  if(input != ""){

    for (i = 0; i < fields.length; i++) {
      if(input == fields[i].field1){
        let result = "<tr><td>" + fields[i].field1 + "</td>" +
            "<td>" + fields[i].field2 + "</td>" +
            "<td>" + fields[i].field3 + "</td>" +
            "<td>" + fields[i].field4 + "</td>" +
            "<td>" + fields[i].field5 + "</td></tr>";
        demo.innerHTML = result;


      } 

      /*else {
            demo.innerHTML = "غير موجود";
	}*/

    } // end for Loop
  } else{
    demo.innerHTML = "لا يمكن ترك الحقل فارغ";
  }
});

أريد أن أعرف سبب المشكلة عند استخدام الشرط else

22 يناير 2022

@سامح أشرفإزاي أقدر استدعي مقالات بطريقة عشوائية بنفس الأكواد الموجودة في الملف التالي

بتاريخ On 12/27/2021 at 21:55 قال سامح أشرف:

last-post.html

حاولت استخدم دالة Math.random ودالة Math.floor لكن مش عارف استخدمها بطريقة صحيحة مع بلوجر

14 يناير 2022

هذا هو المثال الذي تم إنشائه لحساب قيمة الأوراق المطبوعة لأصحاب المكتبات

14 يناير 2022

بتاريخ 1 دقيقة مضت قال Wael Aljamal:

هل يمكنك توضيح الشيفرة من فضلك؟

مثلا يوجد حقل ادخال

<input type="number" id="test">
<button id="action">action</button>
<div id="demo"></div>

var action = document.getElementById("action");
action.addEventListener("click",function(){
	var test = document.getElementById("test").value,
    	demo = document.getElementById("demo");
	demo.innerHTML = test;
});

لو استخدمت

demo.innerHTML = test.toLocaleString();

يتم طباعة الرقم كما تم ادخاله في الحقل ولا تظهر العلامات العشرية

14 يناير 2022

لماذا لا تعمل الدالة toLocaleString مع الـ value الخاصة بـ input

14 يناير 2022

تمام شكراً لك

حصل تشتيت عندي بين الدالة toLocaleString و toString

14 يناير 2022

كيفية إضافة العلامات العشرية إذا كان الرقم مثلا 1000 يبقى الرقم هكذا 1,000 أو أكبر من ذلك

var x = 50,
    y = 2000,
    z = x * y;
console.log(z);
// 100000

إذا أخلى الناتج يظهر معه علامة عشرية مثلا 100,000

7 يناير 2022

إذا كانت عبارة عن أيقونة يمكنك تنسيقها بواسطة CSS

.demo {
  transform: rotate(180deg);
}

استبدل .demo بالمحدد الخاص بالأيقونة

29 ديسمبر 2021

عدلته واشتغل لكنك سبقتنى بالتعديل ، على العموم شكرأ لك لحل المشكلة

window.onscroll = function() {
	if(firstScroll == false){
		scrollLoad()
	}
}

@Mohammad Al Eik

إيه رأيك لو عملت تأخير لإعلانات جوجل أدسنس ضمن الدالة هل لها تأثير سلبي ؟

29 ديسمبر 2021

بتاريخ 5 دقائق مضت قال Mohammad Al Eik:
بلى صديقي بإمكانك تتبع الكود

في اول مرة تكون قيمة المتغير false وهنا لن ينفذ ال==إلا إذا كانت قيمة المتغير false حسب الشرط
window.onscroll = function() {
  if(firstScroll==="false"){//لن ينفذ التابع إلا إذا كانت قيمة المتغير false
      scrollLoad()
  }
};
وعندما يدخل الى جسم التابع نحول القيمة الى true كي لا يتحقق الشرط السابق مرة اخرى

لا يعمل ممكن تجرب الكود بنفسك

29 ديسمبر 2021

بتاريخ 24 دقائق مضت قال Mohammad Al Eik:

يمكنك اضافة متغير نحفظ فيه أن التابع قد تنفذ أم لا ك boolean


var firstScroll = false;//نضع هذا المتغير كقيمة إفتراضية

window.onscroll = function() {
  if(firstScroll==="false"){//لن ينفذ التابع إلا إذا كانت قيمة المتغير false
      scrollLoad()
  }
};
function scrollLoad() {
  if (document.body.scrollTop > 1 || document.documentElement.scrollTop > 1) {
    firstScroll = true;//نغير قيمة المتغير إلى ترو لكي لاينفذ مرة اخرى
    createLinkCss('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css','head');
  }

كده مش بينفذ الدالة

29 ديسمبر 2021

بحاول أنفذ طريقة تأخير ملفات الـ css الغير هامة بحيث لا يتم تحميلها مباشرة حتى يقوم المستخدم بتحريك شريط التمرير لأسفل بمقدار 1px وبعدها يتم تنفيذ الحدث وإضافة ملف التنسيقات css لعلامة head وذلك لتوفير بعض الوقت لتحميل الموقع ويكون سريع في التصفح

الكود يعمل ولكن يتم إنشاء ملف التنسيقات في كل مرة يتم تحريك فيها شريط التمرير ، أريد أن يتم تنفيذ الحدث عند أول مرة يتم تحريك فيها شريط التمرير

function createLinkCss(va,app){
  var createLink = document.createElement("link");
  var createAttrHref = document.createAttribute("href");
  var createAttrRel = document.createAttribute("rel");
  createAttrHref.value = va;
  createAttrRel.value = "stylesheet";
  createLink.setAttributeNode(createAttrHref);
  createLink.setAttributeNode(createAttrRel);
  document.getElementsByTagName(app)[0].appendChild(createLink);
}

window.onscroll = function() {scrollLoad()};
function scrollLoad() {
  if (document.body.scrollTop > 1 || document.documentElement.scrollTop > 1) {
    createLinkCss('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css','head');
  } 
}

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

document.body.addEventListener("mousemove", function() {
createLinkCss('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css','head');
},{once : true});

28 ديسمبر 2021

@سامح أشرف

مش عارف أقول لحضرتك إيه وأشكرك إزاي ، حليت لي مشكلة بقالي شهور بحاول أحلها لكن مقدرتش اتوصل لأي حل مناسب

شكراً بجد

26 ديسمبر 2021

يوجد لدي سكربت قمت بتطويره يقوم بجلب أخر المشاركات من مدونات بلوجر أو اخر المشاركات من قسم معين

ما أريده هو التحكم في قيمة المعرف (demo) وربطه بالمتغير printId الموجود ضمن الوظيفة createLastPosts

بحيث يتم استدعاء هذه الوظيفة مع تحديد المعرف اللى هيتم طباعة البيانات بداخلها حتى اتمكن من استخدام هذه الوظيفة عدة مرات وفي أماكن مختلفة

 function lastPosts(json) {
      var jfe = json.feed.entry;
      for (i = 0; i < jfe.length; i++) {
        var jfei = jfe[i];
        for (j = 0; j < jfei.link.length; j++) {
          if (jfei.link[j].rel == "alternate") {
            break;
          }
        }

        var postUrl = jfei.link[j].href;
        var postTitle = jfei.title.$t;

        var thumbnail;
        var thumbnailDefualt = "#";
        try {
          thumbnail = jfei.media$thumbnail.url;
        } catch (h) {
          s = jfei.content.$t;
          a = s.indexOf("<img");
          b = s.indexOf('src="', a);
          c = s.indexOf('"', b + 5);
          d = s.substr(b + 5, c - b - 5);
          if (a != -1 && b != -1 && c != -1 && d != "") {
            thumbnail = d;
          } else {
            thumbnail = thumbnailDefualt;
          }
        }

        var fixThumbnail = thumbnail.replace("s72-c", "s1600");

        var printThumbnail =
          '<a class="grid-thumbnail" href="' +
          postUrl +
          '"><img class="lazyload" loading="lazy" src="' +
          fixThumbnail +
          '" alt="' +
          postTitle +
          '"></a>';

        var printArticle =
          '<article class="grid-col article-posts swiper-slide"><div class="grid-fix-height"><div class="grid-box">' +
          printThumbnail +
          '<div class="grid-content"><h3 class="grid-title"><a href="' +
          postUrl +
          '">' +
          postTitle +
          "</a></h3></div></div></div></article>";
        var printall = document.getElementById("demo");
         printall.innerHTML += printArticle;
      }

     

    }

    function createLastPosts(url, count, printId) {
      var createScript = document.createElement("script");
      var createAttrSrc = document.createAttribute("src");
      createAttrSrc.value =
        url +
        "/feeds/posts/default?alt=json-in-script&max-results=" +
        count +
        "&callback=lastPosts";
      createScript.setAttributeNode(createAttrSrc);
      document.getElementsByTagName("head")[0].appendChild(createScript);
    }
    

    function createLastPostsLabel(url, labelName, count) {
      var createScript = document.createElement("script");
      var createAttrSrc = document.createAttribute("src");
      createAttrSrc.value =
        url +
        "/feeds/posts/default/-/" +
        labelName +
        "?alt=json-in-script&max-results=" +
        count +
        "&callback=lastPosts";
      createScript.setAttributeNode(createAttrSrc);
      document.getElementsByTagName("head")[0].appendChild(createScript);
    }

<div id="demo1"></div>
<div id="demo2"></div>

// أريد عند استدعاء الدالة

/*
createLastPosts(
	'url',  رابط المدونة
     'count',  عدد المقالات اللى هيتم طباعتها
     'printId'  المكان اللى هيتم طباعة فيه المقالات
);
*/

// مثال
createLastPosts(
	'https://mo-222.blogspot.com',
     '3',
     'demo1'
);

last-post.html

4 فبراير 2020

اضغط على زر CTRL+F5

4 فبراير 2020

موجود الشرح بالعربي ضمن هذه القائمة

6 أغسطس 2019

احترف نظام ووردبريس

ريادة الأعمال

البرمجة

التصميم

DevOps

التسويق والمبيعات

العمل الحر

البرامج والتطبيقات

آخر التحديثات

قصص نجاح

أسئلة وأجوبة

كتب

دورات

أجوبة بواسطة Mohamed Refaat10