/
  • افزودن تگ ul مشابه هم با کلیک

  • ارسال پاسخ   امتیاز موضوع:
    • 0 رأی - میانگین امیتازات: 0
    • 1
    • 2
    • 3
    • 4
    • 5

    حالت موضوعی | حالت خطی افزودن تگ ul مشابه هم با کلیک
    نویسنده پیام
    kingblog آفلاین
    عضو
    ***

    ارسال‌ها: 62
    تاریخ عضویت: ۱۳۹۵ تير ۴
    اعتبار: 0
    تشکرها : 31
    ( 1 تشکر در 1 ارسال )
    ارسال: #1
    افزودن تگ ul مشابه هم با کلیک
    سلام دوستان
    من یه کد دارم که توش مشکل دارم
    میخوام مثل تصویر زیر وقتی چیزی رو بنویسم و روی افزودن کلیک کنم، به لیست پایینش اضافه بشه:
    [تصویر:  zfwz_untitled.png]
    این کدش هست:
    کد:
    <script>        
            function newElement() {
      var li = document.createElement("li");
      var inputValue = document.getElementById("myInput").value;
      var t = document.createTextNode(inputValue);
      li.appendChild(t);
      if (inputValue === '') {
        alert("You must write something!");
      } else {
        document.getElementById("myUL").appendChild(li);
      }
      document.getElementById("myInput").value = "";

      var span = document.createElement("SPAN");
      var txt = document.createTextNode("\u00D7");
      span.className = "close";
      span.appendChild(txt);
      li.appendChild(span);

      for (i = 0; i < close.length; i++) {
        close[i].onclick = function() {
          var div = this.parentElement;
          div.style.display = "none";
        }
      }
    }
    </script>

    کار میکنه ولی میخوام وقتی روی دکمه افزودن کلیک می کنم کد زیر رو اضافه کنه:
    کد:
    <li>
                          <span class="handle">
                            <i class="fa fa-ellipsis-v"></i>
                            <i class="fa fa-ellipsis-v"></i>
                          </span>
                      <input type="checkbox" value="">
                      <span class="text">طراحی سیستم جدید</span>
                      <small class="label label-default"><i class="fa fa-clock-o"></i> ۲ ماه</small>
                      <div class="tools">
                        <i class="fa fa-edit"></i>
                        <i class="fa fa-trash-o"></i>
                      </div>
                    </li>
    لطفا راهنمایی کنید
    ۱۳۹۷ مرداد ۲۰ ۱۲:۵۹ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    « قدیمی تر | تازه‌ تر »

    ارسال پاسخ
    پرش به انجمن:


    کاربرانِ درحال بازدید از این موضوع: 1 مهمان
    IranPHP.org | تماس با ما | بازگشت به بالا | بازگشت به محتوا | بایگانی | پیوند سایتی RSS