Forum Replies Created
-
Looks good now. We’ve added our own navigation links using innerHTML. Thanks IDX Broker!
(0 rating, 0 votes, rated)
You need to be a registered member to rate this post.
Loading...Ah, I’ve re-written this below. All code needed to make this change complete for us, not including hiding the .IDX-resultsField-acres field altogether.
(0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...I saw Nick’s reply above after I got the jQuery/JS working, so I’ve switched to CSS now. Thanks, Nick!
/* Add new content for Beds, Baths, Sq Ft */
.IDX-resultsField-bedrooms span::after {content: " Beds";}
.IDX-resultsField-totalBaths span::after {content: " Baths";}
.IDX-resultsField-sqFt span::after {content: " Sq Ft";}
/* Hide Actual Content for these fields */
.IDX-resultsLabel {display: none;} (0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...SOLVED: BACKGROUND & DESIRED CHANGES
Our client requested that the text labels BD, TB and SQ on the Platinum Grid Search Results pages to be changed to Beds, Baths and Sq Ft. as in the edited screenshot below:
Here is an example URL where I made these change:
http://listings.pastermackrealestate.com/idx/results/listings?idxID=b076&pt=1&lp=200000&hp=800000&ccz=city&a_propStatus%5B%5D=Active&per=100&srt=newestI went back to Google to show 2 or 3 attempts and found working code today! Hopefully the [code] tags will display this correctly:
$( window ).load(function() { // Change bd to Beds $("div.IDX-resultsField-bedrooms span.IDX-resultsLabel").text('BEDS'); // Change tb to Baths $("div.IDX-resultsField-totalBaths span.IDX-resultsLabel").text('BATHS'); // Change sq to Sq Ft $("div.IDX-resultsField-sqFt span.IDX-resultsLabel").text('SQ FT'); } )NOTE: BD, TB and SQ are uppercased by CSS and the code actually is lowercase.
(0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...Following up here… any thoughts guys?
(0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...Following up here… any thoughts guys?
(0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...Ah yes, here: http://listings.pastermackrealestate.com/idx/search/basic-search?mobile
(0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...I’ve made some headway, but something is not quite right. Support pointed out that I probably should not have any line breaks in my innerHTML code so I removed them and now I see buttons that work but the buttons look slightly different. They are larger and blocky VS smaller and rounded. Is there an issue right now with the icons? I also do not see the back arrow and the menu icons or any of the little white icons like this http://d1qfrurkpai25r.cloudfront.net/graphical/frontend/css/images/icons-18-white.png
I suspect the issue with icons is unrelated since I cannot see them whether or not my javascript is there.
Anyway, here’s what I tried at Designs > Sub-headers > Global > Mobile that gave me the larger, squarish buttons:
<script>
idx(window).bind(‘load’, function() {
document.getElementById(‘IDX-mobileOptions’).innerHTML = ‘<div role=”dialog” class=”ui-dialog-contain ui-corner-all ui-overlay-shadow”><div data-role=”header” class=”ui-corner-top ui-header ui-bar-a” role=”banner”><span class=”ui-btn-inner ui-btn-corner-all”><span class=”ui-btn-text”>Close</span><span class=”ui-icon ui-icon-delete ui-icon-shadow”> </span></span> <h1 class=”ui-title” role=”heading” aria-level=”1″>Links</h1> </div><div data-role=”content” class=”ui-corner-bottom ui-content ui-body-a” role=”main”> <ul data-role=”listview” data-theme=”a” data-divider-theme=”a” class=”ui-listview”> <li data-corners=”false” data-shadow=”false” data-iconshadow=”true” data-wrapperels=”div” data-icon=”arrow-r” data-iconpos=”right” data-theme=”a” class=”ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-btn-up-a”><div class=”ui-btn-inner ui-li”><div class=”ui-btn-text”>Login</div><span class=”ui-icon ui-icon-arrow-r ui-icon-shadow”> </span></div> <li data-corners=”false” data-shadow=”false” data-iconshadow=”true” data-wrapperels=”div” data-icon=”arrow-r” data-iconpos=”right” data-theme=”a” class=”ui-btn ui-btn-up-a ui-btn-icon-right ui-li-has-arrow ui-li”><div class=”ui-btn-inner ui-li”><div class=”ui-btn-text”>Contact</div><span class=”ui-icon ui-icon-arrow-r ui-icon-shadow”> </span></div> <li data-corners=”false” data-shadow=”false” data-iconshadow=”true” data-wrapperels=”div” data-icon=”arrow-r” data-iconpos=”right” data-theme=”a” class=”ui-btn ui-btn-up-a ui-btn-icon-right ui-li-has-arrow ui-li”><div class=”ui-btn-inner ui-li”><div class=”ui-btn-text”>New Search</div><span class=”ui-icon ui-icon-arrow-r ui-icon-shadow”> </span></div> <li data-corners=”false” data-shadow=”false” data-iconshadow=”true” data-wrapperels=”div” data-icon=”arrow-r” data-iconpos=”right” data-theme=”a” class=”ui-btn ui-btn-up-a ui-btn-icon-right ui-li-has-arrow ui-li ui-li-last”><div class=”ui-btn-inner ui-li”><div class=”ui-btn-text”>View Full Site</div><span class=”ui-icon ui-icon-arrow-r ui-icon-shadow”> </span></div></div></div>’;
});
</script> (0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...Unfortunately making any layout changes to this project is not an option. The client is finalizing some things they’d like changed and this is one of them. I’m sure I can get jQuery to replace the current Mobile Menu, I’m just not getting it right.
Can anyone help with my code? Antonio suggested this back on Feb 26 and I’ve tried to get the code right, and to me it does look right but is not working.
(0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...Just today I’ve tried the following and to make a minor change tot he mobile menu as a test and this did not work either:
<!– Property Sub Type –>
<THEscriptTAG>
idx(window).bind(“load”, function() {
document.getElementById(‘IDX-mobileOptions’).innerHTML = ‘<div role=”dialog” class=”ui-dialog-contain ui-corner-all ui-overlay-shadow”><!– Header –>
<div data-role=”header” class=”ui-corner-top ui-header ui-bar-a” role=”banner”><span class=”ui-btn-inner ui-btn-corner-all”><span class=”ui-btn-text”>Close</span><span class=”ui-icon ui-icon-delete ui-icon-shadow”> </span></span>
<h1 class=”ui-title” role=”heading” aria-level=”1″>Links</h1>
</div><!– Content –>
<div data-role=”content” class=”ui-corner-bottom ui-content ui-body-a” role=”main”>
<ul data-role=”listview” data-theme=”a” data-divider-theme=”a” class=”ui-listview”>
<li data-corners=”false” data-shadow=”false” data-iconshadow=”true” data-wrapperels=”div” data-icon=”arrow-r” data-iconpos=”right” data-theme=”a” class=”ui-btn ui-btn-up-a ui-btn-icon-right ui-li-has-arrow ui-li”><div class=”ui-btn-inner ui-li”><div class=”ui-btn-text”>Login</div><span class=”ui-icon ui-icon-arrow-r ui-icon-shadow”> </span></div>
<li data-corners=”false” data-shadow=”false” data-iconshadow=”true” data-wrapperels=”div” data-icon=”arrow-r” data-iconpos=”right” data-theme=”a” class=”ui-btn ui-btn-up-a ui-btn-icon-right ui-li-has-arrow ui-li”><div class=”ui-btn-inner ui-li”><div class=”ui-btn-text”>Contact</div><span class=”ui-icon ui-icon-arrow-r ui-icon-shadow”> </span></div>
<li data-corners=”false” data-shadow=”false” data-iconshadow=”true” data-wrapperels=”div” data-icon=”arrow-r” data-iconpos=”right” data-theme=”a” class=”ui-btn ui-btn-up-a ui-btn-icon-right ui-li-has-arrow ui-li”><div class=”ui-btn-inner ui-li”><div class=”ui-btn-text”>New Search</div><span class=”ui-icon ui-icon-arrow-r ui-icon-shadow”> </span></div>
<li data-corners=”false” data-shadow=”false” data-iconshadow=”true” data-wrapperels=”div” data-icon=”arrow-r” data-iconpos=”right” data-theme=”a” class=”ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-li-last ui-btn-up-a”><div class=”ui-btn-inner ui-li”><div class=”ui-btn-text”>View Full Site</div><span class=”ui-icon ui-icon-arrow-r ui-icon-shadow”> </span></div></div>
</div>’;
});
</THEscriptTAG> (0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...I tried the innerHTML code and I guess I made a syntax error. So I tried a simpler replacement using innerHTML where I took your Mobile Menu and change the link “My Account” to “Login” and its also not working. Here’s the code I tried and its also not working. The code was added at Designs > Sub-headers > Global > Mobile and when I added it I removed our other custom Mobile menu code:
document.getElementById(‘IDX-mobileOptions’).innerHTML = ‘<div role=”dialog” class=”ui-dialog-contain ui-corner-all ui-overlay-shadow”>
<!– Header –>
<div data-role=”header” class=”ui-corner-top ui-header ui-bar-a” role=”banner”><span class=”ui-btn-inner ui-btn-corner-all”><span class=”ui-btn-text”>Close</span><span class=”ui-icon ui-icon-delete ui-icon-shadow”> </span></span>
<h1 class=”ui-title” role=”heading” aria-level=”1″>Links</h1>
</div><!– Content –>
<div data-role=”content” class=”ui-corner-bottom ui-content ui-body-a” role=”main”>
<ul data-role=”listview” data-theme=”a” data-divider-theme=”a” class=”ui-listview”>
<li data-corners=”false” data-shadow=”false” data-iconshadow=”true” data-wrapperels=”div” data-icon=”arrow-r” data-iconpos=”right” data-theme=”a” class=”ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-btn-up-a”><div class=”ui-btn-inner ui-li”><div class=”ui-btn-text”>Login</div><span class=”ui-icon ui-icon-arrow-r ui-icon-shadow”> </span></div>
<li data-corners=”false” data-shadow=”false” data-iconshadow=”true” data-wrapperels=”div” data-icon=”arrow-r” data-iconpos=”right” data-theme=”a” class=”ui-btn ui-btn-up-a ui-btn-icon-right ui-li-has-arrow ui-li”><div class=”ui-btn-inner ui-li”><div class=”ui-btn-text”>Contact</div><span class=”ui-icon ui-icon-arrow-r ui-icon-shadow”> </span></div>
<li data-corners=”false” data-shadow=”false” data-iconshadow=”true” data-wrapperels=”div” data-icon=”arrow-r” data-iconpos=”right” data-theme=”a” class=”ui-btn ui-btn-up-a ui-btn-icon-right ui-li-has-arrow ui-li”><div class=”ui-btn-inner ui-li”><div class=”ui-btn-text”>New Search</div><span class=”ui-icon ui-icon-arrow-r ui-icon-shadow”> </span></div>
<li data-corners=”false” data-shadow=”false” data-iconshadow=”true” data-wrapperels=”div” data-icon=”arrow-r” data-iconpos=”right” data-theme=”a” class=”ui-btn ui-btn-up-a ui-btn-icon-right ui-li-has-arrow ui-li ui-li-last”><div class=”ui-btn-inner ui-li”><div class=”ui-btn-text”>View Full Site</div><span class=”ui-icon ui-icon-arrow-r ui-icon-shadow”> </span></div></div>
</div>’ (0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...I’m not sure how many listings there should be either but when I replace the longer list of all Subdivisions with &aw_subdivisionCondoNm[]=Suntree&aw_subdivisionCondoNm[]=Baytree I’m getting the same number of listings … 50.
Have a great weekend and thanks again!
(0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...Okay I got this to work …. instead of adding the code to my Global sub-header I’ve added it in my PHP Global Wrapper Include file. Since it was firing before page loaded the data into this element I had to find the Javascript to make it wait until after the page is loaded. This works on my Advanced Search and now I just need to edit for the other 2 Search pages (EDIT: Yes, this works for all of the Search pages I have created):
<script>
$(window).bind(“load”, function() {
document.getElementById(“IDX-propSubType”).innerHTML = “<label class=\”IDX-selectableListLabel\”><input type=\”checkbox\” value=\”Single Family Detached\” name=\”a_propSubType[]\” class=\”IDX-selectableListCheckbox \”>Single Family Detached</label><label class=\”IDX-selectableListLabel\”><input type=\”checkbox\” value=\”Condo\” name=\”a_propSubType[]\” class=\”IDX-selectableListCheckbox \”>Condo</label><label class=\”IDX-selectableListLabel\”><input type=\”checkbox\” value=\”Condo-Tel\” name=\”a_propSubType[]\” class=\”IDX-selectableListCheckbox \”>Condo-Tel</label><label class=\”IDX-selectableListLabel\”><input type=\”checkbox\” value=\”Coop\” name=\”a_propSubType[]\” class=\”IDX-selectableListCheckbox \”>Coop</label><label class=\”IDX-selectableListLabel\”><input type=\”checkbox\” value=\”Half Duplex\” name=\”a_propSubType[]\” class=\”IDX-selectableListCheckbox \”>Half Duplex</label><label class=\”IDX-selectableListLabel\”><input type=\”checkbox\” value=\”Mobile/Manufactured\” name=\”a_propSubType[]\” class=\”IDX-selectableListCheckbox \”>Mobile/Manufactured</label><label class=\”IDX-selectableListLabel\”><input type=\”checkbox\” value=\”Time Share\” name=\”a_propSubType[]\” class=\”IDX-selectableListCheckbox \”>Time Share</label><label class=\”IDX-selectableListLabel\”><input type=\”checkbox\” value=\”Townhouse\” name=\”a_propSubType[]\” class=\”IDX-selectableListCheckbox \”>Townhouse</label>”;
});
</script> (0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...I’ve modified my Javascript to this and even tried variations of it in my PHP wrapper:
<script>
idx(document).ready(function(){
document.getElementById(“IDX-propSubType”).innerHTML = “<label class=\”IDX-selectableListLabel\”><input type=\”checkbox\” value=\”Single Family Detached\” name=\”a_propSubType[]\” class=\”IDX-selectableListCheckbox \”>Single Family Detached</label><label class=\”IDX-selectableListLabel\”><input type=\”checkbox\” value=\”Condo\” name=\”a_propSubType[]\” class=\”IDX-selectableListCheckbox \”>Condo</label><label class=\”IDX-selectableListLabel\”><input type=\”checkbox\” value=\”Condo-Tel\” name=\”a_propSubType[]\” class=\”IDX-selectableListCheckbox \”>Condo-Tel</label><label class=\”IDX-selectableListLabel\”><input type=\”checkbox\” value=\”Coop\” name=\”a_propSubType[]\” class=\”IDX-selectableListCheckbox \”>Coop</label><label class=\”IDX-selectableListLabel\”><input type=\”checkbox\” value=\”Half Duplex\” name=\”a_propSubType[]\” class=\”IDX-selectableListCheckbox \”>Half Duplex</label><label class=\”IDX-selectableListLabel\”><input type=\”checkbox\” value=\”Mobile/Manufactured\” name=\”a_propSubType[]\” class=\”IDX-selectableListCheckbox \”>Mobile/Manufactured</label><label class=\”IDX-selectableListLabel\”><input type=\”checkbox\” value=\”Time Share\” name=\”a_propSubType[]\” class=\”IDX-selectableListCheckbox \”>Time Share</label><label class=\”IDX-selectableListLabel\”><input type=\”checkbox\” value=\”Townhouse\” name=\”a_propSubType[]\” class=\”IDX-selectableListCheckbox \”>Townhouse</label>”;});
</script> (0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...I’d love to do that, but it won’t give me a fully functional Advanced Search for Residential, Vacant Land and all other property types. I have no idea how to make it work so that changing the property type in the dropdown also changes the form to match.
I have put this into the Global sub header and its not working. I’ve turned off the WYSIWYG editor so I can add HTML. Essentially I’m just moving Single Family Detached to the beginning of the list:
<script>
idx(document).ready(function(){
document.getElementById(‘IDX-propSubType’).innerHTML = ‘<label class=”IDX-selectableListLabel”><input type=”checkbox” value=”Single Family Detached” name=”a_propSubType[]” class=”IDX-selectableListCheckbox “>Single Family Detached</label><label class=”IDX-selectableListLabel”><input type=”checkbox” value=”Condo” name=”a_propSubType[]” class=”IDX-selectableListCheckbox “>Condo</label><label class=”IDX-selectableListLabel”><input type=”checkbox” value=”Condo-Tel” name=”a_propSubType[]” class=”IDX-selectableListCheckbox “>Condo-Tel</label><label class=”IDX-selectableListLabel”><input type=”checkbox” value=”Coop” name=”a_propSubType[]” class=”IDX-selectableListCheckbox “>Coop</label><label class=”IDX-selectableListLabel”><input type=”checkbox” value=”Half Duplex” name=”a_propSubType[]” class=”IDX-selectableListCheckbox “>Half Duplex</label><label class=”IDX-selectableListLabel”><input type=”checkbox” value=”Mobile/Manufactured” name=”a_propSubType[]” class=”IDX-selectableListCheckbox “>Mobile/Manufactured</label><label class=”IDX-selectableListLabel”><input type=”checkbox” value=”Time Share” name=”a_propSubType[]” class=”IDX-selectableListCheckbox “>Time Share</label><label class=”IDX-selectableListLabel”><input type=”checkbox” value=”Townhouse” name=”a_propSubType[]” class=”IDX-selectableListCheckbox “>Townhouse</label>’});
</script>I also tried the above code without the “.ready” statement.
(0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...Before creating listings.pastermackrealestate.com/idx/search/searchBasic I checked to make sure it did not exist and got a 404 error. Clicking “New Search” at the bottom just linked to more 404 hits ==> listings.pastermackrealestate.com/idx/search/search then another click to listings.pastermackrealestate.com/idx/search/search/search and each click afterward simply added /search to the URL.
I like the ideas of 1) letting us specify a full URL for 404 errors and 2) customizing the 404 page within the IDX Broker Middleware interface.
(0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...Ah, that looks very promising! I’ll try that one out, thanks!
(0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...No complaints or bug reports yet. I guess this map mobve is working just fine.
(0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...Sure here’s a link:
http://listings.pastermackrealestate.com/idx/results/listings?idxID=b076&pt=1&lp=200000&hp=800000&ccz=city&per=100&srt=prd (0 rating, 0 votes, rated)
You need to be a registered member to rate this post.Loading...
