JezK
Edit File: membershipManagement.php
<?php include("header.php");?> <section class="dashboard-counts section-padding"> <div class="container-fluid bg-white px-5 py-3"> <div class="row"> <a href="javascript:void(0)" class="view-btn addQ" onclick="addRow()">Add Question</a> <div class="quesContent" id="content1"></div> </div> <div class="row bg-white justify-content-center addAfter-Block"> <!-- <form class="form-horizontal col-sm-12 h-100"> --> <!-- <div class="form-group"> <label for="username" class="fieldName">Enter Profession Name</label> <div class="row"> <div class="col-xl-9"> <input type="text" class="form-control formField-control" name="email" id="username"> </div> <div class="col-xl-3"> <button class="btn btn-primary w-100">Add Profession</button> </div> </div> </div> </form> --> <div class="col-xl-2 col-sm-6 col-md-4 text-center text-white px-0 pt-3 addBlock" id="grad1"> <h1>Free Plan</h1> <p class="planSize">30 Days</p> <div class="d-flex"> <a href="planEdit.php" class="btn col-sm-6 text-white planDesign">Edit</a> <a href="planEdit.php" class="btn col-sm-6 text-white topDesign">Delete</a> </div> </div> <div class="col-xl-2 col-sm-6 col-md-4 text-center text-white px-0 pt-3 addBlock" id="grad2"> <h1>$200</h1> <p class="planSize">6 Months</p> <div class="d-flex"> <a href="planEdit.php" class="btn col-sm-6 text-white planDesign">Edit</a> <a href="planEdit.php" class="btn col-sm-6 text-white topDesign">Delete</a> </div> </div> <div class="col-xl-2 col-sm-6 col-md-4 text-center text-white px-0 pt-3 addBlock" id="grad3"> <h1>$400</h1> <p class="planSize">1Year</p> <div class="d-flex"> <a href="planEdit.php" class="btn col-sm-6 text-white planDesign">Edit</a> <a href="planEdit.php" class="btn col-sm-6 text-white topDesign">Delete</a> </div> </div> <div class="col-xl-2 col-sm-6 col-md-4 text-center text-white px-0 pt-3 addBlock" id="grad4"> <h1>$1000</h1> <p class="planSize">Life Time</p> <div class="d-flex"> <a href="planEdit.php" class="btn col-sm-6 text-white planDesign">Edit</a> <a href="planEdit.php" class="btn col-sm-6 text-white topDesign">Delete</a> </div> </div> <div class="col-xl-2 col-sm-6 col-md-4 text-center text-white px-0 pt-3 addBlock" id="grad1"> <h1>Free Plan</h1> <p class="planSize">30 Days</p> <div class="d-flex"> <a href="planEdit.php" class="btn col-sm-6 text-white planDesign">Edit</a> <a href="planEdit.php" class="btn col-sm-6 text-white topDesign">Delete</a> </div> </div> </div> </div> </section> <script> function addRow () { var l= $('.d-flex').length; //length if(l>9) { alert('Sorry unable to add more than ten questions'); return false; } if(l == '' || l == 0) { l=1; } else { l=l+1; } var testing='Q'+l; document.querySelector('#content1').insertAdjacentHTML( 'beforebegin', '<div class="row d-flex mb-3"><input type="text" class="form-control customInput mt-4 mx-3 questionNot" id="" placeholder="Add Question" name="questionName[]"><label class="pl-3 mt-3 float-left">select type<select name="questionType[]" class="selectNot customSelectBox ml-3" onchange="onchangeVal(this.value,\''+testing+'\')" id="switch"> <option value="">Select</option><option value="1" id="t_input">Text Field</option><option value="2" id="t_textarea" >Text Area</option><option value="3" id="t_radio" >Radio Button</option><option value="4" id="t_dropdown" >Dropdown</option></select><div id='+testing+' class="dynamic_field"></div></label><a href="" class="btn default-button mt-2" onclick="removeRow(this)">X</a></div>' ); // ~ document.querySelector('#content1').insertAdjacentHTML( // ~ 'afterbegin', // ~ "<div class='row d-flex'><input type='text' class='form-control customInput mt-2 mx-3' id='' placeholder='Add Question' name='questionName[]'><label class='pl-4 mt-3 float-left'>select type<select name='questionType[]' onchange='onchangeVal(this.val,'Q'+l)' id='switch'> <option value=''>select</option><option value='1' id='t_input'>Text Field</option><option value='2' id='t_textarea' >Text Area</option><option value='3' id='t_radio' >Radio Button</option><option value='3' id='t_dropdown' >Dropdown</option></select><div class='Q1'></div></label><a href='#' class='btn default-button' onclick='removeRow(this)'>x</a></div>" // ~ ); } function removeRow (input) { input.parentNode.remove() } function addRow () { var l= $('.d-flex').length; //length if(l>8) { alert('Sorry unable to add more than One'); return false; } if(l == '' || l == 0) { l=1; } else { l=l+1; } var testing='Q'+l; document.querySelector('#content1').insertAdjacentHTML( 'beforebegin', // '<div class="row d-flex mb-3"><input type="text" class="form-control customInput mt-4 mx-3 questionNot" id="" placeholder="Add Question" name="questionName[]"><label class="pl-3 mt-3 float-left">select type<select name="questionType[]" class="selectNot customSelectBox ml-3" onchange="onchangeVal(this.value,\''+testing+'\')" id="switch"> <option value="">Select</option><option value="1" id="t_input">Text Field</option><option value="2" id="t_textarea" >Text Area</option><option value="3" id="t_radio" >Radio Button</option><option value="4" id="t_dropdown" >Dropdown</option></select><div id='+testing+' class="dynamic_field"></div></label><a href="" class="btn default-button mt-2 " onclick="removeRow(this)">×</a></div>' // ); '<form class="form-horizontal row col-sm-12 h-100"><div class="container"><a href="" class="btn default-button mt-2 justify-content-end d-flex" onclick="removeRow(this)">×</a></div><div class="form-group col-xl-4"><label for="duration" class="fieldName">Enter Duration</label><div class="row"><div class="col-sm-12"><input type="text" class="form-control formField-control" name="duration" id="duration"></div></div></div><div class="form-group col-xl-4"><label for="price" class="fieldName">Enter Price</label><div class="row"><div class="col-sm-12"><input type="text" class="form-control formField-control" name="price" id="price"></div></div></div><div class="form-group col-xl-3"><label></label><div class="row"><div class="col-sm-12"><button class="btn btn-primary w-100" name="addDom" onclick="return categoryValidate()">Add</button></div></div></div></hr></form>' ); } function removeRow (input) { input.parentNode.remove() } </script> <script> function categoryValidate() { //alert($(".categoryNameValidate").val());return false; var err=0; $("span.error").remove(); if($(".formField-control").val()=="") { $(".formField-control").after('<span class="error" style="font-size:12px;color:red"> Special Characters Not Allowed</span>'); err++; } if($(".formField-control").val()!=="") { $(".addAfter-Block").after('<div class="col-xl-2 col-sm-6 col-md-4 text-center text-white px-0 pt-3 addBlock" id="grad1"><h1>Free Plan</h1><p class="planSize">30 Days</p><div class="d-flex"><a href="planEdit.php" class="btn col-sm-6 text-white planDesign">Edit</a><a href="planEdit.php" class="btn col-sm-6 text-white topDesign">Delete</a></div></div>'); err++; } if(err) { return false;} else{ return true } } </script> <?php include("footer.php");?>