1 2 3 4<!DOCTYPE html> 5<html lang="en-US"> 6 7 8 9 <head> 10 11 <!-- Google Tag Manager --> 12
12<script> 13 (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-PWKDF8'); 14 </script>
14 15 <!-- End Google Tag Manager --> 16 17 <meta charset="UTF-8"/> 18 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 19 <meta name="author" content="RealtyMX"> 20 <meta name="google-site-verification" content="fHxop0ErOJzNu5UmoNYQgag42qkZ7pC-F7pqZE1oJ6c" /> 21 <base href="https://chicagoapartmentfinders.com/" /> 22 <link rel="shortcut icon" href="favicon.png"> 23 <link href="style/css/bootstrap.css" rel="stylesheet"> 24 <link href="style/css/settings.css" rel="stylesheet"> 25 <link href="style/css/owl.carousel.css" rel="stylesheet"> 26 <link href="style/js/google-code-prettify/prettify.css" rel="stylesheet"> 27 <link href="style/js/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" media="all" /> 28 <link href="style/js/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.2" rel="stylesheet" type="text/css" /> 29 <link href="style.css" rel="stylesheet"> 30 31 32 <link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 33 <link href="style/css/color/blue.css" rel="stylesheet"> 34 35 <link href='//fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800,900' rel='stylesheet' type='text/css'> 36 <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400" rel="stylesheet"> 37 38 <link rel="stylesheet" type="text/css" href="style/lightbox/css/lightbox.css"> 39 <link rel="stylesheet" type="text/css" href="assets/libraries/chosen/chosen.css"> 40 <link rel="stylesheet" type="text/css" href="style/css/multiple-select.css"> 41 <link href="style/type/fontello.css" rel="stylesheet"> 42 <link href="style/type/picons.css" rel="stylesheet"> 43 <link href="style/type/national.css" rel="stylesheet"> 44 45 <link href="style/realtymx.css" rel="stylesheet"> 46 <link href="views/property-filter.css" rel="stylesheet"> 47 <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> 48 <!--[if lt IE 9]> 49
49<script src="style/js/html5shiv.js"></script>
49 50
50<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
50 51 <![endif]--> 52 53 <link href="style/css/slowave.css?v=1" rel="stylesheet"> 54 <link rel="stylesheet" type="text/css" href="style/css/color/customGray.css"> 55 <link href="views/search3/filter.css" rel="stylesheet"> 56 <link href="style/css/custom.css?v=UwE21Gvc5wqM1NOjEuNpOw==" rel="stylesheet"> <!-- /.body-wrapper --> 57<!-- Bootstrap core JavaScript 58================================================== --> 59<!-- Placed at the end of the document so the pages load faster --> 60 61 62 63 64 65 66
66<script src="https://assets.realty.mx/sct/js/jquery.min.js" ></script>
66 67 68 69
69<script src="https://assets.realty.mx/sct/js/jquery-ui.min.js" ></script>
69 70 71 72 73
73<script src="https://assets.realty.mx/sct/js/vendor/bootstrap.min.js" defer></script>
73 74
74<script src="https://assets.realty.mx/sct/js/vendor/twitter-bootstrap-hover-dropdown.min.js" defer></script>
74 75 76 77
77<script src="https://assets.realty.mx/sct/js/vendor/jquery.themepunch.plugins.min.js" defer></script>
77 78
78<script src="https://assets.realty.mx/sct/js/vendor/jquery.themepunch.revolution.min.js" defer></script>
78 79 80 81
81<script src="https://assets.realty.mx/sct/js/vendor/jquery.fancybox.pack.js" defer></script>
81 82
82<script src="https://assets.realty.mx/sct/js/vendor/jquery.fancybox.thumbs.js?v=1.0.2" defer></script>
82 83
83<script src="https://assets.realty.mx/sct/js/vendor/jquery.fancybox.media.js?v=1.0.0" defer></script>
83 84
84<script src="https://assets.realty.mx/sct/js/vendor/jquery.isotope.min.js" defer></script>
84 85
85<script src="https://assets.realty.mx/sct/js/vendor/jquery.easytabs.min.js" defer></script>
85 86 87
87<script src="https://assets.realty.mx/sct/details/jquery.magnific-popup.min.js" defer></script>
87 88 89 <link rel="stylesheet" href="https://assets.realty.mx/sct/details/magnific-popup.css" media="print" onload="this.media='all'"> 90<noscript><link rel="stylesheet" href="https://assets.realty.mx/sct/details/magnific-popup.css"></noscript> 91 92 93 94 <link href="https://assets.realty.mx/sct/owlcarousel-2.2.1/assets/owl.theme.default.min.css" rel="stylesheet"> 95
95<script src="https://assets.realty.mx/sct/owlcarousel-2.2.1/owl.carousel.min.js?uuid=9A72847E-F516-D3C9-5CE44B83942E4FA9" defer></script>
95 96 <link href="https://assets.realty.mx/sct/owlcarousel-2.2.1/assets/owl.carousel.min.css" rel="stylesheet">
vendor: 139 bytes, lines 96-99
96 97 98 <script src="https://www.google.com/recaptcha/api.js?onload=recaptchaCallbackHandler&render=explicit" async defer></script> 99
99<script> 100 var recaptchaCallbackHandler = function() { 101 // Wait until jQuery is available because recaptcha loads async and jQuery is deferred. 102 var renderWithJquery = function() { 103 if (!window.jQuery) { 104 return setTimeout(renderWithJquery, 30); 105 } 106 $(".g-recaptcha").each(function(i,el){ 107 grecaptcha.render(el, { 108 'sitekey' : '6LeNq3IUAAAAAB8qEgcis9wJqs5N3ftVrDLiWJWm' 109 }); 110 }); 111 }; 112 renderWithJquery(); 113 }; 114 </script>
114 115 116 117 118 119
119<script src="https://assets.realty.mx/sct/js/vendor/jquery.fitvids.js" defer></script>
119 120
120<script src="https://assets.realty.mx/sct/js/vendor/jquery.sticky.js" defer></script>
120 121 122
122<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js" defer></script>
122 123 124
124<script src="https://assets.realty.mx/sct/js/vendor/jssor.core.min.js" type="text/javascript" defer></script>
124 125
125<script src="https://assets.realty.mx/sct/js/vendor/jssor.utils.min.js" type="text/javascript" defer></script>
125 126
126<script src="https://assets.realty.mx/sct/js/vendor/jssor.slider.mini.js" defer></script>
126 127
127<script src="https://assets.realty.mx/sct/js/vendor/prettify.js" defer></script>
127 128
128<script src="https://assets.realty.mx/sct/js/vendor/jquery.slickforms.js" defer></script>
128 129
129<script src="https://assets.realty.mx/sct/js/vendor/readmore.js" type="text/javascript" defer></script>
129 130 131
131<script src="https://assets.realty.mx/sct/js/vendor/typeahead.min.js" type="text/javascript" defer></script>
131 132
132<script src="https://assets.realty.mx/sct/libraries/chosen/chosen.jquery.min.js" type="text/javascript" defer></script>
132 133
133<script src="https://assets.realty.mx/sct/js/features/jquery.account.js" type="text/javascript" defer></script>
133 134 135
135<script src="style/js/scripts.js?v=1.3" type="text/javascript" defer></script>
135 136 137 138
138<script src="style/js/fs.js" type="text/javascript" defer></script>
138 139 140
140<script src="https://assets.realty.mx/sct/js/global.min.js?v=1" type="text/javascript" defer></script>
140 141
141<script src="scripts/global.min.js" type="text/javascript" defer></script>
141 142 143
144<script src="https://assets.realty.mx/sct/js/lodash.min.js" defer></script>
144 145
146<script> 147 document.addEventListener('DOMContentLoaded', function () { 148 var $ = window.jQuery || window.$; 149 if (!$) { 150 console.error('jQuery is required for master.cfm inline scripts'); 151 return; 152 } 153 //old version details page slider 154 155 var owl = $(".owl-portfolio-slider-old"); 156 if(owl.length){ 157 // try { 158 // owl.data('owlCarousel').destroy(); 159 // } catch (error) { 160 // console.error(error); 161 // } 162 owl.owlCarousel({ 163 navigation: false, 164 autoHeight: true, 165 slideSpeed: 300, 166 paginationSpeed: 400, 167 singleItem: true, 168 pagination: false, 169 items: 1, 170 loop: true 171 }); 172 } 173 174 $(".slider-next").click(function () { 175 owl.trigger('next.owl.carousel'); 176 }) 177 $(".slider-prev").click(function () { 178 owl.trigger('prev.owl.carousel'); 179 }) 180 181 182 //new version --> moved to property-images-2.cfm after the DOM, 183 184 185 // vtour / video popup 186 if(typeof $.fn.magnificPopup !== 'undefined') { 187 $('.popup-youtube, .popup-vtour').magnificPopup({ 188 disableOn: 700, 189 type: 'iframe', 190 mainClass: 'mfp-fade', 191 removalDelay: 160, 192 preloader: false, 193 194 fixedContentPos: false 195 }); 196 } 197 198 }); 199 // (url: String) => Deferred[Event] 200 function mxLoadLink (url) { 201 return $.Deferred(function(dfd2) { 202 var link = document.createElement('link'); 203 link.rel = 'stylesheet'; 204 link.href = url; 205 link.addEventListener('error', dfd2.reject()); 206 link.addEventListener('load', dfd2.resolve()); 207 document.body.appendChild(link); 208 }); 209 }; 210 211 // (url: String) => Deferred[callback] 212 function mxLoadScript (url, callback) { 213 return $.Deferred(function(dfd2) { 214 var script = document.createElement('script'); 215 script.src = url; 216 script.addEventListener('error',function(err){dfd2.reject(err)}); 217 script.addEventListener('load', function(){dfd2.resolve(callback())}); 218 document.body.appendChild(script); 219 }); 220 }; 221 222 223 // (void) => Deferred[Mapbox] 224 function findMapbox () { 225 return $.Deferred(function(dfd2) { 226 if (window && window.mapboxgl) { 227 dfd2.resolve(window.mapboxgl); 228 } else { 229 dfd2.reject('no mapboxgl'); 230 } 231 }); 232 }; 233 234 // (void) => Deferred[LT] 235 function findListTrac() { 236 return $.Deferred(function(dfd2) { 237 if (typeof(window._LT) != 'undefined' && window._LT != null) { 238 dfd2.resolve(window._LT); 239 } else { 240 dfd2.reject('no listTrac'); 241 } 242 }); 243 }; 244 245 function findJQuery () { 246 return (window && window.jQuery) ? window.jQuery : false; 247 }; 248 249 function loadJQuery(){ 250 var script = document.createElement('script'); 251 script.src = url; 252 script.addEventListener('error',function(err){dfd2.reject(err)}); 253 script.addEventListener('load', function(){dfd2.resolve(callback())}); 254 document.body.appendChild(script); 255 } 256 257 function findIFrameResize() { 258 return $.Deferred(function(dfd2) { 259 if (window && window.iFrameResize) { 260 dfd2.resolve(window.iFrameResize); 261 } else { 262 dfd2.reject('no iFrameResize'); 263 } 264 }); 265 }; 266 267 268 // (void) => Deferred[Mapbox] 269 function getIFrameResize () { 270 var dfd = $.Deferred(function(dfd) { 271 findIframeResize().then( 272 function(iFrameResize) { 273 dfd.resolve(iFrameResize); 274 }, 275 function(err) { 276 var script = mxLoadScript('https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.16/iframeResizer.js', getIFrameResize); 277 script.then( 278 function(loader) { 279 console.log('iFrameResize loading...'); 280 loader.then( 281 function(iFrameResize) { 282 dfd.resolve(iFrameResize); 283 }); 284 }); 285 286 }); 287 }); 288 return dfd.promise(); 289 }; 290 291 // (void) => Deferred[Mapbox] 292 function getJQuery () { 293 if (!findjQuery()){ 294 295 } else { 296 loadJQuery(); 297 } 298 var dfd = $.Deferred(function(dfd) { 299 findJQuery().then( 300 function(jQuery) { 301 dfd.resolve(jQuery); 302 }, 303 function(err) { 304 var script = mxLoadScript('https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js', getJQuery); 305 script.then( 306 function(loader) { 307 console.log('jquery loading...'); 308 loader.then( 309 function(jquery) { 310 dfd.resolve(jquery); 311 }); 312 }); 313 314 }); 315 }); 316 return dfd.promise(); 317 }; 318 // (void) => Deferred[Mapbox] 319 function getMapbox() { 320 var dfd = $.Deferred(function(dfd) { 321 findMapbox().then( 322 function(mapboxgl) { 323 dfd.resolve(mapboxgl); 324 }, 325 function(err) { 326 var script = mxLoadScript('//api.tiles.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.js', getMapbox); 327 var style = mxLoadLink('//api.tiles.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.css'); 328 script.always( 329 function(loader) { 330 console.log('mapbox loading...'); 331 loader.then( 332 function(mapbox) { 333 dfd.resolve(mapbox); 334 }); 335 }); 336 }); 337 }); 338 return dfd.promise(); 339 }; 340 341 // (void) => Deferred[Mapbox] 342 function getListTrac() { 343 var dfd = $.Deferred(function(dfd) { 344 findListTrac().then( 345 function(LT) { 346 // console.log('listTrac found...', LT); 347 dfd.resolve(LT); 348 }, 349 function(err) { 350 console.log('lt loading...'); 351 var script = mxLoadScript('//code.listtrac.com/monitor.ashx?acct=rmx_100515', getListTrac); 352 script.always( 353 function(loader) { 354 loader.then( 355 function(listTrac) { 356 dfd.resolve(listTrac); 357 }); 358 }); 359 }); 360 }); 361 return dfd.promise(); 362 }; 363 364</script>
364 365 366
367<script> 368 369 var createGeoJSONCircle = function(center, radiusInKm, points) { 370 if(!points) points = 64; 371 var coords = { 372 latitude: center[1], 373 longitude: center[0] 374 }; 375 var km = radiusInKm; 376 var ret = []; 377 var distanceX = km/(111.320*Math.cos(coords.latitude*Math.PI/180)); 378 var distanceY = km/110.574; 379 var theta, x, y; 380 381 for(var i=0; i<points; i++) { 382 theta = (i/points)*(2*Math.PI); 383 x = distanceX*Math.cos(theta); 384 y = distanceY*Math.sin(theta); 385 386 ret.push([coords.longitude+x, coords.latitude+y]); 387 } 388 ret.push(ret[0]); 389 return { 390 "type": "geojson", 391 "data": { 392 "type": "FeatureCollection", 393 "features": [{ 394 "type": "Feature", 395 "geometry": { 396 "type": "Polygon", 397 "coordinates": [ret] 398 } 399 }] 400 } 401 }; 402 }; 403 404 function isScrolledIntoView(element, fullyInView) 405 { 406 var pageTop = $(window).scrollTop(); 407 var pageBottom = pageTop + $(window).height(); 408 var elementTop = $(element).offset().top; 409 var elementBottom = elementTop + $(element).height(); 410 if (fullyInView === true) { 411 return ((pageTop < elementTop) && (pageBottom > elementBottom)); 412 } else { 413 return ((elementTop <= pageBottom) && (elementBottom >= pageTop)); 414 } 415 } 416 417 mxMapIsLoaded = false; 418 $('.map-placeholder').hide(); 419 function loadPropertyMap(dscroll) { 420 console.log('scrolling poll..'); 421 422 if ($('#property-map') && $('#property-map').length && (isScrolledIntoView('#property-map', false) || dscroll) && !mxMapIsLoaded ) { 423 424 $('.map-placeholder').find('.fa-spinner').addClass('fa-spin'); 425 getMapbox().then( 426 function(mapboxgl) { 427 428 console.log('mapbox ready', mapboxgl.version); 429 mapboxgl.accessToken = 'pk.eyJ1IjoiY2JyZCIsImEiOiJjanU4b2MzM3IyN2U3NDRydm55bzFocng1In0.dYKAXAFz-JFZXCBSal2N_w'; 430 console.log('building map..'); 431 var map = new mapboxgl.Map({ 432 zoom: 14, 433 center: [-87.669556,41.88263], 434 container: 'property-map', 435 style: 'mapbox://styles/mapbox/light-v9' 436 }); 437 map.addControl(new mapboxgl.NavigationControl()); 438 mxMapIsLoaded = true; 439 440 map.on('load', function() { 441 map.addSource("polygon", createGeoJSONCircle([-87.669556,41.88263], 0.2)); 442 map.addLayer({ 443 "id": "polygon", 444 "type": "fill", 445 "source": "polygon", 446 "layout": {}, 447 "paint": { 448 "fill-antialias": true, 449 "fill-color": "#333", 450 "fill-opacity": .65, 451 "fill-outline-color": "white" 452 } 453 }); 454 }); 455 456 $('.map-placeholder').fadeOut('slow'); 457 } 458 ); 459 } 460 461 } 462 463 $(function() { 464 465 $(window).scroll(_.debounce(loadPropertyMap, 300)); 466 467 }); 468 469 </script>
469 470 471 <title>N Paulina | 125868 | Coldwell Banker Rental Division</title> 472 <meta name="keywords" content="" /> 473 <meta name="description" content="" /> 474 <meta name="skype_toolbar" content="skype_toolbar_parser_compatible" /> 475 <meta name="robots" content="index,follow" /> 476 <meta http-equiv="content-type" content="text/html;charset=utf-8" > 477 478 479 <meta property="og:title" content="Coldwell Banker Rental Division Property"/> 480 <meta property="og:type" content="article"/> 481 <meta property="og:url" content="https://chicagoapartmentfinders.com/index.cfm?page=details&id=125868"/> 482 <meta property="og:image" content="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555411.jpg"/> 483 <meta property="og:description" content="2 Bedrooms 2 Bathrooms Apartment for Rent in United Center"/> 484 <meta property="og:site_name" content="Coldwell Banker Rental Division"/> 485 486 487 488
488<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v1.4.1/mapbox-gl.js' defer></script>
488 489 <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v1.4.1/mapbox-gl.css' rel='stylesheet' /> 490 <!--SCT STYLES & SCRIPTS--> 491
491<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/jquery.validate.min.js" defer></script>
491 492
492<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/additional-methods.min.js" defer></script>
492 493
493<script src="https://assets.realty.mx/sct/vendor/jqueryPlugins/jquery.priceFormatter.js" defer></script>
493 494
494<script src="https://assets.realty.mx/sct/vendor/accounting.min.js" defer></script>
494 495 496 497
497<script> 498 499 if (!mx || mx == undefined || mx == null) { 500 var mx = {handlers:{}}; 501 } 502 if (!mx.handlers || mx.handlers == undefined || mx.handlers == null) { 503 mx.handlers ={}; 504 } 505 mx.handlers.imageError = function(image) { 506 console.debug("mx... Handled Missing Image.."); 507 image.onerror = ""; 508 image.src = "style/images/photo-not-available.jpg"; 509 return true; 510 }; 511 </script>
511 512 513 514 <link rel="preload" href="https://assets.realty.mx/sct/fontawesome6/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 515 <link rel="preload" href="https://assets.realty.mx/sct/fontawesome6/css/v4-shims.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 516 <link rel="preload" href="https://assets.realty.mx/sct/dist/css/mx.sct.vendor2.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 517 <link rel="preload" href="https://assets.realty.mx/sct/dist/css/mx.sct.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 518 519 <noscript> 520 <link rel="stylesheet" href="https://assets.realty.mx/sct/fontawesome6/css/all.min.css"> 521 <link rel="stylesheet" href="https://assets.realty.mx/sct/fontawesome6/css/v4-shims.min.css"> 522 <link rel="stylesheet" href="https://assets.realty.mx/sct/dist/css/mx.sct.vendor2.min.css"> 523 <link rel="stylesheet" href="https://assets.realty.mx/sct/dist/css/mx.sct.min.css"> 524 </noscript> 525 526 527 528 <style> 529 :focus { 530 outline: thin dotted !important; 531 } 532 .btn-clear { 533 margin-top:10px; 534 } 535 .mapboxgl-popup-content { 536 max-height: 400px; 537 overflow-x: hidden; 538 overflow-y: auto; 539 } 540 .mapboxgl-popup-content .map_group_item{ 541 border-bottom: none !important; 542 } 543 .mapboxgl-popup.mapboxgl-popup-anchor-bottom, 544 .mapboxgl-popup.mapboxgl-popup-anchor-top { 545 max-width: 327px !important; 546 width: 100%; 547 } 548 .mx-mobile-divider { 549 display:none; 550 } 551 .details .row-fluid { 552 padding-left:0px; 553 padding-right:0px; 554 } 555 #label-AppPending { 556 background-color: rgba(76,174,76,0.7); 557 } 558 .compliance-label { 559 position: absolute; 560 bottom: 0; 561 right: 0; 562 width:100%; 563 } 564 .compliance-label > div { 565 width:100%; 566 height: 20px;width:auto; 567 background-position: right; 568 background-repeat: no-repeat; 569 background-size: auto 20px; 570 } 571 .pagination ul li a { 572 padding: 5px; 573 line-height: normal; 574 border-radius: 50%; 575 text-align: center; 576 vertical-align: middle; 577 display: flex; 578 align-items: center; 579 align-content: center; 580 justify-content: center; 581 justify-items: center; 582 min-width: 32px; 583 height: 32px; 584 position: relative; 585 } 586 @media screen and (max-width: 767px){ 587 .mx-mobile-divider { 588 display: block; 589 } 590 .mx-full-divider { 591 display:none; 592 } 593 } 594 @media screen and (max-width: 400px) { 595 .btn-large { 596 padding: 8px !important; 597 } 598 } 599 600 /* .btn-back-to-search2 { 601 float:left; 602 } */ 603 @media screen and (max-width: 767px){ 604 .btn-back-to-search2 { 605 position: relative; 606 top: 0; 607 text-align: right; 608 width: 100%; 609 display: flex; 610 justify-content: flex-start; 611 align-items: center; 612 align-content: center; 613 } 614 /* 615 .btn-back-to-search { 616 font-size: 10px !important; 617 line-height: normal!important; 618 margin-top: 0em !important; 619 margin-bottom: 1em !important; 620 } 621 */ 622 } 623 </style> 624 625
625<script src="https://assets.realty.mx/sct/vendor/jqueryPlugins/jquery.priceFormatter.js" defer></script>
625 626
626<script src="https://assets.realty.mx/sct/vendor/accounting.min.js" defer></script>
626 627 628 629
629<script> 630 if (!mx || mx == undefined || mx == null) { 631 var mx = {handlers:{}}; 632 } 633 if (!mx.handlers || mx.handlers == undefined || mx.handlers == null) { 634 mx.handlers ={}; 635 } 636 mx.handlers.imageError = function(image) { 637 console.debug("mx... Handled Missing Image.."); 638 image.onerror = ""; 639 image.src = "style/images/photo-not-available.jpg"; 640 return true; 641 }; 642 643 /* 644 $('.mx-listing-link').on('click', function(e){ 645 //e.preventDefault(); 646 //console.log('listing click', this.dataset); 647 }); 648 */ 649 650 651 652 </script>
652 653 654 655 656 657 <style> 658 #properties-grid {display:block;} 659 #properties-map {display:none;} 660 body {overflow-y: auto !important;} 661 </style> 662 663 <style> 664 #stickySearch,#search-tab { 665 background-color: #fff; 666 } 667 </style> 668 669 <style> 670 #mx-localize { 671 height: 503px; 672 } 673 @media (max-width: 991px){ 674 .btn-localize { 675 /* visibility:hidden!important; 676 display:none!important;*/ 677 } 678 } 679 </style> 680 681 682 683 <meta property="og:image:width" content="1024"/> 684 <meta property="og:image:height" content="768"/> 685 686 687 688 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css"> 689
689<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js" defer></script>
689 690
690<script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js" defer></script>
690 691 692 693 <style> 694 695 .calc-form { 696 width:100%; 697 flex: 1 1 100%; 698 margin:0 0; 699 display:flex; 700 flex-direction:row; 701 } 702 703 .calc-form .form-group { 704 display:flex; 705 } 706 707 .calc-form .form-group label { 708 display: inline-block; 709 width: 100%; 710 text-align: left; 711 min-width: 50%; 712 padding-right: .5em; 713 padding-left:.5em; 714 } 715 716 717 .sct-details.container hr { 718 margin: 1em 0; 719 } 720 721 722 .calc-form .form-group span.price, 723 .calc-form .form-group input 724 { 725 font-weight:bold; 726 display: inline-flex; 727 -webkit-font-smoothing: antialiased; 728 -webkit-text-size-adjust: 100%; 729 padding: 0 10px; 730 width:100%; 731 margin-bottom: 5px; 732 font-size: 14px; 733 line-height: 25px; 734 color: #7a7a7a; 735 border: none; 736 border-bottom: 1px solid #dadada; 737 resize: none; 738 vertical-align: middle; 739 -webkit-box-shadow: none; 740 -moz-box-shadow: none; 741 box-shadow: none; 742 background: #FFF; 743 -webkit-border-radius: 0; 744 border-radius: 0; 745 -webkit-transition: all 200ms ease-in; 746 -o-transition: all 200ms ease-in; 747 -moz-transition: all 200ms ease-in; 748 } 749 750 .calc-form .form-group span.price { 751 border-bottom:none!important; 752 } 753 754 .property-calculator { 755 margin: 1em 7px; 756 margin-top: 3em; 757 } 758 @media (max-width: 991px){ 759 .property-calculator { 760 margin: 1em auto; 761 margin-top: 0em; 762 max-width: 350px; 763 } 764 .calc-form { 765 flex-direction:column; 766 } 767 } 768 769 .calc-form .graph-key-wrapper { 770 flex-direction: column; 771 display: flex; 772 position: relative; 773 top: 0; 774 right: 0; 775 bottom: 0; 776 text-align: right; 777 align-content: flex-end; 778 justify-content: flex-start; 779 align-items: flex-end; 780 justify-items: center; 781 z-index: 100; 782 margin-top: 3em; 783 margin-left:3em; 784 } 785 786 #expense-graph { 787 margin: 2em 0 2em; 788 height: 300px;width:300px; 789 } 790 791 792 .calc-form .form-group { 793 margin-bottom: 15px; 794 } 795 796 .property-calc-form-col{ 797 padding: 1em; 798 flex: 0 0 400px; 799 position: relative; 800 } 801 .property-calc-graph-col { 802 position: relative; 803 flex: 1 1 auto; 804 display: flex; 805 flex-direction: column; 806 } 807 808 .graph-wrapper { 809 flex: 0 1 auto; 810 margin: 0 0; 811 display: flex; 812 flex-direction: row; 813 width: auto; 814 align-self: center; 815 } 816 817 @media (max-width: 768px){ 818 .calc-form .graph-key-wrapper { 819 display: none!important; 820 } 821 #expense-graph { 822 margin: 2em auto 2em !important; 823 } 824 .property-calculator { 825 margin-bottom:0; 826 } 827 .property-calc-form-col { 828 flex: 0 0 350px; 829 } 830 } 831 </style> 832 833 834 835 836 837 838 839 <style> 840 841 842 .properties .property-card .image-caption { 843 min-height: 110px; 844 display: flex; 845 flex-direction: column; 846 margin: 0 0 0 0; 847 padding: .75em .75em; 848 color: #616161; 849 } 850 851 .properties .property-card .image-caption h3 { 852 flex: 0 1 auto; 853 font-size:16px; 854 font-weight:500; 855 line-height:normal; 856 margin-top:0; 857 margin-bottom:0px; 858 flex: 0 1 auto; 859 min-height: unset; 860 } 861 862 .properties .property-card .image-caption .meta { 863 height: 100%; 864 flex: 1 1 auto; 865 font-weight:300; 866 font-size: 1em; 867 color: #9f9f9f; 868 } 869 .properties .property-card .image-caption .price .bedrooms { 870 font-weight: 300; 871 } 872 .properties .property-card .image-caption .price .bedrooms span { 873 color: #9f9f9f; 874 } 875 .properties .property-card .image-caption .price { 876 font-weight: 500; 877 font-size: 21px; 878 color: #616161; 879 } 880 .properties .property-card .idxCredit { 881 font-weight: 300; 882 font-size: 13px; 883 color: #616161; 884 text-transform:capitalize; 885 white-space: nowrap; 886 overflow: hidden; 887 text-overflow: ellipsis; 888 } 889 .list-id .idxCredit { 890 font-weight: 300; 891 font-size: 13px; 892 color: #616161; 893 text-transform:capitalize; 894 white-space: nowrap; 895 overflow: hidden; 896 text-overflow: ellipsis; 897 } 898 .badge { 899 display: inline-block; 900 min-width: 10px; 901 padding: 3px 7px; 902 font-size: 12px; 903 font-weight: bold; 904 line-height: normal; 905 color: #fff; 906 text-align: center; 907 white-space: nowrap; 908 vertical-align: middle; 909 background-color: #777; 910 border-radius: 0; 911 margin: 0 0; 912 } 913 914 .badge-ner{ 915 color: #fff; 916 background-color: #28a745; 917 } 918 919 .tooltip-inner {background-color:##616161 !important;} 920 921 .mx-concession { 922 padding:3px 5px 3px; 923 text-transform:uppercase; 924 font-size: 14px; 925 font-weight: 500; 926 line-height:20px; 927 font-family:inherit; 928 border-radius:0px; 929 font-size:12px; 930 position:absolute; 931 width:auto; 932 top:0; 933 left:0; 934 } 935 936 .mx-available { 937 padding:3px 5px 3px; 938 text-transform:uppercase; 939 font-size: 14px; 940 font-weight: 500; 941 line-height:20px; 942 font-family:inherit; 943 border-radius:0px; 944 font-size:12px; 945 position:absolute; 946 width:auto; 947 top:0; 948 left:0; 949 color:white; 950 background-color:rgba(115, 181, 239, 0.7); 951 } 952 953 .policy { 954 padding:1em; 955 } 956 957 .policy ul, .policy ol { 958 list-style: unset; 959 margin: 1em; 960 padding: 1em; 961 } 962 963 .policy li { 964 line-height: 2em; 965 } 966 967 .policy-footer { 968 padding:1em; 969 text-align: center; 970 } 971 972 .policy-footer p{ 973 text-align: center !important; 974 } 975 976 </style> 977 978 <style> 979 #btn-logout { 980 line-height: 1; 981 color: #FFF; 982 font-size: 12px; 983 text-transform: uppercase; 984 font-weight: 800; 985 margin-left: -5px; 986 } 987 </style> 988 989 <link rel="preload" href="https://assets.realty.mx/sct/myaccount/css/myaccount.bundle.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 990 <noscript> 991 <link rel="stylesheet" href="https://assets.realty.mx/sct/myaccount/css/myaccount.bundle.min.css"> 992 </noscript> 993 994
994<script src="https://assets.realty.mx/sct/myaccount/select2.min.js" defer></script>
994 995
995<script src="https://assets.realty.mx/sct/myaccount/mx.account.min.js" defer></script>
995 996</head> 997 998 <body class="full-layout"> 999 <!-- Google Tag Manager (noscript) -->
vendor: 73 bytes, lines 999-1000
999 1000 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1000GTM-PWKDF8
vendor: 88 bytes, lines 1000-1001
1000" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 1001
1001<!-- End Google Tag Manager (noscript) --> 1002 1003 <div class="body-wrapper"> 1004 1005 <div class="yamm navbar basic default"> 1006 <div class="navbar-header 1007" 1008> 1009 <div class="container-fluid"> 1010 1011 1012 <div class="basic-wrapper logoSection" > 1013 <a class="btn responsive-menu pull-right" data-toggle="collapse" data-target=".navbar-collapse"> 1014 <i class='icon-menu-1'></i> 1015 </a> 1016 <a class="navbar-brand" href="index.cfm"> 1017 <img src="style/images/logo_2.png" alt=""/> 1018 </a> 1019 </div> 1020 1021 1022 <div class="collapse navbar-collapse"> 1023 <ul class="nav navbar-nav"> 1024 1025 1026 <li class="dropdown"> 1027 <a href="#" class="dropdown-toggle js-activated">Search</a> 1028 <ul class="dropdown-menu"> 1029 <li ><a href="?page=browser&status=2,21">Rentals</a></li> 1030 <li ><a href="?page=browser&status=1,11,12">Sales</a></li> 1031 <li ><a href="?page=browser&isFeatured=1">Featured Properties</a></li> 1032 </ul> 1033 </li> 1034 1035 <li class="dropdown"> 1036 <a href="#" class="dropdown-toggle js-activated">List With Us</a> 1037 <ul class="dropdown-menu"> 1038 <li><a href="?page=owners&status=2">Rentals</a></li> 1039 <li><a href="?page=owners&status=1">Sales</a></li> 1040 </ul> 1041 </li> 1042 1043 <li class="dropdown"> 1044 <a href="#" class="dropdown-toggle js-activated">Landlord Services</a> 1045 <ul class="dropdown-menu"> 1046 <li><a href="?page=content&cms=the-process">The Process</a></li> 1047 <li><a href="?page=content&cms=price">Price</a></li> 1048 <li><a href="?page=content&cms=newTenant">New Tenant Screening</a></li> 1049 <li><a href="?page=content&cms=tenantRenewal">Tenant Renewal</a></li> 1050 <li><a href="?page=owners&type=condoManagement">Condo Management</a></li> 1051 <li><a href="?page=content&cms=landlord">Landlord FAQ</a></li> 1052 </ul> 1053 </li> 1054 1055 <li class="dropdown"> 1056 <a href="#" class="dropdown-toggle js-activated">About Us</a> 1057 <ul class="dropdown-menu"> 1058 <li><a href="?page=about#how-it-works">How It Works</a></li> 1059 <li><a href="?page=about#why-use-us">Why Use Us</a></li> 1060 <li><a href="?page=contact">Contact Us</a></li> 1061 </ul> 1062 </li> 1063 1064 <li class="dropdown"> 1065 <a href="#" class="dropdown-toggle js-activated">Our Team</a> 1066 <ul class="dropdown-menu"> 1067 <li><a href="?page=agents">Agents</a></li> 1068 <li><a href="?page=managers">Staff</a></li> 1069 <li><a href="?page=careers">Join Us</a></li> 1070 </ul> 1071 </li> 1072 1073 <li class="dropdown"> 1074 <a href="#" class="dropdown-toggle js-activated">Resources</a> 1075 <ul class="dropdown-menu"> 1076 <li><a href="?page=resources&sub=renters">Renters Guide</a></li> 1077 1078 <li><a href="?page=content&cms=relocation">Relocation</a></li> 1079 <li><a href="?page=content&cms=faq">Tenant FAQ</a></li> 1080 </ul> 1081 </li> 1082 1083 <li class="dropdown"> 1084 <a href="#" class="dropdown-toggle js-activated">Application</a> 1085 <ul class="dropdown-menu"> 1086 1087 <li><a href="?page=content&cms=app-packet">Standard Application Packet</a></li> 1088 </ul> 1089 </li> 1090 1091 1092 1093 1094 1095 1096 <li ><a id="nav-login" data-pid='125868' data-psource='' data-paction='save' onclick='loginAndSaveListing(this); return false;' href="#">Log In</a></li> 1097 1098 1099 <li> 1100 <div class="ajax-quicksearch"> 1101
1102<script> 1103 (function initQuickSearch() { 1104 var $ = window.jQuery || window.$; 1105 if (!$ || !$.fn.autocomplete || !document.getElementById('thisVal')) { 1106 setTimeout(initQuickSearch, 100); 1107 return; 1108 } 1109 1110 var searchStatus = '1,11,12,2,21'; 1111 1112 $("#thisVal" ).autocomplete({ 1113 1114 minLength: 1, 1115 1116 open: function() { $('#thisPage').val(''); $("#thisVal").css('background-image','none'); }, 1117 close: function() { }, 1118 search: function(e) { 1119 1120 //console.log('search', e); 1121 $(this).siblings('button').find('i.fa-spinner').each(function(el){ 1122 $('#thisVal').siblings('button').find('i.fa-search').each(function(el){ 1123 $(this).hide(); 1124 }); 1125 $(this).show(); 1126 }); 1127 1128 }, 1129 1130 select: function( event, ui ) { 1131 1132 //console.log('select', event); 1133 $('#thisId').val(ui.item.id); 1134 1135 if (ui.item.source !== 'cbrd') { 1136 //console.debug('idx data',ui.item); 1137 $('#thisSource').removeAttr('disabled'); 1138 $('#thisSource').val(ui.item.source); 1139 } else { 1140 //console.debug('company data',ui.item); 1141 } 1142 1143 if(ui.item.type == 'Unit'){ 1144 $('#thisPage').val('details'); 1145 $('#thisState').attr('disabled','disabled'); 1146 } 1147 1148 else if(ui.item.type == 'Building'){ 1149 $('#thisPage').val('developments'); 1150 } 1151 1152 else if(ui.item.type == 'IDX'){ 1153 $('#thisPage').val('details'); 1154 } 1155 1156 else if(ui.item.type == 'RLS') { 1157 1158 $('#thisPage').val('details'); 1159 1160 var listing = { 1161 details: { 1162 id: ui.item.id, 1163 source: ui.item.source, 1164 action: 'view', 1165 vow: true, 1166 origin: window.location.href || '', 1167 target: '' 1168 } 1169 } 1170 1171 setStorage('currentListing', listing); 1172 updatePayload(listing); 1173 1174 if (!mxAccountConfig.loggedIn){ 1175 event.preventDefault(); 1176 showLoginModal(true); 1177 return false; 1178 } 1179 1180 } 1181 1182 else if(ui.item.type == 'Neighborhoods'){ 1183 1184 var splitLabel = ui.item.label.split(' '); 1185 1186 if (splitLabel.length > 0){ 1187 $('#thisStatus').removeAttr('disabled'); 1188 if (splitLabel[(splitLabel.length-1)] == 'Sales'){ 1189 $('#thisStatus').val('1,11,12'); 1190 } else if (splitLabel[(splitLabel.length-1)] == 'Rentals') { 1191 $('#thisStatus').val('2,21'); 1192 } 1193 } 1194 1195 1196 $('#thisPage').val('properties'); 1197 1198 1199 $('#thisId').attr('disabled','disabled'); 1200 $('#thisCat').removeAttr('disabled'); 1201 $('#thisCat').val(ui.item.id); 1202 1203 } else { 1204 $('#thisPage').val('agents'); 1205 $('#thisState').removeAttr('disabled'); 1206 $('#isCommercialOpt').attr('disabled', 'disabled'); 1207 $('#isResidentialOpt').attr('disabled', 'disabled'); 1208 $('#thisWebID').attr('disabled', 'disabled'); 1209 $('#thisSource').attr('disabled', 'disabled'); 1210 $('#thisState').val('profile'); 1211 } 1212 1213 setTimeout(function() {$('#webIDForm').submit();},500); 1214 }, 1215 source: function( request, response ) { 1216 //console.log('source', request); 1217 $.ajax({
1218 url: "https://chicagoapartmentfinders.com/remote.cfm?action=quicksearch", 1219 dataType: "json", 1220 data: { 1221 method: "getAIO", 1222 val: request.term, 1223 1224 db: 'cbrd', 1225 status: '1,11,12,2,21' 1226 1227 }, 1228 success: function( data ) { 1229 1230 response( $.map( data, function( item, i) { 1231 // console.debug(item); 1232 return { label: item.label, type: item.category, id: item.id, label2: item.label, source: item.source } 1233 }) ); 1234 1235 $("#thisVal").css('background-image','none'); 1236 1237 $('#thisVal').siblings('button').find('i.fa-spinner').each(function(el){ 1238 $(this).hide(); 1239 }); 1240 1241 $('#thisVal').siblings('button').find('i.fa-search').each(function(el){ 1242 $(this).show(); 1243 }); 1244 1245 } 1246 }); 1247 } 1248 1249 }).focus(function(e){ 1250 //console.log('focus', e); 1251 if( $(this).val() == 'Listing #, Agent or Address') $(this).val(''); 1252 }).blur(function(e){ 1253 //console.log('blur', e); 1254 if( $(this).val() == ''){ 1255 $(this).val('Listing #, Agent or Address') 1256 $(this).siblings('button').find('i.fa-spinner').each(function(el){ 1257 $(this).hide() 1258 $('#thisVal').siblings('button').find('i.fa-search').each(function(el){ 1259 $(this).show(); 1260 }); 1261 }); 1262 }; 1263 }).change(function(e){ 1264 //console.log('value changed', e); 1265 }).keydown(function(e){ 1266 //console.log('keydown', e); 1267 }) 1268 1269 1270 1271 $("#thisVal" ).keypress(function(e) { 1272 var code = (e.keyCode ? e.keyCode : e.which); 1273 if(code == 13) { //Enter keycode 1274 if ($.isNumeric($(this).val())){ 1275 //e.preventDefault(); 1276 $("#webIDForm").submit(); 1277 //console.debug("numeric web id search"); 1278 return true; 1279 } else { 1280 //console.debug("text search"); 1281 return false; 1282 } 1283 } 1284 }); 1285 1286 $(".site-search").on('click',function(e){ 1287 if( $('#thisVal').val() == '' || $('#thisVal').val() == "Listing #, Agent or Address"){ 1288 //console.debug('prevent default'); 1289 e.preventDefault(); 1290 } else { 1291 //console.debug('unkown form click'); 1292 } 1293 }); 1294 1295 $("#webIDForm").on('submit', function(e){ 1296 //console.debug('submitting web id form'); 1297 1298 if( $('#thisPage').val() == ''){ 1299 var id = $('#thisVal').val(); 1300 if (!(isNaN(id))) { 1301 id = parseInt($('#thisVal').val()); 1302 } 1303 if ($.isNumeric(id)) 1304 { 1305 $('#thisPage').val('properties'); 1306 $('#thisState').attr('disabled','disabled'); 1307 $('#thisId').attr('disabled','disabled'); 1308 $('#thisSource').attr('disabled','disabled'); 1309 $('#thisStatus').removeAttr('disabled'); 1310 $('#thisWebID').val(id); 1311 } 1312 else 1313 { 1314 1315 $('#thisPage').val('properties'); 1316 $('#thisState').attr('disabled','disabled'); 1317 //$('#thisId').val($('#thisVal').val()); 1318 } 1319 } else { 1320 //console.debug('page not empty', $('#thisPage').val() ) 1321 } 1322 }); 1323 1324 // Enable search input only after jQuery, jQuery UI, and all handlers are ready 1325 $('#thisVal').removeAttr('disabled'); 1326 })(); 1327</script>
1327 1328 1329 1330 1331 <form class="site-search" id="webIDForm" method="get" action="index.cfm"> 1332 <input type="hidden" id="thisPage" value="" name="page"> 1333 <input type="hidden" id="thisState" value="profile" name="state" disabled="disabled"> 1334 <input type="hidden" id="thisRLS" value="" name="isMLS" disabled="disabled"> 1335 <input type="hidden" id="thisCat" value="" name="cat" disabled="disabled"> 1336 <input type="hidden" id="thisId" value="" name="id"/> 1337 <input type="hidden" id="thisSource" value="" name="source"/> 1338 <input type="hidden" id="isCommercialOpt" value="1" name="isCommercial"/> 1339 <input type="hidden" id="isResidentialOpt" value="1" name="isResidential"/> 1340 <input type="hidden" id="thisStatus" value="1,11,12,2,21" name="status" disabled="disabled"/> 1341 <input type="hidden" id="thisWebID" value="" name="webid"/> 1342 1343 1344 1345 1346 1347 <input title="Listing #, Agent or Address" class="search-query span2 form-text" placeholder="Search" type="text" id="thisVal" value="Listing #, Agent or Address" maxlength="30" style="float:left;"> 1348 1349 </form> 1350 1351<style> 1352 .ui-autocomplete.ui-menu.ui-widget { 1353 z-index: 2000 !important; 1354 } 1355 .ajax-quicksearch input[type="text"] { 1356 border-right: 2px solid #fff; 1357 } 1358</style> 1359 1360 1361 </div> 1362 </li> 1363 </ul> 1364 </div> 1365 </div> 1366 </div> 1367</div> 1368 </div> 1369 1370 1371<style> 1372 1373 1374 1375.agent-list ul { 1376 margin:auto; 1377 text-align: center; 1378 padding: 0px; 1379} 1380 1381.agent-list .items.col4 li { 1382 width: 300px !important; 1383 margin-left: 18px; 1384 margin-bottom: 18px; 1385 max-width: 270px; 1386 display:inline-block; 1387} 1388 1389.agent-list .agent-items.col4 li { 1390 width: 300px !important; 1391 margin-left: 9px; 1392 margin-right: 9px; 1393 margin-bottom: 18px; 1394 max-width: 270px; 1395 vertical-align: top; 1396 display:inline-block; 1397} 1398 1399.agent-list .agent-items .image-caption h3 { 1400 text-align: left; 1401} 1402 1403.agent-list .agent-items .meta { 1404 margin-bottom: 0; 1405 text-align: left; 1406} 1407 1408/* 1409 .agent-list .agent-items.col4 li { 1410 max-height: 270px; 1411 } 1412 */ 1413 1414@media (max-width: 1199px) { 1415 .agent-list .items.col4 li { 1416 margin-left: 40px; 1417 } 1418} 1419@media (max-width: 991px) { 1420 .agent-list .items.col4 li { 1421 margin-left: 70px; 1422 } 1423} 1424 1425@media (max-width: 767px) { 1426 .agent-list .items.col4 li { 1427 margin-left:auto !important; 1428 margin-right:auto !important; 1429 width: 100% !important; 1430 max-width: 100%; 1431 } 1432 1433 .agent-list .items li img, .agent-list .image-caption { 1434 width: 300px !important; 1435 max-width: 270px; 1436 margin: auto; 1437 } 1438} 1439 1440@media (max-width: 560px) { 1441 .agent-list .image-caption { 1442 padding: 7px; 1443 } 1444} 1445 1446 1447 1448.agentImg { 1449 width: 300px !important; 1450 max-width: 270px !important; 1451 max-height: 450px !important; 1452 float: left; 1453 margin-right: 20px; 1454} 1455 1456 1457 1458 1459.agentContent { 1460 float: left; 1461} 1462</style> 1463 1464 1465
1466<script> 1467 $(document).ready(function() { 1468 $(".modalEmailToFriend").click(function() { 1469 $("#modalEmailToFriend").modal("show"); 1470 }); 1471 /* 1472 $(".modalCalculator").click(function() { 1473 $("#modalCalculator").modal("show"); 1474 });*/ 1475 }); 1476</script>
1476 1477 1478 1479 1480 1481<div class="modal fade" id="modalFloorPlan" tabindex="-1" role="dialog" aria-hidden="true"> 1482 <div class="modal-dialog" role="document" style="width:100%;max-width:768px;"> 1483 1484 </div> 1485</div><style> 1486/*form styles*/ 1487#emfform { 1488 width: 100%; 1489 margin: 50px auto; 1490 text-align: center; 1491 position: relative; 1492} 1493#emfform ul{ 1494 padding: 0; 1495} 1496#emfform fieldset { 1497 background: white; 1498 border: 0 none; 1499 border-radius: 3px; 1500 box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); 1501 padding: 20px 30px; 1502 box-sizing: border-box; 1503 width: 95%; 1504 margin: 0 2.5%; 1505 /*stacking fieldsets above each other*/ 1506 position: absolute; 1507} 1508/*Hide all except first fieldset*/ 1509#emfform fieldset:not(:first-of-type) { 1510 display: none; 1511} 1512/*inputs*/ 1513#emfform input, #emfform textarea { 1514 padding: 5px; 1515 border: 1px solid #ccc; 1516 border-radius: 3px; 1517 margin-bottom: 2px; 1518 margin-top:2px; 1519 width: 100%; 1520 height:auto; 1521 box-sizing: border-box; 1522 color: #2C3E50; 1523 font-size: 13px; 1524} 1525#emfform textarea { 1526 min-height:25px; 1527} 1528#emfform .form-group label { 1529 font-size:.8em; 1530} 1531::-webkit-inner-spin-button { display: none; } 1532/*buttons*/ 1533#emfform .action-button { 1534 width: 100px; 1535 background: #BEC893; 1536 font-weight: bold; 1537 color: white; 1538 border: 0 none; 1539 border-radius: 1px; 1540 cursor: pointer; 1541 padding: 10px 5px; 1542 margin: 10px 5px; 1543} 1544 1545#emfResults { 1546 display:none; 1547} 1548 1549#emfform .action-button:hover, 1550#emfform .action-button:focus, 1551#emfform .bed-button:hover, 1552#emfform .bed-button:focus 1553{ 1554 box-shadow: 0 0 0 2px white, 0 0 0 3px #BEC893; 1555} 1556@media screen and (max-width: 525px) { 1557 #emfform { 1558 width: 95vw; 1559 } 1560 #emfform fieldset { 1561 padding: 10px 10px; 1562 width: 95%; 1563 height: auto; 1564 overflow: visible; 1565 } 1566 .no-padding-responsive { 1567 padding:0px; 1568 margin:0px; 1569 } 1570} 1571</style> 1572 1573<!-- Modal --> 1574<div class="modal fade" id="modalEmailToFriend" tabindex="-1" role="dialog" aria-hidden="true"> 1575 <div class="modal-dialog" role="document"> 1576 1577 1578 <!-- multistep form --> 1579 <form class="form-inline" id="emfform" name="frmEmail"> 1580 <!-- progressbar --> 1581 <ul id="emailToFriendProgress" style="display:none;"> 1582 <li data-index="1" class="active">Email To Friend</li> 1583 </ul> 1584 <fieldset name="emfInputs"> 1585 <div id="emfResults"></div> 1586 <div id="emfFields"> 1587 <button type="button" class="close" data-dismiss="modal">x</button> 1588 1589 <h3 id="emailToFriendLabel">Send This Listing To A Friend</h3> 1590 1591 <input type="hidden" name="id" id="MFid" value="125868" /> 1592 <input type="hidden" name="source" id="MFsource" value="" /> 1593 1594 <div class="form-group col-xs-12 col-sm-6"> 1595 <label class="control-label" for="name1"> 1596 <span style="display:none;">Friends Name</span> 1597 <span class="form-required" title="This field is required."></span> 1598 </label> 1599 <div class="controls"> 1600 <input aria-label="Enter Your Friends name" type="text" required name="name1" id="name1" def="Your friend's name" placeholder="Your Friend's Name"> 1601 </div><!-- /.controls --> 1602 </div><!-- /.control-group --> 1603 <div class="form-group col-xs-12 col-sm-6"> 1604 <label class="control-label" for="email1"> 1605 <span style="display:none;">Friends Email</span> 1606 <span class="form-required" title="This field is required."></span> 1607 </label> 1608 <div class="controls"> 1609 <input aria-label="Enter Your Friends Email Address" type="email" required name="email1" id="email1" def="Email friend's email" placeholder="Your Friend's Email"> 1610 </div><!-- /.controls --> 1611 </div><!-- /.control-group --> 1612 <div class="form-group col-xs-12 col-sm-6"> 1613 <label class="control-label" for="name2"> 1614 <span style="display:none;">Your Name</span> 1615 <span class="form-required" title="This field is required."></span> 1616 </label> 1617 <div class="controls"> 1618 <input aria-label="Enter Your Name" type="text" required name="name2" id="name2" def="Your name" placeholder="Your Name"> 1619 </div><!-- /.controls --> 1620 </div><!-- /.control-group --> 1621 <div class="form-group col-xs-12 col-sm-6"> 1622 <label class="control-label" for="email2"> 1623 <span style="display:none;">Your Email</span> 1624 <span class="form-required" title="This field is required."></span> 1625 </label> 1626 <div class="controls"> 1627 <input aria-label="Enter Your Email Address" type="email" required name="email2" id="email2" def="Email email" placeholder="Your Email"> 1628 </div><!-- /.controls --> 1629 </div><!-- /.control-group --> 1630 <div class="form-group col-xs-12"> 1631 <label class="control-label" for="SendMessage" ><span style="display:none;">Your Message</span></label> 1632 <div class="controls"> 1633 <textarea aria-label="Your Message" style="min-height:70px;" name="SendMessage" id="SendMessage" def="Message message" placeholder="Your Message..."></textarea> 1634 </div> 1635 <!-- /.controls --> 1636 </div> 1637 <div class="form-group col-xs-12 no-padding-responsive" style=""> 1638 <div class="g-recaptcha" 1639 style="margin-bottom: 15px;width: 300px;margin: 10px auto;" 1640 data-sitekey="6LeNq3IUAAAAAB8qEgcis9wJqs5N3ftVrDLiWJWm" 1641 ></div> 1642 <p style="color:red;display:none;" class="error-captcha">Please check the captcha.</p> 1643 </div> 1644 <div class="form-group col-xs-12" style=""> 1645 <input aria-label="Email Listing" type="submit" class="btn btn-primary submit" value="Send Listing" name="btnEmailFriend"> 1646 </div> 1647 </div> 1648 </fieldset> 1649 </form> 1650 1651 </div> 1652</div> 1653 1654 1655 1656
1657<script> 1658 1659function submitEmailToFriendCallback(token){ 1660 var id = $("#MFid"); 1661 var source = $("#MFsource"); 1662 var email1 = $("#email1"); 1663 var email2 = $("#email2"); 1664 var name1 = $("#name1"); 1665 var name2 = $("#name2"); 1666 var tips = $(".validateTips"); 1667 var isMLS = $("#MFMLS"); 1668 var isLF = $("#MFLF"); 1669 var SendMessage = $("#SendMessage"); 1670 $.ajax({ 1671 type: "POST", 1672 url: "remote.cfm?action=modalSubmit", 1673 data:"ajaxType=modalFriend&email1=" + email1.val() + "&email2=" + email2.val() + "&name1=" + name1.val() + "&name2=" + name2.val() + "&SendMessage=" + SendMessage.val() + "&id=" + id.val() + "&source=" + source.val(), 1674 success: function(data){ 1675 $("#emfFields").fadeOut(); 1676 $("#emfResults").html(data).fadeIn(); 1677 setTimeout(function(){ 1678 $('#modalEmailToFriend').fadeOut().modal('toggle'); 1679 }, 3000); 1680 } 1681 }); 1682} 1683 1684$(document).ready(function() { 1685 var all_fs = $("#emfform").children("fieldset"); //all fieldsets 1686 var left, opacity, scale; //fieldset properties which we will animate 1687 var animating; //flag to prevent quick multi-click glitches 1688 var disableValidation = false; 1689 1690 $('#emfform').not("input[type=textarea], button").on('keyup keypress', function(e) { 1691 var keyCode = e.keyCode || e.which; 1692 if (keyCode === 13) { 1693 e.preventDefault(); 1694 return false; 1695 } 1696 }); 1697 1698 $("#emfform").validate({ 1699 rules: { 1700 email1 : { 1701 required: true, 1702 email: true 1703 }, 1704 email2 : { 1705 required: true, 1706 email: true 1707 }, 1708 name1 : { 1709 required: true, 1710 }, 1711 name2 : { 1712 required: true, 1713 } 1714 }, 1715 success: "valid", 1716 debug: true, 1717 submitHandler: function(form) { 1718 var captchaIndex = form.dataset.captchaIndex || 0; 1719 try { 1720 if (grecaptcha.execute){ // invisible 1721 var googleResponse = grecaptcha.execute(captchaIndex); // 1722 } 1723 } catch (err){ 1724 // v2 1725 var googleResponse = grecaptcha.getResponse(captchaIndex) || $(form).find(".g-recaptcha-response").val(); 1726 if (!googleResponse) { 1727 // console.debug('register form invalid / captcha fail'); 1728 $(form).find('.error-captcha').show(); 1729 return false; 1730 } else { 1731 $(form).find('.error-captcha').hide(); 1732 var isValid = $("#emfform").valid(); 1733 if (isValid || disableValidation){ 1734 submitEmailToFriendCallback(true); 1735 } else if (isValid !== true){ 1736 } else { 1737 } 1738 } 1739 } 1740 } 1741 }); 1742 $(".submit").click(function(){ 1743 return true; 1744 }); 1745}); 1746</script>
1746 1747 1748 1749<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 1750 1751<style> 1752 1753 1754.page-title { 1755 height: auto !important; 1756} 1757#AgentSide > h3, 1758#AgentSide > br { 1759 display:none!important; 1760} 1761#AgentSide > .agent { 1762 margin-top:0; 1763 margin-bottom:15px; 1764} 1765#AgentSide > .agent .name { 1766 font-weight:bold; 1767 font-size:1.2em; 1768} 1769#AgentSide textarea { 1770 min-height: 75px !important; 1771} 1772 1773#AgentSide .btn-submit { 1774 width: 100%; 1775 padding: 1em 1em; 1776} 1777 1778.owl-slider-wrapper .item img { 1779 display: block; 1780 width: auto; 1781 height:512px!important; 1782 margin-right: auto; 1783 margin-left: auto; 1784} 1785 1786.dspVirtualTour.border{ 1787 max-height:512px; 1788} 1789 1790#AgentSide input[type="text"]{ 1791 height:auto !important; 1792 margin-bottom: 11px; 1793} 1794 1795.label.in-contract { 1796 color: #FFF; 1797 background-color: #D9534F; 1798 border-color: #D43F3A; 1799} 1800 1801#AgentSide .agent .circular{ 1802 border: 2px solid white; 1803 font-size: 2em; 1804 text-align: center; 1805 padding: .9em .5em; 1806 vertical-align: middle; 1807 background-position: center top; 1808} 1809 1810.g-recaptcha { 1811 text-align: left; 1812 display: flex; 1813 flex-direction: column; 1814 align-items: flex-start; 1815 justify-items: flex-start; 1816 align-content: flex-start; 1817 justify-content: flex-start; 1818} 1819 1820.page-title h1 { 1821 margin-top:0; 1822} 1823.essential { 1824 display:inline-flex; 1825} 1826.owl-slider-wrapper .item img { 1827 height: 512px; 1828} 1829 1830.address-details h1 { 1831 display:flex; 1832 font-size: 26px !important; 1833 line-height: 30px !important; 1834 font-weight: bold !important; 1835 margin: 0 0 0 0!important; 1836 padding: 0 0 0 0 !important; 1837} 1838 1839.amenity { 1840 margin: 2px 0; 1841} 1842 1843.label { 1844 display: inline; 1845 font-weight: bold; 1846 line-height: normal; 1847 /* color: #fff; */ 1848 text-align: center; 1849 white-space: nowrap; 1850 vertical-align: middle; 1851 align-self: flex-start; 1852 margin-left: 15px; 1853 padding: 4px 7px; 1854 border-radius: 0; 1855 /* border-radius: .25em; */ 1856} 1857 1858@media (max-width: 768px){ 1859 .label { 1860 margin-top:5px; 1861 margin-left:0; 1862 } 1863 .address-details h1 { 1864 flex-direction:column; 1865 } 1866 .owl-slider-wrapper .item img { 1867 display: block; 1868 width: auto; 1869 height:unset!important; 1870 /*height: 368px !important;*/ 1871 max-height: 368px !important; 1872 margin-right: auto; 1873 margin-left: auto; 1874 } 1875} 1876 1877.main-details-wrapper { 1878 background-color:white; 1879} 1880 1881.sct-header { 1882 margin:0em auto 1em; 1883 padding-top:1em; 1884 padding-bottom:1em; 1885} 1886 1887@media (max-width: 680px) { 1888 .sct-header { 1889 margin:0em 0 1em; 1890 padding-top:1em; 1891 padding-bottom:1em; 1892 } 1893} 1894 1895.sct-header .page-title { 1896 margin:1em auto; 1897 min-height:auto; 1898 border:none; 1899 background:unset; 1900 border-bottom:none; 1901} 1902 1903.sct-header .page-title-layer { 1904 margin-left: 0; 1905 margin-right: 0; 1906} 1907 1908.sct-header .page-title-layer > div { 1909 flex:0 0 400px; 1910} 1911 1912.sct-header .page-title-layer > div:first-of-type { 1913 flex:1 1 auto; 1914} 1915 1916.sct-header .page-title-layer, 1917.sct-details .details-wrapper { 1918 display:flex; 1919 flex-direction:row; 1920 background-color: inherit; 1921} 1922 1923.sct-header .page-title-layer .pricing-details { 1924 margin-top:15px; 1925} 1926 1927.property-price-header, 1928.property-address-header { 1929 font-size: 26px !important; 1930 line-height: 30px !important; 1931 font-weight: bold !important; 1932 margin: 0 0 0 0!important; 1933 padding: 0 0 0 0 !important; 1934} 1935 1936.property-area-header { 1937 display:flex; 1938 flex-direction:row; 1939 flex-wrap:wrap; 1940} 1941 1942@media (max-width: 768px){ 1943 .property-price-header, 1944 .property-address-header { 1945 font-size:22px !important; 1946 line-height:normal !important; 1947 font-weight:bold !important; 1948 margin: 0 0 0 0!important; 1949 padding: 0 0 0 0 !important; 1950 } 1951} 1952 1953.details-inner { 1954 flex:1 1 auto; 1955} 1956 1957.details-options { 1958 flex:0 0 400px; 1959} 1960 1961.amenity { 1962 list-style: none; 1963} 1964 1965.amenity-green-building{ 1966 color: #5cb85c; 1967} 1968 1969.header-bg { 1970 background-color:#eee; 1971} 1972 1973@media (min-width: 991px){ 1974 .sct-header .page-title-layer .pricing-details { 1975 margin-left: 30px; 1976 margin-top:0; 1977 } 1978 .details-inner { 1979 margin-right: 15px; 1980 } 1981 1982} 1983 1984#AgentSide .contact-form { 1985 margin: 0 0 !important; 1986} 1987 1988#AgentSide #contact-agent .control-group { 1989 margin:0 auto !important; 1990} 1991 1992.badge { 1993 display: inline-block; 1994 min-width: 10px; 1995 padding: 3px 7px; 1996 font-size: 12px; 1997 font-weight: bold; 1998 line-height: normal; 1999 color: #fff; 2000 text-align: center; 2001 white-space: nowrap; 2002 vertical-align: middle; 2003 background-color: #777; 2004 border-radius: 0; 2005 margin: 0 0; 2006} 2007 2008.badge-ner{ 2009 color: #fff; 2010 background-color: #28a745; 2011} 2012 2013.owl-slider-wrapper { 2014 margin-bottom:0px !important; 2015} 2016 2017.owl-portfolio-slider { 2018 padding-bottom:1em !important; 2019} 2020 2021@media (max-width:991px){ 2022 .owl-portfolio-slider { 2023 padding-bottom: 0; 2024 } 2025 .owl-slider-wrapper { 2026 margin-bottom:2em !important; 2027 } 2028 .mobile-contact-cta { 2029 display: block !important; 2030 margin:1em 0; 2031 } 2032 .details-options { 2033 flex:0 0 400px; 2034 margin-top:1em; 2035 } 2036 2037 .sct-header .page-title-layer .pricing-details { 2038 flex: 1 1 auto; 2039 height:auto; 2040 } 2041 .sct-header .page-title-layer, 2042 .sct-details .details-wrapper { 2043 flex-direction:column; 2044 } 2045 .details-options { 2046 order:0; 2047 } 2048 .details-body { 2049 order:2; 2050 } 2051} 2052 2053.owl-wrapper { 2054 background-color:#eee; 2055 border-color: #ccc; 2056} 2057 2058 2059.detailsSection { 2060 display: flex; 2061 flex-direction: row;
2062 align-content: flex-start; 2063 justify-content: flex-start; 2064 align-items: flex-start; 2065 margin: 1em 0; 2066 justify-items: flex-start; 2067 flex-wrap: wrap; 2068} 2069 2070.detailsSection .essentials { 2071 margin: 5px 0; 2072 font-weight: normal; 2073 width: 33%; 2074 border-bottom: 1px solid #eee; /**/ 2075} 2076.detailsSection .essentials.custom-field { 2077 min-width: 33%; 2078 width:auto; 2079} 2080 2081.detailsSection .essentials span { 2082 display: inline-block; 2083 /*min-width: 100px;*/ 2084} 2085@media (max-width:991px){ 2086 .detailsSection .essentials { 2087 width: 33%; 2088 } 2089} 2090@media (max-width:768px){ 2091 .detailsSection .essentials span { 2092 display: inline-block; 2093 min-width: unset; 2094 } 2095 .detailsSection .essentials { 2096 flex: 1 0 50%; 2097 max-width:50%; 2098 } 2099 .detailsSection .essentials.custom-field { 2100 flex: 1 0 auto; 2101 max-width:100%; 2102 } 2103 .details-wrapper .details-options .sticky-contact > div { 2104 min-height: 100% !important; 2105 } 2106} 2107 2108 2109.contact-agent-form { 2110 display: flex; 2111 flex-direction: column; 2112 background-color:#eee; 2113 margin:0em;padding:15px 15px 15px; 2114 min-height: 512px; 2115} 2116 2117.amenities-box { 2118 background-color:#eee; 2119 padding:1em; 2120 margin:1em auto; 2121} 2122 2123.embed-youtube{ 2124 min-width: 768px; 2125} 2126 2127@media (max-width:768px){ 2128 .embed-youtube{ 2129 min-width: 350px; 2130 } 2131} 2132 2133 2134 2135/* CLEAR HEADER // BOND STYLE */ 2136/* 2137 .header-bg { 2138 background: none !important; 2139 background-color: transparent !important; 2140 } 2141 .light-wrapper.page-title { 2142 background-color: unset !important; 2143 } 2144 2145 .sct-header { 2146 border-bottom: 4px solid #eee !important; 2147 } 2148 2149/* 2150 2151 2152 2153 2154 2155.details .amenity { 2156 min-width: 150px; 2157 text-overflow: ellipsis; 2158 white-space: nowrap; 2159 display: block; 2160 overflow: hidden; 2161 list-style: none; 2162} 2163 2164.details .amenity [class^="icon-"]::before, 2165.details .amenity [class*=" icon-"]::before { 2166 padding-right: 5px; 2167} 2168 2169#AgentSide .email { 2170 min-width: 150px; 2171 text-overflow: ellipsis; 2172 white-space: nowrap; 2173 display: block; 2174 overflow: hidden; 2175} 2176 2177#AgentSide .email i { 2178 padding-right: 5px; 2179} 2180 2181.label.appPending { 2182 color: #FFF; 2183 background-color: rgba(76, 174, 76, 1); 2184 border-color: rgba(76, 174, 76, 1); 2185 font-size: 15px; 2186 padding: 4px 7px; 2187 border-radius: 0px; 2188} 2189 2190.btn-back-to-search { 2191 float: right; 2192 margin-top: -2.5em; 2193} 2194 2195.marker { 2196 background-image: none !important; 2197} 2198 2199 2200 2201 2202</style>
2203<script> 2204 2205 2206 function jumpToContact() { 2207 $(document).scrollTop( $("#contact-agent").offset().top); 2208 } 2209 2210 function sctCalcHeaderHeight(header){ 2211 var sizes = {}; 2212 sizes.height = header.height(); 2213 sizes.paddingTop = parseInt(header.css('padding-top')) 2214 sizes.paddingBottom = parseInt(header.css('padding-bottom')); 2215 sizes.marginTop = parseInt(header.css('margin-top')); 2216 sizes.marginBottom = parseInt(header.css('margin-top')); 2217 sizes.trueHeight = header.outerHeight( true ); 2218 sizes.totalHeight = getTotalHeightOfObject(header); 2219 return sizes; 2220 } 2221 2222 function getTotalHeightOfObject(object) { 2223 if(object == null || object.length == 0) { 2224 return 0; 2225 } 2226 var value = object.height(); 2227 value += parseInt(object.css("padding-top"), 10) + parseInt(object.css("padding-bottom"), 10); //Total Padding Width 2228 value += (Math.abs(parseInt(object.css("margin-top"), 10)) * -1) + (Math.abs(parseInt(object.css("margin-bottom"), 10)) * -1); //Total Margin Width 2229 value += parseInt(object.css("borderTopWidth"), 10) + parseInt(object.css("borderBottomWidth"), 10); //Total Border Width 2230 return value; 2231 } 2232 2233 function handle_details_scroll(el){ 2234 $navbar = $(el).length ? $(el) : ($('nav').length ? $('nav') : $("header")); 2235 var calculatedHeights = sctCalcHeaderHeight($navbar); 2236 var offset = calculatedHeights.trueHeight; 2237 var headerHeight = calculatedHeights.trueHeight; 2238 return headerHeight; 2239 } 2240 2241 function showFloorPlan(floorplanId){ 2242 $("#"+floorplanId+" a").trigger('click'); 2243 //var opts = {backdrop: 'static', keyboard: false}; 2244 // $('#modalFloorPlan .modal-body img').attr('src',floorplanURL); 2245 // $('#modalFloorPlan').modal('show'); 2246 } 2247 2248 document.addEventListener('DOMContentLoaded', function () { 2249 var $ = window.jQuery || window.$; 2250 if (!$) { 2251 console.error('jQuery is required for master.cfm inline scripts'); 2252 return; 2253 } 2254 if (!$.fn || !$.fn.sticky) { 2255 console.error('jquery.sticky is required for master.cfm inline scripts'); 2256 return; 2257 } 2258 var topSacing = 10; 2259 var r = handle_details_scroll('.navbar'); 2260 if(r){ 2261 topSacing = r; 2262 } 2263 var windowsize = $(window).width(); 2264 2265 2266 var getSectionHeight = function(selector){ 2267 var el = $(selector); 2268 return el.length ? el.outerHeight(true) : 0; 2269 }; 2270 var computeBottomSpacing = function(){ 2271 var spacing = 0; 2272 spacing += getSectionHeight('#details-calculator'); 2273 spacing += getSectionHeight('#details-map'); 2274 spacing += getSectionHeight('#details-idx-disclaimer'); 2275 spacing += getSectionHeight('#details-more-listings'); 2276 spacing += getSectionHeight('#footer-extra'); 2277 spacing += getSectionHeight('.link'); 2278 spacing += getSectionHeight('.cfdebug'); 2279 spacing += getSectionHeight('footer'); 2280 spacing += 30; 2281 return spacing; 2282 }; 2283 var initStickyContact = function(){ 2284 if (!$('.sticky-contact').length){ 2285 return; 2286 } 2287 if ($(window).width() > 900){ 2288 try { $('.sticky-contact').sticky('unstick'); } catch(e){} 2289 $('.sticky-contact').sticky({ 2290 topSpacing: topSacing, 2291 bottomSpacing: computeBottomSpacing(), 2292 getWidthFrom:'#contact-agent-div', 2293 zIndex: 1000 2294 }); 2295 } else { 2296 try { $('.sticky-contact').sticky('unstick'); } catch(e){} 2297 } 2298 }; 2299 initStickyContact(); 2300 $(window).on('load resize', function(){ 2301 initStickyContact(); 2302 }); 2303 setTimeout(function(){ 2304 initStickyContact(); 2305 }, 1000); 2306 setTimeout(function(){ 2307 initStickyContact(); 2308 }, 2500); 2309 2310 $('#jumpToContact').on('click',function(e){
2311 // prevent default 2312 e.preventDefault(); 2313 $(".contact-agent-form")[0].scrollIntoView(true); 2314 }); 2315 }); 2316 2317</script>
2317 2318 2319 2320 2321 2322 2323 2324 <div class="offset"></div> 2325 <div name="top"></div> 2326 2327 2328 <div class="main-details-wrapper"> 2329 2330 2331 2332 <div class="property images-container" data-image-count="13"> 2333 <style> 2334 .property.images-container { 2335 display: block; 2336 position: relative; 2337 box-sizing: border-box; 2338 width: 100%; 2339 overflow: hidden; 2340 } 2341 2342 .iframeVirtualTour{ 2343 width:768px; 2344 } 2345 2346 @media (max-width: 425px){ 2347 .property.images-container { 2348 height: auto; 2349 overflow: hidden; 2350 } 2351 2352 .iframeVirtualTour{ 2353 width:390px; 2354 } 2355 } 2356 .owl-slider-wrapper .owl-custom-nav .slider-prev { 2357 position: absolute; 2358 top: 50%; 2359 left: 20px; 2360 pointer-events: auto; 2361 } 2362 .owl-slider-wrapper .owl-custom-nav .slider-next { 2363 position: absolute; 2364 top: 50%; 2365 right: 20px; 2366 pointer-events: auto; 2367 } 2368 2369 /* 2370 * Slides whose photo has not been reached yet -- or has been unloaded again 2371 * to reclaim memory -- carry data-src but no src. Hide them so the browser 2372 * renders neither the alt text nor a broken-image glyph. 2373 */ 2374 .owl-portfolio-slider-2 img[data-src]:not([src]) { 2375 visibility: hidden; 2376 } 2377 2378 /* 2379 * autoHeight measures the current slide, so the carousel would briefly 2380 * collapse to 0 in the instant between a slide becoming current and its 2381 * photo decoding. Floor it instead. 2382 */ 2383 .owl-portfolio-slider-2 .owl-stage-outer { 2384 min-height: 200px; 2385 } 2386</style> 2387 2388 2389 2390 2391 <div class="owl-slider-wrapper"> 2392 <div class="owl-portfolio-slider-2 owl-carousel" style="width:1px;min-width: 100%;"> 2393 2394 2395 2396 <div class="item imageIsHorizon" > 2397 2398 2399 <a id="image-1" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555411.jpg" data-lightbox="property-details" > 2400 <img src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555411.jpg" data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555411.jpg" alt="N Paulina - Photo 1" width="768" height="444" decoding="async"> 2401 </a> 2402 2403 2404 </div> 2405 2406 2407 2408 <div class="item imageIsHorizon" > 2409 2410 2411 <a id="image-2" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555412.jpg" data-lightbox="property-details" > 2412 <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555412.jpg" alt="N Paulina - Photo 2" width="768" height="444" decoding="async"> 2413 </a> 2414 2415 2416 </div> 2417 2418 2419 2420 <div class="item imageIsHorizon" > 2421 2422 2423 <a id="image-3" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555413.jpg" data-lightbox="property-details" > 2424 <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555413.jpg" alt="N Paulina - Photo 3" width="768" height="444" decoding="async"> 2425 </a> 2426 2427 2428 </div> 2429 2430 2431 2432 <div class="item imageIsHorizon" > 2433 2434 2435 <a id="image-4" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555414.jpg" data-lightbox="property-details" > 2436 <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555414.jpg" alt="N Paulina - Photo 4" width="768" height="444" decoding="async"> 2437 </a> 2438 2439 2440 </div> 2441 2442 2443 2444 <div class="item imageIsHorizon" > 2445 2446 2447 <a id="image-5" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555415.jpg" data-lightbox="property-details" > 2448 <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555415.jpg" alt="N Paulina - Photo 5" width="768" height="444" decoding="async"> 2449 </a> 2450 2451 2452 </div> 2453 2454 2455 2456 <div class="item imageIsHorizon" > 2457 2458 2459 <a id="image-6" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555416.jpg" data-lightbox="property-details" > 2460 <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555416.jpg" alt="N Paulina - Photo 6" width="768" height="444" decoding="async"> 2461 </a> 2462 2463 2464 </div> 2465 2466 2467 2468 <div class="item imageIsHorizon" > 2469 2470 2471 <a id="image-7" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555417.jpg" data-lightbox="property-details" > 2472 <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555417.jpg" alt="N Paulina - Photo 7" width="768" height="444" decoding="async"> 2473 </a> 2474 2475 2476 </div> 2477 2478 2479 2480 <div class="item imageIsHorizon" > 2481 2482 2483 <a id="image-8" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555418.jpg" data-lightbox="property-details" > 2484 <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555418.jpg" alt="N Paulina - Photo 8" width="768" height="444" decoding="async"> 2485 </a> 2486 2487 2488 </div> 2489 2490 2491 2492 <div class="item imageIsHorizon" > 2493 2494 2495 <a id="image-9" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555419.jpg" data-lightbox="property-details" > 2496 <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555419.jpg" alt="N Paulina - Photo 9" width="768" height="444" decoding="async"> 2497 </a> 2498 2499 2500 </div> 2501 2502 2503 2504 <div class="item imageIsHorizon" > 2505 2506 2507 <a id="image-10" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555420.jpg" data-lightbox="property-details" > 2508 <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555420.jpg" alt="N Paulina - Photo 10" width="768" height="444" decoding="async"> 2509 </a> 2510 2511 2512 </div> 2513 2514 2515 2516 <div class="item imageIsHorizon" > 2517 2518 2519 <a id="image-11" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555421.jpg" data-lightbox="property-details" > 2520 <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555421.jpg" alt="N Paulina - Photo 11" width="768" height="444" decoding="async"> 2521 </a> 2522 2523 2524 </div> 2525 2526 2527 2528 <div class="item imageIsHorizon" > 2529 2530 2531 <a id="image-12" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555422.jpg" data-lightbox="property-details" > 2532 <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555422.jpg" alt="N Paulina - Photo 12" width="768" height="444" decoding="async"> 2533 </a> 2534 2535 2536 </div> 2537 2538 2539 2540 <div class="item imageIsHorizon" > 2541 2542 2543 <a id="image-13" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555423.jpg" data-lightbox="property-details" > 2544 <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555423.jpg" alt="N Paulina - Photo 13" width="768" height="444" decoding="async"> 2545 </a> 2546 2547 2548 </div> 2549 2550 2551 </div> 2552 2553 <div class="owl-custom-nav"> 2554 <a class="slider-prev"></a> 2555 <a class="slider-next"></a> 2556 </div> 2557 2558 </div> 2559 2560 2561
2562<script> 2563 (function () { 2564 /* 2565 * Initialize the listing photo carousel as soon as jQuery and the Owl 2566 * Carousel plugin are both available -- without waiting for window.load. 2567 * 2568 * This was previously wrapped in $(window).load(), which fires only 2569 * after EVERY resource on the page (dozens of third-party scripts, 2570 * stylesheets, images, map tiles) has finished loading. The .owl-carousel 2571 * element is display:none until owlCarousel() runs, so if any one of 2572 * those resources stalled on the visitor's network/browser, window.load 2573 * never fired, the carousel never initialized, and no photos appeared -- 2574 * while the plain-HTML listing text still rendered. 2575 * 2576 * It cannot run inline or on $(document).ready() either: on the details 2577 * page Owl Carousel is loaded as a
2577<script defer> lower in the document, 2578 * so it is not available during inline parsing, and a *different* stalled 2579 * defer script can block DOMContentLoaded. So poll for the plugin (the 2580 * same pattern shared/_scripts.cfm uses for the reCAPTCHA loader) and 2581 * initialize the moment it is ready -- independent of any load event or 2582 * script order. 2583 */ 2584 var waited = 0; 2585 2586 /* 2587 * How many slides either side of the visible window to keep decoded, so 2588 * the next photo is ready before the visitor reaches it. 2589 */ 2590 var PRELOAD = 2; 2591 2592 /* 2593 * Keep only a sliding window of the carousel's media live. 2594 * 2595 * Owl clones every slide when loop is on and rewind is off: the clone 2596 * count is Math.max(items * 2, ceil(n / 2) * 2), so a 52-slide listing 2597 * ends up with 52 clones -- 104 slides in the DOM. Left eager, that is 2598 * every photo decoded twice plus two copies of each virtual-tour embed. 2599 * Mobile Safari's WebContent process gets killed well before the end of 2600 * that, which is the "A problem repeatedly occurred" page: the memory 2601 * climbs monotonically as each newly painted slide is decoded and 2602 * nothing is ever released, so any navigation -- arrows, swipe, dots -- 2603 * walks it off the cliff. 2604 * 2605 * So load a slide's media as it comes into range and release it again on 2606 * the way out, which puts a ceiling on resident memory no matter how far 2607 * the visitor swipes. 2608 */ 2609 function initWindowedMediaLoader(owl2) { 2610 var $ = window.jQuery; 2611 var core = owl2.data('owl.carousel'); 2612 2613 if (!core || !core.$stage) { return; } 2614 2615 function isLive(el) { 2616 var src = el.getAttribute('src'); 2617 return !!src && src !== 'about:blank'; 2618 } 2619 2620 function activate(el) { 2621 var url = el.getAttribute('data-src'); 2622 2623 if (!url || isLive(el)) { return; } 2624 2625 if (el.tagName === 'IMG') { 2626 // autoHeight sizes the carousel off the current slide, which 2627 // has no height until its photo has dimensions. 2628 $(el).one('load error', updateHeight); 2629 } 2630 2631 el.setAttribute('src', url); 2632 2633 if (el.tagName === 'SOURCE' && el.parentNode && el.parentNode.load) { 2634 el.parentNode.load(); 2635 } 2636 } 2637 2638 function release(el) { 2639 if (!el.getAttribute('data-src') || !isLive(el)) { return; } 2640 2641 if (el.tagName === 'IFRAME') { 2642 // Navigate the frame rather than just dropping the attribute: 2643 // that is what actually discards the embedded document and 2644 // any WebGL context (Matterport) or media pipeline it holds. 2645 el.setAttribute('src', 'about:blank'); 2646 return; 2647 } 2648 2649 if (el.tagName === 'VIDEO' || el.tagName === 'SOURCE') { 2650 var video = el.tagName === 'VIDEO' ? el : el.parentNode; 2651 el.removeAttribute('src'); 2652 if (video && video.pause) { video.pause(); video.load(); } 2653 return; 2654 } 2655 2656 el.removeAttribute('src'); 2657 } 2658 2659 /* 2660 * A copy of AutoHeight.prototype.update. Deliberately not 2661 * refresh.owl.carousel: Owl.setup() unconditionally invalidates 2662 * 'settings', and the clone pipeline stage filters on it, so every 2663 * refresh tears down and rebuilds all 52 clones -- re-creating the 2664 * cloned tour iframes along with them. 2665 */ 2666 function updateHeight() { 2667 if (!core.settings || !core.settings.autoHeight) { return; } 2668 2669 var items = core.settings.items || 1; 2670 var height = 0; 2671 2672 core.$stage.children().slice(core._current, core._current + items).each(function () { 2673 height = Math.max(height, $(this).height()); 2674 }); 2675 2676 if (height > 0) { core.$stage.parent().height(height); } 2677 } 2678 2679 function sync() { 2680 var settings = core.settings || {}; 2681 var items = settings.items || 1; 2682 var current = core._current || 0; 2683 2684 /* 2685 * With center on, the current slide sits in the MIDDLE of the 2686 * visible run, so the run starts to the LEFT of it. Treating 2687 * current as the leftmost visible slide leaves the left-hand 2688 * neighbour on screen but never activated -- which is a blank 2689 * gap where a tour embed should be, since the tour slides are 2690 * last and loop around to sit left of the first photo. 2691 * 2692 * lead is 0 when items is 1, so a phone still keeps exactly one 2693 * embed live; only the >=991 breakpoints (items:3) widen. 2694 */ 2695 var lead = settings.center ? Math.floor((items - 1) / 2) : 0; 2696 var visFirst = current - lead; 2697 var visLast = visFirst + items - 1; 2698 var first = visFirst - PRELOAD; 2699 var last = visLast + PRELOAD; 2700 2701 /* 2702 * The >=991 breakpoints run autoWidth, which measures each slide 2703 * from its content -- an unloaded photo is 0 wide and would 2704 * collapse the layout. Desktop has the memory headroom anyway, 2705 * so window the photos only where autoWidth is off (phone and 2706 * tablet, which is where the crash lives). The tour embeds are 2707 * windowed everywhere; they are heavy on any device. 2708 */ 2709 var keepAllPhotos = !!settings.autoWidth; 2710 2711 core.$stage.children().each(function (index, slide) { 2712 var inWindow = index >= first && index <= last; 2713 var isVisible = index >= visFirst && index <= visLast; 2714 var media = slide.querySelectorAll('[data-src]'); 2715 2716 for (var m = 0; m < media.length; m++) { 2717 var el = media[m]; 2718 var wanted = el.tagName === 'IMG' 2719 ? (keepAllPhotos || inWindow) 2720 : isVisible; 2721 2722 if (wanted) { activate(el); } else { release(el); } 2723 } 2724 }); 2725 } 2726 2727 // refreshed fires after Owl rebuilds its clones, which arrive as 2728 // fresh copies of the originals -- so re-apply the window then too. 2729 owl2.on('changed.owl.carousel translated.owl.carousel ' + 2730 'refreshed.owl.carousel resized.owl.carousel', function (e) { 2731 if (!e.namespace) { return; } 2732 sync(); 2733 }); 2734 2735 sync(); 2736 } 2737 2738 function initPropertyImagesCarousel() { 2739 if (typeof window.jQuery === "undefined" || 2740 typeof window.jQuery.fn.owlCarousel === "undefined") { 2741 if (waited < 15000) { // give up after ~15s 2742 waited += 30; 2743 setTimeout(initPropertyImagesCarousel, 30); 2744 } 2745 return; 2746 } 2747 2748 var $ = window.jQuery; 2749 var owl2 = $('.owl-portfolio-slider-2'); 2750 2751 if (owl2.length) { 2752 owl2.owlCarousel({ 2753 loop: true, 2754 nav: false, 2755 dots: 0, 2756 margin: 7, 2757 autoplayTimeout: 2500, 2758 autoplayHoverPause: true, 2759 autoplay: 0, 2760 lazyLoad: false, 2761 center: true, 2762 rewind: false, 2763 startPosition: 0, 2764 responsiveClass: 1, 2765 autoHeight: 1, 2766 video: 1, 2767 responsive: { 2768 0: { items: 1, autoWidth: 0 }, 2769 768: { items: 1, autoWidth: 0}, 2770 2771 991: { items: 3, autoWidth: 1}, 2772 1024: {items: 3, autoWidth: 1}, 2773 2774 2775 }, 2776 }); 2777
2778 $(".slider-next").click(function () { 2779 owl2.trigger('next.owl.carousel'); 2780 }); 2781 $(".slider-prev").click(function () { 2782 owl2.trigger('prev.owl.carousel'); 2783 }); 2784 2785 initWindowedMediaLoader(owl2); 2786 } 2787 } 2788 2789 initPropertyImagesCarousel(); 2790 })(); 2791</script>
2791 2792 2793 2794 2795 2796<style> 2797 /* 2798 * lb-loop is what keeps the arrows reachable at the ends of the album. It 2799 * is set only for albums worth paging through, so a lone floorplan 2800 * lightbox keeps its arrow-less look. 2801 */ 2802 .lightbox.lb-loop .lb-nav a.lb-prev, 2803 .lightbox.lb-loop .lb-nav a.lb-next { 2804 display: block !important; 2805 } 2806</style> 2807
2808<script> 2809 (function () { 2810 'use strict'; 2811 2812 var GROUP = 'data-lightbox'; 2813 var CLONE = 'data-lightbox-clone'; 2814 var LEFT = 37; 2815 var RIGHT = 39; 2816 2817 // hrefs of the album currently open, in the order the agent set. 2818 var album = []; 2819 2820 function indexOf(list, value) { 2821 for (var i = 0; i < list.length; i++) { 2822 if (list[i] === value) { return i; } 2823 } 2824 return -1; 2825 } 2826 2827 function viewer() { 2828 return document.getElementById('lightbox'); 2829 } 2830 2831 function anchorsFor(group) { 2832 return document.querySelectorAll('a[' + GROUP + '="' + group + '"]'); 2833 } 2834 2835 /* 2836 * Owl rebuilds its clones from the originals on every refresh and 2837 * resize, and the rebuilt copies carry data-lightbox again -- so this 2838 * runs per click rather than once at startup. 2839 */ 2840 function demoteClones() { 2841 var clones = document.querySelectorAll('.cloned a[' + GROUP + ']'); 2842 2843 for (var i = 0; i < clones.length; i++) { 2844 clones[i].setAttribute(CLONE, clones[i].getAttribute(GROUP)); 2845 clones[i].removeAttribute(GROUP); 2846 } 2847 } 2848 2849 // Clones are copies, so the href is what ties one back to its original. 2850 function originalOf(clone) { 2851 var originals = anchorsFor(clone.getAttribute(CLONE)); 2852 var href = clone.getAttribute('href'); 2853 2854 for (var i = 0; i < originals.length; i++) { 2855 if (originals[i].getAttribute('href') === href) { return originals[i]; } 2856 } 2857 return null; 2858 } 2859 2860 function rememberAlbum(group) { 2861 var anchors = anchorsFor(group); 2862 var lb = viewer(); 2863 var classes; 2864 2865 album = []; 2866 for (var i = 0; i < anchors.length; i++) { 2867 album.push(anchors[i].getAttribute('href')); 2868 } 2869 2870 if (!lb) { return; } 2871 2872 classes = (' ' + lb.className + ' ').replace(/ lb-loop /g, ' '); 2873 lb.className = (album.length > 1 ? classes + 'lb-loop' : classes) 2874 .replace(/^\s+|\s+$/g, ''); 2875 } 2876 2877 function anchorFrom(node) { 2878 while (node && node !== document) { 2879 if (node.nodeType === 1 && node.tagName === 'A' && 2880 (node.hasAttribute(GROUP) || node.hasAttribute(CLONE))) { 2881 return node; 2882 } 2883 node = node.parentNode; 2884 } 2885 return null; 2886 } 2887 2888 /* 2889 * Capture phase on purpose: lightbox listens on <body> as the click 2890 * bubbles up, so this is the last point at which the anchors can be 2891 * reshaped -- and a clone swapped for its original -- before the album 2892 * is collected from the DOM. 2893 */ 2894 document.addEventListener('click', function (e) { 2895 var anchor = anchorFrom(e.target); 2896 var original; 2897 2898 if (!anchor) { return; } 2899 2900 demoteClones(); 2901 2902 if (anchor.hasAttribute(CLONE)) { 2903 original = originalOf(anchor); 2904 if (!original) { return; } 2905 2906 e.preventDefault(); 2907 e.stopPropagation(); 2908 original.click(); // re-enters here, this time as an original 2909 return; 2910 } 2911 2912 rememberAlbum(anchor.getAttribute(GROUP)); 2913 }, true); 2914 2915 /* 2916 * Nudge the arrow keys over the edge by clicking the arrow the library 2917 * just declined to follow -- its own handler wraps. 2918 */ 2919 document.addEventListener('keyup', function (e) { 2920 var lb = viewer(); 2921 var key = e.keyCode || e.which; 2922 var image, at, arrow; 2923 2924 if (!lb || lb.offsetParent === null || album.length < 2) { return; } 2925 if (key !== LEFT && key !== RIGHT) { return; } 2926 2927 image = lb.querySelector('.lb-image'); 2928 at = image ? indexOf(album, image.getAttribute('src')) : -1; 2929 2930 if (key === LEFT && at === 0) { 2931 arrow = lb.querySelector('.lb-prev'); 2932 } else if (key === RIGHT && at === album.length - 1) { 2933 arrow = lb.querySelector('.lb-next'); 2934 } 2935 2936 if (arrow) { arrow.click(); } 2937 }); 2938 }()); 2939</script>
2939 2940 2941 </div> 2942 2943 2944 <div class="header-bg" style="position:relative;top:0;left:0;right:0;bottom:0;"> 2945 <div class="sct-header container" style="position:relative; margin-bottom:0em;"> 2946 <div class="light-wrapper page-title details-title" style="position:relative;z-index:100;"> 2947 2948 2949 <div class="page-title-layer" style=""> 2950 2951 2952 <div class='address-details'> 2953 2954 <h1 class="property-address-header" style=""> 2955 N PAULINA 2956 </h1> 2957 2958 2959 <div class="property-area-header" style="font-size: 16px;line-height:2;font-weight: bold;vertical-align: middle;display: flex;align-items: center;justify-items: center;align-content: center;"> 2960 <div class="property-area-header-type-status"> 2961 Apartment For Rent 2962 • 2963 2964 </div> 2965 2966 <a href="index.cfm?page=neighborhoods&cat_name=United-Center"> 2967 United Center 2968 </a> 2969 2970 </div> 2971 2972 <div style="font-size:14px;line-height:1;font-weight:bold;"> 2973 <span> 2974 Web ID # 125868 2975 </span> 2976 2977 </div> 2978 2979 2980 </div> 2981 <div class='pricing-details'> 2982 2983 <h2 class="property-price-header" style=""> 2984 $ 2,495 2985 </h2> 2986 2987 2988 <div style="font-size: 16px;line-height:2;font-weight: bold;vertical-align: middle;display: flex;align-items: center;justify-items: center;align-content: center;"> 2989 2 Beds • 2 Baths 2990 2991 </div> 2992 2993 2994 2995 2996 <div style="font-size:14px;line-height:1;font-weight:bold;"> 2997 2998 2999 </div> 3000 3001 3002 3003</table> 3004 3005 </div> 3006 3007 </div> 3008 3009 3010 </div> 3011 </div> 3012 </div> 3013 3014 3015 3016 3017 3018 <div class="sct-details container"> 3019 3020 3021
3022<script> 3023 function showVtour(video_id) { 3024 $('.owl-portfolio-slider-2').trigger('to.owl.carousel', 13); 3025 } 3026 3027 function goBackAndClearHash() { 3028 var returnURL; 3029 3030 // 1. Check URL parameter (most reliable in iframe context) 3031 try { 3032 var params = new URLSearchParams(window.location.search); 3033 returnURL = params.get('idxReturnUrl'); 3034 console.log('idxReturnUrl param:', returnURL); 3035 } catch(e){ console.log('URLSearchParams error:', e); } 3036 3037 // 2. Fallback to sessionStorage 3038 if (!returnURL) { 3039 try { returnURL = sessionStorage.getItem('idxFrameReturnURL'); } catch(e){} 3040 console.log('sessionStorage fallback:', returnURL); 3041 } 3042 3043 // 3. Fallback to referrer 3044 if (!returnURL && document.referrer && document.referrer !== window.location.href) { 3045 returnURL = document.referrer; 3046 console.log('referrer fallback:', returnURL); 3047 } 3048 3049 console.log('goBackAndClearHash navigating to:', returnURL); 3050 if (returnURL) { 3051 window.location.href = returnURL; 3052 } else { 3053 history.pushState("", document.title, window.location.pathname + window.location.search); 3054 history.go(-1); 3055 } 3056 } 3057</script>
3057 3058 3059 3060<style> 3061 3062 a.btn > span.material-icons { 3063 vertical-align:sub; 3064 font-size:20px; 3065 padding-right:4px; 3066 } 3067 .dspPropertyOptions{ 3068 display:flex; 3069 width: 100%; 3070 align-content: space-between; 3071 align-items: flex-start; 3072 flex-wrap: nowrap; 3073 margin: 5px 0; 3074 } 3075 3076 .dspPropertyOptions DIV { 3077 float: none; 3078 flex-basis: 100% 3079 /* flex: 1 1 calc(50% - 30px) !important; */ 3080 } 3081 3082 .dspPropertyOptions div button.btn.btn-primary, 3083 .dspPropertyOptions div a.btn.btn-primary 3084 { 3085 /* width: calc(100% - 15px) !important; */ 3086 padding: 10px 10px !important; 3087 margin: 7px 7px 7px 0px !important; 3088 background-color:white !important; 3089 border:1px solid #e5e5e5 !important; 3090 color:black !important; 3091 width: -webkit-fill-available; 3092 width: -moz-available; 3093 } 3094 3095 3096</style> 3097 3098 3099 3100 3101<div class="dspPropertyOptions border"> 3102 3103 3104 3105 <div class="mx-share dropdown" style="text-align: center;"> 3106 3107 <a style="" class="btn btn-primary dropdown-toggle" type="button" id="dropdownShareButtonMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 3108 <span class="material-icons">share</span><span class="hidden-xs">SHARE</span> 3109 </a> 3110 3111 3112 3113 3114 3115 3116 3117 <div class="dropdown-menu mx-share-options" style="min-width: calc(100% - 15px);top:calc(100% - 6px) !important;margin: 0 7px !important;text-align: center;" aria-labelledby="dropdownShareButtonMenu"> 3118 3119 3120 3121 <a style="cursor:pointer;" class="dropdown-item facebook-share" title="Share to Facebook" onclick="window.open('https://www.facebook.com/dialog/share?app_id=555807147889603&display=popup&href=https%3A%2F%2Fchicagoapartmentfinders%2Ecom%2Funited%2Dcenter%2Fapartment%2Dfor%2Drent%2Fn%2Dpaulina%2F125868&picture=https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555411.jpg&title=2 Bedrooms Apartment For Rent in United Center&redirect_uri=https://chicagoapartmentfinders.com/fbThankyou.cfm','sharer','toolbar=0,status=0,width=548,height=350');return false;" rel="nofollow"><i class="fab fa-3x fa-facebook-square"></i></a> 3122 <a style="cursor:pointer;" class="dropdown-item twitter-share" onclick="window.open('http://twitter.com/share?url=https%3A%2F%2Fchicagoapartmentfinders%2Ecom%2Funited%2Dcenter%2Fapartment%2Dfor%2Drent%2Fn%2Dpaulina%2F125868&text=2 Bedrooms Apartment For Rent in United Center&count=horiztonal','sharer','toolbar=0,status=0,width=548,height=350');return false;" title="Share to Twitter" rel="nofollow"><i class="fab fa-3x fa-twitter-square"></i></a> 3123 <a style="cursor:pointer;" class="dropdown-item email-share modalEmailToFriend" data-toggle="modal" data-target="#modalEmailToFriend" title="Share with a friend" rel="nofollow"><i class="fas fa-3x fa-envelope-square"></i></a> 3124 3125 </div> 3126 3127 </div> 3128 3129 3130 3131 3132 3133 <div class="sprite-icons listing-details-print-btn hidden-xs"> 3134 <span class="reicon-print vtip2" title="Print This Listing"></span> 3135 <a class="btn btn-primary btn-large arrow-right" href="javascript:void(0);" onclick="window.open('print.cfm?id=125868&cinfo=0&source=', '_blank')"><span class="material-icons">print</span><span class="hidden-xs">Print</span></a> 3136 </div> 3137 3138 3139 3140 3141 <div class="sprite-icons sprite-icons-neighborhood" style="display:none;"> 3142 <span class="reicon-neighborhood vtip2" title="Neighborhood"></span> 3143 <a class="btn btn-primary btn-large arrow-right" href="index.cfm?page=neighborhoods&cat_name=United-Center" >Neighborhood</a> 3144 </div> 3145 3146 <div class="sprite-icons"> 3147 <span class="reicon-binoculars vtip2" title="Similar Listings"></span> 3148 3149 <a class="btn btn-primary btn-large arrow-right" 3150 href="https://chicagoapartmentfinders.com/index.cfm?page=properties&status=2&cat=389&minPrice=2120.75&maxPrice=2869.25&minBeds=2&maxBeds=99999&minBaths=2&startat=1&maxrows=12&sort=Price&order=Desc&Similar=true&ignoreID=125868" rel="nofollow"><span class="material-icons">manage_search</span><span class="hidden-xs">Similar</span></a> 3151 3152 </div> 3153 3154 <div class="sprite-icons">
3155 <span class="reicon-back vtip2" title="Recently Viewed"></span> 3156 <a class="btn btn-primary btn-large arrow-right" href="index.cfm?page=properties&searchType=recent" rel="nofollow"><span class="material-icons">history</span><span class="hidden-xs">Recent</span></a> 3157 </div> 3158 3159 3160 <div class="sprite-icons"> 3161 3162 <a href="#top" 3163 id="pOptions-saveButton" 3164 class="btn btn-primary btn-large arrow-right" 3165 data-pid="125868" 3166 data-psource="" 3167 data-paction="save" 3168 onclick="loginAndSaveListing(this); return false;"><span class="material-icons">favorite</span><span class="hidden-xs">Save</span></a> 3169 3170 </div> 3171 3172 3173</div> 3174 3175 <div class="details-wrapper" style="display:flex;"> 3176 <div class="details-inner" style=""> 3177 3178 <div class="amenities-box" style="margin:0;" > 3179 <h3>Building & Unit Features</h3> 3180 <div class="row"> 3181 3182 <div class="col-xs-6 col-sm-4 property-ammenitiy-option"> 3183 3184 <li class="amenity"><i class="fa fa-check"></i> City View</li> 3185 </div> 3186 3187 <div class="col-xs-6 col-sm-4 property-ammenitiy-option"> 3188 3189 <li class="amenity"><i class="fa fa-check"></i> Dishwasher</li> 3190 </div> 3191 3192 <div class="col-xs-6 col-sm-4 property-ammenitiy-option"> 3193 3194 <li class="amenity"><i class="fa fa-check"></i> Eat In Kitchen</li> 3195 </div> 3196 3197 <div class="col-xs-6 col-sm-4 property-ammenitiy-option"> 3198 3199 <li class="amenity"><i class="fa fa-check"></i> Fireplace</li> 3200 </div> 3201 3202 <div class="col-xs-6 col-sm-4 property-ammenitiy-option"> 3203 3204 <li class="amenity"><i class="fa fa-check"></i> Granite Kitchen</li> 3205 </div> 3206 3207 <div class="col-xs-6 col-sm-4 property-ammenitiy-option"> 3208 3209 <li class="amenity"><i class="fa fa-check"></i> Hardwood</li> 3210 </div> 3211 3212 <div class="col-xs-6 col-sm-4 property-ammenitiy-option"> 3213 3214 <li class="amenity"><i class="fa fa-check"></i> High Ceilings</li> 3215 </div> 3216 3217 <div class="col-xs-6 col-sm-4 property-ammenitiy-option"> 3218 3219 <li class="amenity"><i class="fa fa-check"></i> Laundry In Unit</li> 3220 </div> 3221 3222 <div class="col-xs-6 col-sm-4 property-ammenitiy-option"> 3223 3224 <li class="amenity"><i class="fa fa-check"></i> Microwave</li> 3225 </div> 3226 3227 <div class="col-xs-6 col-sm-4 property-ammenitiy-option"> 3228 3229 <li class="amenity"><i class="fa fa-check"></i> Open Kitchen</li> 3230 </div> 3231 3232 <div class="col-xs-6 col-sm-4 property-ammenitiy-option"> 3233 3234 <li class="amenity"><i class="fa fa-check"></i> Open View</li> 3235 </div> 3236 3237 <div class="col-xs-6 col-sm-4 property-ammenitiy-option"> 3238 3239 <li class="amenity"><i class="fa fa-check"></i> Stainless Steel Appliances</li> 3240 </div> 3241 3242 </div> 3243 </div> 3244 3245 <div style="display: none;margin-top:1em !important;" class="mobile-contact-cta"> 3246 3247 <a style="width:100%;" href="javascript:void(0);" id="jumpToContact" 3248 class="btn btn-primary">Contact Agent</a> 3249 </div> 3250 3251 3252 3253 <div class="details-body" style=""> 3254 3255 3256 3257 3258 3259<div style=""> 3260 3261 <div class="detailsSection" style="margin:1em 0;"> 3262 3263 <div style="clear:both;"></div> 3264 3265</div> 3266 3267</div> 3268 3269 3270 <div id="long-text"> 3271 West Loop construction features walk-in closet, intercom, Jacuzzi tub, dishwasher, microwave, marble bathroom, stainless steel appliances, cherry cabinets, granite countertops, recessed lighting, 10 foot ceilings and under-cabinet lighting. Pink and Green Lines three blocks away. Easy access to Eisenhower Expressway. Central courtyard and garden. Solid brick construction.<br/><br/> 3272 </div> 3273 3274 3275<div class="detailsSection"> 3276 3277 <div class="essentials availability">
3278 <span>Availability: </span>10/15/2026 3279 </div> 3280 3281 <div class="essentials"> 3282 <span>Parking: </span> 3283 Outdoor 3284 </div> 3285 3286 <div class="essentials"> 3287 <span>Pet Policy: </span>Small Pets 3288 </div> 3289 3290</div> 3291 3292 </div> 3293 </div> 3294 3295 <div class="details-options" style=""> 3296 3297 <div id="contact-agent-div"> 3298 <a id="contact-agent"></a> 3299 <div class="sticky-contact" style="position:sticky;top:0;"> 3300 <div class="contact-agent-form" style=""> 3301 3302 3303 3304 3305 3306<div id="AgentSide" class="" style=""> 3307 3308 3309 3310 <h3>Listing Agent</h3> 3311 3312 <br /> 3313 3314 3315 <div class="agent" style="flex: 1 1 auto;"> 3316 <a href="https://chicagoapartmentfinders.com/?page=agents&id=44"> 3317 <span style="display:none;">Thomas Alcorn</span> 3318 3319 <div class="image circular agent-small" style="background: url('https://www.chicagoapartmentfinders.com/images//agents/thumbs/44.jpg') no-repeat; background-size:contain; float:left; "></div> 3320 </a> 3321 3322 <div class="name"> 3323 <a href="https://chicagoapartmentfinders.com/?page=agents&id=44">Thomas Alcorn</a> 3324 </div> 3325 3326 3327 <div class="phone"> 3328 <i class="icon-mobile"></i> <a href="tel:312-480-0933">312-480-0933</a> 3329 </div> 3330 3331 <div class="email"> 3332 3333 <i class="icon-mail"></i>[email protected] 3334 </div> 3335 3336 3337 3338 </div><!-- /.agent --> 3339 3340 3341<div class="content" id="contact-agent"> 3342 3343 <div id="noticeDisplay"></div> 3344 3345 3346 3347 3348 <form method="post" id="thisForm" class="contact-form" action="?page=details&id=125868&source=&submitted=yes"> 3349 3350 3351 3352 <input type="hidden" name="agentEmail" value="[email protected]" /> 3353 3354 <input type="hidden" name="agentID" value="44" /> 3355 3356 <div class="control-group"> 3357 <div class="controls"> 3358 <input aria-label="Your Name" type="text" name="name" id="inputClientName" placeholder="Your Name" class="required"> 3359 </div><!-- /.controls --> 3360 </div><!-- /.control-group --> 3361 3362 <div class="control-group"> 3363 <div class="controls"> 3364 <input aria-label="Your Email Address" type="text" name="email" placeholder="Your E-Mail Address" id="inputClientEmail" class="required"> 3365 </div><!-- /.controls --> 3366 </div><!-- /.control-group --> 3367 3368 <div class="control-group"> 3369 <div class="controls"> 3370 <input type="text" aria-label="Your Phone Number" maxlength="24" name="dayphone" placeholder="Your Phone Number" id="inputPhone" class="required"> 3371 </div><!-- /.controls --> 3372 </div><!-- /.control-group --> 3373 3374 <div class="control-group"> 3375 <div class="controls"> 3376 3377 3378 <textarea aria-label="Your Comments" name="comments" placeholder="Your Comments" id="inputMessage" class="required">I'm interested in this property and would like more information.</textarea> 3379 </div><!-- /.controls --> 3380 </div><!-- /.control-group --> 3381 3382 3383 <div class="control-group emailSimilar"> 3384 <div class="controls checkbox checkbox-primary"> 3385 <input type="checkbox" class="checkbox" aria-label="Email Alerts" value="1" name="enableAlerts" placeholder="Email about Simlar Listings" id="inputEnableAlerts"> 3386 <label for="inputEnableAlerts">E-Mail me about similar listings</label> 3387 </div> 3388 </div> 3389 3390 3391 <div class="form-actions"> 3392 3393 <div class="g-recaptcha" 3394 style="margin-bottom:15px;" 3395 data-sitekey="6LeNq3IUAAAAAB8qEgcis9wJqs5N3ftVrDLiWJWm" 3396 ></div> 3397 <p style="color:red;display:none;" class="error-captcha">Please check the captcha.</p> 3398 3399 3400 <span class="small" style="line-height:12px;font-size: 80%;"> 3401
3402 I agree to receive marketing and customer service calls and text messages from Coldwell Banker Rental Division. Consent is not a condition of purchase. Msg/data rates may apply. Msg frequency varies. Reply STOP to unsubscribe. <a href="?page=policy&sub=privacy">Privacy Policy</a>. 3403 3404 <br><br> 3405 </span> 3406 3407 3408 <input type="button" class="btn btn-submit bm0" value="Contact Agent" onclick="submitPropertyContact($('#thisForm'));"> 3409 3410 </div> 3411 <!-- /.form-actions --> 3412 3413 </form> 3414</div><!-- /.content --> 3415 3416 3417 3418
3419<script> 3420 // trim email value 3421 $().ready(function(){ 3422 $('#inputClientEmail').on('change',function(){ 3423 $(this).val($.trim($(this).val())); 3424 }) 3425 }) 3426 3427 3428 3429 3430 function submitPropertyContact(form){ 3431 3432 var captchaIndex = form.dataset ? form.dataset.captchaIndex : 0 || 0; 3433 var googleResponse = grecaptcha.getResponse(captchaIndex) || $(form).find(".g-recaptcha-response").val(); 3434 if (!googleResponse) { 3435 $(form).find('.error-captcha').show(); 3436 return false; 3437 } else { 3438 $(form).find('.error-captcha').hide(); 3439 submitForm(); 3440 } 3441 3442 } 3443 3444 3445</script>
3445 3446 3447</div> 3448 3449 </div> 3450 3451 </div> 3452 </div> 3453 </div> 3454 3455 </div> 3456 3457 3458 3459 <div style="width:100%;" id="details-map"> 3460 3461 <style> 3462 .mx-property-map-wrapper { 3463 display:flex; 3464 flex-direction:row; 3465 } 3466 @media (max-width: 768px){ 3467 .mx-property-map-wrapper { 3468 flex-direction:column; 3469 } 3470 } 3471 </style> 3472 <div class="row"> 3473 <div class="col-xs-12"> 3474 <hr class="mx-full-divider" /> 3475 </div> 3476 </div> 3477 3478 <div class="row" style="display:flex;flex-direction:column;"> 3479 3480 3481 3482 <div class="mx-property-map-wrapper" > 3483 <div class="col-xs-12 col-sm-8" style="overflow:visible;"> 3484 <div class="mx-google-property-map"> 3485 <hr class="mx-mobile-divider" /> 3486 <a id="propertyMap" name="propertyMap"></a> 3487 <div style="height:350px!important;overflow:hidden;" id="property-map"> 3488 <div class="map-placeholder" style="height: 350px!important;" ><div class="fa fa-spinner fa-spin fa-4x" style="position:relative;left:50%;padding:0 0 0 0;transition:translate(-50%,-50%);top:0;margin:150px auto; width:auto;"></div><div>Loading Map...</div></div> 3489 3490 </div> 3491 </div> 3492 </div> 3493 3494 <div class="col-xs-12 col-sm-4" style="display:flex;flex-direction:column;"> 3495 <div id="##mx-mta-wrapper" class="" style="flex: 1 1 auto;"> 3496 3497 <div id="#mtaWidget" class="mta-locations-widget"> 3498 3499 <style> 3500 .mta-lines { 3501 font-size: .9em; 3502 list-style: none; 3503 margin-left: .2em; 3504 padding: 0 0; 3505 } 3506 .mta-lines-item { 3507 padding-bottom: 0; 3508 padding-top: 0; 3509 display: flex; 3510 flex-direction: column; 3511 margin: 0 auto; 3512 font-size: 14px; 3513 } 3514 .mta-line-symbol { 3515 vertical-align: middle; 3516 width:20px; 3517 height:20px; 3518 } 3519 .mta-locations .mta-line-entrance-desc { 3520 font-size:1em; 3521 padding:10px 0px; 3522 } 3523 .mta-locations.alt .mta-line-entrance-desc { 3524 font-size:1.3em; 3525 } 3526 .mta-locations h2 { 3527 margin-top:0px; 3528 } 3529 .btn-localize { 3530 margin-bottom:0; 3531 } 3532 </style> 3533 3534 <div class="mta-locations"> 3535 <hr class="mx-mobile-divider"/> 3536 <h2>Nearby Subways</h2> 3537 3538 <ul class="mta-lines" > 3539 3540 <li class="mta-lines-item"> 3541 3542 <span class="mta-line-logos"> 3543 3544 <img alt="G" class="mta-line-symbol" width='18' height='18' src="https://idx.realtymx.com/assets/cta/svg/G.svg"/> 3545 3546 <img alt="Pnk" class="mta-line-symbol" width='18' height='18' src="https://idx.realtymx.com/assets/cta/svg/Pnk.svg"/> 3547 3548 </span> 3549 <span class="mta-line-entrance-desc"> 3550 <strong>Ashland (Loop-63rd-bound)</strong> (~0.23 mile) 3551 </span> 3552 </li> 3553 3554 </ul> 3555 </div> 3556 3557 </div> 3558 3559 </div> 3560 <br/> 3561 3562 <a style="display:none;width:100%;" onclick="showGoogleMap();return false;" class="btn btn-secondary btn-google-map">View Area Map</a> 3563 </div> 3564 3565 </div> 3566 3567 </div> 3568 3569
3569<script> 3570 3571 var loadLocalize = function(){ 3572 console.log('load localize', localizeOpts); 3573 localizeWidgetInit("mx-localize",localizeOpts); 3574 localized = true; 3575 } 3576 var showLocalize = function(){ 3577 $('.mx-property-map-wrapper').hide(); 3578 $('.mx-localize-wrapper').fadeIn('fast'); 3579 $('.mx-localize-wrapper').css('display','flex'); 3580 $('.btn-google-map').show(); 3581 $('.btn-localize').hide(); 3582 if (!localized) loadLocalize(); 3583 } 3584 var showGoogleMap = function(){ 3585 $('.mx-localize-wrapper').find('iframe').remove(); 3586 $('.mx-localize-wrapper').hide(); 3587 $('.mx-property-map-wrapper').fadeIn('fast'); 3588 $('.btn-google-map').hide(); 3589 $('.btn-localize').show(); 3590 } 3591 </script>
3591 3592 3593 3594 </div> 3595 3596 <div style="width:100%;" id="details-idx-disclaimer"> 3597 3598 </div> 3599 3600 3601 <div style="width:100%;"> 3602 3603 3604<div class="link"> 3605 3606</div> 3607 </div> 3608 3609 3610 <div class="divide15"></div> 3611 3612 </div> 3613 3614 </div> 3615 3616 3617 <div id="live_chat_status"></div> 3618 <footer class="black-wrapper"> 3619 3620 3621 3622 3623 3624 <div class="sub-footer"> 3625 <div class="container"> 3626 3627 3628 <p>Coldwell Banker Rental Division • [email protected]</p> 3629 <p>Copyright © 2026 Coldwell Banker Rental Division.</p> 3630 3631 3632 3633<div class="content"> 3634 3635 <ul class="social"> 3636 3637 <li><a href="https://www.facebook.com/CBChicagoRental/" target="_blank"><i class="icon-s-facebook"></i></a></li> 3638 3639 <li><a href="https://twitter.com/cbchicagorental" target="_blank"><i class="icon-s-twitter"></i></a></li> 3640 3641 <li><a href="https://www.linkedin.com/company/cbchicagorental/" target="_blank"><i class="icon-s-linkedin"></i></a></li> 3642 3643 <li><a href="http://www.youtube.com/user/BestofCB" target="_blank"><i class="icon-s-youtube"></i></a></li> 3644 3645 <li><a href="http://www.pinterest.com/chicagohomes" target="_blank"><i class="icon-s-pinterest"></i></a></li> 3646 3647 <li><a href="https://www.instagram.com/cbrentaldivision/" target="_blank"><i class="icon-s-instagram"></i></a></li> 3648 3649 </ul> 3650 3651 <ul class="social"> 3652 <li> 3653 <a class="logoRealtyMX" target="_blank" href="http://www.realtymx.com"> 3654 <img src="style/images/realtymx_logo_gray.png" style="margin-top:-17px;"> 3655 </a> 3656 </li> 3657 </ul> 3658 3659</div> 3660 </div> 3661 <div class="container"> 3662 <div class='col-xs-12'> 3663 <p class="meta" style="font-size:10px;line-height:normal;"> 3664 All information presented on this site regarding real property, for sale, 3665 purchase, rental and/or financing is from sources deemed reliable. No 3666 warranty or representation is made as to the accuracy thereof and same is 3667 submitted subject to errors, omissions, change of price, rentals or other 3668 conditions, prior sale, lease or financing or withdrawal without notice. 3669 Note: All dimensions and square footage are approximate for the most exact 3670 dimensions and square footage please hire your own architect or engineer. 3671 </p> 3672 <br/> 3673 <p class="meta" style="font-size:10px;line-height:normal;"> 3674 Real estate agents affiliated with Coldwell Banker are independent contractor sales associates and are not employees of Coldwell Banker. 3675 © 2018 Coldwell Banker Residential Brokerage. All Rights Reserved. Coldwell Banker Residential Brokerage fully supports the principles of the Fair Housing Act and the Equal Opportunity Act. Operated by a subsidiary of NRT LLC. Coldwell Banker and the Coldwell Banker Logo are registered service marks owned by Coldwell Banker Real Estate LLC. 3676 </p> 3677 </div> 3678 </div> 3679</div> 3680 3681 3682 3683</footer> 3684<!-- /footer --> 3685 3686 3687 3688 3689 3690 3691 3692 3693 3694 </div> 3695 3696 3697<form name="fbFormLogin" id="fbFormLogin" action="remote.cfm" method="post" novalidate="novalidate"> 3698 <input type="hidden" name="fbParam" id="fbParam" value="" /> 3699</form> 3700 3701 3702 3703 <div id="loginModal" tabindex="-1" class="modal myAccountModal" role="dialog"> 3704 <div class="modal-dialog"> 3705 <div class="modal-content"> 3706 <div class="modal-header"> 3707 3708 <div class="col-xs-12"> 3709 <button type="button" class="close" data-dismiss="modal">x</button> 3710 3711 <h4 style="font-size:18px;" class="modal-title">Log In</h4> 3712 3713 </div> 3714 3715 </div> 3716 3717 3718 3719 <div class="row-fluid myAccountForm"> 3720 3721 3722<form id="login-Form" method="post"> 3723 3724 <input type="hidden" name="action" value="login"> 3725 3726 3727 <input type="hidden" data-type="listingAgent" name="listingAgent" value="44"/> 3728 3729 <input type="hidden" name="payload" value='{}'> 3730 3731 <div class="form-group row"> 3732 <div class="col-xs-12 form-row text-input-row email-field"> 3733 <input type="email" name="email" class="form-control text-input defaultText input-email" placeholder="Email" aria-label="Email Address" required="required"/> 3734 </div> 3735 </div> 3736 <div class="form-group row"> 3737 <div class="col-xs-12 form-row text-input-row password-field"> 3738 <input type="password" name="password" class="form-control text-input defaultText password input-pass" placeholder="Password" aria-label="Password" required="required"/> 3739 <p class="forgot"><a title="Forgotten Password" href="index.cfm?page=account&action=reminder">Forgot?</a></p> 3740 </div> 3741 </div> 3742 3743 <div class="form-group row account-action-options"> 3744 <div class="col-xs-12 "> 3745 <input style=" padding: 1em; font-size: 12px; min-height: 48px;" type="submit" value="Log In" class="btn btn-large btn-login pull-left"> 3746 </div> 3747 3748 </div> 3749 3750 <div class="form-group row account-action-status" style="display:none;"> 3751 <div class="col-xs-12"> 3752 <style> 3753 .spinning-wrapper { 3754 width: 100%; 3755 text-align:center; 3756 margin: 0 auto; 3757 } 3758 3759 .lds-ring { 3760 display: inline-block; 3761 position: relative; 3762 width: 64px; 3763 height: 64px; 3764 } 3765 3766 .lds-ring div { 3767 box-sizing: border-box; 3768 display: block; 3769 position: absolute; 3770 width: 51px; 3771 height: 51px; 3772 margin: 6px; 3773 border: 6px solid #fff; 3774 border-radius: 50%; 3775 animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; 3776 border-color: black transparent transparent transparent; 3777 } 3778 .lds-ring div:nth-child(1) { 3779 animation-delay: -0.45s; 3780 } 3781 .lds-ring div:nth-child(2) { 3782 animation-delay: -0.3s; 3783 } 3784 .lds-ring div:nth-child(3) { 3785 animation-delay: -0.15s; 3786 } 3787 @keyframes lds-ring { 3788 0% { 3789 transform: rotate(0deg); 3790 } 3791 100% { 3792 transform: rotate(360deg); 3793 } 3794 } 3795</style> 3796<div class="spinning-wrapper"> 3797<div class="lds-ring"><div></div><div></div><div></div><div></div></div> 3798</div> 3799 </div> 3800 </div> 3801 3802 3803</form> 3804 3805 3806 </div> 3807 3808 3809 <div class="modal-footer"> 3810 3811 <p class="asignup"><a id="aSignUp">OR Create an Account</a></p> 3812 3813 </div> 3814 3815 </div> 3816 </div> 3817 </div> 3818 3819 3820<form name="fbFormLogin" id="fbFormLogin" action="remote.cfm" method="post" novalidate="novalidate"> 3821 <input type="hidden" name="fbParam" id="fbParam" value="" /> 3822</form> 3823 3824 3825 3826 <div id="registerModal" tabindex="-1" class="modal myAccountModal" role="dialog"> 3827 <div class="modal-dialog"> 3828 <div class="modal-content"> 3829 <div class="modal-header"> 3830 3831 <div class="col-xs-12"> 3832 <button type="button" class="close" data-dismiss="modal">x</button> 3833 3834 <h4 style="font-size:18px;" class="modal-title">Create your profile</h4> 3835 3836 </div> 3837 3838 </div> 3839 3840 3841 3842 <div class="row-fluid myAccountForm"> 3843 3844 3845<form method="post" id="signup-Form"> 3846 3847 <input type="hidden" value="register" name="action"> 3848 3849 3850 <input type="hidden" data-type="idxAgent" name="listingAgent" value="44"/> 3851 3852 <input type="hidden" name="payload" value='{}'> 3853 3854 <div class="form-group row"> 3855 <div class="col-xs-6 form-row text-input-row name-field"> 3856 <input type="text" name="firstName" class="form-control text-input defaultText name" placeholder="First Name" aria-label="First Name" aria-required="true" required="required" /> 3857 </div> 3858 <div class="col-xs-6 form-row text-input-row name-field"> 3859 <input type="text" name="lastName" class="form-control text-input defaultText name" placeholder="Last Name" aria-label="Last Name" aria-required="true" required="required"/> 3860 </div> 3861 </div> 3862 3863 <div class="form-group row"> 3864 <div class="col-xs-6 form-row text-input-row email-field"> 3865 <input type="email" name="email" class="form-control text-input defaultText email" placeholder="Email" aria-label="Email Address" aria-required="true" required="required"/> 3866 </div> 3867 <div class="col-xs-6 form-row text-input-row phone-field"> 3868 <input type="tel" name="phone" class="form-control text-input defaultText phone" placeholder="Phone Number" aria-label="Phone Number" aria-required="true" required="required"/> 3869 </div> 3870 </div> 3871 3872 <div class="form-group row"> 3873 <div class="col-xs-6 form-row text-input-row password-field"> 3874 <input type="password" name="password" id="password" class="form-control text-input defaultText password" placeholder="Password" aria-label="Password" aria-required="true" required="required"/> 3875 </div> 3876 <div class="col-xs-6 form-row text-input-row password-field"> 3877 <input type="password" name="repassword" id="confirm_password" class="form-control text-input defaultText password" placeholder="Re-type Password" aria-label="Password Confirmation" aria-required="true" required="required"/> 3878 </div> 3879 </div> 3880 3881 3882 <div class="form-group row"> 3883 <div class="col-xs-12 text-center"> 3884 <label style="font-weight:bold;">Which are you interested in?</label> 3885 3886 <label class="checkbox-inline"><input type="checkbox" class="form-control" id="clientTypeRental" name="clientTypeRental" value="1" style="margin-top:-4px" checked/>Rentals</label> 3887 <label class="checkbox-inline"><input type="checkbox" class="form-control" id="clientTypeSales" name="clientTypeSales" value="1" style="margin-top:-4px" />Sales</label> 3888 3889 </div> 3890 </div> 3891 3892 3893 <div class="form-group row"> 3894 <div class="col-xs-12"> 3895 <textarea name="clientInterest" class="form-control" placeholder="Please describe your apartment preferences (e.g., neighborhood, budget, amenities, move-in date)." aria-label="Client Interest" aria-required="true" required="required" rows="3" style="border: 1px solid #ccc; padding: 10px; margin: 5px 0;"></textarea> 3896 </div> 3897 </div> 3898 3899
3899<script> 3900 // Auto-select rentals if coming from rental registration overlay 3901 document.addEventListener('DOMContentLoaded', function() { 3902 // Check if this is a rental registration 3903 if (window.isRentalRegistration || 3904 window.location.search.includes('type=rental') || 3905 true) { 3906 3907 // Check the rentals checkbox 3908 var rentalCheckbox = document.getElementById('clientTypeRental'); 3909 if (rentalCheckbox) { 3910 rentalCheckbox.checked = true; 3911 3912 // Show DOS form content if it exists AND requireDOSform is true 3913 3914 } 3915 3916 // Uncheck sales if rentals is checked 3917 var salesCheckbox = document.getElementById('clientTypeSales'); 3918 if (salesCheckbox) { 3919 salesCheckbox.checked = false; 3920 } 3921 } 3922 3923 // Show DOS form if requireDOSform is true 3924 3925 }); 3926 3927 // Handle checkbox changes for DOS form 3928 document.addEventListener('change', function(e) { 3929 if (e.target.id === 'clientTypeRental') { 3930 var dosFormContent = document.getElementById('dosFormContent'); 3931 if (dosFormContent) { 3932 // Only show DOS form if requireDOSform is explicitly true 3933 3934 var shouldShow = false; // Never show when requireDOSform is not defined 3935 3936 dosFormContent.style.display = shouldShow ? 'block' : 'none'; 3937 } 3938 } 3939 }); 3940 </script>
3940 3941 3942 3943 3944 3945 <div class="form-group row"> 3946 <div class="col-xs-12 form-row text-input-row listingAgent-field text-center"> 3947 <div class="g-recaptcha" 3948 3949 data-sitekey="6LeNq3IUAAAAAB8qEgcis9wJqs5N3ftVrDLiWJWm" 3950 style="margin:10px auto 15px;width:300px;"></div> 3951 3952 <p style="color:red;display:none;" class="error-captcha">Please check the captcha.</p> 3953 </div> 3954 </div> 3955 3956 3957 3958 <div class="form-group row"> 3959 <div class="col-xs-12 "> 3960 <button style="padding: 1em;font-size: 12px;min-height: 48px;" class="btn btn-large btn-primary btn-register pull-left">Continue</button> 3961 </div> 3962 3963 </div> 3964 3965 <div class="form-group row account-action-status" style="display:none;"> 3966 <div class="col-xs-12"> 3967 <style> 3968 .spinning-wrapper { 3969 width: 100%; 3970 text-align:center; 3971 margin: 0 auto; 3972 } 3973 3974 .lds-ring { 3975 display: inline-block; 3976 position: relative; 3977 width: 64px; 3978 height: 64px; 3979 } 3980 3981 .lds-ring div { 3982 box-sizing: border-box; 3983 display: block; 3984 position: absolute; 3985 width: 51px; 3986 height: 51px; 3987 margin: 6px; 3988 border: 6px solid #fff; 3989 border-radius: 50%; 3990 animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; 3991 border-color: black transparent transparent transparent; 3992 } 3993 .lds-ring div:nth-child(1) { 3994 animation-delay: -0.45s; 3995 } 3996 .lds-ring div:nth-child(2) { 3997 animation-delay: -0.3s; 3998 } 3999 .lds-ring div:nth-child(3) { 4000 animation-delay: -0.15s; 4001 } 4002 @keyframes lds-ring { 4003 0% { 4004 transform: rotate(0deg); 4005 } 4006 100% { 4007 transform: rotate(360deg); 4008 } 4009 } 4010</style> 4011<div class="spinning-wrapper"> 4012<div class="lds-ring"><div></div><div></div><div></div><div></div></div> 4013</div> 4014 </div> 4015 </div> 4016 4017</form> 4018 4019 </div> 4020 4021 4022 <div class="modal-footer"> 4023 4024 <p class="asignup"><a id="aLogIn">OR Log In to Your Account</a></p> 4025 4026 </div> 4027 4028 </div> 4029 </div> 4030 </div> 4031 4032 4033<form name="fbFormLogin" id="fbFormLogin" action="remote.cfm" method="post" novalidate="novalidate"> 4034 <input type="hidden" name="fbParam" id="fbParam" value="" /> 4035</form> 4036 4037 4038 4039 <div id="activateModal" tabindex="-1" class="modal myAccountModal" role="dialog"> 4040 <div class="modal-dialog"> 4041 <div class="modal-content"> 4042 <div class="modal-header"> 4043 4044 <div class="col-xs-12"> 4045 <button type="button" class="close" data-dismiss="modal">x</button> 4046 4047 <h4 style="font-size:18px;" class="modal-title">Activate Account</h4> 4048 4049 </div> 4050 4051 </div> 4052 4053 4054 4055 <div class="row-fluid myAccountForm"> 4056 4057 4058 4059<form action="index.cfm?page=account" method="get" id="verify-Form"> 4060 <input type="hidden" name="page" value="account" /> 4061 4062 <input type="hidden" name="action" value="verify" /> 4063 <input type="hidden" name="state" value="send" /> 4064 <input type="hidden" name="email" value="" /> 4065 4066 <p>Please activate your account using the code that we emailed to you.</p> 4067 <div class="form-group row"> 4068 <div class="col-xs-12"> 4069 <input class="form-control" minlength="6" maxlength="16" required="required" type="text" name="token" aria-label="Verification/Activation code" placeholder="Verification Code"/> 4070 </div> 4071 </div> 4072 <div class="form-group row"> 4073 <div class="col-xs-12"> 4074 <button class="btn btn-large btn-activate-account pull-left">Continue</button> 4075 </div> 4076 </div> 4077</form> 4078 4079 </div> 4080 4081 4082 </div> 4083 </div> 4084 </div> 4085 4086 4087<form name="fbFormLogin" id="fbFormLogin" action="remote.cfm" method="post" novalidate="novalidate"> 4088 <input type="hidden" name="fbParam" id="fbParam" value="" /> 4089</form> 4090 4091 4092 4093 <div id="messageModal" tabindex="-1" class="modal myAccountModal" role="dialog"> 4094 <div class="modal-dialog"> 4095 <div class="modal-content"> 4096 <div class="modal-header"> 4097 4098 <div class="col-xs-12"> 4099 <button type="button" class="close" data-dismiss="modal">x</button> 4100 4101 <h4 style="font-size:18px;" class="modal-title">Notification</h4> 4102 4103 </div> 4104 4105 </div> 4106 4107 4108 4109 <div class="row-fluid myAccountForm"> 4110 4111 </div> 4112 4113 4114 </div> 4115 </div> 4116 </div> 4117 4118
4118<script> 4119 4120 4121 var mxAccountConfig = { 4122 timestamp: new Date() 4123 4124 ,loggedIn: false 4125 ,shortName : 'cbrd' 4126 ,hasVOWData : false 4127 ,activeAccountModal : null 4128 ,activeAccountAction : null 4129 ,baseURL: 'https://chicagoapartmentfinders.com/' 4130 ,isIFRAME: false 4131 ,fblg: false 4132 , 4133 alertDisplayMode: false, 4134 isSafari: false 4135 } 4136 4137 4138 4139 4140 </script>
4140 4141 4142
4143<script> 4144 (function () { 4145 var loginActions = []; 4146 4147 4148 4149 if (!loginActions.length) { 4150 return; 4151 } 4152 4153 document.addEventListener('DOMContentLoaded', function () { 4154 var $ = window.jQuery || window.$; 4155 if (!$) { 4156 console.error('jQuery is required for login-model.cfm inline scripts'); 4157 return; 4158 } 4159 loginActions.forEach(function (runAction) { 4160 runAction(); 4161 }); 4162 }); 4163 })(); 4164</script>
4164 4165 4166 4167 4168 4169 4170
4170<script>
vendor: 376 bytes, lines 4170-4176
4170 4171 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 4172 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new 4173 Date();a=s.createElement(o), 4174 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 4175 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 4176 ga('create', '
4176UA-140800260-1
vendor: 48 bytes, lines 4176-4178
4176', 'auto'); 4177 ga('send', 'pageview'); 4178
4178</script>
4178 4179 4180 </body> 4181</html> 4182
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.