10+ Amazing Two Storey Modern House Design (2024)

Home » Smart/Green Homes » Two Storey Modern House Design

Last Updated -- August 25th, 2023

A contemporary example of imaginative architecture at its best is a two storey modern house design. This enticing fusion of utility and design elevates living spaces to new heights. The modern 2 storey house design oozes sophistication with its clean lines, minimalist appeal, and state-of-the-art materials. The seamless integration of indoor and outdoor areas and abundant space for expanding families define modern living.

Whether you’re planning to build a new home, renovating your existing one, or just love keeping up with contemporary design trends, we’re sure you’ll find this journey intriguing and inspiring.

In this blog, we’ll immerse ourselves in the realm of modern double story house design and reveal the mysteries behind their distinct allure.

Table of contents

• What is a Two-Storey Modern House?
• How to Design a Modern Two-Storey House?
• Features of A Two-Storey Modern House Design
• • Advantages of Two-Storey Modern House
  • Disadvantages of Two-Storey Modern House
• Best Two-Storey Modern House Design Ideas
• A Two-Story Modern House’s Cost will Depend on a Number of Factors
  • End Thought
• FAQ’s about Two-Storey Modern House

What is a Two-Storey Modern House?

The modern 2 storey house design, in contrast to its traditional design, oozes sophistication. The credit goes to its creative use of materials, large windows, and open floor plans that maximise space and natural light.

A harmonious living environment is produced through the seamless fusion of indoor and outdoor spaces. The contemporary two storey modern house design has technical improvements, is sustainable, and has smart home systems with energy-efficient fixtures.

How to Design a Modern Two-Storey House?

Designing a modern two-storey house requires a blend of creativity, practicality, and understanding of modern architectural principles. It should be a collaborative process involving architects and designers who can help turn your vision into a practical, beautiful reality. Here are some key steps to guide your design process:

• Plan Your Layout: Begin with a clear vision of how you’d like each space to function. For example, open-concept designs are a hallmark of modern architecture, often combining the kitchen, dining, and living areas into a seamless, versatile space. Bedrooms and private areas typically go upstairs for added privacy.
• Consider the Flow: The movement between spaces should feel natural. Think about sightlines and traffic patterns. For example, you might want a clear view from the kitchen to the living area or a direct path from the main entrance to the most commonly used rooms.
• Natural Light and Views: Modern designs usually feature plenty of natural light. Large windows, glass doors, and skylights not only brighten up your home but can also frame pleasing outdoor views. Remember, upper floors often provide opportunities for better vistas.
• Select a Cohesive Aesthetic: Choose materials and finishes that reflect modern aesthetics – think clean lines, minimalistic decor, and a neutral colour palette.
• Incorporate Sustainable Features: Modern homes often incorporate ‘green’ features, such as energy-efficient appliances or solar panels. Sustainable design not only helps the environment but could also save you money in the long run.

Features of A Two-Storey Modern House Design

If your designer has not explained certain jargon to you while explaining the plan, learn the basics of two-storey modern house design below:

• Open Floor Plans: Modern designs often feature open-concept layouts, merging the kitchen, dining, and living areas into a single, spacious zone, promoting a sense of continuity and flow.
• Clean, Simple Lines: Modern architecture tends to favour simplicity, with clean lines and geometric shapes forming the basis of the design.
• Natural Light: Large windows, glass walls, or skylights are key features, allowing natural light to fill the spaces and creating a sense of openness and connection with the outdoors.
• Outdoor Living Spaces: Many two-storey modern homes integrate balconies, patios, or rooftop decks to provide accessible outdoor living spaces and to take advantage of views.
• Minimalist Aesthetics: Modern designs lean towards a minimalist aesthetic with less ornamentation, focusing on functional spaces and materials’ natural beauty.
• Sustainable Elements: Modern homes often incorporate eco-friendly design elements, such as solar panels, energy-efficient appliances, and materials that improve insulation.
• Smart Home Technology: As a nod to contemporary life, these modern two story houses integrate smart home technology, including home automation systems for lighting, heating, security, and entertainment.

Advantages & Disadvantages of Two-Storey Modern House

The advantages and disadvantages of two storey modern house design:

Advantages of Two-Storey Modern House

• Space-Efficient: Two-storey homes make better use of the plot area, as they expand vertically, allowing for more living space within the same plot size.
• Better Views: With bedrooms usually located on the upper floor, residents can enjoy elevated views, which can be particularly advantageous in scenic areas.
• Separation of Living Spaces: Two-storey homes offer a clear separation between private (bedrooms, bathrooms) and public (kitchen, living room) areas, contributing to better privacy and organisation.

Disadvantages of Two-Storey Modern House

• Accessibility Issues: Two-storey homes may pose challenges for people with mobility issues, the elderly, or families with very young children due to the necessity of stairs.
• Higher Construction and Maintenance Costs: Building a two-storey house can be more expensive due to the need for stronger foundational work, and maintenance can also be more expensive, especially for tasks such as exterior painting or roof repairs.
• Energy Efficiency: Two-storey homes can sometimes be less energy-efficient as heat rises to the second floor, making the lower floor cooler and the upper floor warmer, which may require more effort to maintain uniform temperatures.

Don’t miss It!

See Also

20 Modern Two Storey House Designs: Ideas for Contemporary HomesTwo storey house plans that inspire | homify9 Gorgeous two-storey homes to inspire you | homify

Types of Houses	Know about Types of Houses
Ghar Ka Naksha	Complete Info about Ghar ka Naksha
Cabin House	What is a Cabin House?
Open House	What is a Open House?
Construct a House	How to Construct a House?
Narrow House	What is a Narrow House?
Duplex House	What is a Duplex House?
Row House	What is a Row House?
Condominium	What is a Condominium Meaning?
Kutcha House	What is a Kutcha House?

Best Two-Storey Modern House Design Ideas

When it comes to two storey modern house design, the possibilities are as varied as they are inspiring. Here are some of the best ideas to consider:

• Open Concept Layout: Embrace the openness that modern design offers. An open floor plan on the ground floor can make your home feel larger and brighter. A spacious kitchen flowing into the living room provides a great area for family interactions and entertaining guests.
• Maximising Natural Light: Incorporate large windows or even floor-to-ceiling glass in your design. Not only does this allow an abundance of natural light to filter in, creating a bright and welcoming space, but it also invites the outdoor scenery in, enhancing the overall ambiance of your home.
• Rooftop Terrace: Make the most of a modern double story house by turning your roof into a functional space. A rooftop terrace could be your private retreat—an ideal spot for morning coffee or watching sunsets.
• Innovative Staircase: Transform your staircase into a design statement. From floating stairs to glass railings, modern designs offer many unique ways to elevate this practical element.
• Sustainable Elements: Integrate energy-efficient features such as solar panels, rainwater collection systems, and green roofs. This not only helps the environment but can also provide long-term cost savings.
• Minimalist Interior Design: Embrace the less is more mantra. Choose a neutral colour palette with a few key pieces of furniture and décor for a clean, uncluttered look in your modern 2 storey house design.

A Two-Story Modern House’s Cost will Depend on a Number of Factors

• The number of rooms on each level must first be computed based on the amount of space needed for each floor.
• Calculating the required concrete for both floors is crucial to ensuring consistency in size and shape across the interior surfaces of the home.
• The overall financial investment is also impacted by the choice between wood panelling and less expensive materials like hardwood plywood panels.
• By carefully taking these factors into account, one can reduce the cost of building a contemporary two-story home while balancing aesthetics and financial restraints.

End Thought

In conclusion, two storey modern house design perfectly melds aesthetics, functionality, and space efficiency. Despite certain challenges, the advantages they offer are significant, making them an attractive choice for many homeowners. They represent the epitome of modern living – stylish, practical, and adaptable to a variety of landscapes.

Ultimately, understanding your unique needs, budget, and lifestyle preferences will guide your decision-making process. Whether you’re building a new home or renovating an existing one, a well-designed two-storey modern house can truly become your dream home.

FAQ’s about Two-Storey Modern House

Q1. What is the concept of 2 storey house?

A residence with two full levels or floors above the ground is referred to as a two-storey modern house design.

Q2. Is a bungalow 2 stories?

No, a bungalow usually has just one level. A bungalow is a single-story residential building, as opposed to a two-storey modern house design, and is frequently selected by people looking for a single-level living environment. For those or families who would rather avoid stairs and enjoy the ease of having all the rooms and amenities on one floor, bungalows are a good choice.

Q3. Which is better bungalow or 2 storey?

The choice between a bungalow and a two-story modern home design depends on the demands, way of life, and aesthetic preferences of the individual. For people who want a more accessible living arrangement without steps, particularly the elderly or people with mobility issues, bungalows are excellent. A two-story home plan, however, has a number of benefits. In order to provide greater living space in a smaller footprint, it maximises the use of the land. For larger families or individuals who want additional privacy and separation between living spaces and bedrooms, this vertical style can be a perfect solution.

Q4. What is the difference between two-storey and double-storey?

In most contexts, “two-storey” and “double-storey” mean the same thing, referring to a building with two levels or floors above the ground. However, regional usage may vary. For instance, in some areas, “double-storey” might imply two separate residences stacked one above the other, while “two-storey” typically refers to a single dwelling spread over two floors.

ShreyaShreya knows the art of engaging the readers with interactive write-ups and innovative information. Her writings are thoroughly researched, creative and focused on the subject of discourse. It helps her create consistency in reading that a reader loves to embrace. Her style of clarifying people’s curiosity into words is pretty convenient and makes it effectively convincing.

• Smart/Green Homes

'+ '

' + '

'; if(beatsresponse.SalesPersonProfilePic != undefined && beatsresponse.SalesPersonProfilePic != ""){ dev_Modal_agentModalBox = dev_Modal_agentModalBox + ''; }else{ dev_Modal_agentModalBox = dev_Modal_agentModalBox + '' + (typeof beatsresponse.SalesPersonName != 'undefined' ? beatsresponse.SalesPersonName.charAt(0).toUpperCase() : 'N/A') + ''; } dev_Modal_agentModalBox = dev_Modal_agentModalBox + '

' + '

'; dev_Modal_agentModalBox = dev_Modal_agentModalBox + '' + (typeof beatsresponse.SalesPersonName != 'undefined' ? beatsresponse.SalesPersonName : 'N/A') + '' + '' + beatsresponse.SalesPersonCountryCode + '-' + beatsresponse.SalesPersonContact + '' + '

' + '
• Call Now
' + '
• WhatsApp
' + '

'; if(redirecturl){ dev_Modal_agentModalBox = dev_Modal_agentModalBox + '

' + 'Take to My Personal Profile ' + '

'; } dev_Modal_agentModalBox = dev_Modal_agentModalBox + '

' + '

'; return dev_Modal_agentModalBox;}else{ var dev_Modal_agentModalBox = '

'; return dev_Modal_agentModalBox;}}function getglobalAgentPopupHtmlForDSE (beatsresponse,redirecturl,whatsappurl,thankyoumsg){if(beatsresponse.SalesPersonName != undefined && beatsresponse.SalesPersonContact != undefined && beatsresponse.SalesPersonName != "" && beatsresponse.SalesPersonContact != ""){var dev_Modal_agentModalBox = '

";return dev_Modal_agentModalBox;}else{var dev_Modal_agentModalBox = '

";return dev_Modal_agentModalBox;}}function afterglobalVerification(countryCode,mobile,beatsresponse,pageCategory,formboxid,formid,changeNumberformid,otpboxformid,modalpopupid,redirecturl,isdsepage , propAmcData, propAmcType , PriceHisoryPageData){ if(globaltimeinterval){ clearInterval(globaltimeinterval); } $("#"+otpboxformid).removeClass('active'); $("#"+formboxid).removeClass('active'); $(".overLayBox,body").addClass("active"); $(".homeFormBox h3").text('Contact Our Real Estate Experts'); $("#dev_ModalBox").addClass("active"); if(isdsepage == true){ $("#" + formid).addClass("active"); $("#" + otpboxformid).removeClass("active"); $("#" + changeNumberformid).removeClass("active"); $("#" + modalpopupid).removeClass("active"); } if(beatsresponse.SalesPersonName != undefined && beatsresponse.SalesPersonContact != undefined && beatsresponse.SalesPersonName != "" && beatsresponse.SalesPersonContact != ""){ var whatsapptext = "Hi " + beatsresponse.SalesPersonName + ",%0A%0A" + "I got connected to you on Squareyards.com.%0A%0ALook forward to your assistance " + "in my home search and ownership journey. Please get back to me so we can take " + "this ahead." + " Thanks."; let whatsappUrl = 'https://web.whatsapp.com/'if(isMobileBrowser()){whatsappUrl = 'https://api.whatsapp.com/'}let whatsappurl = whatsappUrl+"send?phone=" + beatsresponse.SalesPersonCountryCode + beatsresponse.SalesPersonContact + "&text=" + whatsapptext + "&source=&data="; var dev_Modal_agentModalBox = ""; if(isdsepage == true){ dev_Modal_agentModalBox = getglobalAgentPopupHtmlForDSE(beatsresponse,redirecturl,whatsappurl); }else{ dev_Modal_agentModalBox = getglobalAgentPopupHtml(beatsresponse,redirecturl,whatsappurl); } $("#" + modalpopupid).html(dev_Modal_agentModalBox); $("#"+formid).removeClass("active"); $('body').on('click','div.closeAgentModalPopup',function() { $('div.agentModalBox').removeClass('active') $('div.overLayBox,body').removeClass('active')$('#dev_ModalBox').html('');$('#dev_ModalBox').removeClass('active');$('.MapForm').removeClass('active') $("#"+formid).removeClass("active"); }); if(isdsepage == true){ $("#" + modalpopupid).addClass("active"); $(".gblPpup .gblOrflw, .ldBxClsBtn").off("click"); $(".gblPpup .gblOrflw, .ldBxClsBtn").on("click", function() {$(".gblPpup, body,div.overLayBox").removeClass("active");});if(formid.indexOf("_dsepopup") == -1){$("#"+formid).removeClass("active");} }else{ $("#"+formboxid).parent(".popupForm.active").removeClass('active'); } }else{ var thankyoumsg = "Thank You For Showing Interest, We'll Assign One Of Our Property Expert and Get Back to You Shortly."; var dev_Modal_agentModalBox = ""; if(isdsepage == true){ dev_Modal_agentModalBox = getglobalAgentPopupHtmlForDSE(beatsresponse,redirecturl,'',thankyoumsg); }else{ dev_Modal_agentModalBox = getglobalAgentPopupHtml(beatsresponse,redirecturl,'',thankyoumsg); } $("#" + modalpopupid).html(dev_Modal_agentModalBox); $("#"+formid).removeClass("active"); $('body').on('click','div.closeAgentModalPopup',function() { $('div.agentModalBox').removeClass('active') $('div.overLayBox,body').removeClass('active')$('#dev_ModalBox').html('');$('#dev_ModalBox').removeClass('active');$('.MapForm').removeClass('active'); $("#"+formid).removeClass("active"); }); if(isdsepage == true){ $("#" + modalpopupid).addClass("active"); if(formid.indexOf("_dsepopup") == -1){$("#"+formid).removeClass("active");}$(".gblPpup .gblOrflw, .ldBxClsBtn").off("click"); $(".gblPpup .gblOrflw, .ldBxClsBtn").on("click", function() {$(".gblPpup, body,div.overLayBox").removeClass("active");$("#"+formid).removeClass("active");}); }else{ $("#"+formboxid).parent(".popupForm.active").removeClass('active'); } } $('#' + formid)[0].reset();var city = $('#' + formid +' input#dev_inputelement').attr('placeholder')$('#ddlLocation').val(city); $('#' + otpboxformid)[0].reset();$("#" + changeNumberformid)[0].reset();$('body,.homePageLeadFormOverLay').removeClass("active");$('.gblPpup.pricehistoryUnlock').removeClass('active')if (isMobileBrowser()) {$('.position-sticky').removeClass('active');} $('#loaderBox').hide();}function jsonEncrypt(target){ string = unescape(encodeURIComponent(JSON.stringify(target).replace(/₹/g,''))); var newString = '', char, nextChar, combinedCharCode; for (var i = 0; i < string.length; i += 2) { char = string.charCodeAt(i); if ((i + 1) < string.length) { nextChar = string.charCodeAt(i + 1) - 31; combinedCharCode = char + "" + nextChar.toLocaleString('en', { minimumIntegerDigits: 2 }); newString += String.fromCharCode(parseInt(combinedCharCode, 10)); } else { newString += string.charAt(i); } } newString = btoa(unescape(encodeURIComponent(newString))); return { 'reqData': newString};}function globalsendOtp(formboxid,formid,changenoid,otpboxformid,isdsepage,baseurl,modalpopupid,pageCategory) { $('#loaderBox').show(); $(".homePageLeadFormOverLay .homeFormBox h3").text('Verify your Number'); $(".homePageLeadFormSingle .homeFormBox h3").text('Verify your Number'); let data = []; $("#" + otpboxformid + " .otpError").html(''); var buildingId = $("input[name='buildingId']").val(); $("#" + formid + " .sendotpError").html(''); data = $('#'+ formid).serializeArray(); if (buildingId != undefined) {data.push({'name' : 'builderId' , 'value' : buildingId }) } let name = $("#" + formid + " input[name='name']").val(); let email = $("#" + formid + " input[name='email']").val(); let location = $("#" + formid + " select[name='location']").val(); let propertyId = $('#' + formid).find('input[name="DotcomProjectId"]').val(); let unitId = $('#' + formid).find("input[name='unitId']").val(); let filteredData = {} data.filter(v => { filteredData[v.name] = v.value; }); $.ajax({ type:"POST", url: baseUrl +'lead/globalsendotp-v2', data:jsonEncrypt(filteredData), success: function(data){if(data.status){ let otpBox; $("#" + formboxid).removeClass("changenumber"); $("#" + otpboxformid + " #otpMobile_contactform").html('+'+filteredData.countryCode+'-'+filteredData.mobile); $("#" + formboxid).removeClass('active').addClass('active'); // $("#" + formid).css("display","none"); $("#" + formid).addClass("active"); if(isdsepage == true){ $("#" + formid).addClass("active"); $("#" + otpboxformid).addClass("active"); $("#" + changenoid).removeClass("active"); $("#" + modalpopupid).removeClass("active"); } global_run_clock(otpboxformid,15); $("#" + otpboxformid + " span.resend").hide(); setTimeout(function() { $("#" + otpboxformid + " span.resend").show(); }, (1*60*1000)); otpBox = $("#" + formboxid); building_id = data.builderId; if(data.otp){ var otp = data.otp.toString(); if(otp.length == 4){ otpBox.find("input[name=otp_contactform]").val(otp); } }else{ otpBox.find("input[name=otp_contactform]").val(''); } }else{ alert(data.message);// helperJS.alertBox('error',data.message); } $('#loaderBox').hide(); } });// $.post(baseUrl +'resale'+'/send-broker-detail-otp-v2',filteredData,function(data){// if(data.status){ // let otpBox; // $("#" + formboxid).removeClass("changenumber"); // $("#" + otpboxformid + " #otpMobile_contactform").html('+'+filteredData.countryCode+'-'+filteredData.mobile); // $("#" + formboxid).removeClass('active').addClass('active'); // // $("#" + formid).css("display","none"); // alert(formid);// $("#" + formid).addClass("active"); // if(isdsepage == true){ // $("#" + otpboxformid).addClass("active"); // $("#" + changenoid).removeClass("active"); // $("#" + modalpopupid).removeClass("active"); // } // global_run_clock(otpboxformid,15); // $("#" + otpboxformid + " span.resend").hide(); // setTimeout(function() { // $("#" + otpboxformid + " span.resend").show(); // }, (1*60*1000)); // otpBox = $("#" + formboxid);// building_id = data.builderId; // if(data.otp){ // var otp = data.otp.toString(); // if(otp.length == 4){ // otpBox.find("input[name=otp_contactform]").val(otp); // } // }else{ // otpBox.find("input[name=otp_contactform]").val(''); // } // }else{// alert(data.message);// // helperJS.alertBox('error',data.message); // } // $('#loaderBox').hide();// });} function getLmsCountryLocation() { var allcodes = []; $.each(countryLocationData, function(index, value) { if(allcodes.indexOf(value.code) == -1){ $(".ddlCountryCode").append( '

" ); allcodes.push(value.code); } }); $(".ddlLocation").not(".property-m").append( '

' ); if (countryLocationData[0].locations.length > 0) { countryLocationData[0].locations.forEach(function(element) { $(".ddlLocation").append( '

" ); }); }}function onChangeLmsCountryCode(countryCodeControl,locationId,formid){ let _code = $(countryCodeControl) .find("option:selected") .val(); if (countryLocationData !== undefined && countryLocationData) { $("#" + formid + " #"+locationId).empty(); let _selectedLoc = countryLocationData.filter(f => f.code == _code)[0]; if (_selectedLoc.locations.length > 0) { _selectedLoc.locations.forEach(function(element) { $("#"+ formid + " #" + locationId).append( '

" ); }); let _selcity= helperJS.getCookie('_selcity'); if(_selcity && parseInt(_selcity.id)>0) _selcity.name = _selcity.name.charAt(0).toUpperCase() + _selcity.name.slice(1); $("#" + formid + " #"+locationId).val(_selcity.name); } else { $("#" + formid + " #"+locationId).append( '

" ); } } } function initializeCityAutocompleteComboBox (formid,elementid,containerid){$.widget("custom.combobox", { _create: function() { this.wrapper = $( "" ) .addClass( "custom-combobox" ) .insertAfter( this.element ); this.element.hide(); this._createAutocomplete(); this._createShowAllButton(); var placeholderset = false; $("#" + formid + " #dev_drodownarrow").hover(function(){ if(placeholderset == false && $("#" + formid + " #" + elementid).val() != null && $("#" + formid + " #" + elementid).val() != ""){ $("#" + formid + " #dev_inputelement").attr("placeholder",$("#" + formid + " #" + elementid).val()); placeholderset = true; } if(placeholderset == true){ if($("#" + formid + " #dev_inputelement").val() == null || $("#" + formid + " #dev_inputelement").val() == ''){ $("#" + formid + " #dev_inputelement").val($("#" + formid + " #dev_inputelement").attr("placeholder")) }else{ $("#" + formid + " #dev_inputelement").val(''); placeholderset = false; } } }); /* $("#" + formid + " #dev_inputelement").focus(function(){ var isclosed = $("#" + formid + " #" + containerid).find("ul").css("display") == "none"; // if($("#"+ formid + " #dev_inputelement").val() == ''){ if(isclosed){ $("#" + formid + " #dev_inputelement").autocomplete( "search", "" ); }else{ $("#" + formid + " #" + containerid).find("ul").css("display","none"); } // } }); */ }, _createAutocomplete: function() { var selected = this.element.children( ":selected" ), value = selected.val() ? selected.text() : ""; this.input = $( "" ) .appendTo( this.wrapper ) .val( value ) .attr( "title", "" ) .addClass( "custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left dev_inputelement" ) .autocomplete({ delay: 0, minLength: 0, source: $.proxy( this, "_source" ), appendTo: $("#" + formid + " #" + containerid), }) .tooltip({ classes: { "ui-tooltip": "ui-state-highlight" } }); this._on( this.input, { autocompleteselect: function( event, ui ) { ui.item.option.selected = true; this._trigger( "select", event, { item: ui.item.option }); $("#" + formid + " #dev_inputelement").attr("placeholder",$("#" + formid + " #" + elementid).val()); }, autocompletechange: "_removeIfInvalid" }); $("#" + formid + " #" + containerid).find("ul").addClass("drop-downcity"); }, _createShowAllButton: function() { var input = this.input, wasOpen = false; $( "" ) .attr( "tabIndex", -1 ) /* .attr( "title", "Show All Items" ) .tooltip() */ .appendTo( this.wrapper ) .button({ icons: { primary: "ui-icon-triangle-1-s" }, text: false }) .removeClass( "ui-corner-all" ) .addClass( "custom-combobox-toggle ui-corner-right" ) .on( "mousedown", function() { wasOpen = input.autocomplete( "widget" ).is( ":visible" ); }) .on( "click", function() { input.trigger( "focus" ); // Close if already visible if ( wasOpen ) { return; } // Pass empty string as value to search for, displaying all results input.autocomplete( "search", "" ); }); }, _source: function( request, response ) { var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" ); var textarr = []; response( this.element.children( "option" ).map(function() { var text = $( this ).text(); if(textarr.indexOf(text) == -1){ textarr.push(text); if ( this.value && ( !request.term || matcher.test(text) ) ) return { label: text, value: text, option: this }; } }) ); }, _removeIfInvalid: function( event, ui ) { // Selected an item, nothing to do if ( ui.item ) { return; } // Search for a match (case-insensitive) var value = this.input.val(), valueLowerCase = value.toLowerCase(), valid = false; this.element.children( "option" ).each(function() { if ( $( this ).text().toLowerCase() === valueLowerCase ) { this.selected = valid = true; return false; } }); // Found a match, nothing to do if ( valid ) { return; } // Remove invalid value this.input .val( "" ) // .attr( "title", value + " didn't match any item" ) // .tooltip( "open" ); this.element.val( "" ); /* this._delay(function() { this.input.tooltip( "close" ).attr( "title", "" ); }, 2500 ); */ this.input.autocomplete( "instance" ).term = ""; }, _destroy: function() { this.wrapper.remove(); this.element.show(); } }); $("#" + formid + " #" + elementid).combobox(); } function initializeLazyLoad(){ var imageObserver = new IntersectionObserver((entries, imgObserver) => { entries.forEach((entry) => { if (entry.isIntersecting) { var lazyImage = entry.target; if(lazyImage.src.replace(baseUrl,'') != encodeURI(lazyImage.dataset.src ? lazyImage.dataset.src.replace(baseUrl,'') : '')){ lazyImage.src = lazyImage.dataset.src; } } }) }); var arr = document.querySelectorAll('img.lazy') arr.forEach((v) => { imageObserver.observe(v); }); } function homePageContactFormBtnClick(){$.post("https://www.squareyards.com/home/homepageleadformoverlay", function(data){$("#dev_contact_form_v1").html(data); $('.homePageLeadFormOverLay').addClass('active'); var selectedtab = $(".homePageLeadFormOverLay .homeFormBox .propTab.fixedTab").attr("tabval"); var formdata = {"selectedtab":selectedtab}; opencontacthomeformv1(formdata);}); /* $.ajax({ async: true, dataType: "html", contentType: "application/json", success: function(data, textStatus) { $("#dev_contact_form_v1").html(data); $('.homePageLeadFormOverLay').addClass('active'); var selectedtab = $(".homePageLeadFormOverLay .homeFormBox .propTab.fixedTab").attr("tabval"); var formdata = {"selectedtab":selectedtab}; opencontacthomeformv1(formdata); }, error:function(error){ console.log(error); }, type: "POST", url: "https://www.squareyards.com/home/homepageleadformoverlay" }); */ } function homePageContactFormBtnClickForSingle(){$.post("https://www.squareyards.com/home/homepageleadformoverlay", function(data){$("#dev_contact_form_v1").html(data);$("#dev_home_propertytabbox").remove();$('.homePageLeadFormOverLay').addClass("homePageLeadFormSingle");$('.homePageLeadFormOverLay').removeClass('homePageLeadFormOverLay'); var selectedtab = "newproject"; if(window.location.href.endsWith("-decart") == true || window.location.href.endsWith("-decart/") == true){ selectedtab = "homeinterior"; } var formdata = {"selectedtab":selectedtab}; opencontacthomeformv1(formdata);}); /* $.ajax({ async: true, dataType: "html", contentType: "application/json", success: function(data, textStatus) { $("#dev_contact_form_v1").html(data); $('.homePageLeadFormOverLay').addClass('active'); var selectedtab = $(".homePageLeadFormOverLay .homeFormBox .propTab.fixedTab").attr("tabval"); var formdata = {"selectedtab":selectedtab}; opencontacthomeformv1(formdata); }, error:function(error){ console.log(error); }, type: "POST", url: "https://www.squareyards.com/home/homepageleadformoverlay" }); */ } function homeFormBoxCloseBtnClick(){ $('.homePageLeadFormOverLay').removeClass('active'); } function propertyTabClick(tabval){ var propertytabdata = [{"name":"Buy","tabval":"newproject","icon":"hti-icon1"},{"name":"Rent","tabval":"rental","icon":"hti-icon2"},{"name":"Home Loan","tabval":"homeloan","icon":"hti-icon4"},{"name":"Home Interior","tabval":"homeinterior","icon":"hti-icon5"}]; var selectedtabdata_arr = propertytabdata.filter(function(e){return e.tabval == tabval}); var othertabdata_arr = propertytabdata.filter(function(e){return e.tabval != tabval}); var propertytabboxhtml = ""; if(selectedtabdata_arr.length > 0){ var selectedtabdata = selectedtabdata_arr[0]; propertytabboxhtml = propertytabboxhtml + '

' + selectedtabdata["name"] + '