اذهب إلى المحتوى

Shahad Mohammad

الأعضاء
  • المساهمات

    112
  • تاريخ الانضمام

  • تاريخ آخر زيارة

أجوبة بواسطة Shahad Mohammad

  1. بتاريخ 11 دقائق مضت قال Hassan Hedr:

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

    يمكنك القراءة أكثر عن الامتحان والحصول على الشهادة من قاعدة المعرفة، ولأي استفسار آخر يمكنك التواصل مع مركز المساعدة وسيتم مساعدتك،

    بالتوفيق لك

    شكرا.. لكن ما المقصود بهذهالجمله " إتمام أربعة مسارات تعليمية على الأقل " يعني مثلا مسار تطوير صفحات الهبوط فيها 5 مشاريع هل يجب تنفيذها كلها؟ هذا يعتبر مسار واحد فقط ؟

    • أعجبني 1
  2. صممت موقع HTML CSS وبعدها حذفت الصفحة الرئيسية واستبدلتها باخرى لكن الان بعد حذف الصفحة الاولى اذاضغطت على Go live  في الVisual code  يعطيني هذه الشاشة ولااعرف الحل لاصلاحه 

    Untitled.png

    • أعجبني 1
  3. بتاريخ On 6/8/2022 at 20:35 قال Wael Aljamal:

    أرجو مشاركة تفاصيل أكثر عن الشيفرة البرمجية وإصدار المكتبات التي تستخدمها و بنية قاعدة البيانات لديك

    غيرت قاعدة البيانات واستخدمت sql   لكن ايضا البرنامج لا يعمل هل يمكنك رؤية البرنامج وتصليح الخطأ ، الامر ضروري ولي 3 ايام لم اجد الحل 

    MyApplication5.zip

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

    implementation'net.sourceforge.jtds:jtds:1.3.1'

    هذا الخطا 

    Duplicate class net.sourceforge.jtds.jdbc.CharsetInfo found in modules jetified-jtds-1.3.1 (jtds-1.3.1.jar) and jetified-jtds-1.3.1 (net.sourceforge.jtds:jtds:1.3.1)

  5. بتاريخ 12 دقائق مضت قال Adnane Kadri:

    لتكوين عميل لاستخدام TCP/IP اتبعي الخطوات التالية:

    • قومي بفتح SQL Server Configuration Manager.
    • من قائمة SQL Server Native Client Configuration اضغطي بالزر الأيمن على Client Protocols ثم على Properties.
    • من قسم Enabled protocols استعملي الاسهم لتغيير ترتيب البروتوكولات حيث ان البروتوكول الاول في الترتيب سيعتمد كافتراضي.

    لكنه لايعطيني خيار properties

    Untitled.png

    • أعجبني 1
  6. في aql server  ارى كثير مقاطع مهتمه بتعديل الاعدادات على client protocol  ولا اعلم صراحة ما اهمية ذلك، لكن المشكلة انه  client protocol لدي فارغ ليس به كما يظهر بالمقاطع كيف اقوم باصلاح هذا الامر ؟ لأني اريد ان اضع الport على ال TCP  ولا اعلم كيف اقوم بذلك وهو فارغ 

    Untitled.png

    • أعجبني 1
  7. لااعلم لماذا الfairbase لا يتفاعل مع التطبيق ، هل يمكن اخباري ما السبب هو لا يعطيني اخطاء ولكن البيانات لا تحفظ في الداتابيس رغم اني لم اقم بتطبيق كبير مجرد سطر واحد لاختبار الاتصال  لكنه لايعمل ، هل يمكن المساعدة؟

       DatabaseReference c = FirebaseDatabase.getInstance().getReference("db").child("text");
            c.setValue("shahad");

     

  8. بتاريخ 36 دقائق مضت قال عمر قره محمد:

    الحل يجب ان يكون بالشكل التالي : 

    
    function subL() {
      let list_1L = document.getElementById("list_li1_lL");
      let list_2L = document.getElementById("list_li2_L");
      let user_skil = document.getElementById("user_skil").value;
      let data = document.createTextNode(user_skil);
      // قمنا بتعريف متغير عشوائي
      const randomId = Math.floor(Math.random() * 1000);
    
      let li = document.createElement("LI");
      li.appendChild(data);
      //   قنا بإضافة ايدي فريد لكل عنصر نقوم بإضافته
      li.id = `li1_${randomId}`;
      list_1L.appendChild(li);
    
      let data2 = document.createTextNode(user_skil);
      let li2 = document.createElement("LI");
      li2.appendChild(data2);
      //   ومتغير فريد آخر لكل عنصر في القائمة الثانية كذلك
      li2.id = `li2_${randomId}`;
      list_2L.appendChild(li2);
    
      let myspan1 = document.createElement("span");
      myspan1.innerHTML = "x";
      //   قمنا بإضافة الوظيفة التي ستحدث عند النقر
      myspan1.onclick = () => {
        //   حيث يجلب العنصر عبر الايدي الذي اعطيناه إياه ثم يقوم بحذفه
        document.getElementById(`li1_${randomId}`).remove();
        document.getElementById(`li2_${randomId}`).remove();
      };
      li.appendChild(myspan1);
    }

    ثم قومي بتكرار العملية نفسها لكافة الـ functions بنفس الطريقة

    628dec8e27a74_.thumb.png.1d58efcf1f9566ae7c39b8975c799dea.png

    تحميل الملف بعد التعديل :  js.js

    شكرا جدا واضح، بس ممكن تشرح لي ايش يعني هالعبارة `li1_${randomId}` 

    randomId فهمت انها المتغير العشوايي لكن لماذا وضعتها داخل سترنق ووضعت قبلها li1_$ ماذا يعني هذا الشي؟

     

  9. هل يمكن اخباري ما سبب الخطا؟ لدي 2 div يعملون نفس الوظيفة لكن الديف العلوي يعمل بشكل سليم اما السفلي فيعطيني اخطاء وحتى الان لم افهم السبب ، هل يمكن الاطلاع عليه؟ الكود قصير، فكرة الكود انه لدي في الديف الواحد (انبت + 2 بوتون)  واحد للعنوان الرئيسي وواحد للفرعي، عند الكتابه في الانبت والضغط على المين فيتم اضافة عنوان اساسي في لستتين واحدة يوجد بها زر الحذف والاخرى فقط ليرى النتيجة النهائية، ولكن عند الضغط على زر الحذف ينحذف العنوان من القائمتين، لكن المشكله انه الكود يعمل بالديف الاول اما الثاني فيعطيني هذا الخطا ولا يحذف بشكل صحيح 

    هذا هو الخطا

    Uncaught TypeError: Cannot read properties of undefined (reading 'style')
        at HTMLSpanElement.<anonymous> (js.js:136:22)

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

    https://github.com/shahadahmad423/project

     

  10. بتاريخ 51 دقائق مضت قال Wael Aljamal:

    إن PDF أفضل من الصور بالدقة، 

    يمكنك الاعتماد على مكتبة jsPDF وطريقة عملها:

    • جزء HTML المراد تحويله له id فريد
    
    <div id="content">
         <h3>مرحبا، رسالة ترحيبية</h3>
    
        <p>هذا النص سوف نقوم بتحويله إلى ملف PDF</p>
    </div>
    
    <div id="editor"></div>
    <button id="cmd">إنشاء PDF</button>
    • شيفرة جافا سكربت:
    
    إنشاء غرض من المكتبة
    var doc = new jsPDF();
    
    // عند أمر النقر على الزر
    // fromHTML 
    // هي الدالة التي تحول المضمون
    
    $('#go').click(function () {
        doc.fromHTML($('#content').html(), 15, 15, {
            'width': 170,
        });
        doc.save('myFile.pdf');
    });
    • تضمين المكتبة
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
    • 15 - 15 هي أبعاد الورق و width عرض المحتوى

    توثيق المكتبة  jsPDF

    حل آخر هو مكتبة printThis.

    يمكنها تطبيق دالة على محدد للعنصر المطلوب بالطريقة:

    
    $('selector').printThis();

     

    هل انت متاكد من الكود؟ جربته للتو فهو لا يعمل لدي، ويظهر الخطا التالي 


            
           Uncaught ReferenceError: jsPDF is not defined

  11. بتاريخ الآن قال شرف الدين2:

    ياشهد, أرجو قراءة التعليق بالأعلى

    أحتاج إلى شفرة الhtml كاملةً في تعليق 

    
    
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="style.css">
        <link rel="shortcut icon" href="imges/shahad-logo-0.png" type="imge/x-icon">
        <!--for convirsing html to pdf-->
        <script src = "https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.debug.js"> </script>
        <script src = "https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.min.js"> </script>
        <title>Document</title>
    
           
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=ZCOOL+QingKe+HuangYou&display=swap" rel="stylesheet">
    
    <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
    </head>
    
    
    <body>
    
    
        
        <nav>
            <img src="imges/shahad-logo-0.png" >
          <ul class="links">
            <li><a href="# " class="link1">Home</a></li>
            <li><a href="# " class="link2">services</a></li>
            <li><a href="# " class="link2">Contact</a></li>
          </ul>
        </nav>
    
        <div class="first">
         
          <div class="first-p">
            
          <h1>Welcome to CV job site </h1>
          <p>The CV site enables you to create your CV automatically, all you have to do is enter your data and you will be able to save it upon completion, do not worry, our site is secure, as we do not keep our data</p>
         <a href="#c"> <button id="clear">let's go</button></a>
        </div>
        <div class="first-photo">
          <img src="imges/Resume-amico.png" width="520px" >
        </div>
      
        </div>
        <div id="c"></div>
        <div class="red-spase">
          <h1>Available languages</h1>
        </div>
    
     <div class="row"></div>
        <div class="cards">
      
    
    
    <section class="all-card">
    
    <a href="#contanar_form"><div class="card"> <img src="imges/united-kingdom.png"> English languages</div></a>
    <a href="#contanar_form"><div class="card"> <img src="imges/saudi-arabia.png">  Arabic languages </div></a>
      </section>
     
    
    
    </div>
    
    <section class="all-starts">
      <h1 class="Start-h">What makes our services different ?</h1>
        <div class="start1">
          <img src="imges/Profiling-amico.png">
          <div class="text">
            <h3>Design a CV to suit your needs </h3>
       
    <ul>
      <li>You can add the number of points that suits you, regardless of the number. </li>
      <li>You can delete the points you wrote and you feel are no longer relevant. </li>
      <li>You can add the topics you need in your resume, languages - skills ... etc. </li>
      <li>You can delete topics that do not serve your resume, languages - skills ... etc. </li>
    </ul>
    </div>
        </div>
    
    
    
        <div class="start2"  >
          <img src="imges/User flow-pana.svg">
          <div class="text">
            <h3>Ease of use </h3>
      
    <ul>
      <li>Anyone, regardless of their skill in using the sites, can easily deal with our site. </li>
      <li>Speed in obtaining the service, you can get your CV within minutes. </li>
      <li>Convenient to use, our site is not complicated, but everything is clear. </li>
      <li> To get the service, you do not need to log in </li>
      
    </ul>
    </div>
        </div>
    
        
       
    
        <div class="start1">
          <img src="imges/Programming-pana.png">
          <div class="text">
            <h3>The service is free </h3>
          
    <ul>
      
      <li>Lorem ipsum dolor sit, amet consectetur adipisicing elit. </li>
      <li>Lorem ipsum dolor sit, amet consectetur adipisicing elit. </li>
      <li>Lorem ipsum dolor sit, amet consectetur adipisicing elit. </li>
    </ul>
    </div>
        </div>
    
        
        
             <br><br><br>
        </div>
    </section>
     <!-----------------------------------------first part---------------------------------------->
     <div id="contanar_form"></div>
     
    <section class="a">
        
        <h1 class="Start-h Start-hh"> English form</h1>
        
        <fieldset class="A">
            <legend>Personal information:</legend>
              <div class="live1">
               <div class="live11">
                  <label>Full Name
                   <input id="name-in" placeholder="your full Name"></input>
                  </label>
               </div>
               <div class="live11">
                <label id="con"> Country
                 <input  id="country-in" placeholder="From ware?"></input>
                </label>
             </div>
           </div>
           <div class="live1">
              <div class="live11">
               <label> Phone Number
                 <input id="phone-in" placeholder="0500000000" ></input>
               </label>
              </div>
              <div class="live11">
               <label> Email
                 <input id="Email-in" placeholder="123@cloud.com"></input>
               </label> 
              </div>
          </div>
       </fieldset>
    
    
       <!-----------------------------------------cecond part---------------------------------------->
    <div class="flex">
       <fieldset class="flex1">
        
        <div class="v">
            <input type="text" id="user_skil">
            <button onclick="mainL()">Add main subject</button>
            <button onclick=" subL()">Add sub </button>
      
            <ul id="list_li1_lL">
            
            </ul>
    
          
    </fieldset>
    
    
    <fieldset class="flex1">
        
        <div class="v">
            <input type="text" id="user_skil1">
            <button onclick="mainR()">Add main subject</button>
            <button onclick=" subR()">Add sub </button>
        
            <ul id="list_li1_R">
            
            </ul>
    </fieldset>
        
    </div>
    
    <div class="submit">
        <div>
         
          <a href="javascript:generatePDF()" id="downloud_pdf">downlowd pdf</a>
        </div>
       </div>
    
    
    </div>
    
    </section>
    
    
          
    
       <!-----------------------------------------live form ---------------------------------------->
       <!-----------------------------------------first part---------------------------------------->
    
    <hr>
    <section class="a">
       <div class="print"> 
                <div class="parsonal-information">
                     <p id="name-live"></p> 
                     <p id="counry-live"></p>
                      
                       <div class="f">
                       <p >[</p>
                       <p id="phone-live" ></p>
                       <p>]</p> <p>[</p>
                     <p id="Email-live" ></p>
                       <p>]</p>
                      </div>
                </div>
                
    <!-----------------------------------------cecond part---------------------------------------->
    
             
    
         
        
            
    
     <div class="flex">
        <div class="flex1444">
            <ul id="list_li2_L">
             
            
            </ul>
         
            <div id="label_text_main"></div>
            <div id="label_text_sub"></div>
    
            <ul id="label_text_sub">
            
            </ul>
       
         
     </div>
     <div class="flex1444">
        <ul id="list_li2_R">
        
        </ul>
     
        <div id="label_text_main"></div>
        <div id="label_text_sub"></div>
    
        <ul id="label_text_sub">
        
        </ul>
    
     
    </div>
    
    </div> 
    
    
    </section>
    
    
    <footer>
      <div class="photo">
        <img src="imges/shahad-logo-0.png"  style="width: 100px;">
    
      </div>
    
      <div class="w">
        <p>website pages: </p> 
        <ul>
        <li>Home</li>
        <li>About me</li>
        <li>Contact me</li>
      </ul>
      </div>
    <div class="o">
      <p>our tarms </p>
      <ul>
      <li>FAQ</li>
      <li>TERMS & CONDITIONS</li>
    </ul>
    </div>
    
    <div class="contact"> <p>find us on </p>
           
      
      <a href="#" ><img src="imges/github (1).png" width="30px"> </a> 
      <a href="#" ></a>  <img src="imges/google-plus.png" width="30px"> </a> 
      <a href="#" ></a> <img src="imges/linkedin.png" width="30px"> </a> 
    </div>
    </footer>
    <div class="copy"> Copyright 2022 Develope Allrights Reserved</div> 
    </body>
    <script src="script.js"></script>
    
    </body>
    </html>
  12. بتاريخ 4 دقائق مضت قال شرف الدين2:

    شهد هل يمكنك نسخ الجزئية التي يتم فيها استدعاء سكريبت الجافاسكريبت؟

    <script src="script.js"></script>

    بتاريخ 1 دقيقة مضت قال شرف الدين2:

    شهد لا أقصد هذا الكود, في ملف الhtml تقومين بإستدعاء ملف الجافاسكريبت عبر الوسم script وتقومين بوضع مسار الملف الجافاسكريبت في الخاصية src, أليس كذلك؟

    أحتاج  شفرة الhtml كاملةً حتى أتمكن من تحديد مكان إستدعاء ملف الجافاسكريبت

    لحظات

  13. بتاريخ 2 دقائق مضت قال شرف الدين2:

    شهد هل يمكنك نسخ الجزئية التي يتم فيها استدعاء سكريبت الجافاسكريبت؟

    ذكرت الكود بالسؤال الاساسي لكن هذا هو مرة اخرى 

     

    function subL()
        {
            let  list_1L = document.getElementById('list_li1_lL');
            let  list_2L = document.getElementById('list_li2_L');
            let user_skil = document.getElementById('user_skil').value;
            let  data = document.createTextNode(user_skil);
            let  li = document.createElement("LI");
            li.appendChild(data);
            list_1L.appendChild(li);
    
            let  data2 = document.createTextNode(user_skil);
            let  li2 = document.createElement("LI");
            li2.appendChild(data2);
            list_2L.appendChild(li2);
    
            let myspan1 = document.createElement('span')
            myspan1.innerHTML="x";
            li.appendChild(myspan1);
    
            let delete_skil1 = document.querySelectorAll('span');
            for(let i=0; i<delete_skil1.length;i++){
            delete_skil1[i].addEventListener('click', ()=>{
            delete_skil1[i].parentElement.style.display ="none";
            list_2L.children[i].style.display="none";
         })  
        }
    
        }
    
             ///////////////////////////////////////////
              
               function subR()
        {
            let  list_1L = document.getElementById('list_li1_R');
            let  list_2L = document.getElementById('list_li2_R');
            let user_skil = document.getElementById('user_skil1').value;
            let  data = document.createTextNode(user_skil);
            let  li = document.createElement("LI");
            li.appendChild(data);
            list_1L.appendChild(li);
    
            let  data2 = document.createTextNode(user_skil);
            let  li2 = document.createElement("LI");
            li2.appendChild(data2);
            list_2L.appendChild(li2);
    
            let myspan1 = document.createElement('span')
            myspan1.innerHTML="x";
            li.appendChild(myspan1);
    
            let delete_skil1 = document.querySelectorAll('span');
            for(let i=0; i<delete_skil1.length;i++){
            delete_skil1[i].addEventListener('click', ()=>{
            delete_skil1[i].parentElement.style.display ="none";
            list_2L.children[i].style.display="none";
        
        
         })  
        }
    
        }

    لحظة فهمت

    بتاريخ 1 دقيقة مضت قال Shahad Mohammad:

    ذكرت الكود بالسؤال الاساسي لكن هذا هو مرة اخرى 

     

    
    function subL()
        {
            let  list_1L = document.getElementById('list_li1_lL');
            let  list_2L = document.getElementById('list_li2_L');
            let user_skil = document.getElementById('user_skil').value;
            let  data = document.createTextNode(user_skil);
            let  li = document.createElement("LI");
            li.appendChild(data);
            list_1L.appendChild(li);
    
            let  data2 = document.createTextNode(user_skil);
            let  li2 = document.createElement("LI");
            li2.appendChild(data2);
            list_2L.appendChild(li2);
    
            let myspan1 = document.createElement('span')
            myspan1.innerHTML="x";
            li.appendChild(myspan1);
    
            let delete_skil1 = document.querySelectorAll('span');
            for(let i=0; i<delete_skil1.length;i++){
            delete_skil1[i].addEventListener('click', ()=>{
            delete_skil1[i].parentElement.style.display ="none";
            list_2L.children[i].style.display="none";
         })  
        }
    
        }
    
             ///////////////////////////////////////////
              
               function subR()
        {
            let  list_1L = document.getElementById('list_li1_R');
            let  list_2L = document.getElementById('list_li2_R');
            let user_skil = document.getElementById('user_skil1').value;
            let  data = document.createTextNode(user_skil);
            let  li = document.createElement("LI");
            li.appendChild(data);
            list_1L.appendChild(li);
    
            let  data2 = document.createTextNode(user_skil);
            let  li2 = document.createElement("LI");
            li2.appendChild(data2);
            list_2L.appendChild(li2);
    
            let myspan1 = document.createElement('span')
            myspan1.innerHTML="x";
            li.appendChild(myspan1);
    
            let delete_skil1 = document.querySelectorAll('span');
            for(let i=0; i<delete_skil1.length;i++){
            delete_skil1[i].addEventListener('click', ()=>{
            delete_skil1[i].parentElement.style.display ="none";
            list_2L.children[i].style.display="none";
        
        
         })  
        }
    
        }

    لحظة فهمت <script src="script.js"></script>

     

  14. بتاريخ 5 دقائق مضت قال شرف الدين2:

    هل يمكنك أخذ كود صفحة الhtml نسخ ولصقها في تعليق؟

    subR() و subL() التركيز في سؤالي على البوتون الذي يستدعي 
    
    
    <div class="flex">
       <fieldset class="flex1">
        
        <div class="v">
            <input type="text" id="user_skil">
            <button onclick="mainL()">Add main subject</button>
            <button onclick=" subL()">Add sub </button>
      
            <ul id="list_li1_lL">
            
            </ul>
    
          
    </fieldset>
    
    
    <fieldset class="flex1">
        
        <div class="v">
            <input type="text" id="user_skil1">
            <button onclick="mainR()">Add main subject</button>
            <button onclick=" subR()">Add sub </button>
        
            <ul id="list_li1_R">
            
            </ul>
    </fieldset>
        
    </div>
    
         <div class="flex">
        <div class="flex1444">
            <ul id="list_li2_L">
             
            
            </ul>
         
            <div id="label_text_main"></div>
            <div id="label_text_sub"></div>
    
            <ul id="label_text_sub">
            
            </ul>
       
         
     </div>
     <div class="flex1444">
        <ul id="list_li2_R">
        
        </ul>
     
        <div id="label_text_main"></div>
        <div id="label_text_sub"></div>
    
        <ul id="label_text_sub">
        
        </ul>
    
     
    </div>
    
    </div> 
    
    • أعجبني 1
  15. هل يمكناخباري ما سبب هذا الخطأ؟ لدي 2 بوتون يعملون نفس الوظيفة ونفس الكود لكن مجرد تغير لاسم القائمة لانه واحد خاص بالقائمة لليمين والاخر لليسار ، المشكلة انه البوتون لليسار يعمل بشكل جيد اما اليمن لا فيعمل بشكل صحيح الا اذا نقرت عليه بعد تحديث الصفحة وبعدها اذا اردت استخدامه مرة اخرى يظهر لي الخطا التالي ولا اعلم السبب 

    Uncaught TypeError: Cannot read properties of undefined (reading 'style')
        at HTMLSpanElement.<anonymous> (script.js:165:29)

    هذا هو الكود 

    function subL()
        {
            let  list_1L = document.getElementById('list_li1_lL');
            let  list_2L = document.getElementById('list_li2_L');
            let user_skil = document.getElementById('user_skil').value;
            let  data = document.createTextNode(user_skil);
            let  li = document.createElement("LI");
            li.appendChild(data);
            list_1L.appendChild(li);
    
            let  data2 = document.createTextNode(user_skil);
            let  li2 = document.createElement("LI");
            li2.appendChild(data2);
            list_2L.appendChild(li2);
    
            let myspan1 = document.createElement('span')
            myspan1.innerHTML="x";
            li.appendChild(myspan1);
    
            let delete_skil1 = document.querySelectorAll('span');
            for(let i=0; i<delete_skil1.length;i++){
            delete_skil1[i].addEventListener('click', ()=>{
            delete_skil1[i].parentElement.style.display ="none";
            list_2L.children[i].style.display="none";
         })  
        }
    
        }
    
             ///////////////////////////////////////////
              
               function subR()
        {
            let  list_1L = document.getElementById('list_li1_R');
            let  list_2L = document.getElementById('list_li2_R');
            let user_skil = document.getElementById('user_skil1').value;
            let  data = document.createTextNode(user_skil);
            let  li = document.createElement("LI");
            li.appendChild(data);
            list_1L.appendChild(li);
    
            let  data2 = document.createTextNode(user_skil);
            let  li2 = document.createElement("LI");
            li2.appendChild(data2);
            list_2L.appendChild(li2);
    
            let myspan1 = document.createElement('span')
            myspan1.innerHTML="x";
            li.appendChild(myspan1);
    
            let delete_skil1 = document.querySelectorAll('span');
            for(let i=0; i<delete_skil1.length;i++){
            delete_skil1[i].addEventListener('click', ()=>{
            delete_skil1[i].parentElement.style.display ="none";
            list_2L.children[i].style.display="none";
        
        
         })  
        }
    
        }

     

    • أعجبني 1
  16. لدي قائمتين غير مرتبتين ul، واريد عند الضغط على عنصر x من القائمة الأولى يتم حذف العنصر الذي يمتلك نفس فهرس x من القائمة الثانية. كيف اقوم بذلك؟ كتبت الكود ولكن لم استطع اكمال الجزء الخاص بحذف العصنر بالقائمة الثانية

     

    function subL()
        {
             var user_skil = document.getElementById('user_skil').value;
              let  listNodex = document.getElementById('list_li');
              let  liNode = document.createElement("LI");
              let  txtNode = document.createTextNode(user_skil);
        
              liNode.appendChild(txtNode);
              listNodex.appendChild(liNode);
    
              let  listNodex1 = document.getElementById('list_li1');
              let  liNode1 = document.createElement("LI");
              let  txtNode1= document.createTextNode(user_skil);
    
              liNode1.appendChild(txtNode1);
              listNodex1.appendChild(liNode1); 
    
        
             let myspan1 = document.createElement('span')
              myspan1.innerHTML="x";
              liNode.appendChild(myspan1);
              let delete_skil1 = document.querySelectorAll('span');
              for(let i=0; i<delete_skil1.length;i++){
              delete_skil1[i].addEventListener('click', ()=>{
             delete_skil1[i].parentElement.style.display ="none";
      
     //////////////////////////////////////////////////////////////////
     
            
           })  
       }
        
        }

     

    • أعجبني 1
  17. بتاريخ 2 دقائق مضت قال Hassan Hedr:

    يرجى إرفاق الشيفرة ضمن نص السؤال حتى يتوضح استفسارك وتحصلين على حل للمشكلة

    المشكلة ليست بالكود المشكلة انه لماذا ينفذ بشكل سريع جدا ويحدث الصفحة مباشرة ويختفي ما يقوم به الكود ؟ لكن هذا هو الكود

     <body>
            
            <input type="text" id="txtVal">
            <button onclick="addLi()">Add</button>
            
            <ul id="list">
                <li>1</li>
                <li>22</li>
                <li>50</li>
            </ul>
            
            <script>
                
                function addLi()
                {
    
                    var txtVal = document.getElementById('txtVal').value,
                        listNode = document.getElementById('list'),
                        liNode = document.createElement("LI"),
                        txtNode = document.createTextNode(txtVal);
                
                     liNode.appendChild(txtNode);
                     listNode.appendChild(liNode);
                
                }
                
            </script>
           
        </body>
    • أعجبني 1
  18. اقوم بعمل مشروع html ,css ,js  لكن عندما اتعامل مع الجافا سكربت، مثلا اضع بوتون وهذا البتن عند الضغط علية يتم تنفيذ داله، الذي يحصل معي انه عند الضغط على البوتون يقوم بتنفيذ الداله بشكل سريع اقل من ثانية ويقوم بتحديث الصفحة مباشرة ، لا اعلم لماذا يقوم بتحديث الصفحة ؟ وكيف اصلح هذا الامر 

    • أعجبني 1
×
×
  • أضف...