Business Category : FOYER

Business Category : FOYER

Tags :

function openTab(evt, tabName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName(« tabcontent »);
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(tabName).style.display = "block";
evt.currentTarget.className += " active";
}

function setData(name, tab){
var data;
var xdr = new XMLHttpRequest();
xdr.onload = function() {
page = xdr.responseText;
htmlObject = document.createElement('div');
htmlObject.innerHTML = page;
document.getElementById(tab).innerHTML += htmlObject.getElementsByClassName("bhumi_blog_post_content")[0].innerHTML;
}
xdr.open("GET", "/"+name+"-spa/");
xdr.send();
}






Description

Prestations

Accueil Spécifique

Tarifications

Photos

Actualités

document.getElementById(« defaultOpen »).click();
setData(« description », »tab1″);
setData(« prestations », »tab2″);
setData(« accueil », »tab3″);
setData(« tarifs », »tab4″);
setData(« photos », »tab5″);
setData(« actu », »tab6″);

div.tab {color: white;display:flex;overflow: hidden;border: 1px solid #ccc;background-color: #2e3641;}div.tab button {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 14px 16px;transition: 0.3s;}div.tab button:hover {background-color: #ddd;}div.tab button.active {background-color: #a13f40;}.tabcontent {background-color: white;display: none;padding: 6px 12px;border: 1px solid #ccc;border-top: none;}div.com{display:none;}