CINXE.COM

Campus Area Listings | Madison Property Management, Inc

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title> Campus Area Listings | Madison Property Management, Inc </title><meta name="google-site-verification" content="vwC7Kp_t8tyUtKv37NEUi8gJA9G7mCPIfwB1OHuFt4o" /><meta name="msvalidate.01" content="B366D343FE1A61066DE74D1FC8464523" /> <script src="/lib/jquery/jquery-3.4.1.min.js"></script> <script src="/lib/bxslider-4-master/dist/jquery.bxslider.min.js"></script> <link href="/lib/bxslider-4-master/dist/jquery.bxslider.min.css" rel="stylesheet" /><link href="/css/slider.css" rel="stylesheet" /> <script type="text/javascript"> var DoNotUseCookies = true; var needToGetConsent = true; </script> <!-- Google Tag Manager--> <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-WSH4SL2');</script> <!-- End Google Tag Manager --> <script type="text/javascript"> function twa() { alert("oof"); }; </script> <script type="text/javascript"> (function (c, l, a, r, i, t, y) { c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) }; t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i; y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y); })(window, document, "clarity", "script", "h5iqnj3rdm"); </script> <script src="https://www.google.com/recaptcha/api.js?render=6LcniNIcAAAAABHTpj8bFgSdd5TQZxtKL4vigfFB"></script> <script type="text/javascript" src="https://cdn.rentmanager.com/WebChat/plugin/js/v1/WebBasedChatWizard.js"></script> <style type="text/css"> #chatPlugin { position: fixed; top: 30vh; right: -40px; -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); z-index: 1; } #chatContent { padding: 0px; margin: 0px; text-align: left; font-size: 13px; font-family: 'Lato', sans-serif; line-height: 1.5; -webkit-font-smoothing: antialiased; font-weight: normal; } .rmWebChatQueueButton { box-sizing:content-box; min-width: 180px; border: none; /*-ms-border-radius: 3px;*/ /*border-radius: 3px;*/ /*min-height: 32px;*/ cursor: pointer; /*margin-left: 2em;*/ /*background-color: #008A00;*/ background-color: #000000 !important; color: #fff; } .rmWebChatQueueButton:hover { background-color:#ffffff !important; color:#000000 !important; } .rmWebChatQueueButton:disabled { background-color: #D5D5D5; color: #666666; cursor: auto; opacity: 0.5; } .rmWebChatLayout .main { display: table; } .rmWebChatLayout .inner { display: table-cell; vertical-align: middle; padding: 0 20px 0 20px; } .rmWebChatLayout hr { margin-bottom: 0; color: #707070 } .rmWebChatLayout input[type="date"]::-webkit-inner-spin-button { display: none; } .rmWebChatLayout .rmWebChatRequired { font-size: 13px; } .rmWebChatLayout ::-webkit-scrollbar { width: 10px; } .rmWebChatLayout::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #D5D5D5; border-radius: 3px; } .rmWebChatLayout ::-webkit-scrollbar-thumb { background: #909090; border-radius: 3px; } .rmWebChatContainer { position: relative; width: 100%; min-width:180px; background-color: #ffffff; overflow-y: auto; } .rmWebChatLayout { position: fixed; bottom: 0px; right: 5px; width: 350px; display: none; box-shadow: 0px 0px 10px #bababa; font-family: "Roboto", sans-serif; } .rmWebChatLayout .rmWebChatContainer { width: 100%; background-color: #ffffff; } .rmWebChatQuestionsContainer { position: relative; width: 100%; background-color: #ffffff; overflow-y: auto; } .rmWebChatTitle { background-color: #076dab; color: #ffffff; text-align: left; padding: 0 10px 0 10px; display: block; line-height: 40px; font-size: 19px; font-family: inherit; } .rmWebChatUserMessage { margin: 10px 5px 10px 50px; background-color: #076dab; color: #ffffff; } .rmWebChatAgentMessage { margin: 10px 50px 10px 5px; background-color: #F5F5F5; } .rmWebChatMessage { -ms-border-radius: 10px; border-radius: 10px; padding: 10px 10px 10px 10px; overflow-wrap: break-word; font-size: 18px; font-family: inherit; white-space: pre-wrap; } .rmWebChatConversationContainer { width: 100%; position: relative; display: none; } .rmWebChatOfflineMessage { height: inherit; text-align: center; width: 100%; background-color: #ffffff; word-break: break-word; font-size: 19px; } .rmWebChatIcon { padding-right: 5px; font-size: 1.2em; } .rmWebChatSettingsIcon { float: right; line-height: 40px; padding-right: 10px; cursor: pointer; } .rmWebChatTypeContainer { border: 1px solid #999999; font-size: 18px; } .rmWebChatAttachContent { min-height: 0.9em; display: none; background-color: #ffffff; margin-bottom: 2px; margin-top: 10px; width: 100%; } .rmWebChatAttachFileIcon { margin-left: 5px; color: #8e928e; cursor: pointer; vertical-align: 0%; width: 1em; } .rmWebChatFileText { color: #0a0a0a; overflow-y: auto; width: 100%; max-height: 85px; } .rmWebChatInputContent { min-height: 4em; background-color: #ffffff; bottom: 0; } .rmWebChatInputChat { position: absolute; outline: none; min-height: inherit; width: calc(100% - 110px); border: none; border-style: none; resize: none; background-color: transparent; box-shadow: none; font-size: 18px; font-family: inherit; } .rmWebChatInputFile { opacity: 0; content-visibility:hidden; width: 0.5em; } .rmWebChatInputFileWindow { opacity: 0; } .rmWebChatEndButtonDiv { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0px 10px; margin-top: 20px; } .rmWebChatExitButtonDiv { display: grid; grid-template-columns: 1fr; grid-gap: 0px 10px; margin-top: 20px; } .rmWebChatTimeOutButtonDiv { display: grid; grid-template-columns: 1fr; grid-gap: 0px 10px; margin-top: 20px; } .rmWebChatTitleMessage { color: #999999; padding-top: 5px; font-size: 16px; } .rmWebChatTitleMessageHeader { display: none; padding: 15px 20px 15px 20px; font-size: 18px; font-family: inherit; } .rmWebChatQuestionsContent { height: calc(100% - 86px); } .chatQuestionInterface { height: calc(100% - 86px); } .rmWebChatQuestionsForm { height: calc(100% - 15px); overflow-y: auto; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0px 25px; margin-bottom: 10px; padding: 0px 20px 0px 20px; grid-auto-rows: min-content; } .rmWebChatQuestionCheck { display: flex; } .rmWebChatDropdown { display: block; min-width: initial; font-size: 12px; margin: 3px 0px; background-color: #F5F5F5; height: 32px; -ms-border-radius: 3px; border-radius: 3px; width: 100%; width: -webkit-fill-available; width: -moz-fill-available; border: 1px solid #D5D5D5; line-height: normal; color: #0a0a0a; } .rmWebChatInputLabel { /*font-size: 20px;*/ font-family: inherit; color: #054c7e; } #rmWebChatMessageLabel { padding-top: 15px; } .rmWebChatButton { min-width: 200px; border: none; background-color: #076dab; -ms-border-radius: 50px; border-radius: 50px; /*min-height: 40px;*/ color: #ffffff; margin-bottom: 50px; cursor: pointer; font-size: 19px; font-family: inherit; -webkit-appearance: button; } .rmWebChatCenter { text-align: center; width: 100%; } .rmWebChatClearFileIcon { color: #C0C0C0; margin-left: 3px; cursor: pointer; display: inline-block; border: none; background-color: white; font-size: 18px; } .rmWebChatInputSubmit { position: fixed; margin: 10px 5px 5px 5px; background: #076dab; color: #ffffff; border: none; -ms-border-radius: 5px; border-radius: 5px; min-height: 45px; cursor: pointer; opacity: 0.5; right: 5px; font-size: 19px; font-family: inherit; width: 4.5em; -webkit-appearance: button; } .rmWebChatQuestion { min-height: 90px; overflow-y: auto; padding: 5px 3px; margin: 3px 0px; background-color: #F5F5F5; font-size: 15px; width: 100%; width: -webkit-fill-available; width: -moz-fill-available; -ms-border-radius: 3px; border-radius: 3px; border: 1px solid #D5D5D5; line-height: normal; font-family: inherit; } .rmWebChatQuestionInput { padding: 3px 0px; } .rmWebChatFullWidth { grid-column: 1/3; } .rmWebChatSend { color: #076dab; line-height: 0px; padding-left: 5px; cursor: pointer; } .rmWebChatSent { color: #6DB844; line-height: 10px; padding-left: 5px; } .rmWebChatMessageSent { color: #6DB844; text-align: right; margin: 10px 30px 10px 0px; display: none; } .rmWebChatSendMessage { color: #076dab; text-align: right; margin: 10px 35px 10px 10px; cursor: pointer; display: none; font-size: 20px; } .fa-rotate-45 { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .profiler-results { display: none; } .upArrow { color: #076dab; background-color: Transparent; border: none; cursor: pointer; outline: none; } .rmWebChatDot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #303131; animation: rmWebChatWave 1.3s linear infinite; background-color: #909090; } .rmWebChatWave { background-color: #ffffff; bottom: 112px; position: fixed; padding-left: 7px; } .rmWebChatDot1 { animation-delay: 200ms; } .rmWebChatDot2 { animation-delay: 400ms; } .rmWebChatDot3 { animation-delay: 600ms; } @keyframes rmWebChatWave { 0%, 60%, 100% { transform: initial; } 30% { transform: translateY(-5px); } } input.rmWebChatRequiredQuestion, textarea.rmWebChatRequiredQuestion, select.rmWebChatRequiredQuestion { border-color: #076dab; border-width: 1px; font-weight: normal; } .rmWebChatRequiredLabel { font-weight: bold; } .rmWebChatInput { display: block; min-width: initial; padding: 0px 3px; margin: 3px 0px; background-color: #F5F5F5; min-height: 30px; -ms-border-radius: 3px; border-radius: 3px; width: 100%; width: -webkit-fill-available; width: -moz-fill-available; border: 1px solid #D5D5D5; line-height: normal; color: #0a0a0a; font-size: 15px; font-family: inherit; } input.rmWebChatInput:focus { outline: none; } textarea.rmWebChatQuestion:focus { outline: none; } .rmWebChatMinimize { width: 350px !important; height: 40px !important; } .rmWebChatIconDisplay { display: inline-block; } .rmWebChatModal { position: fixed; top: 50%; left: 50%; width: 40%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1100; border: 1px solid #bababa; } .rmWebChatModal .rmWebChatInputChat { width: 90%; left: 0; } .rmWebChatModal .rmWebChatContainer { height: 500px; } .rmWebChatModal .rmWebChatQuestionsContainer { height: 500px; } .rmWebChatModalOverlay { display: none; z-index: 1000; position: fixed; width: 100%; height: 100%; background-color: rgba(10, 10, 10, 0.45); overflow: hidden; top: 0; left: 0; } .rmWebChatImage { margin: 5px; max-width: 250px; max-height: 160px; } .rmWebChatImageContainer { width: 100%; text-align: center; min-width: 250px; max-height: 160px; line-height: 160px; margin-bottom: 1em; } .rmWebChatInputFileLabel { /*padding-top: 7px;*/ } @media screen { .rmWebChatModal, .rmWebChatLayout { right: 0; width: 100%; height: 100%; max-width: none; margin-left: 0; border: 0; border-radius: 0; font-size: 15px; } .rmWebChatContainer { /*position: fixed;*/ } .rmWebChatContainerHeight { height: calc(100% - 200px) !important; } .rmWebChatQuestionsContainer { position: fixed; height: 100% !important; } .rmWebChatTypeContainer { position: fixed; width: calc(100% - 2px); bottom: 0; } } .rmWebChatErrorModal, .rmWebChatSuccessMessageModal { display: none; position: fixed; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); font-family: "Roboto", sans-serif; } .rmWebChatErrorContent, .rmWebChatSuccessMessageContent { background-color: #fefefe; margin: 15% auto; text-align: center; padding: 20px; border: 1px solid #888; width: 70%; font-size: 18px; } .rmWebChatErrorButton { margin: 10px 5px 5px 5px; background: #076dab; color: #ffffff; border: none; -ms-border-radius: 5px; border-radius: 5px; min-height: 2em; width: 4em; cursor: pointer; font-size: 16px; } .rmWebChatInvalidBrowserLayout { display: block; align-items: center; } .rmWebChatInvalidBrowser { vertical-align: center; margin-top: 5.0em; display: table; padding: 15px 15px; } .rmWebChatInvalidBrowserButton { min-width: 100px; display: block; border: none; background-color: #076dab; -ms-border-radius: 50px; border-radius: 50px; height: 40px; color: #ffffff; margin-top: 50px; cursor: pointer; display: table-cell; vertical-align: middle } .rmWebChatInvalidBrowserText { display: table-row; padding: 10px 10px; text-align: center; } .rmWebChatMenuIcons { float: right; display: flex; } .rmWebChatEndIcon { cursor: pointer; display: none; font-size: 1.2em; float: right; padding-top: 10px; } .rmWebChatVolumeUpIcon { cursor: pointer; display: none; font-size: 1.2em; padding: 10px 10px 0 0; } .rmWebChatVolumeMuteIcon { cursor: pointer; display: none; font-size: 1.2em; padding: 10px 13px 0 0; } .validationMessageTooltipContainer { float: right; } .validationErrorIcon { font-size: 16px !important; visibility: collapse; color: #F58220 !important; border: none !important; } .rmWebChatBody .tipso_content { background: #F58220; -ms-border-radius: 6px; border-radius: 6px; font-family: 'Lato', sans-serif !important; font-size: 13px; } .rmWebChatBody .tipso_arrow { border-color: #F58220 transparent transparent !important; } .rmWebChatBody .tipso_bubble { width: 195px !important; } .rmWebChatEmailAddressLabel { font-size: 15px; color: black; } @media (max-width: 500px) { .rmWebChatQuestionsForm { display: block; } } @media (max-width: 400px) { .rmWebChatEndButtonDiv { display: block; } .rmWebChatExitButtonDiv { display: block; } .rmWebChatCancelChatButton { margin-top: 5px; -webkit-appearance: button; } .rmWebChatEmailChatButton { margin-bottom: 5px; -webkit-appearance: button; } .rmWebChatAgentCloseEmailChatButton { margin-bottom: 5px; -webkit-appearance: button; } .rmWebChatTimeOutEmailChatButton { -webkit-appearance: button; } } .rmWebChatSystemMessageContainer { display: none; background: #FF0000; border: 1px solid #888; padding: 15px; font-size: 20px; } .rmWebChatTimeOutEmailOptions { display: none; border: 1px solid #888; padding: 15px; font-size: 20px; } .rmWebChatSystemMessageWarning { background: #FCB815; } .rmWebChatSystemMessageError { background: #FF0000; } .rmWebChatSystemMessage { color: #ffffff; padding-top: 5px; font-size: 20px; } .rmWebChatConnectionSpinner { float: right; animation: rmWebSpinner 1.5s linear infinite; display: none; } .rmWebChatEndModal, .rmWebChatAgentCloseModal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); font-family: "Roboto", sans-serif; } .rmWebChatEmailContent, .rmWebChatAgentCloseContent { background-color: #fefefe; margin: 15% auto; text-align: left; padding: 20px; border: 1px solid #888; width: 70%; font-size: 18px; font-family: "Roboto", sans-serif; } .rmWebChatEmailChatButton, .rmWebChatAgentCloseEndChatButton, .rmWebChatEndChatButton, .rmWebChatCancelChatButton, .rmWebChatTimeOutEmailChatButton, .rmWebChatTimeOutExitButton, .rmWebChatAgentCloseEmailChatButton, .rmWebChatSuccessButton { background: #076dab; color: #ffffff; border: none; -ms-border-radius: 5px; border-radius: 5px; min-height: 2em; cursor: pointer; font-size: 16px; text-align: center !important; width: 100%; width: -webkit-fill-available; width: -moz-fill-available; -webkit-appearance: button; } .rmWebChatAgentCloseMessage { display: block; } .rmWebChatEmailAddressDiv, .rmWebChatTimeOutEmailAddressDiv, .rmWebChatAgentCloseEmailAddressDiv { display: block; margin-top: -27px; margin-left: 128px; } .filediv { max-width: 270px; margin-top: 5px; margin-bottom: 5px; } .attachmentDiv { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: auto; width: -webkit-fill-available; width: -moz-fill-available; padding-left: 5px; } .rmWebChatClearFileIcon { float: left; top: -21px; } .rmWebChatTransferMessage { -ms-border-radius: 10px; border-radius: 10px; padding: 10px 10px 10px 10px; overflow-wrap: break-word; font-size: 18px; font-family: inherit; white-space: pre-wrap; background: #ffedb97a; text-align: center; margin: 10px 10px 10px 10px; } .rmWebChatFileDiv { display: flex; } .rmWebChatEndChatSendTranscriptLabel, .rmWebChatAgentCloseSendTranscriptLabel, .rmWebChatTimeOutSendTranscriptLabel { display: block; padding-left: 15px; text-indent: -15px; font-size: 15px; margin-top: 15px; } .rmWebChatEndChatSendTranscript, .rmWebChatAgentCloseSendTranscript, .rmWebChatTimeOutSendTranscript { width: 13px; height: 13px; padding: 0; margin: 0; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden; } .rmWebChatEmailAddressDiv .validationMessageTooltipContainer, .rmWebChatAgentCloseEmailAddressDiv .validationMessageTooltipContainer, .rmWebChatTimeOutEmailAddressDiv .validationMessageTooltipContainer { margin-top: -21px; } @keyframes rmWebSpinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } </style> <!-- <link rel="stylesheet" type="text/css" href="https://cdn.rentmanager.com/webchat/plugin/css/v1/WebBasedChatWizard.css" /> --> <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/signalr/jquery.signalr-2.2.2.min.js"></script> <link rel="stylesheet" type="text/css" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" /> <script type="text/javascript"> var rmWebChatOptions = { ENTID: "madpm", Location: "Default", QueueName: "DLDevTestChat" }; </script> <link rel="shortcut icon" href="https://www.madisonproperty.com/img/favicon.ico?v=2" /><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta name="description" content="MPM offers the best selection of campus area rentals out of anyone in Madison, WI. Campus apartments, houses, flats and more. New to Historic. Equinox, 420 West, Vantage Point to name a few buildings." /><meta name="keywords" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!--[if lte IE 8]><script src="/lib/ie/html5shiv.js"></script><![endif]--> <!--[if lte IE 8]><link href="/lib/ie/v8.css" rel="stylesheet" /><![endif]--> <link href="/css/global.css?version=2.15" rel="stylesheet" /> <script type="text/javascript"> $(document).ready(function () { $('body').removeClass("is-loading"); document.querySelectorAll('#resultsContainer img').forEach(function (i) { if (i.naturalWidth == 0) { i.src = "img/NoImage.png"; } }); }); function mobile_nav() { document.querySelector("nav").classList.toggle("show_menu"); document.querySelector("footer").classList.toggle("hidden_for_menu"); document.querySelector("#page_content").classList.toggle("hidden_for_menu"); }; var qued = false; function prepareUpdate() { if (qued) return; document.getElementById("data_notice").addEventListener("mouseleave", updateConsent, { once: true }); qued = true; }; function pushUserConsent() { document.querySelector("#data_notice").classList.remove("getConsent"); sendUpdate(); }; function updateConsent() { sendUpdate(); } function sendUpdate() { qued = false; document.getElementById("data_notice").removeEventListener("mouseleave", updateConsent, { once: true }); var ourC = (document.querySelector("#our_cookies").checked) ? true : false; //var ourD = (document.querySelector("#usage_data").checked) ? true : false; var pC = (document.querySelector("#partners_cookies").checked) ? true : false; $.ajax({ url: '/api/session/', type: 'POST', dataType: 'text', contentType: 'application/json', //data: JSON.stringify({ allowOurCookies: ourC, allowDataCollection: ourD, allowPartnerCookies: pC }), data: JSON.stringify({ allowOurCookies: ourC, allowPartnerCookies: pC }), error: updateResult, success: updateResult }); } function updateResult(data, textStatus, jqXHR) { console.log("Session Consent Update: " + data.toString()); }; function gCookie(n) { //helper fuction to check cookie var nm = n + "=", ca = document.cookie.split(";"); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == " ") { c = c.substring(1); } if (c.indexOf(nm) == 0) { return c.substring(nm.length, c.length); } } return ""; }; function setCookie(n, c, d, ds) { //ds: expect utc date string, optional if (!ds) { if (d > 0) { var dt = new Date(); dt.setTime(d.getTime() + (d * 24 * 60 * 60 * 1000)); var e = "expires=" + dt.toUTCString(); document.cookie = n + "=" + c + ";" + e + ";path=/"; } else { document.cookie = n + "=" + c + ";path=/"; }; } else { var e = "expires=" + ds; document.cookie = n + "=" + c + ";" + e + ";path=/"; }; }; </script> <link href="/lib/jquery-ui-1.12.1.custom/jquery-ui.min.css" rel="stylesheet" /> <script src="/lib/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script> <script type="text/javascript"> var testInput = document.createElement("input"); testInput.setAttribute("type", "date"); if (testInput.type === "text") { console.log("bowser does not support <input type='date'>"); document.write("<script src='lib/Inputmask5x/dist/inputmask.min.js'><\/script>"); }; </script> <script type="text/javascript"> grecaptcha.ready(function () { grecaptcha.execute('6LcniNIcAAAAABHTpj8bFgSdd5TQZxtKL4vigfFB', { action: 'searchresults' }).then(function (token) { }); }); </script> <script src="/lib/jquery_sumoselect_v3.0.3/jquery.sumoselect.min.js"></script> <link href="/lib/jquery_sumoselect_v3.0.3/sumoselect.min.css" rel="stylesheet" /> <link href="/css/maps.css" rel="stylesheet" /> <link href="/css/searchresults.css?version=1.2" rel="stylesheet" /> <link href="/css/MapView.css?version=1.2" rel="stylesheet" /> <link href="/css/forms.css?v=1.2" rel="stylesheet" /> <link href="/css/communitytiles.css" rel="stylesheet" /> <script type="text/javascript"> //initiate rentSlider var ingnoreImmediateUpdate = false; var rentSlider; $(function () { var min_value = $("#min_rent").val().replace("$", ""); var max_value = $("#max_rent").val().replace("$", ""); rentSlider = $("#rent_range").slider({ range: true, min: 0, max: 4000, values: [min_value, max_value], slide: function (event, ui) { if (!ingnoreImmediateUpdate) { $("#min_rent").val("$" + ui.values[0]); $("#max_rent").val("$" + ui.values[1]); document.querySelector("#rent_range").classList.remove("min_value_error"); document.querySelector("#rent_range").classList.remove("max_value_error"); //checkForm(); }; if (document.querySelector(".ui-slider-range").clientWidth < 70) { $(".ui-slider-handle")[0].classList.add("shiftUP"); } else { $(".ui-slider-handle")[0].classList.remove("shiftUP"); } }, stop: function (event, ui) { checkForm(); } }); $("#min_rent").val("$" + $("#rent_range").slider("values", 0)); $("#max_rent").val("$" + $("#rent_range").slider("values", 1)); $(".ui-slider-handle")[0].setAttribute("data-type", "Min"); $(".ui-slider-handle")[1].setAttribute("data-type", "Max"); $(".ui-slider-handle")[0].appendChild(document.querySelector("#min_rent")); $(".ui-slider-handle")[1].appendChild(document.querySelector("#max_rent")); //add input change handling, and validation var previousValue; $("#min_rent").on("focus", function () { ingnoreImmediateUpdate = true; previousValue = this.value; this.value = ""; }); $("#max_rent").on("focus", function () { ingnoreImmediateUpdate = true; previousValue = this.value; this.value = ""; }); $("#min_rent").on("blur", function () { if (!checkRents()) { rentSlider.slider("values", 0, previousValue.replace("$", "")); } else { rentSlider.slider("values", 0, this.value.replace("$", "")); }; ingnoreImmediateUpdate = false; $("#min_rent").val("$" + $("#rent_range").slider("values", 0)); checkForm(); }); $("#max_rent").on("blur", function () { if (!checkRents()) { rentSlider.slider("values", 1, previousValue.replace("$", "")); } else { rentSlider.slider("values", 1, this.value.replace("$", "")); }; ingnoreImmediateUpdate = false; $("#max_rent").val("$" + $("#rent_range").slider("values", 1)); checkForm(); }); }); //initiate sumoSelect and datepickers $(document).ready(function () { $('.SlectBox2').SumoSelect({ selectAll: true, placeholder: 'BEDROOMS', prefix: 'BEDS: ' }); $('.SlectBox3').SumoSelect({ placeholder: 'BATHROOMS', prefix: 'BATHS: ' }); $('.SlectBox4').SumoSelect({ selectAll: true, placeholder: 'UNIT TYPE', prefix: 'TYPES: ' }); $('.SlectBox5').SumoSelect({ placeholder: 'PET FRIENDLY', prefix: 'ALLOWS: ' }); $('.SlectBox6').SumoSelect({ placeholder: 'LEASE TYPE', prefix: 'LEASE TYPE: ' }); $('select').on('sumo:closed', function (sumo) { checkForm(); }); $('#search_ui input[type="checkbox"]').on("change", function () { checkForm(); }); if (document.querySelector('#earliestDate').type === 'text') { Inputmask("99/99/9999", { inputFormat: "mm/dd/yyyy", placeholder: "mm/dd/yyyy", insertModeVisual: true, "oncomplete": function () { this.classList.remove("error"); checkDates(true, this); checkForm(); }, "onincomplete": function () { if (this.value.length > 0) { document.querySelector("#datesField .errorMsg").innerHTML = "Date not complete."; this.classList.add("error"); } else { document.querySelector("#datesField .errorMsg").innerHTML = ""; this.classList.remove("error"); }; checkForm(); } }).mask(document.querySelector('#earliestDate')); Inputmask("99/99/9999", { inputFormat: "mm/dd/yyyy", placeholder: "mm/dd/yyyy", insertModeVisual: true, "oncomplete": function () { this.classList.remove("error"); checkDates(true, this); checkForm(); }, "onincomplete": function () { if (this.value.length > 0) { document.querySelector("#datesField .errorMsg").innerHTML = "Date not complete."; this.classList.add("error"); } else { document.querySelector("#datesField .errorMsg").innerHTML = ""; this.classList.remove("error"); }; checkForm(); } }).mask(document.querySelector('#latestDate')); $('#earliestDate').datepicker({ autoSize: true, changeMonth: true, changeYear: true, minDate: new Date(), onSelect: function () { $("#latestDate").datepicker("option", "minDate", $("#earliestDate").datepicker("getDate")); checkForm(); } }); $('#latestDate').datepicker({ autoSize: true, changeMonth: true, changeYear: true, minDate: new Date(), beforeShow: function (input, inst) { var widget = $(inst).datepicker('widget'); widget.css('margin-left', $(input).outerWidth() - widget.outerWidth()); }, onSelect: function () { $("#earliestDate").datepicker("option", "maxDate", $("#latestDate").datepicker("getDate")); checkForm(); } }); } else { var t = new Date() var d = t.getDate(), m = t.getMonth() + 1, y = t.getFullYear(), dstr = '' + y + '-' + (m <= 9 ? '0' + m : m) + '-' + (d <= 9 ? '0' + d : d); document.querySelector('#earliestDate').setAttribute("min", dstr); document.querySelector('#latestDate').setAttribute("min", dstr); $('#earliestDate').blur(function () { checkDates(false, this); checkForm(); }); $('#latestDate').blur(function () { checkDates(false, this); checkForm(); }); }; }); function checkDates(nosupport, el) { if (el.value == "" || el.value == null) { return true; }; var early = document.querySelector('#earliestDate'), isEarly = (el === early), regex;//expected value is mm/dd/yyyy or yyyy-mm-dd depending on browser support of input[type=date] if (nosupport) { regex = /(0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])[- /.](19|20)\d\d/;//expect mm/dd/yyyy } else { regex = /(19|20)\d\d[- /.](0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])/;//expect yyyy-mm-dd }; if (regex.test(el.value)) { document.querySelector("#datesField .errorMsg").innerHTML = ""; el.classList.remove("error"); } else if (el.value.length <= 0) { el.classList.remove("error"); } else { document.querySelector("#datesField .errorMsg").innerHTML = "Invalid/Unknown Date. "; el.classList.add("error"); return false; }; var other = (isEarly) ? document.querySelector('#latestDate') : early; if (!nosupport) { var parts = el.value.match(/(\d+)/g); var dt = new Date(parts[0], parts[1] - 1, parts[2]); var d = dt.getDate(), m = dt.getMonth() + 1, y = dt.getFullYear(), dstr = '' + y + '-' + (m <= 9 ? '0' + m : m) + '-' + (d <= 9 ? '0' + d : d); if (isEarly) { other.setAttribute("min", dstr); } else { other.setAttribute("max", dstr); }; }; if (regex.test(other.value)) { } else if (other.value.length <= 0) { return true; } else { document.querySelector("#datesField .errorMsg").innerHTML = "Invalid/Unknown Date. "; other.classList.add("error"); return false; }; //there are two valid dates, compare var eDate = (isEarly) ? Date.parse(el.value) : Date.parse(other.value); var lDate = (!isEarly) ? Date.parse(el.value) : Date.parse(other.value); if (eDate <= lDate) { document.querySelector("#datesField .errorMsg").innerHTML = ""; other.classList.remove("error"); el.classList.remove("error"); } else { document.querySelector("#datesField .errorMsg").innerHTML = "Earliest date must be before or equal to latest date."; other.classList.add("error"); el.classList.add("error"); return false; } return true; }; function checkRents() { var curMax = $("#max_rent").val(); var curMin = $("#min_rent").val(); if (curMin.replace("$", "").length == 0 || curMax.replace("$", "").length == 0) { //empty value return false; } else if (isNaN(curMin.replace("$", "")) || isNaN(curMax.replace("$", ""))) { //NaN document.querySelector("#rent_range").classList.remove("max_value_error") document.querySelector("#rent_range").classList.add("NaN_error"); return false; } else if (parseInt(curMin.replace("$", "")) > parseInt(curMax.replace("$", ""))) { //value mismatch document.querySelector("#rent_range").classList.remove("NaN_error") document.querySelector("#rent_range").classList.add("max_value_error"); return false; }; document.querySelector("#rent_range").classList.remove("NaN_error", "max_value_error") return true; }; function clearForm() { rentSlider.slider("values", 0, 0); rentSlider.slider("values", 1, 4000); $("#min_rent").val("$" + $("#rent_range").slider("values", 0)); $("#max_rent").val("$" + $("#rent_range").slider("values", 1)); if (document.querySelector('#earliestDate').type === 'text') { $("#latestDate").datepicker("option", "minDate", ""); $("#earliestDate").datepicker("option", "maxDate", ""); } else { var t = new Date() var d = t.getDate(), m = t.getMonth() + 1, y = t.getFullYear(), dstr = '' + y + '-' + (m <= 9 ? '0' + m : m) + '-' + (d <= 9 ? '0' + d : d); document.querySelector('#earliestDate').setAttribute("min", dstr); document.querySelector('#latestDate').setAttribute("min", dstr); document.querySelector('#earliestDate').setAttribute("max", ""); document.querySelector('#latestDate').setAttribute("max", ""); }; document.querySelector("#earliestDate").value = ""; document.querySelector("#latestDate").value = ""; var ddls = document.querySelectorAll("select"); for (var j = 0; j < ddls.length; j++) { ddls[j].selectedIndex = -1; ddls[j].sumo.reload(); }; document.querySelectorAll("#search_ui input[type='checkbox']").forEach(function (i) { i.checked = false; }); checkForm(); }; var lastSet = ""; var formisClear; function getValues() { formisClear = true; var str = "{" str += '"' + 'ddlLocation' + '":[' + '"' + 'C' + '"' + '],'; document.querySelectorAll("#search_ui input:not(.ignore):not(.search-txt)").forEach(function (i) { if (i.type === "checkbox") { str += '"' + i.id + '":' + i.checked + ','; if (i.checked) { formisClear = false; }; } else { str += '"' + i.id + '":' + ((i.value == null || i.value == "") ? 'null,' : '"' + i.value + '",'); if (!(i.value == null || i.value == "")) { if (i.id == "min_rent") { if (i.value.replace("$", "") != "0") { formisClear = false; }; } else if (i.id == "max_rent") { if (i.value.replace("$", "") != "4000") { formisClear = false; }; } else { formisClear = false; }; }; }; }); document.querySelectorAll("#search_ui select").forEach(function (s) { if (s.id == "ddlLeasetype") { //handle special: var options = s.querySelectorAll("option"); var overrideType = (s.querySelectorAll("option:checked").length <= 0) ? true : false; options.forEach(function (o) { if (overrideType) { str += '"' + o.id + '":' + 'true' + ','; } else { str += '"' + o.id + '":' + o.selected + ','; }; }); } else { var selected = s.querySelectorAll("option:checked"); if (selected.length <= 0 || selected.length == s.querySelectorAll("option").length) { str += '"' + s.id + '" : [],'; } else { str += '"' + s.id + '":[' selected.forEach(function (o) { str += '"' + o.value + '",' }); str = str.replace(/^,+|,+$/g, '') + '],'; formisClear = false; }; }; }); str = str.replace(/^,+|,+$/g, '') + '}' return str; }; var forgetCheck = false; function checkForm() { if (forgetCheck) return; var currentSet = getValues(); if (currentSet == lastSet) { return; }; lastSet = currentSet; if (formisClear) { document.querySelector("#clearLink").classList.add("hidden"); } else { document.querySelector("#clearLink").classList.remove("hidden"); }; //TODO: add some type of live results to filter on campus,gm,other specialty pages returnListingIcons(lastSet); }; //polyfill // From https://github.com/douglascrockford/JSON-js/blob/master/json2.js if (typeof JSON.parse !== "function") { var rx_one = /^[\],:{}\s]*$/; var rx_two = /\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g; var rx_three = /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g; var rx_four = /(?:^|:|,)(?:\s*\[)+/g; var rx_dangerous = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g; JSON.parse = function (text, reviver) { var j; function walk(holder, key) { var k; var v; var value = holder[key]; if (value && typeof value === "object") { for (k in value) { if (Object.prototype.hasOwnProperty.call(value, k)) { v = walk(value, k); if (v !== undefined) { value[k] = v; } else { delete value[k]; } } } } return reviver.call(holder, key, value); } text = String(text); rx_dangerous.lastIndex = 0; if (rx_dangerous.test(text)) { text = text.replace(rx_dangerous, function (a) { return ( "\\u" + ("0000" + a.charCodeAt(0).toString(16)).slice(-4) ); }); } if ( rx_one.test( text .replace(rx_two, "@") .replace(rx_three, "]") .replace(rx_four, "") ) ) { j = eval("(" + text + ")"); return (typeof reviver === "function") ? walk({ "": j }, "") : j; } throw new SyntaxError("JSON.parse"); }; } if (window.NodeList && !NodeList.prototype.forEach) { //https://developer.mozilla.org/en-US/docs/Web/API/NodeList/forEach NodeList.prototype.forEach = function (callback, thisArg) { thisArg = thisArg || window; for (var i = 0; i < this.length; i++) { callback.call(thisArg, this[i], i, this); } }; }; </script> <style type="text/css"> /* * Prefixed by https://autoprefixer.github.io * PostCSS: v7.0.29, * Autoprefixer: v9.7.6 * Browsers: last 4 version */ @media only screen and (max-width:767px) { .cbContainer { max-width: 50%; } #rentField { margin-bottom: 3em !important; } } @media only screen and (min-width:768px) and (max-width:980px) { #datesField, #rentField { width: 100%; } #petContainer { margin-bottom: 1em; } #bedsField, #petContainer, #buildingContainer, #typeContainer, #bathsField { width: 50%; } .cbContainer { min-width: 33.3333333333333%; } } /*FORMS stuff*/ .dateRange > label > span:first-child { display: none; margin-bottom: .5em; } .dateRange > label > span:last-child { display: block; margin-top: .5em; } .dateRange inpuy:invalid + span::after { content: '✖'; } /*.dateRange input:valid + span::after { content: '✓'; }*/ @media only screen and (min-width: 981px) and (max-width: 1280px) { #datesField > div:first-child { display: none; } #datesField { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; top: -20px; } #datesField > .dateRange { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #datesField > div:nth-child(3) { padding: .5em; } .dateRange > label > span:first-child { display: block; } .dateRange > label > span:last-child { display: none; } } @media only screen and (min-width: 481px) and (max-width: 580px) { #datesField > div:first-child { display: none; } #datesField { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #datesField > .dateRange { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #datesField > div:nth-child(3) { padding: .5em; } .dateRange > label > span:first-child { display: block; } .dateRange > label > span:last-child { display: none; } } /*.ui-slider-handle input { position: absolute; color: black; top: calc(100% + 1.75em); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border: none; text-align: center; background-color: none; padding: .25em; } .ui-slider-handle input:focus { border: 1px solid #e31936; } .ui-slider-handle::before { content: attr(data-type); position: absolute; color: black; top: calc(100% + .5em); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .ui-slider-handle.shiftUP input { bottom: calc(100% + .25em); top:unset; } .ui-slider-handle.shiftUP::before { bottom: calc(100% + 2em); top:unset; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .max_value_error::after { content: "Min rent cannot be greater than Max rent!"; color: red; position: absolute; top: -2em; left: 2em; } .NaN_error::after { content: "Value is not a Number!"; color: red; position: absolute; top: -2em; left: 2em; }*/ #petContainer > div.SumoSelect.open::before { content: "Some restrictions may apply."; position: absolute; bottom: calc(100% + .75em); left: 0; width: 100%; background-color: white; } .errorMsg { position: absolute; left: 1em; bottom: 100%; } #clearLink { display: block; position: absolute; left: calc(50% + 200px); bottom: .5em; } @media only screen and (max-width: 767px) { #clearLink { position: static; margin-top: 1em; } } #clearLink.hidden { display: none; } </style> <style type="text/css"> .imageheader { background-image: url(/img/mpm_campusrentals_515.jpg); } @media only screen and (min-width:481px) and (max-width:767px) { .imageheader { background-image: url(/img/mpm_campusrentals_780.jpg); } } @media only screen and (min-width:768px) and (max-width:980px) { .imageheader { background-image: url(/img/mpm_campusrentals_1170.jpg); } } @media only screen and (min-width:981px) { .imageheader { background-image: url(/img/mpm_campusrentals_1560.jpg); } } </style> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin=""/> <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin=""></script> <script src="/js/leaflet-icon-extender.js"></script> <link href="/css/print.css?version=1.002" rel="stylesheet" /></head> <body class="is-loading"> <!-- Google Tag Manager (noscript) --> <!-- <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NW87W8B" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> --> <!-- End Google Tag Manager (noscript) --> <!-- Google Tag Manager (noscript) Tim's Testing One, not for deployment--> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WSH4SL2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <noscript> <style type="text/css"> .coverOnLoad::before { content:""; display: none; left: 0; right: unset; top: 0; bottom: unset; z-index: 0; background-color: rgba(252, 252, 252, 1); } </style> </noscript> <section id="data_notice" class="noprint"> <div>This website uses cookies and usage data to offer you a better experience and analyze site traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services. By continuing to use MadisonProperty.com, you consent to the use of cookies and data collection in accordance with our <a class="white" href="/privacy">Privacy Policy</a>. You can opt out here or from our privacy policy page. <div> <label class="PrivacyCb">Our Cookies<input type="checkbox" id="our_cookies" checked="checked" onchange="prepareUpdate();" /><span class="consent"></span></label> <label class="PrivacyCb">Partner Cookies<input type="checkbox" id="partners_cookies" checked="checked" onchange="prepareUpdate();" /><span class="consent"></span></label> </div> </div> <div> <div class="consentButton button">Accept</div> <i class="consentButton material-icons" style="position:absolute;top:5px;right:5px;color:white;">close</i> </div> </section> <form method="post" action="./campus" id="form1"> <div class="aspNetHidden"> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="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" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['form1']; if (!theForm) { theForm = document.form1; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="6CEFA833" /> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="4vEGDn1DKUlrJPOZTIN8RvpzGU18ADfX0ZicRG+vfk6PDnfmeRPPliKBRX6Lji7LHrqwEMua5R5SvHJnID4h2/vtZ3eKB7pxOueNB/z57Sxlf/OEpT158oF4B9EnFSpmQqTE2YJ5WBPEUoLCv+pWf2o8PECNMRX+jiViLMagtHT5xGhyddedED6EAYfnmE6bMvFB51PmDo4AIaBansIJa9/d5Eev2SyAXnZq/Hd9Rp/N2TcsIM0xLmyLY3JJacrfXDpQxrKYorpfcYfBkzUw9N2mHWLMplqvWn9iRGLJZr/Z0fWsXqgqs0E27Wrgvww9jyoZmPc2V0UVIGyau+JJOor2UvjrGynQ8NSFwtrODPGqbm8B7sTLOOz/E1ugv8/qg0BllLeL5XHjr5ZdDyau9F98Cda4cgG3wu2QyYzWX2+MlSN/qW3njK2qosd9Tfg9LBNuf9+EGmQlEAk7Kc3IE6jabDnvN8mWWWQWqsoS3+Vg0KPjYOOidV8ffk2nlB8mBM/HmrG+c0bD3DcfKwZHh5luYi+MmYLZSYS52tPprCoClVru2sdz1v0lS1y5ZrEano20AUeJFxo+iIWOMRbizw+UeThZKqc3bHK5Uepd67O5bazQCjTk93YFlNV6ZkF3rONzbeYuCauYDsPWov7gAf/9g9OwpZml0NiQpRkQ6IJoehJisE/DYNmue3oIhtlIl4VFnRO7fsJg0CEjYPRGMiNHS4S2uZ/wpD/VOYZuhuXtRwbDBn/cSiQjFqFGyyYjXhyMctsWmDXFYzN5nsyuOzC7Om5gnIXRBdg1xPJQAonpsg/ItF3x1xhICuKD9xrdTeW/jmlxqBXhKc85Ifb50K7L0GcouuLSU1fXYmt2fMsr4s4bFuFN0BglVLLMwsikTlLxub2IdE/ovxwdqR+WH1wAFcGLFE4T5IeYCl553C1sY3pRPi9KZsX8ljPyz1+miHMEBKcu5eie/16GsLxcCGyXRER9eoos4h8g4bkI8CqrwRmK2DCatjKkX+Xs/CCxPAaUyiNr0/iJYwdN7Swg4PKfDCQZJChpAtnhV8BN122phLnm3oXipxgi0IjndytiF4mayVQn15Tm6yvH3nYFpHbNaTgyjOpMU2LEVZbB7zjqxq8Am/IiWGi8xZkyJdsGmpphJN4D6oezg5eczHWqjagvU9Q0i7OebzogQjvANjCRtO7iavOVLAf3kl9A0kMEekXcWfRRWejbMMja+1bPpQ8UNDvZkmgAb4EQ1ovnuuE=" /> </div> <header id="header" class="container row tight hide_mobile NotMapView" style="margin-top: 10px;"> <div class="3fu left" style="/*padding-top: 15px;*/text-align: left;-ms-grid-row: 1;-ms-grid-column: 1;"> <a href="/Default"> <img src="/img/mpmlogo.png" style="max-width: 100%;" /><br /> Let’s Rent Better Together </a> </div> <div id="middlesection" class="6fu bottom left" style="text-align: left; padding-left: 1em; -ms-grid-row: 1;-ms-grid-column: 7;"> <div class="print-only printContactInfo pad half"> <div>PHONE: <a href="tel:1-608-251-8777">(608) 251-8777</a></div> <div>: (608) 255-0295</div> <div>1202 Regent St. - Madison WI 53715</div> <div>AFTER HOURS EMERGENCIES: <a href="tel:1-608-258-7726">(608) 258-7726</a></div> </div> </div> <div class="3fu top right noprint" style="text-align: right;-ms-grid-row: 1;-ms-grid-column: 19;"> <div> <a class="button" href="https://madpm.twa.rentmanager.com">RESIDENT LOGIN</a> </div> </div> </header> <nav id="nav"> <i id="mobile_nav_button" class="material-icons mobile_only menu_icon" style="cursor: pointer;" onclick="mobile_nav()">menu</i> <img id="nav_key" class="mobile_only" src="/img/mpmnav_white.png" /> <ul> <li id="lnkHome" class="nav__lvl1_li mobile_only"> <a href="/default">HOME</a> </li> <li id="lnkHeaderSearch" class="nav__lvl1_li current"> <a href="/Search">SEARCH RENTALS</a> <ul class="nav__lvl2_ul"> <li class="nav__lvl2_li"><a href="/search">Search</a></li> <li class="nav__lvl2_li"><a href="/searchresults">All Residential</a></li> <li class="nav__lvl2_li"><a href="/campus">Campus</a></li> <li class="nav__lvl2_li"><a href="/downtown">Downtown</a></li> <li class="nav__lvl2_li"><a href="/greatermadison">Greater Madison</a></li> <li class="nav__lvl2_li"><a href="/suburbs">Suburbs</a></li> <li class="nav__lvl2_li"><a href="/shorttermandsublets">Short-Term & Sublets</a></li> <li class="nav__lvl2_li"><a href="/communities">Rental Communities</a></li> <li class="nav__lvl2_li"><a href="/commercial">Commercial Spaces</a></li> <li class="nav__lvl2_li"><a href="/parking">Parking</a></li> <li class="nav__lvl2_li"><a href="/boatslips">Boat Slips</a></li> </ul> </li> <li id="lnkHeaderApplications" class="nav__lvl1_li"> <a href="/application">APPLY NOW</a> <ul class="nav__lvl2_ul"> <li class="nav__lvl2_li"><a href="/application">Apartment Application</a></li> <li class="nav__lvl2_li"><a href="/parkingapplication">Parking Application</a></li> <li class="nav__lvl2_li"><a href="/documents">Documents and Forms</a></li> </ul> </li> <li id="lnkHeaderRealEstate" class="nav__lvl1_li twoline"> <a href="/realestate">REAL ESTATE<br/>FOR SALE</a> </li> <li id="lnkHeaderResidents" class="nav__lvl1_li"> <a href="/ResidentResources">FOR RESIDENTS</a> <ul class="nav__lvl2_ul"> <li class="nav__lvl2_li"><a style="display: inline-block;" target="_new" href="https://madpm.twa.rentmanager.com/"> Web Access Portal<br /> <span style="display:inline-block; padding-left: 10px;line-height: 1.5em;">Request Maintenance<br/>Pay Rent Online<br/>Check Balances</span> </a></li> <li class="nav__lvl2_li"><a href="/accountinghelp">Accounting Help</a></li> <li class="nav__lvl2_li"><a href="/documents">Documents and Forms</a></li> <li class="nav__lvl2_li"><a href="/rentcertificate">Rent Certificate</a></li> </ul> </li> <li id="lnkHeaderOwners" class="nav__lvl1_li twoline"> <a href="#">FOR PROPERTY<br/>& BUSINESS OWNERS</a> <ul class="nav__lvl2_ul"> <li class="nav__lvl2_li"><a href="/RentalManagement">Rental Management</a></li> <li class="nav__lvl2_li"><a href="/SearchResults?SM=Commercial">Commercial Rentals</a></li> <li class="nav__lvl2_li"><a href="http://www.mpmcondos.com" target="_blank">Condominium Management</a></li> <li class="nav__lvl2_li"><a href="/RealEstate">Real Estate</a></li> </ul> </li> <li id="lnkHeaderAbout" class="nav__lvl1_li"> <a href="/AboutMPM">ABOUT MPM</a> <ul class="nav__lvl2_ul"> <li class="nav__lvl2_li"><a href="/Hours">Hours & Info</a></li> <li class="nav__lvl2_li"><a href="/AboutMPM">Why Us?</a></li> <li class="nav__lvl2_li"><a href="/MPMGivesBack">Giving Back</a></li> <li class="nav__lvl2_li"><a href="/Careers">Careers</a></li> <li class="nav__lvl2_li"><a href="/FAQ">Rental FAQ's</a></li> <li class="nav__lvl2_li"><a href="/LocalResources">Local Resources</a></li> </ul> </li> <li id="lnkHeaderContact" class="nav__lvl1_li"> <a href="/Contact">CONTACT US</a> <ul class="nav__lvl2_ul"> <li class="nav__lvl2_li"><a href="/Contact">Contact Us</a></li> <li class="nav__lvl2_li"><a href="/Contact?f=maintenance">After Hours Emergencies</a></li> <li class="nav__lvl2_li"><a href="/Contact?f=appointment">Schedule Appointment</a></li> </ul> </li> </ul> </nav> <section id="noticeBanner" class="hidden"> <div class="bannerContent_container"></div> <div class="close-banner"><i class="material-icons" onclick="hideNotice();" title="Hide Notification">close</i></div> </section> <div id="page_content" style="min-height: 400px;"> <section class="imageheader container wide pad"> <div class="shade"> <h1 class="pageheading">CAMPUS AREA APARTMENT RENTALS</h1> </div> <a href="/application" class="button large hide_mobile NotMapView">APPLY ONLINE NOW</a> </section> <section class="container wide mobile_only noprint"><a href="/application" class="button large" style="width: 100%;">APPLY ONLINE NOW</a></section> <section class="container pad NotMapView information noprint" style="max-width:715px;"> <h2>We're known for our 1500 U.W. campus area rentals</h2> <p class="pad half">Walking distance to U.W. Campus: west, south, or east, we've got Campus surrounded.</p> <p>A variety of apartment rental choices: houses, apartments, duplexes, condos, townhouses, flats, lofts, luxury high rises, single family homes, furnished and unfurnished, sublets, annual and temporary leases.</p> <p>First-time Renter? Check out our <a href="/faq" target="_blank">Rental FAQ</a> and <a href="/localresources" target="_blank">Local Moving Resources</a>.</p> <p>Our leasing agents are helpful not pushy: They are available 6 days a week and are not on commission, so they are free to help you find the right apartment for you.</p> </section> <section id="filterResultsContainer" class="container pad"> </section> <div class="ResultsAndMap neverpin"> <section id="mapContainer" class="pad half hide_mobile noprint" style="background-color:white;"> <div class="container" style="position:relative;"> <div id="MPMMap" style="height: 400px;"></div> </div> </section> <div id="legendContents" class="hidden"> <div class="legendItem"> <div class="legend_image"> <div class="listing red"></div> </div> <label> Matched Listing</label> </div> <div class="legendItem"> <div class="legend_image"> <div class="listing grey"></div> </div> <label> Partial Match</label> </div> <div class="legendButton" title="Show Legend"> <svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="currentColor" d="M9,3L3.36,4.9C3.15,4.97 3,5.15 3,5.38V20.5A0.5,0.5 0 0,0 3.5,21L3.66,20.97L9,18.9L15,21L20.64,19.1C20.85,19.03 21,18.85 21,18.62V3.5A0.5,0.5 0 0,0 20.5,3L20.34,3.03L15,5.1L9,3M8,5.45V17.15L5,18.31V6.46L8,5.45M10,5.47L14,6.87V18.53L10,17.13V5.47M19,5.7V17.54L16,18.55V6.86L19,5.7M7.46,6.3L5.57,6.97V9.12L7.46,8.45V6.3M7.46,9.05L5.57,9.72V11.87L7.46,11.2V9.05M7.46,11.8L5.57,12.47V14.62L7.46,13.95V11.8M7.46,14.55L5.57,15.22V17.37L7.46,16.7V14.55Z" /> </svg> </div> </div> <div id="mapOptions" class="hide_mobile hidden"> <div id="mapPin" onclick="document.querySelector('.ResultsAndMap').classList.toggle('pinmap')" data-pinned="true" class="hidden hide_mobile NotMapView"> <span title="Allow the map to scroll off page" class="pinned"> <svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="currentColor" d="M8,6.2V4H7V2H17V4H16V12L18,14V16H17.8L14,12.2V4H10V8.2L8,6.2M20,20.7L18.7,22L12.8,16.1V22H11.2V16H6V14L8,12V11.3L2,5.3L3.3,4L20,20.7M8.8,14H10.6L9.7,13.1L8.8,14Z" /> </svg> </span> <span title="Keep the map at the top of the window" class="unpinned"> <svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="currentColor" d="M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z" /> </svg> </span> </div> <div id="mapViewBtn" class="hidden hide_mobile"> <label class="MapcbContainer"> <input id="ContentPlaceHolder1_cb_mapview" type="checkbox" name="ctl00$ContentPlaceHolder1$cb_mapview" onclick="javascript:setTimeout(&#39;__doPostBack(\&#39;ctl00$ContentPlaceHolder1$cb_mapview\&#39;,\&#39;\&#39;)&#39;, 0)" /> <span class="inMapView Mapcheckmark" title="Table View"> <svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="currentColor" d="M5,4H19A2,2 0 0,1 21,6V18A2,2 0 0,1 19,20H5A2,2 0 0,1 3,18V6A2,2 0 0,1 5,4M5,8V12H11V8H5M13,8V12H19V8H13M5,14V18H11V14H5M13,14V18H19V14H13Z" /> </svg> </span> <span class="inTableView Mapcheckmark" title="Map View"> <svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="currentColor" d="M9.5,13.09L10.91,14.5L6.41,19H10V21H3V14H5V17.59L9.5,13.09M10.91,9.5L9.5,10.91L5,6.41V10H3V3H10V5H6.41L10.91,9.5M14.5,13.09L19,17.59V14H21V21H14V19H17.59L13.09,14.5L14.5,13.09M13.09,9.5L17.59,5H14V3H21V10H19V6.41L14.5,10.91L13.09,9.5Z" /> </svg> </span> </label> </div> <div id="resetMapBtn" onclick="resetMap();" title="Reset Map"> <span class="material-icons">refresh</span> </div> <div id="userLocationBtn" onclick="getLocation();" title="GetGet My Location"> <span> <svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="currentColor" d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M3.05,13H1V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1H13V3.05C17.17,3.5 20.5,6.83 20.95,11H23V13H20.95C20.5,17.17 17.17,20.5 13,20.95V23H11V20.95C6.83,20.5 3.5,17.17 3.05,13M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z" /> </svg> </span> </div> </div> </div> <section id="search_ui" class="container pad noprint"> <h2 class="subheading">We have 125 listings right now.<br/><br/>Would you like to filter your results to narrow it down?</h2> <div id="ContentPlaceHolder1_filterpromptnotification" style="text-align: center;margin:2em;"> <a class="button large" style="display:inline-block;" href="/campus?INC=RE%2cSH%2cSU">No Thanks. I want to see everything.</a> </div> <div class="flex center pad half"> <div id="rentField" class="6f flex nowrap coverOnLoad" style="margin-bottom: 5em;padding-right: 3em;position: relative;"> <div class="2ff bold" style="text-align: left;"><label for="min_rent" >RENT</label></div> <div class="10ff" style="width: 100%;"> <div id="rent_range"></div> </div> <input name="ctl00$ContentPlaceHolder1$min_rent" type="text" id="min_rent" style="width:70px;" value="0" autocomplete="off" maxlength="5" /> <input name="ctl00$ContentPlaceHolder1$max_rent" type="text" id="max_rent" style="width:70px;" value="4000" autocomplete="off" maxlength="5" /> <span class="errorMsg"></span> </div> <div id="bedsField" class="3f coverOnLoad"> <select size="4" name="ctl00$ContentPlaceHolder1$ddlBeds" multiple="multiple" id="ddlBeds" class="SlectBox2" multiple="multiple"> <option value="0" id="Bds0">Studio</option> <option value="1" id="Bds1">1</option> <option value="1.5" id="Bds1d">1+Den</option> <option value="2" id="Bds2">2</option> <option value="2.5" id="Bds2d">2+Den</option> <option value="3" id="Bds3">3</option> <option value="3.5" id="Bds3d">3+Den</option> <option value="4" id="Bds4">4</option> <option value="4.5" id="Bds4d">4+Den</option> <option value="5" id="Bds5">5+</option> </select> </div> <div class="3f coverOnLoad" style="position: relative;" id="petContainer"> <select size="4" name="ctl00$ContentPlaceHolder1$ddlPetFriendly" id="ddlPetFriendly" class="SlectBox5"> <option value="1" id="chkAnyPets">Any</option> <option value="0" id="chkNoPets">No Pets Allowed</option> <option value="C" id="chkCats">Cats</option> <option value="D" id="chkDogs">Dogs</option> <option value="C,D" id="chkBothPets">Cats and Dogs</option> </select> <div style="position: absolute;top:58px;left:15px;">Some restrictions may apply.</div> </div> <div id="datesField" class="6f flex nowrap middle coverOnLoad" style="position: relative;"> <div class="3f bold" style="text-align: left;"><label for="earliestDate" >MOVE-IN DATES</label></div> <div class="4f dateRange"><label for="earliestDate" ><span class="bold">Earliest Move-In</span><input name="ctl00$ContentPlaceHolder1$earliestDate" type="date" id="earliestDate" autocomplete="off" placeholder="mm/dd/yyyy" pattern="(0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])[- /.](19|20)\d\d" /><span></span></label></div> <div class="1f bold toLabel" style="text-align: center;"><label for="latestDate" ></label></div> <div class="4f dateRange"><label for ="latestDate" ><span class="bold">Latest Move-In</span><input name="ctl00$ContentPlaceHolder1$latestDate" type="date" id="latestDate" autocomplete="off" placeholder="mm/dd/yyyy" pattern="(0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])[- /.](19|20)\d\d" /><span></span></label></div> <span class="errorMsg"></span> </div> <div class="3f coverOnLoad" id="buildingContainer"> <select size="4" name="ctl00$ContentPlaceHolder1$ddlUnitType" multiple="multiple" id="ddlUnitType" class="SlectBox4" multiple="multiple"> <option value="apt" id="chkApartments">Apartment Building</option> <option value="con" id="chkCondominium">Condominium</option> <option value="dup" id="chkduplex">Duplex/Townhome</option> <option value="hou" id="chkhouse">House</option> <option value="room" id="chkrooms">Room</option> </select> </div> <div class="3f coverOnLoad" id="typeContainer"> <select size="4" name="ctl00$ContentPlaceHolder1$ddlLeasetype" multiple="multiple" id="ddlLeasetype" class="SlectBox6" multiple="multiple"> <option value="RE" id="chkIncStandard">Campus &amp; Standard</option> <option value="SH" id="chkInclShort">Short Term</option> <option value="SU" id="chkInclSub">Sublet</option> </select> </div> <div class="12f"> <a title="Filter the results on some available amenities" class="showamenities" href="JAVASCRIPT: showAmentities();">&#9660;</a> </div> <div id="showamenities" class="12f flex hidden"> <div id="bathsField" class="3f coverOnLoad"> <select size="4" name="ctl00$ContentPlaceHolder1$ddlBaths" id="ddlBaths" class="SlectBox3"> <option value="1" id="ListItem11">1+</option> <option value="1.5" id="ListItem12">1.5+</option> <option value="2" id="ListItem13">2+</option> <option value="2.5" id="ListItem14">2.5+</option> <option value="3" id="ListItem15">3+</option> </select> </div> <label class="12f bold" style="display: block;margin-bottom:.5em;">AMENITIES:</label> <div class="12f flex middle push"> <label class="2f cbContainer" style="padding-left:35px;">Parking Included<input id="cb_parking" type="checkbox" name="ctl00$ContentPlaceHolder1$cb_parking" /><span class="checkmark" style="top: 8px;"></span></label> <label class="2f cbContainer" style="padding-left:35px;">Parking Available<input id="cb_parkavail" type="checkbox" name="ctl00$ContentPlaceHolder1$cb_parkavail" /><span class="checkmark" style="top: 8px;"></span></label> <label class="2f cbContainer" style="padding-left:35px;">Covered/Garage Parking<input id="cb_garage" type="checkbox" name="ctl00$ContentPlaceHolder1$cb_garage" /><span class="checkmark" style="top: 8px;"></span></label> <label class="2f cbContainer" style="padding-left:35px;">Laundry In Unit<input id="cb_laundry" type="checkbox" name="ctl00$ContentPlaceHolder1$cb_laundry" /><span class="checkmark" style="top: 8px;"></span></label> <label class="2f cbContainer" style="padding-left:35px;">AC<input id="cb_AC" type="checkbox" name="ctl00$ContentPlaceHolder1$cb_AC" /><span class="checkmark" style="top: 8px;"></span></label> <label class="2f cbContainer" style="padding-left:35px;">Utilities Included<input id="cb_utilities" type="checkbox" name="ctl00$ContentPlaceHolder1$cb_utilities" /><span class="checkmark" style="top: 8px;"></span></label> <label class="2f cbContainer" style="padding-left:35px;">Fitness Center<input id="cb_fitness" type="checkbox" name="ctl00$ContentPlaceHolder1$cb_fitness" /><span class="checkmark" style="top: 8px;"></span></label> <label class="2f cbContainer" style="padding-left:35px;">On-Site Office<input id="cb_office" type="checkbox" name="ctl00$ContentPlaceHolder1$cb_office" /><span class="checkmark" style="top: 8px;"></span></label> <label class="2f cbContainer" style="padding-left:35px;">On Bus Route<input id="cb_bus" type="checkbox" name="ctl00$ContentPlaceHolder1$cb_bus" /><span class="checkmark" style="top: 8px;"></span></label> <label class="2f cbContainer" style="padding-left:35px;">Deck, Patio, Porch or Balcony<input id="cb_deck" type="checkbox" name="ctl00$ContentPlaceHolder1$cb_deck" /><span class="checkmark" style="top: 8px;"></span></label> <label class="2f cbContainer" style="padding-left:35px;">Fireplace<input id="cb_fireplace" type="checkbox" name="ctl00$ContentPlaceHolder1$cb_fireplace" /><span class="checkmark" style="top: 8px;"></span></label> <label class="2f cbContainer" style="padding-left:35px;">Furnished<input id="cb_furnished" type="checkbox" name="ctl00$ContentPlaceHolder1$cb_furnished" /><span class="checkmark" style="top: 8px;"></span></label> <label class="2f cbContainer" style="padding-left:35px;">Storage Available<input id="cb_storage" type="checkbox" name="ctl00$ContentPlaceHolder1$cb_storage" /><span class="checkmark" style="top: 8px;"></span></label> <label class="2f cbContainer" style="padding-left:35px;">Internet Included<input id="cb_internet" type="checkbox" name="ctl00$ContentPlaceHolder1$cb_internet" /><span class="checkmark" style="top: 8px;"></span></label> <label class="2f cbContainer" style="padding-left:35px;">Non-Smoking<input id="cb_nonsmoking" type="checkbox" name="ctl00$ContentPlaceHolder1$cb_nonsmoking" /><span class="checkmark" style="top: 8px;"></span></label> <label class="2f cbContainer" style="padding-left:35px;">Handicap Accessible<input id="cb_wheelchair" type="checkbox" name="ctl00$ContentPlaceHolder1$cb_wheelchair" /><span class="checkmark" style="top: 8px;"></span></label> <label class="4f cbContainer" style="padding-left:35px;">Laundry On-Site/Nearby/Hook-ups<input id="cb_laundryclose" type="checkbox" name="ctl00$ContentPlaceHolder1$cb_laundryclose" /><span class="checkmark" style="top: 8px;"></span></label> </div> </div> <script type="text/javascript"> function showAmentities() { var link = document.querySelector(".showamenities"); var fields = document.querySelector("#showamenities"); fields.classList.toggle("hidden"); if (fields.classList.contains("hidden")) { link.innerHTML = "More Filter Options&#9660;" } else { link.innerHTML = "Less Filter Options&#9650;" }; }; </script> </div> <div class="buttoncontainer"> <span class="errorMsg"></span> <span id="resultsCount" style="margin-bottom: 1em;display: block;"></span> <a id="ContentPlaceHolder1_SearchFormSubmit" tabindex="1" class="button large wide" href="javascript:__doPostBack(&#39;ctl00$ContentPlaceHolder1$SearchFormSubmit&#39;,&#39;&#39;)">View Results</a> <a id="clearLink" href="JAVASCRIPT: clearForm();" class="hidden" title="Clear all form values">(reset)</a> </div> </section> <section id="ContentPlaceHolder1_promptforfilter"> <script> document.querySelector("#filterResultsContainer").appendChild(document.querySelector("#search_ui")); </script> </section> <a class="button pad NotMapView noprint" target="_blank" href="/faq"> <h2 style="position: relative;display: inline; line-height:2.5em;margin: 1em;"><img src="img/icon_campus_questionbubbles.png" style="height: 2.5em; position:absolute; right: calc(100% + 1em); top: 50%; transform:translateY(-50%);" />RENTING ON CAMPUS FAQs<i class="material-icons" style="position:absolute; left: 100%; top: 50%; transform:translateY(-50%);">play_arrow</i></h2> </a> <section id="communitytiles" class="container pad NotMapView"> <h2 class="subheading"></h2> <div id="tilecontainer" class="tilecontainer"> <div class="tile " > <img src="https://www.madisonproperty.com/img/properties/p2610/p2610.jpg" alt="Clover Commons" /> <div> <h4>CLOVER COMMONS</h4> 1320 Bowen Ct </div> <a href="/property?propid=2610" title="Clover Commons Property Page"></a> </div> <div class="tile " > <img src="https://www.madisonproperty.com/img/properties/p165/p165.jpg" alt="Vantage Point" /> <div> <h4>VANTAGE POINT</h4> 1323 W Dayton St </div> <a href="/vantagepoint" title="Vantage Point Property Page"></a> </div> <div class="tile " > <img src="https://www.madisonproperty.com/img/properties/p311/p311.jpg" alt="210 N Charter" /> <div> <h4>210 N CHARTER</h4> 210 N Charter St </div> <a href="/210ncharter" title="210 N Charter Property Page"></a> </div> <div class="tile " > <img src="https://www.madisonproperty.com/img/properties/p580/p580.jpg" alt="Equinox" /> <div> <h4>EQUINOX</h4> 409 W Gorham St </div> <a href="/equinox" title="Equinox Property Page"></a> </div> <div class="tile " > <img src="https://www.madisonproperty.com/img/properties/p604/p604.jpg" alt="420 West" /> <div> <h4>420 WEST</h4> 420 W Gorham St </div> <a href="/420wgorham" title="420 West Property Page"></a> </div> <div class="tile " > <img src="https://www.madisonproperty.com/img/properties/p616/p616.jpg" alt="427 W Main St" /> <div> <h4>427 W MAIN ST</h4> 427 W. Main St. </div> <a href="/427westmain" title="427 W Main St Property Page"></a> </div> <div class="tile " > <img src="https://www.madisonproperty.com/img/properties/p2003/p2003.jpg" alt="Lumen House" /> <div> <h4>LUMEN HOUSE</h4> 142 W Johnson St </div> <a href="/lumenhouse" title="Lumen House Property Page"></a> </div> <div class="tile " > <img src="https://www.madisonproperty.com/img/properties/p2425/p2425.jpg" alt="241 Langdon" /> <div> <h4>241 LANGDON</h4> 241 Langdon St </div> <a href="/property?propid=2425" title="241 Langdon Property Page"></a> </div> <div class="tile " > <img src="https://www.madisonproperty.com/img/properties/p2426/p2426.jpg" alt="245 Langdon" /> <div> <h4>245 LANGDON</h4> 245 Langdon St </div> <a href="/property?propid=2426" title="245 Langdon Property Page"></a> </div> <div class="tile " > <img src="https://www.madisonproperty.com/img/properties/p2429/p2429.jpg" alt="N Lake St" /> <div> <h4>N LAKE ST</h4> 445 N Lake St </div> <a href="/property?propid=2429" title="N Lake St Property Page"></a> </div> <div class="tile noListings" > <img src="https://www.madisonproperty.com/img/properties/p951/p951.jpg" alt="Four Seasons" /> <div> <h4>FOUR SEASONS</h4> Spring, Fahrenbrook & Park St </div> <a href="/fourseasons" title="Four Seasons Property Page"></a> </div> <div class="tile noListings" > <img src="https://www.madisonproperty.com/img/properties/p2155/p2155.jpg" alt="15 N Hancock St" /> <div> <h4>15 N HANCOCK ST</h4> 15 N Hancock St </div> <a href="/property?propid=2155" title="15 N Hancock St Property Page"></a> </div> <div class="tile noListings" > <img src="https://www.madisonproperty.com/img/properties/p2726/p2726.jpg" alt=" 252 Langdon St" /> <div> <h4> 252 LANGDON ST</h4> 252 Langdon St </div> <a href="/property?propid=2726" title=" 252 Langdon St Property Page"></a> </div> </div> </section> <div class="deflectfooter NotMapView"></div> <script type="text/javascript"> $(document).ready(function () { checkForm(); $(".coverOnLoad").each(function () { this.classList.remove("coverOnLoad"); }); }) </script> <script src="/js/searchresults.js?version=1.2"></script> <script type="text/javascript"> var mymap; function buildMap(isRebuild) { mymap = L.map('MPMMap', { scrollWheelZoom: false }).setView([43.074737, -89.384076], 11); L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoidGltY29ubm9sbGV5IiwiYSI6ImNrbDFlaWVuMTBoOG8ybm9ldWV2Mm45MGkifQ.ykLwr_Jej7PLx2ExG8oYqg', { attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>', maxZoom: 18, id: 'mapbox/streets-v11', tileSize: 512, zoomOffset: -1, accessToken: 'pk.eyJ1IjoidGltY29ubm9sbGV5IiwiYSI6ImNrbDFlaWVuMTBoOG8ybm9ldWV2Mm45MGkifQ.ykLwr_Jej7PLx2ExG8oYqg' }).addTo(mymap); if (isRebuild) { legend.addTo(mymap); //pin.addTo(mymap); addMapOptions(); listinggroup.addTo(mymap); mymap.fitBounds(listinggroup.getBounds()); }; }; buildMap(false); legend.addTo(mymap); addMapOptions(); </script> <script type="text/javascript"> function returnListingIcons(jsonSet) { var mapLoading = document.createElement("div"); mapLoading.classList.add("mapLoading"); mapLoading.innerHTML = "<div class='ellipsisLoader'><div></div><div></div><div></div><div></div></div>" document.querySelector("#MPMMap").appendChild(mapLoading); $.ajax({ url: "/api/listings/", type: 'POST', dataType: 'json', contentType: 'application/json', data: jsonSet, error: listingError, success: displayMatchingListings }); }; function displayMatchingListings(obj, textStatus, jqXHR) { //receives json object array: [[listingID:"string",matchscore:int,latitude:decimal,longitude:decimal,lastupdate:date],[],...] if (jqXHR.status == 204) { listingArray = []; clearListings(); document.querySelector("#resultsCount").innerHTML = "Sorry, no listings will match this search criteria."; } else { mapListings(obj); }; var mapLoading = document.querySelector(".mapLoading"); mapLoading.parentElement.removeChild(mapLoading); mapLoading = ""; }; function listingError(jqXHR, textStatus, errorThrown) { console.log("listing error: " + jqXHR.status) listingArray = []; clearListings(); document.querySelector("#resultsCount").innerHTML = ""; var mapLoading = document.querySelector(".mapLoading"); mapLoading.parentElement.removeChild(mapLoading); mapLoading = ""; }; var listingArray = []; var listinggroup; function mapListings(jarray) { var results = document.querySelector("#resultsCount"); listingArray = []; clearListings(); if (!jarray) { results.innerHTML = ""; return; } else if (jarray.length <= 0) { results.innerHTML = "Sorry, no listings will match this search criteria."; return; }; var matchcount = 0; var partialcount = 0; var tempoffmatchcount = 0; var tempoffpartialcount = 0; jarray.forEach(function (j) { var listing = L.marker([j.latitude, j.longitude]); if (j.tempoff) { if (j.matchscore == 100) { tempoffmatchcount += 1; } else { tempoffpartialcount += 1; }; listing.setIcon(pointIcon3); } else { if (j.matchscore == 100) { listing.setIcon(pointIcon); matchcount += 1; } else { listing.setIcon(pointIcon2); partialcount += 1; }; }; listingArray.push(listing); }); var TOMstr = "" var TOPstr = "" if (tempoffmatchcount > 0) { TOMstr = " (" + tempoffmatchcount + " temp off)" } if (tempoffpartialcount > 0) { TOPstr = " (" + tempoffpartialcount + " temp off)" } if (matchcount > 0 && partialcount > 0) { results.innerHTML = "Click to see " + matchcount + TOMstr + " listings that match your search and " + partialcount + TOPstr + " partial matches."; } else if (matchcount > 0 && partialcount == 0) { results.innerHTML = "Click to see " + matchcount + TOMstr + " listings that match your search."; } else if (matchcount == 0 && partialcount > 0) { results.innerHTML = " Click to see " + partialcount + TOPstr + " partial matches. Sorry, no exact matches."; } else { results.innerHTML = "Sorry, no listings will match this search criteria."; results.innerHTML = Resources.Main.NoListingsWillMatch }; listinggroup = L.featureGroup(listingArray).addTo(mymap); mymap.fitBounds(listinggroup.getBounds()); }; function clearListings() { if (!listinggroup) return; mymap.removeLayer(listinggroup); }; </script> <style type="text/css"> /* * Prefixed by https://autoprefixer.github.io * PostCSS: v7.0.29, * Autoprefixer: v9.7.6 * Browsers: last 4 version */ #contactForm_window, .popupForm_window { position: fixed; left:0;right:0;top:0;bottom:0; background-color: rgba(0,0,0, 0.7); z-index: 10005; } .popupForm_Container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 90vw; max-width: 600px; max-height: 800px; background-color: white; border: 1px solid grey; border-radius: 2px; padding: 1em; font-size: 18px; z-index: 100010; } .popupForm_Container.withImage { } .popupForm_Container.withImage .contactHeader { height: 30%; min-height: 200px; background-size: cover; background-position-x: center; background-position-y: center; background-repeat:no-repeat; border: none; position: relative; } .popupForm_Container.withImage .contactHeader::before { height: 100%; width: 100%; background-color: rgba(0,0,0,.1); } .popupForm_Container.withImage .contactHeader > h2 { color: white; width: 90%; position: absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .popupForm_Container > i { position: absolute; cursor: pointer; color: grey; font-size: 50px; right: 15px; top: 15px; } .popupForm_Container.withImage > i { color: white; } .popupForm_Container .button { margin-left: auto; margin-right: auto; } .contactFormDisclaimer, .contactFormDisclaimer a { color: grey; font-size: 12px; line-height: 1.25em; } .contactForm > label { display: block; } .contactForm.error::after { content: 'Please provide a phone number and/or email address.'; display: block; color: red; margin-top: 1em; } .contactForm textarea { font: 400 16px Arial; } .lblnamefield.error::after { content: 'Please provide a name.'; color: red; line-height: 1.5em; display: block; line-height: 1.5em; } .lblemailfield.error::after { content: 'Please enter a valid email address'; color: red; display: block; line-height: 1.5em; } .lbltelephonefield.error::after { content: 'Please enter your phone number with area code'; color: red; display: block; line-height: 1.5em; } .error p { color: red; font-size: 18px; } </style> <section id="contactForm_window" class="popupForm_window hidden" onclick="hideContactForm();"> <div class="popupForm_Container" onclick="event.stopPropagation();"> <div class="contactHeader"><h2 class="contactHeading"></h2></div> <div class="contactByPhone pad threequarters"> To speak with a Rental Agent please call <a href="tel:608-251-8777">608-251-8777</a> Menu Opt. 3 </div> <div class="contactForm pad half"> <label class="lblnamefield"><input name="ctl00$ContentPlaceHolder1$RentalContactForm$inputContactFormFName" type="text" id="ContentPlaceHolder1_RentalContactForm_inputContactFormFName" autocomplete="on" class="namefield" placeholder="FIRST NAME" required="" /></label> <label class="lblnamefield"><input name="ctl00$ContentPlaceHolder1$RentalContactForm$inputContactFormLName" type="text" id="ContentPlaceHolder1_RentalContactForm_inputContactFormLName" autocomplete="on" class="namefield" placeholder="LAST NAME" required="" /></label> <label class="lblemailfield pad half"><input name="ctl00$ContentPlaceHolder1$RentalContactForm$inputContactFormEmail" type="email" id="ContentPlaceHolder1_RentalContactForm_inputContactFormEmail" class="emailfield" placeholder="EMAIL" title="Please enter a valid email address." /></label> <label class="lbltelephonefield pad half"><input name="ctl00$ContentPlaceHolder1$RentalContactForm$inputContactFormPhone" type="tel" id="ContentPlaceHolder1_RentalContactForm_inputContactFormPhone" class="telephonefield" placeholder="PHONE" title="Please enter your phone number including area code." /></label> <label class="lbldetailsfield pad half"><textarea name="ctl00$ContentPlaceHolder1$RentalContactForm$inputcontactFormDetails" id="inputcontactFormDetails"></textarea></label> </div> <div id="ContentPlaceHolder1_RentalContactForm_contactForm_ErrorContainer" class="error"></div> <div class="g-recaptcha pad quarter" id="recaptchav2_contactform"></div> <input type="submit" name="ctl00$ContentPlaceHolder1$RentalContactForm$btnSubmitContactForm" value="EMAIL AGENT" onclick="return validateContactForm(event);" id="ContentPlaceHolder1_RentalContactForm_btnSubmitContactForm" class="button wide pad half" /> <div class="contactFormDisclaimer pad half"> By using this form, you consent and agree to our privacy policy and to receive phone calls and/or emails at the provided contact methods regarding this inquiry. <a href="/privacy">Privacy Policy</a> </div> <i class="material-icons" onclick="hideContactForm();" title="Close Form">close</i> <input type="hidden" name="ctl00$ContentPlaceHolder1$RentalContactForm$hdnContactReason" id="hdnContactReason" /> <input type="hidden" id="grtoken" name="grtoken"/> </div> </section> <script type="text/javascript"> //var tokentimer; function hideContactForm() { //clearTimeout(tokentimer); document.querySelector("#contactForm_window").classList.add("hidden"); document.querySelector("body").classList.remove("noscroll"); var errors = document.querySelector(".contactForm").querySelectorAll("#contactForm_window .error"); for (var i = 0; i < errors.length; i++) { errors[i].classList.remove("error"); }; document.querySelector("#inputcontactFormDetails").value = ""; document.querySelector("#hdnContactReason").value = ""; }; function ContactAgent(el) { grecaptcha.ready(() => { grecaptcha.render('recaptchav2_contactform', { 'sitekey': '6Lcu8uIcAAAAAKIVjCJ8IREi1_pnFa1wf7MzeMfX' }); }); document.querySelector("#hdnContactReason").value = el.getAttribute("data-contactreason"); document.querySelector("#contactForm_window .contactHeader > h2").innerHTML = el.getAttribute("data-contactreason"); document.querySelector("#inputcontactFormDetails").value = el.getAttribute("data-contactmessage"); if (!el.getAttribute("data-imgurl") || el.getAttribute("data-imgurl").length <= 0) { document.querySelector("#contactForm_window .contactHeader").style.backgroundImage = "none"; document.querySelector("#contactForm_window .popupForm_Container").classList.remove("withImage"); } else { document.querySelector("#contactForm_window .popupForm_Container").classList.add("withImage"); document.querySelector("#contactForm_window .contactHeader").style.backgroundImage = "url('" + el.getAttribute("data-imgurl") + "')"; } document.querySelector("#contactForm_window").classList.remove("hidden"); document.querySelector("body").classList.add("noscroll"); //var hdntoken = document.getElementById("grtoken"); //hdntoken.value = ""; //tokentimer = setTimeout(getToken(hdntoken),10000) }; function validateContactForm(e) { //e.preventDefault(); var cf = document.querySelector(".contactForm"); var errors = cf.querySelectorAll(".error"); for (var i = 0; i < errors.length; i++) { errors[i].classList.remove("error"); }; var isValid = true; if (!cf.querySelector(".namefield").checkValidity()) { isValid = false; cf.querySelector(".lblnamefield").classList.add("error"); } if (!cf.querySelector(".emailfield").checkValidity()) { isValid = false; cf.querySelector(".lblemailfield").classList.add("error"); } if (!cf.querySelector(".telephonefield").checkValidity()) { isValid = false; cf.querySelector(".lbltelephonefield").classList.add("error"); } if (cf.querySelector(".emailfield").value == "" && cf.querySelector(".telephonefield").value == "") { isValid = false; cf.classList.add("error"); cf.classList.add("push"); cf.querySelector(".lbltelephonefield").classList.add("error"); cf.querySelector(".lblemailfield").classList.add("error"); } if (!isValid) { return false; } else { //var hdntoken2 = document.getElementById("grtoken"); //if (hdntoken2.value != "") { // if (Date.now() - tokents >= 60000) { // getToken(hdntoken2); // }; //} else { // getToken(hdntoken2); //} }; return isValid; } </script> <style type="text/css"> /* * Prefixed by https://autoprefixer.github.io * PostCSS: v7.0.29, * Autoprefixer: v9.7.6 * Browsers: last 4 version */ .contactWidget { position: fixed; position: -webkit-sticky; position: sticky; left: 30px; bottom: 30px; width: 65px; height: 65px; border-radius: 32.5px; padding: 15px; z-index: 1000; border: 1px solid #e31936; display: block; background-color: #e31936; color: #ffffff; text-align: center; cursor: pointer; -webkit-transition: -webkit-transform ease-in-out 500ms; transition: -webkit-transform ease-in-out 500ms; -o-transition: transform ease-in-out 500ms; transition: transform ease-in-out 500ms; transition: transform ease-in-out 500ms, -webkit-transform ease-in-out 500ms; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .contactWidget:hover { background-color: #ffffff; color: #e31936; } .contactWidget:active { background-color: #c0c0c0; } body.is-loading .contactWidget { -webkit-transform: translateX(-200%); -ms-transform: translateX(-200%); transform: translateX(-200%); } .contactWidget > svg { position: absolute; width:35px; height: 35px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } body.mapView .contactWidget { position: fixed; bottom: 45px; } @media only screen and (max-width:480px) { body.mapView .contactWidget { position: fixed; bottom: 70px; } .contactWidget { width: 45px; height: 45px; left: 15px; } .contactWidget > svg { width:20px; height: 20px; } } @media print { .contactWidget { display: none; } } </style> <div class="contactWidget" onclick="ContactAgent(this);" data-contactreason="Contact MPM" data-contactmessage="..." data-imgurl=""> <svg style="width:35px;height:35px" viewBox="0 0 24 24"> <path fill="currentColor" d="M20,2A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H6L2,22V4C2,2.89 2.9,2 4,2H20M4,4V17.17L5.17,16H20V4H4M6,7H18V9H6V7M6,11H15V13H6V11Z" /> </svg> </div> </div> <footer id="footer" class="pad quarter"> <section id="contact_information" class="NotMapView"> <div class="hide_mobile" style="padding-top: 25px;">1202 Regent St. - Madison WI 53715</div> <div class="hide_mobile">PHONE: <a href="tel:1-608-251-8777">(608) 251-8777</a></div> <div class="hide_mobile">FAX: (608) 255-0295</div> <div class="afterhours">AFTER HOURS EMERGENCIES: <a href="tel:1-608-258-7726">(608) 258-7726</a></div> </section> <section id="social_media" class="pad quarter NotMapView noprint"> <a target="_new" href="https://www.instagram.com/madisonproperty"><img height="50" src="/img/socialmedia/icon_footer_instagram.png" /></a> <a target="_new" href="https://www.facebook.com/MadisonPropertyManagement"><img height="50" src="/img/socialmedia/icon_footer_fb.png" /></a> <a target="_new" href="https://www.youtube.com/channel/UCQo4U97wArh6HbiXQ53zwMA"><img height="50" src="/img/socialmedia/icon_footer_yt.png" /></a> <a target="_new" href="https://www.tiktok.com/@madisonproperty"><img height="50" src="/img/socialmedia/icon_footer_tiktok.png" /></a> </section> <section id="legal_notice" class="pad quarter"> <div class="mobile_only">&copy; 2025 MPM, Inc., All Rights Reserved. | <a class="white" href="/privacy">Privacy Policy</a> | <a class="white" style="display:inline-block;" href="/terms" title="Terms and Conditions">Terms & Conditions</a></div> <div class="hide_mobile">&copy; 2025 Madison Property Management, Inc., Madison WI. All Rights Reserved. | <a class="white" href="/privacy">Privacy Policy</a> | <a class="white" style="display:inline-block;" href="/terms">Terms & Conditions</a></div> </section> </footer> </form> <script type="text/javascript"> $(document).ready(function () { $(".coverOnLoad").each(function () { this.classList.remove("coverOnLoad"); }); }) </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10