BDP jQuery web snippet

Using onComplete() in the BDP snippet

If you wish to use jQuery in your client’s website that requires BDP to have loaded before executing, you can use the onComplete() function. The following example uses onComplete() in conjunction with the sharrre jQuery plugin to allow social shares of the specific property the user is currently looking at.

onComplete : function(){			
	$('#twitter').sharrre({
		share: {
			twitter: true
		},
		template: '<a class="box" href="#"><div class="count" href="#">{total}</div><div class="share"><span></span>Tweet</div></a>',
		enableHover: false,
		enableTracking: false,
		buttons: { twitter: {via: '_JulienH'}},
		click: function(api, options){
			api.openPopup('twitter');
			api.simulateClick();
			}
		});
		$('#facebook').sharrre({
			share: {
				facebook: true
			},
			template: '<a class="box" href="#"><div class="count" href="#">{total}</div><div class="share"><span></span>Like</div></a>',
		enableHover: false,
		enableTracking: false,
		click: function(api, options){
			api.simulateClick();
			api.openPopup('facebook');
		}
		});

		$('#googleplus').sharrre({

			share: {
				googlePlus: true
			},
			template: '<a class="box" href="#"><div class="count" href="#">{total}</div><div class="share"><span></span>Google+</div></a>',
			enableHover: false,
			enableTracking: false,
			click: function(api, options){
				api.simulateClick();
				api.openPopup('googlePlus');
			}
		});

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

onComplete : function(){

$('#twitter').sharrre({

share: {

twitter: true

},

template: '<a class="box" href="#"><div class="count" href="#">{total}</div><div class="share"><span></span>Tweet</div></a>',

enableHover: false,

enableTracking: false,

buttons: { twitter: {via: '_JulienH'}},

click: function(api, options){

api.openPopup('twitter');

api.simulateClick();

}

});

$('#facebook').sharrre({

share: {

facebook: true

},

template: '<a class="box" href="#"><div class="count" href="#">{total}</div><div class="share"><span></span>Like</div></a>',

enableHover: false,

enableTracking: false,

click: function(api, options){

api.simulateClick();

api.openPopup('facebook');

}

});

$('#googleplus').sharrre({

share: {

googlePlus: true

},

template: '<a class="box" href="#"><div class="count" href="#">{total}</div><div class="share"><span></span>Google+</div></a>',

enableHover: false,

enableTracking: false,

click: function(api, options){

api.simulateClick();

api.openPopup('googlePlus');

}

});

Read More →

Staff photo

BDP allows you to add staff photographs which can be output to your own website. This can be useful when associating a specific negotiator with a property. To upload a staff photo, Enter the Configuration menu and click on Agency Details. Open the Users widget Click the + sign next to any user to enter […]

Read More →

Main search box

The main search box is displayed wherever the div tag is put in the page. This search box is presented as a full-width box with a free-text input which searches on all fields in your property database. There are links to Advanced search and Map search. Clicking Advanced search reveals more controls in the search […]

Read More →

Sidebar Search box

BDP contains a small, sidebar search box which can optionally be displayed on the home page and the property detail page. It can be inserted into a page where the BDP javaScript snippet is present by adding the div <!– Sidebar Search –> <div id=”sidebar_search”> BDP contains intelligent logic such that when displaying property search […]

Read More →

Property Details page

The property details are displayed in the same page as the search results. The template that controls the appearance of the property detail page can be controlled through the Branding > Property Details widget. This widget also contains templates for Send to Friend (SF Template), Enquire and Home Report for clients in Scotland. Send to […]

Read More →

Search results

The search results listing is displayed following any search conducted on your website. BDP outputs the search results to the page that contains the javaScript snippet [code]<!– Search Results and Main Output –> <div id=”home_res_container”></div>[/code] This can be any page in your website, but you must tell BDP the address by entering the full URL […]

Read More →

Logo and colours

The BDP output to your website uses a series of templates which have been designed to produce a clean, clear and neutral look. The colours that these templates use can be overridden by picking alternative colours for all elements using the colour picker tool in the Logo and Colours widget in the Branding section. The […]

Read More →

Public contact details

Public contact details are entered into the Branding and Appearance screen. The information entered here is used by the BDP snippet to output your public contact details where required by the system.

Read More →

Customising templates – Variables

Variables can be placed in templates using the syntax {{ variable name }}. Basic true or fasle boolean can be used in the form {{ mbDBool (variable name) ? some content to appear when variable is true [[ some variable name ]] }} or {{ mbDBool !(variable name) ? some content to appear when variable […]

Read More →

URL Querystring parameters for API and JS plugin

The listings returned by BDP can be controlled via the URL (web address) parameters of the page called. This is referred to as a Search Query and takes the form outlined below. This enables you to have a menu on your website that could be, for example, linking to properties by area, properties by price […]

Read More →

Category: BDP jQuery web snippet