export function createNewCC(occ) { var new_id = "occ_" + occ; var new_par = document.createElement('div'); new_par.className = "row height d-flex justify-content-center align-items-center"; new_par.id = new_id; var search_params = document.createElement('div'); search_params.className = "col search_params"; var choose_param = document.createElement('div'); choose_param.className = "row choose_param"; var col_6 = document.createElement('div'); col_6.className = "col-5"; var input_group = document.createElement('div'); input_group.className = "input-group form-check"; var inputSel = document.createElement('input'); inputSel.className = "barraDiRicerca form-control"; inputSel.type = "text"; //Create and append select list var selectList = document.createElement("select"); selectList.className = "flViewBy"; //Create and append the options var optionForma = document.createElement("option"); optionForma.value = "forma"; optionForma.text = "Forma"; optionForma.selected = "selected"; selectList.appendChild(optionForma); var optionLemma = document.createElement("option"); optionLemma.value = "lemma"; optionLemma.text = "Lemma"; selectList.appendChild(optionLemma); var col_form = document.createElement("div"); col_form.className = "col-2"; var form_check = document.createElement("div"); form_check.className = "form-check"; var input_ricerca_espansa = document.createElement("input"); input_ricerca_espansa.className = "ricercaEx form-check-input"; input_ricerca_espansa.value = "ricerca_espansa"; input_ricerca_espansa.type = "checkbox"; input_ricerca_espansa.name = "espansa"; var label_ricerca_espansa = document.createElement("label"); label_ricerca_espansa.className = "form-check-label"; label_ricerca_espansa.innerHTML = "Ricerca espansa"; var col_form2 = document.createElement("div"); col_form2.className = "col-2"; var form_check2 = document.createElement("div"); form_check2.className = "form-check"; var input_ricerca_raddoppiata = document.createElement("input"); input_ricerca_raddoppiata.className = "raddoppiata form-check-input"; input_ricerca_raddoppiata.value = "raddoppiata"; input_ricerca_raddoppiata.type = "checkbox"; input_ricerca_raddoppiata.name = "raddoppiata"; var label_ricerca_raddoppiata = document.createElement("label"); label_ricerca_raddoppiata.className = "form-check-label"; label_ricerca_raddoppiata.innerHTML = "Iniziale raddoppiata"; var col_form3 = document.createElement("div"); col_form3.className = "col-2"; var form_check3 = document.createElement("div"); form_check3.className = "form-check"; var input_ricerca_lemmatizzata = document.createElement("input"); input_ricerca_lemmatizzata.className = "lemmatizzata form-check-input"; input_ricerca_lemmatizzata.value = "lemmatizzata"; input_ricerca_lemmatizzata.type = "checkbox"; input_ricerca_lemmatizzata.name = "lemmatizzata"; input_ricerca_lemmatizzata.disabled = "true"; var label_ricerca_lemmatizzata = document.createElement("label"); label_ricerca_lemmatizzata.className = "form-check-label"; label_ricerca_lemmatizzata.innerHTML = "Cerca solo lemmatizzate"; var col_form4 = document.createElement("div"); col_form4.className = "col-1"; var form_check4 = document.createElement("div"); form_check4.className = "form-check deleteCC"; form_check4.id = occ; var trash_button = document.createElement("button"); trash_button.className = "btn"; var trash_icon = document.createElement("i"); trash_icon.className = "fa fa-trash"; input_group.appendChild(inputSel); input_group.appendChild(selectList); col_6.appendChild(input_group); form_check.appendChild(input_ricerca_espansa); form_check.appendChild(label_ricerca_espansa); col_form.appendChild(form_check); form_check2.appendChild(input_ricerca_raddoppiata); form_check2.appendChild(label_ricerca_raddoppiata); col_form2.appendChild(form_check2); form_check3.appendChild(input_ricerca_lemmatizzata); form_check3.appendChild(label_ricerca_lemmatizzata); col_form3.appendChild(form_check3); trash_button.appendChild(trash_icon); form_check4.appendChild(trash_button); col_form4.appendChild(form_check4); choose_param.appendChild(col_6); choose_param.appendChild(col_form); choose_param.appendChild(col_form2); choose_param.appendChild(col_form3); choose_param.appendChild(col_form4); search_params.appendChild(choose_param); new_par.appendChild(search_params); $("#search_form").append(new_par); }