Friday, June 22nd, 2007
FV3: Real Estate Unit Info
James MacFarlane developed this real estate map to give real-time data of unit availability in one of our rental developments. You can mouse-over the available units to view the townhouse details, and click to view the floor plan. It’s simple, clean and to the point.
The application makes heavy use of Prototype and Script.aculo.us throughout.
Since it is Friday, he even has an easter egg in there.
3.4 rating from 25 votes
Nice, except that for those who are colour-blind it’s really quite difficult to see which houses have information.
Didn’t noticed any egg, but noticed some bugs instead: when clicking on availible units frequently, townhouse details degan to behave weird)
Diewnow, thanks for the tip. It seems if you double-click on one of the units in Firefox, the Scriptaculous grow effect gets confused. It doesn’t do that in IE though.
Looking at the source, it appears that an flying saucer is supposed to appear after around 8 minutes or so, but I could be mistaken.
The saucer appears after 5 seconds, moves a couple of hundred pixels and then disappears for good….oops, did I just give it away?
It’s not bad – but I really hate anything that resizes your browser. In this day and age, it just shouldn’t be done
This is very cool. I wish more rentals had this sort of map. Maybe you need to expand it and license it out to more property management companies?
Nice, but i agree with the previously stated comments.
– Red numbers do not stand out enough.
– DO NOT RESIZE MY WINDOW. If you want a set window size, open a popup. Resizing a window does not only resize your window, but all my tabs too.
Love it and agree with Philip. This type of map should be available from every builder and planned unit development. Nice work.
I appreciate the feedback. I have un-bolded the occupied units so that the available ones are more obvious and I have disabled the resizing. The map was supposed to be a pop-up from the main page, which is Flash-based, so the resizing was a compromise (being target=’_blank’, as opposed to a JS pop-up).
As an IT Administrator for a Property Management company I like what you’ve done here. My concerns are accessibility of course and the amount of labor involved to get a system like this up and running with 40+ properties. Very cool idea though.
I think desktop version would be more useful, faster and easier to implement. That’s for sure.
First thing I thought was Definitely not California housing prices :p Awesome concept, cool execution.
Also, Under Contact > Rental Centre Hours > Thursday is misspelled.
This is fantastic. I am highly impressed with this.
Can someone please point me to a tutorial or book that shows how to do such a thing ?
I would love to experiment with something like this.
James MacFarlane, bug was in IE also, but now it’s fixed
By the way noticed another thing:
“close” button appers after some time and when you stop expanding of townhouse details it appears anyway
@Saurabh Bhide: The code is all on the page so if you wanted to learn how to build something like, just take a look at the page source.
Talking about the source code – it’s plain awful…
yep, the source code is disgusting
Nice tool! I love it. I’ve plan to use it very soon indeed.
Thanks.
What was the map (graphic) made with?
Cool concept. I can see more persons applying this type of interactive feature for their target audience. I like it. :)
Great tool and its so quick. But when it pop open the real estate floor plan it should also show how the outside of house is going to look like. It gives people a better look and lets them imagine the house.
It’s very good to know about house plan. People will be benefited for it.