VisualIDX Kiosk

See the VisualIDX Kiosk page for the features and information on this product.

JavaScript Quick Start

<script type="text/javascript" src="https://cdn.visualidx.com/js/kiosk.js"></script>
<script type="text/javascript">
    var myKioskOptions = {
        officeID : 123
    };
    var myKiosk = new wsm.visualidx.kiosk('myKiosk',myKioskOptions);
</script>

var myKioskOptions = {

officeID : 123

};

var myKiosk = new wsm.visualidx.kiosk('myKiosk',myKioskOptions);

</script>

Then wherever you want the Visual IDX Kiosk to appear (typically fills the entire screen)

either…

<div id="myKiosk"></div>

1	<div id="myKiosk"></div>

or something like…

<div id="myKiosk">

&nbsp;
<div style="width: 635px; margin-right: 35px; text-align: left; float: left; display: inline-block; vertical-align: top;">

&nbsp;
<div style="width: 635px; display: block;"></div>
&nbsp;
<div style="width: 635px; display: block;">

&nbsp;
<div style="width: 335px; float: left; display: inline-block; ;text-align: left; vertical-align: top;">

&nbsp;
<div id="mlsdiv">MLS #: <span id="propertyMls"></span></div>
&nbsp;
<div></div>
&nbsp;

</div>
&nbsp;
<div style="width: 300px; float: left; display: inline-block; text-align: right; vertical-align: top;"></div>
&nbsp;

</div>
&nbsp;
<div id="imageBox">

<img id="propertyImage" />
<div id="noPhoto">No Photo
Available</div>
&nbsp;

</div>
&nbsp;

</div>
&nbsp;
<div style="width: 560px; float: left; display: inline-block; vertical-align: top;">

&nbsp;
<h3>Come inside for more information!</h3>
&nbsp;
<h3>Office Hours:</h3>
Monday - Friday : 8am - 6pm
Saturday : 9am - 5pm
Sunday : 10am - 4pm

&nbsp;
<h3>Or contact one of our qualified brokers...</h3>
<strong>Phone:</strong> 800-555-1212
<strong>Email :</strong> info@amazingrealty.com
<strong>Website :</strong> http://amazingrealty.com

&nbsp;

<strong>Amazing Realty
101 Main Avenue
Perfection, CO 12345</strong>

&nbsp;
<div id="qrcodediv"><img id="qrcode" class="mlsreplace" alt="QR Code" align="left" /> For more information on this property after hours, use the QR Reader on your phone to scan this code.</div>
&nbsp;

</div>
&nbsp;
<div>

&nbsp;
<div id="disclaimer" class="disclaimer">

&nbsp;

<style type="text/css">
				<!-- .disclaimerBody { text-align: left; width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; } .disclaimerBody img { margin-right: 10px; margin-top: 10px; } --><br />				</style>&nbsp;
<div class="disclaimerBody">

&nbsp;

<img class="alignnone" src="https://cdn.visualidx.com/media/images/CREN-logo-big.png" alt="CREN logo" width="110" height="77" align="left" /> The data relating to real estate for sale on this web site comes in part from the Internet Data Exchange (IDX) program of Colorado Real Estate Network, Inc. (CREN), © Copyright 2018. All rights reserved. All data deemed reliable but not guaranteed and should be independently verified. This database record is provided subject to "limited license" rights. Duplication or reproduction is prohibited. <a href="http://cdn.visualidx.com/docs/fullCRENDisclaimer.php">FULL CREN Disclaimer.</a> Real Estate listings held by companies other than THE OWNER OF THIS WEBSITE contain that company's name. <a href="http://cdn.visualidx.com/docs/fairHousingDisclaimer.php">Click here to read the Fair Housing Disclaimer.</a> This data was last updated: <span id="timestamp"></span>
VisualIDX and other IDX/MLS real estate solutions provided by <a href="https://webservicesmanagement.com" target="_blank" rel="noopener noreferrer">Web Services Management</a>.

</div>
&nbsp;

</div>
&nbsp;

</div>
&nbsp;

</div>
<!-- /#kiosk -->

</div>

</div>

<div id="noPhoto">No Photo

Available</div>

</div>

<h3>Come inside for more information!</h3>

<h3>Office Hours:</h3>

Monday - Friday : 8am - 6pm

Saturday : 9am - 5pm

Sunday : 10am - 4pm

<h3>Or contact one of our qualified brokers...</h3>

<strong>Phone:</strong> 800-555-1212

<strong>Email :</strong> info@amazingrealty.com

<strong>Website :</strong> http://amazingrealty.com

<strong>Amazing Realty

101 Main Avenue

Perfection, CO 12345</strong>

<div id="qrcodediv"><img id="qrcode" class="mlsreplace" alt="QR Code" align="left" /> For more information on this property after hours, use the QR Reader on your phone to scan this code.</div>

</div>

<div>

<br /> </style>

<img class="alignnone" src="https://cdn.visualidx.com/media/images/CREN-logo-big.png" alt="CREN logo" width="110" height="77" align="left" /> The data relating to real estate for sale on this web site comes in part from the Internet Data Exchange (IDX) program of Colorado Real Estate Network, Inc. (CREN), © Copyright 2018. All rights reserved. All data deemed reliable but not guaranteed and should be independently verified. This database record is provided subject to "limited license" rights. Duplication or reproduction is prohibited. <a href="http://cdn.visualidx.com/docs/fullCRENDisclaimer.php">FULL CREN Disclaimer.</a> Real Estate listings held by companies other than THE OWNER OF THIS WEBSITE contain that company's name. <a href="http://cdn.visualidx.com/docs/fairHousingDisclaimer.php">Click here to read the Fair Housing Disclaimer.</a> This data was last updated: <span id="timestamp"></span>

VisualIDX and other IDX/MLS real estate solutions provided by <a href="https://webservicesmanagement.com" target="_blank" rel="noopener noreferrer">Web Services Management</a>.

</div>

Display a random listing from entire MLS

var myKioskOptions = {
     // See Notes tab for available options
};
var k1 = new wsm.visualidx.kiosk('myKiosk',myKioskOptions);

var myKioskOptions = {

// See Notes tab for available options

};

var k1 = new wsm.visualidx.kiosk('myKiosk',myKioskOptions);

…and then this in the BODY of your page.

<div id="myKiosk"></div>

1	<div id="myKiosk"></div>

Display a random listing from a single Office.

<script>
    var myKioskOptions = {
        officeID : '123'
    };
    var k1 = new wsm.visualidx.featuredListing('myKiosk',myKioskOptions);
</script>

var myKioskOptions = {

officeID : '123'

};

var k1 = new wsm.visualidx.featuredListing('myKiosk',myKioskOptions);

</script>

…and then this in the BODY of your page.

<div id="myKiosk"></div>

1	<div id="myKiosk"></div>

Possible options are…

Possible options are...
options = {
	agentID : '',
	city : '',
	county : '',
	fields : 'mls,address,area,price,acres,bedrooms,bathrooms,listingOffice',
	officeID : '',
	pmin : '',
	pmax : '',
	propertyclass : '',
	refresh : '15000',
	subdivision : '',
	target : '',
	transition : 'fade',
	url : 'http://dispatch.visualidx.com',
	zipcode : ''
};

Possible options are...

options = {

agentID : '',

city : '',

county : '',

fields : 'mls,address,area,price,acres,bedrooms,bathrooms,listingOffice',

officeID : '',

pmin : '',

pmax : '',

propertyclass : '',

refresh : '15000',

subdivision : '',

target : '',

transition : 'fade',

url : 'http://dispatch.visualidx.com',

zipcode : ''

};

* NOTE

All options can be called as query parameters rather than being specified in an options object.

I.E.

options = {
    mls = '123456'
}

options = {

mls = '123456'

}

…is equivalent to…

http://yourrealtywebsite.com/myKiosk.php?mls=123456

1	http://yourrealtywebsite.com/myKiosk.php?mls=123456

VisualIDX Kiosk

See the VisualIDX Kiosk page for the features and information on this product.

JavaScript Quick Start

Display a random listing from entire MLS

Display a random listing from a single Office.

* NOTE

I.E.

…is equivalent to…

Share this: