pt en es

Reagents and instruments for immunology, cell biology and molecular biology.

nUView Tris-Glycine SDS-PAGE Precast Gel 4-20% 12well, Fits Hoefer Mighty Small Mini Tanks

Print

Cat# NG12-420

Size : 10/pk

Contact local distributor :

Phone : +1 850 650 7790

Brand : NuSep

Request more information

Contact local distributor :

Phone : +1 850 650 7790

nUView Tris-Glycine UV reactive Precast Gel (NG)(Universal) 10 x 8cm. For 10 cm gel electrophoresis tanks

nUView Tris-Glycine UV reactive Precast Gel (NG)(Cytiva/Hoefer) - NuSep Store

nUView Tris-Glycine UV reactive Precast Gel (NG)(Cytiva/Hoefer) - NuSep Store

nUView Tris-Glycine Precast Gel Box for most generic tanks

nUView Tris-Glycine Precast Gel Box for most generic tanks - technical information

nUView Tris-Glycine Precast Gel Box for most generic tanks - protein gel innovation

nUView Tris-Glycine Precast Gel Box for most generic tanks - UV Visualization

nUView Tris-Glycine Precast Gel Box for most generic tanks - easy to use with no combs or tape to remove

nUView>

var searchid = ""; var searchdata = {"filters":{"Product ID":["2000006","2000019","2000020","or"],"Site Country":[25],"Site":[1],"Site id":[12]}}; var statusdata = { page: 1, count: 3 };

You might also be interested by the following products:

Cat#

Description

Cond.

Price Bef. VAT

0123-SC

Enzyme-free Cell Dissociation Solution

100ml

0113-SC

Trypsin Neutralization Solution

100ml

0303-SC

Dulbecco's Phosphate-Buffered Saline

500ml

function CopySearchId() { btnCopy = document.getElementById( 'copy' ); navigator.clipboard.writeText("https://www.quimigen.pt/en/rresult.php?searchid="+searchid); btnCopy.classList.add( 'copied' ); var temp = setInterval( function(){ btnCopy.classList.remove( 'copied' ); clearInterval(temp); }, 1000 ); return false; } .well{ background-color : white; } #search_pagination { margin: 10px; } .copy-text-done { position: absolute; left: 0; top: 0; right: 0; text-align: center; opacity: 0; transform: translateY(-1em); color: #000; transition: all .500s; } .copied .copy-text-done { opacity: 1; transform: translateY(-2em); } h1 { margin: 1.75em auto 1.25em; } #copy-text { display: block; width: 500px; max-width: 100%; margin: 2em auto 1.5em; background: #eff7ee; border: 1px solid #ddd; padding: 10px 15px; resize: vertical; } [id="empty-field"] { margin-top: 3em; } #copy { position: relative; border :0; font-size: 0.835em; text-transform: uppercase; letter-spacing: 0.125em; font-weight: bold; color: #FFF; transition: background 2.275s; } .selectpicker{ height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; float : right; } .acc_item span { min-height: 20px; } #advanced_search_validation { background: white; bottom: 0; display: flex; flex-direction: column; padding: 20px; position: sticky; transition: all .15s ease; z-index: 100; } #reinitfilters { display: inline-block; padding:6px 12px; } #applyfilters { border-radius:7px; } #applyfilters:not(.disabled) { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; -webkit-animation: 2s animatedButtonZoom ease-in-out 2; animation: 2s animatedButtonZoom ease-in-out 2; } @keyframes animatedButtonZoom { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } #applyfilters:not(.disabled) span { position: absolute; } #applyfilters:not(.disabled) span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(26, 43, 8, 0)), to(#ffffff)); background: linear-gradient(to left, rgba(26, 43, 8, 0), #ffffff); -webkit-animation: 2s animatedButtonTop linear infinite; animation: 2s animatedButtonTop linear infinite; } @keyframes animatedButtonTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } #applyfilters:not(.disabled) span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(26, 43, 8, 0)), to(#ffffff)); background: linear-gradient(to top, rgba(26, 43, 8, 0), #ffffff); -webkit-animation: 2s animatedButtonRight linear -1s infinite; animation: 2s animatedButtonRight linear -1s infinite; } @keyframes animatedButtonRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } #applyfilters:not(.disabled) span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(26, 43, 8, 0)), to(#ffffff)); background: linear-gradient(to right, rgba(26, 43, 8, 0), #ffffff); -webkit-animation: 2s animatedButtonBottom linear infinite; animation: 2s animatedButtonBottom linear infinite; } @keyframes animatedButtonBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } #applyfilters:not(.disabled) span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 43, 8, 0)), to(#ffffff)); background: linear-gradient(to bottom, rgba(26, 43, 8, 0), #ffffff); -webkit-animation: 2s animatedButtonLeft linear -1s infinite; animation: 2s animatedButtonLeft linear -1s infinite; } @keyframes animatedButtonLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } let addEtoile = function(value_array) { value_array = value_array.trim(); if (value_array.slice(-1) !='*' && value_array.slice(-1) != ')'){ value_array=value_array.concat('*'); } return value_array; } //Ajouter des étoiles après chaque mot clé function addStarsToKeywords(motclef){ let motclef_array = motclef.split(" "); // Split le string pour avoir un array avec les mots clés motclef_array = motclef_array.filter(el => { return el != null && el != ''}); //Supprime les entrées vides if (motclef_array.length > 1 ){ let newmotclef_array = motclef_array.map(addEtoile); newmotclef= newmotclef_array.join(" "); } else newmotclef= motclef_array.join(" "); return newmotclef; } function initPagination(page){ let pages = statusdata.count/20; if(pages>10) pages=10; var nextbtn= document.getElementById("raquo"); var pagination = document.getElementById("search_pagination"); if(pagination){ var paginationChildren = [].slice.call(pagination.children); paginationChildren.forEach(function(child) { if(child.classList.contains('numbers')) child.remove(); }); for(let k=0; k < pages ; k++){ var newDiv = document.createElement("div"); newDiv.setAttribute("class", "btn next_page numbers"); var newContent = document.createTextNode(k+1); newDiv.appendChild(newContent); pagination.insertBefore(newDiv, nextbtn); } var pagesdiv= document.getElementsByClassName("numbers"); if(pagesdiv.length > 0 && page > 0 && page <= pagesdiv.length){ pagesdiv[page-1].className+=" activee"; } } } function sendRequest(url, params) { params = params || {}; params.headers = params.headers || {}; params.headers["Cache-Control"] = "no-cache"; let result = fetch(url, params); result.catch(console.error); return result; } function getNextSibling(elem, selector) { var sibling = elem.nextElementSibling; if (!selector) return sibling; // If the sibling matches our selector, use it // If not, jump to the next sibling and continue the loop while (sibling) { if (sibling.matches(selector)) return sibling; sibling = sibling.nextElementSibling } } function searchScored({ query, filters, page, searchid }) { let formData = new FormData(); formData.append("return_json_html_mode", true); query && formData.append("query", query); filters && formData.append("filters", JSON.stringify(filters)); page && formData.append("page", page); var loader = document.getElementById("list-products-load"); loader.className = "load"; let url = `/en/other-products-186/nuview-tris-glycine-sds-page-precast-262100037.html${searchid ? "?searchid=" + searchid : ""}`; return sendRequest(url, { method: "post", body: formData }).then(response => { loader.className = ""; const contentType = response.headers.get("content-type"); return (contentType && contentType.indexOf("application/json") !== -1) ? response.json() : response.text(); }).then(result => { loader.className = ""; return JSON.parse(result); }); } document.addEventListener("DOMContentLoaded", function(event) { // init search input with request value let searchInput = document.getElementById("search"); let motclef = ""; // init search type with request value let searchType = ""; if (searchType) { let searchOption = document.getElementById("searchtype"); for(option of searchOption.options) { if (option.value == searchType) { option.selected = true; break; } } } let eventList = []; let filters = {}; if (searchdata) { filters = searchdata.filters; let { query } = searchdata; if (query && query != "*") { searchInput.value = query; } } function initButtonFilter() { let cebtn = document.getElementById("cebtn"); if(cebtn) { cebtn.addEventListener("click", function() { if(cebtn.dataset.selected == "true") cebtn.dataset.selected = false; else cebtn.dataset.selected = true; let ruobtn = document.getElementById("ruobtn"); filters["Image"] = calcFilterImage(ruobtn.dataset.selected, cebtn.dataset.selected); if (filters["Image"].length == 0) delete filters["Image"]; let query = searchInput.value || "*"; updateSearch({ query, filters }); }); eventList.push(cebtn); } let ruobtn = document.getElementById("ruobtn"); if(ruobtn) { ruobtn.addEventListener("click", function() { if(ruobtn.dataset.selected == "true") ruobtn.dataset.selected = false; else ruobtn.dataset.selected = true; let cebtn = document.getElementById("cebtn"); filters["Image"] = calcFilterImage(ruobtn.dataset.selected, cebtn.dataset.selected); if (filters["Image"].length == 0) delete filters["Image"]; let query = searchInput.value || "*"; updateSearch({ query, filters }); }); eventList.push(ruobtn); } let applyfilters = document.getElementById("applyfilters"); if(applyfilters) { applyfilters.addEventListener("click", function() { let query = searchInput.value || "*"; updateSearch({ query, filters }); }); eventList.push(applyfilters); } let reinit = document.getElementById("reinitfilters"); if(reinit){ reinit.addEventListener("click", function() { let query = searchInput.value || "*"; updateSearch({ query: query, filters: {} }); }); eventList.push(reinit); } } function calcFilterImage(ruo, ce) { image = []; if (ruo == "true" && ce == "false") { image.push("-/img/ce.*","-/img/lapin-ce.*","AND"); } else if (ruo == "false" && ce == "true") { image.push("/img/ce.*","/img/lapin-ce.*","OR"); } else if (ruo == "false" && ce == "false") { image.push("/img/ce.*","/img/lapin-ce.*","AND"); } return image; } let listProducts = document.getElementById("list-products"); let listCategories = document.getElementById("advanced_search_filter"); let pageTitle = document.getElementById("page_title"); let display_save_search_button = document.getElementById("display_save_search_button"); function initCategories() { if (eventList.length) { for (l of eventList) { l.removeEventListener('click',() => {}); } eventList = []; } let accs = document.getElementsByClassName("accordion"); for (acc of accs) { acc.addEventListener("click", function() { this.classList.toggle("active"); let panel = getNextSibling(this, '.acc_panel'); if (panel.style.maxHeight) { panel.style.maxHeight = null; } else { panel.style.maxHeight = panel.scrollHeight + "px"; } }); eventList.push(acc); } let domItems = document.getElementsByClassName("acc_item"); for (item of domItems) { let key = item.dataset.key; let cat = item.parentNode.dataset.cat; let suppr = item.children[1]; item.addEventListener("click", function() { /* if (!filters[cat]) { filters[cat] = []; } let selected = (this.dataset.selected == "true") || false; if (selected) { // remove from filter // Uncaught TypeError: filters[cat].filter is not a function filters[cat] = filters[cat].filter(function(value, index, arr){ return value != key;}); if (!filters[cat].length) delete filters[cat]; } else { // Add to filter if (!filters[cat].includes(key)) filters[cat].push(key); } let query = searchInput.value || "*"; updateSearch({ query, filters }); */ }); suppr.addEventListener("click", function(e) { let applyfiltersBtn = document.getElementById("applyfilters"); if (applyfiltersBtn.classList.contains("disabled")) { applyfiltersBtn.classList.remove("disabled"); } input = suppr.parentNode.children[0]; if (!input.classList.contains("doc_delete")) { input.classList.add("doc_delete"); input.checked = true; suppr.parentNode.dataset.selected = "true"; // Ajout du filtre if (typeof filters[cat] === 'undefined') { // on convertit l'objet en tableau pour faire un indexOf dessus ensuite filters[cat] = []; } else if (typeof filters[cat] === 'object') { // on convertit l'objet en tableau pour faire un indexOf dessus ensuite filters[cat] = Object.values(filters[cat]); } var index = filters[cat].indexOf(key); if (index === -1) { filters[cat].push(input.name); } } else { input.classList.remove("doc_delete"); input.checked = false; suppr.parentNode.dataset.selected = "false"; // Suppression du filtre. for (var this_key in filters[cat]) { // on veut supprimer un des filtres présents pour cette catégorie de filtre if(filters[cat][this_key] == key) { if (typeof filters[cat] === 'object') { // on convertit l'objet en tableau pour faire un indexOf dessus ensuite filters[cat] = Object.values(filters[cat]); } var index = filters[cat].indexOf(key); if (index > -1) { // la méthode retourne un tableau dans lequel sont rangés les éléments supprimés. filters[cat].splice(index, 1); if (filters[cat].length == 0) { delete filters[cat]; } } } } } /* if (suppr.className == "doc_delete") { // on a cliquer sur le bouton de suppression de filtre. for (var this_key in filters[cat]) { // on veut supprimer un des filtres présents pour cette catégorie de filtre if(filters[cat][this_key] == key) { // delete est utilisé pour supprimer une variable. Il peut également supprimer un élément d'un tableau, mais le tableau ne sera pas restructuré // delete filters[cat]; if (typeof filters[cat] === 'object') { // on convertit l'objet en tableau pour faire un indexOf dessus ensuite filters[cat] = Object.values(filters[cat]); } var index = filters[cat].indexOf(key); if (index > -1) { // la méthode retourne un tableau dans lequel sont rangés les éléments supprimés. filters[cat].splice(index, 1); if (filters[cat].length == 0) { delete filters[cat]; } } } } let query = searchInput.value || "*"; updateSearch({ query, filters }); e.stopPropagation(); } */ }); eventList.push(item); } } function updateSearch({ query, filters }) { searchScored({ query, filters }) .then(result => { let { products, title, categories, search, count, user_alert } = result; statusdata = { page: 1, count }; pushHistory(search); initSearchData(search); if (products) listProducts.innerHTML = products; if (title) pageTitle.innerHTML = title; if (user_alert) display_save_search_button.innerHTML = user_alert; if (categories) { listCategories.innerHTML = categories; initCategories(); } initButtonFilter(); initPagination(statusdata.page); initNextPage(); }); } function initSearchData(search) { if (search && search.data) { let { query, filters: f } = JSON.parse(search.data); searchInput.value = (query && query != "*") ? query : ""; if (Array.isArray(f) && f.length == 0) f = {}; // Just in case as PHP converts void key/value array into a simple void array filters = f; // set general filters value } } function pushHistory(search) { if (search && search._id) { searchid = search._id; let baseurl = location.protocol + "//" + location.host + location.pathname; window.history.pushState( { searchid }, searchid, baseurl + `?searchid=${searchid}` ); } } async function initSearch(searchid) { if (searchid) { let result = await searchScored({ searchid }); let { products, title, categories, search } = result; initSearchData(search); if (products) listProducts.innerHTML = products; if (title) pageTitle.innerHTML = title; if (categories) { listCategories.innerHTML = categories; initCategories(); } initButtonFilter(); initPagination(statusdata.page); } } window.onpopstate = function(event) { let { state } = event; if (state) { let { searchid } = state; if (searchid) { let url = `/en/other-products-186/nuview-tris-glycine-sds-page-precast-262100037.html${searchid ? "?searchid=" + searchid : ""}`; window.location.replace(url); } } }; initCategories(); initButtonFilter(); initPagination(statusdata.page); function initNextPage() { let endList = document.getElementById("end_list"); let nextPage = document.getElementsByClassName("next_page"); for(let i = 0; i < nextPage.length; i++) { nextPage[i].addEventListener("click", function() { if(i==0){ if(statusdata.page>1) (statusdata.page)--; else return; } else if(i==nextPage.length-1){ if(statusdata.page<nextPage.length-2 && statusdata.page>=1) (statusdata.page)++; else return; } else { statusdata.page = Number(i); } let { page, count } = statusdata; let query = searchInput.value || "*"; searchScored({ query, filters, page }) .then(result => { let { products } = result; if (products) listProducts.innerHTML = products; for(let j = 0; j < nextPage.length; j++) { nextPage[j].classList.remove("activee"); } nextPage[statusdata.page].classList.add("activee"); const header_list_product = document.getElementsByClassName("row header_list_product"); const pagination_list_product = document.getElementsByClassName("search_pagination"); }); }); }} initNextPage(); }); .feedback_message_succeeded { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; padding: 10px; border-radius: 5px; margin-block: 20px; display: block; } .feedback_message_failed { background-color: #edd4d4; color: #d6450c; border: 1px solid #ff8625; padding: 15px; border-radius: 5px; margin-block: 20px; display: block; } .request-dropdown { display: flex; justify-content: space-between; width: 36%; padding-inline: 4px; } .checkbox-label { font-weight: lighter; color: #999999;" } .rating { display: flex; width: 100%; justify-content: center; overflow: hidden; flex-direction: row-reverse; height: 40px; position: relative; } .rating-0 { filter: grayscale(100%); } .rating>input { display: none; } .rating>label { cursor: pointer; width: 40px; height: 40px; margin-top: auto; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: 76%; transition: .3s; } .rating>input:checked~label, .rating>input:checked~label~label { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); } .rating>input:not(:checked)~label:hover, .rating>input:not(:checked)~label:hover~label { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); } .feedback { border: 1px solid #cec1c1; max-width: 125px; background-color: #fff; width: 100%; padding: 0px; border-radius: 8px; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; box-shadow: 0 4px 30px rgba(0, 0, 0, .05); } .block-comment { width: 100% !important; padding: 10px; border-radius: 6px !important; } .feedback-view { max-width: 155px; background-color: #fff; width: 100%; padding: 30px; border-radius: 8px; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; box-shadow: 0 4px 30px rgba(0, 0, 0, .05); } .feedback-view-comment { max-width: 155px; width: 100%; border-radius: 8px; flex-direction: column; flex-wrap: wrap; align-items: center; } .rating-view-comment-y { width: 21px; height: 40px; margin-top: auto; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: 76%; } .rating-view-comment-f { width: 21px; height: 40px; margin-top: auto; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: 76%; } .commentaire { border: 1px solid #ccc5c5; max-height: 400px !important; overflow-y: scroll !important; background-color: #eaeaea; padding: 25px; } .submit { margin-top: 20px; margin-left: 20px; } #form_comment { padding: 20px; background-color: #f9f9f9; margin-top: 20px; } .commentaire::-webkit-scrollbar { width: 10px; } .commentaire::-webkit-scrollbar-track { background: #f1f1f1; } .commentaire::-webkit-scrollbar-thumb { background: #888; } .commentaire::-webkit-scrollbar-thumb:hover { background: #555; } .add-comment { padding: 0; margin-top: 20px; } document.getElementById('toggleFormButton').addEventListener('click', function(event) { event.preventDefault(); var form = document.getElementById('form_request'); if (form.style.display === 'none' || form.style.display === '') { form.style.display = 'block'; } else { form.style.display = 'none'; } }); function validateCheckboxes() { const checkboxes = document.querySelectorAll('input[name="options[]"]'); let checked = false; checkboxes.forEach((checkbox) => { if (checkbox.checked) { checked = true; } }); if (!checked) { alert('Please select at least one option.'); return false; } return true; } document.addEventListener("DOMContentLoaded", function() { var feedbackMessages = Array.from(document.querySelectorAll(".feedback_message_succeeded, .feedback_message_failed")); feedbackMessages.forEach(function(feedbackMessage) { setTimeout(function() { feedbackMessage.style.display = "none"; }, 3000); }); }); document.addEventListener('DOMContentLoaded', function() { const coaCheckbox = document.querySelector('input[name="options[]"][value="CoA"]'); const formRequest = document.getElementById('form_row'); function toggleLotInput() { if (coaCheckbox.checked) { const lotInputDiv = document.createElement('div'); lotInputDiv.className = 'col-sm-12'; lotInputDiv.id = 'lot-input-container'; lotInputDiv.style = 'margin-block: 16px;'; //use STR_COA_LOT here-> lotInputDiv.innerHTML = ` <label for="lotNumber">Lot#<span style="color: red; margin-left: 4px;">*</span></label> <input type="text" class="form-control" placeholder="CoA's lot#" name="lot" id="lot" required> `; formRequest.appendChild(lotInputDiv); } else { const existingLotInput = document.getElementById('lot-input-container'); if (existingLotInput) { formRequest.removeChild(existingLotInput); } } } coaCheckbox.addEventListener('change', toggleLotInput); });

//Get the button let mybutton = document.getElementById("btn-back-to-top"); // When the user scrolls down 20px from the top of the document, show the button window.onscroll = function () { scrollFunction(); }; function scrollFunction() { if ( document.body.scrollTop > 20 || document.documentElement.scrollTop > 20 ) { mybutton.style.display = "block"; } else { mybutton.style.display = "none"; } } // When the user clicks on the button, scroll to the top of the document mybutton.addEventListener("click", backToTop); function backToTop() { document.body.scrollTop = 0; document.documentElement.scrollTop = 0; } <![CDATA[//><!]]>