راکت

افزودن فرم هنگام کلیک روی دکمه پاسخ در بخش نظرات

5 پاسخ

سلام دوستان من یک بخش کامنت طراحی کردم
میخوام وقتی کاربر روی دکمه پاسخ میزنه زیر همون نظر یک فرم نظر ایجاد بشه
خودم به این صورت نوشتم اما وقتی روی دکمه پاسخ کیلک میکنم فقط برای اولین نظر فرم ایجاد میشه

<button onclick="addtextbox()">پاسخ</button>
<div class="formbox"></div>
    function addtextbox() {
        // Create a form synamically
        var form = document.createElement("form");
        form.setAttribute("method", "post");
        form.setAttribute("action", "submit.php");

        // Create an input element for replyText
        var ID = document.createElement("input");
        ID.setAttribute("type", "text");
        ID.setAttribute("name", "body");
        ID.setAttribute("placeholder", "دیدگاه خود را بنویسید");

        form.append(ID);

        document.getElementsByClassName('formbox')[0].appendChild(form);
    }

</script>
ثبت پرسش جدید

پاسخ‌ها

5
سبحان مولایی
سبحان مولایی
@websaz

تخصص: برنامه‌نویس وب: Python :: Django :: Node :: Php :: Laravel :: JS :: React :: React Native

سلام لطفا نمونه کد رو کامل تر قرار بدید مثلا برای دومی و سومی هم قرار بدید

مهدی
مهدی
@mahdidv

تخصص: Backend Developer

@websaz
سلام کل کد همینه میخوام وقتی کاربر روی دکمه پاسخ میزنه زیر اون نظر یک فرم ایجاد شه نظرش رو بنویسه
این کدی که من نوشتم فقط برای اولین نظر کار میکنه 100 تا نظرم باشه فقط برای نظر اولی فرم ایجاد میکنه

شاید پاسخ شما همین‌جا باشد

سبحان دادخواه
سبحان دادخواه
@SobhanDadkhah

تخصص: دانشجوی برنامه نویسی :)

سلام .
شما یک Div با کلاس formbox دارید که احتمالا یک جای خاص تعریفش کردین. در مثال شما احتمالا زیر نظر اول تعریف شده وقتی شما append میکنید داخلش مشخصه که میره فقط داخل اولین div با کلاس formbox قرار میگیره. راه صحیح تر این هست که روی هر نظر که کلیک میشه ، فرمتون رو زیر همون نظر append کنید.
موفق باشید

Reza
Reza
@Rezanp7

تخصص: برنامه نویس وب

سلام خط اخر رو به این شکل تغییر بدید

document.getElementsByClassName('formbox').appendChild(form);
سبحان مولایی
سبحان مولایی
@websaz

تخصص: برنامه‌نویس وب: Python :: Django :: Node :: Php :: Laravel :: JS :: React :: React Native

توی خط اخر باید مقدار صفر یک مقدار داینامیک باشه من توصیم استفاده از id هست

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام