Looking for help with creating a HTML snippet. I have the HTML, i think.

Adam Senior · 30 Jul 2013 at 23:27

Hi guys, My friend is wanting me to add a search function to his realtor site. He currently has this search feature online here.

http://www.roseandwomble.com/Agents/agent.aspx?id=2739

I was wondering if any one could make the search widget on the right into a HTML snippet? Is there any restrictions?

I would be using this HTML snippet on a website builder.

If this is not possible then let me know. I did manage to get the snippet partially on, yet it wont search as I believe this is due to the fact it is not on the same server/website.

If anyone has any questions or is able to help,

It would be amazing.

thanks,

Adam.

cheechm · 31 Jul 2013 at 00:32

I'm slightly confused. So you want people to be able to type in the search query from his site and for it to go to the results on the rose & womble site?

If so, use a form which has a "get" method to the following URL:

Code:

http://www.roseandwomble.com/ForSale/searchresults.aspx

The search fields you can use are:

Code:

?selectedCity
subdivision
pricelow
pricehigh
bedrooms
bathrooms
newonly

There's more but you can inspect those on the results page.

Th3M8dH8tt3r · 31 Jul 2013 at 00:44

If I understand it, you want a search form to search another site's database? You'll need to authorise access to that site's content. It's a huge security risk as well.

Adam Senior · 31 Jul 2013 at 01:56

Basically I am creating a website for Nick Jones. He initially wanted a basic portfolio website for his clients to view. From the website I was going to link to rose and womble.

Yet I was just wondering if there was a way that I could somehow incorporate that search box into another website.

I did think there may be some search issues, but I was thinking if the search automatically took you to rose and womble then that would be great.

I understand this may not be possible, I was just exploring some options.

Thanks for the input.

Adam Senior · 31 Jul 2013 at 01:57

Basically, is there a way for someone to be on say... www.nickjoneshomes.com (not live yet) and that website have a search box, that would search and link to the rose and womble site?

cheechm · 31 Jul 2013 at 02:22

Yep, that's what I did. Check this out:

http://jsfiddle.net/KexPL/

The code is pretty easy:

Code:

<form name="input" action="http://www.roseandwomble.com/ForSale/searchresults.aspx" method="get">
City: <select name="selectedCity">
  <option value="SUFFOLK">Suffolk</option>
  <option value="HAMPTON">Hampton</option>
  <option value="NORFOLK">Norfolk</option>
</select>
<input type="submit" value="Submit">
</form>

Adam Senior · 31 Jul 2013 at 02:41

Awesome.

So here is the link to a test page with it on. http://ocuktesting.moonfruit.com

cheechm · 31 Jul 2013 at 12:56

I'd personally make the form go to the actual page rather than stay on the original website.

zyfar · 31 Jul 2013 at 15:56

+1, get rid of the iframe

Adam Senior · 31 Jul 2013 at 21:11

I was wondering how to get it to open a new window with the search results.

Adam Senior · 31 Jul 2013 at 22:18

zyfar said:
+1, get rid of the iframe

Any tips Zyfar on how to not have it open in a frame? Yet instead on another page?

AHarvey · 1 Aug 2013 at 13:42

Code:

<form name="input" action="http://www.roseandwomble.com/ForSale/searchresults.aspx" method="get" [B]target="_blank"[/B]>
City: <select name="selectedCity">
  <option value="SUFFOLK">Suffolk</option>
  <option value="HAMPTON">Hampton</option>
  <option value="NORFOLK">Norfolk</option>
</select>
<input type="submit" value="Submit">
</form>

10 mins googling came up with this

Adam Senior · 3 Aug 2013 at 04:59

Amazing guys thanks.

I am trying to add a price from / price to search option. Any one able to help, this is not me been lazy, I just generally suck at HTML :/

Thanks for your help all.

Adam Senior · 3 Aug 2013 at 05:07

I can get the boxes in, yet I am not sure how to get it to search within the set parameters. http://ocuktesting.moonfruit.com < Where I am at.

AHarvey · 3 Aug 2013 at 10:03

Adam Senior said:
Amazing guys thanks.

I am trying to add a price from / price to search option. Any one able to help, this is not me been lazy, I just generally suck at HTML :/

Thanks for your help all.

I think you'd need to add another text line but for the options that Cheechm posted above, so pricelow and pricehigh and add a value box to each.

Best guess from me and I'm about to head to work so i can't have a play with it

EDIT:

I think:

Code:

<form name="input" action="http://www.roseandwomble.com/ForSale/searchresults.aspx" method="get" target="_blank">
City: <select name="selectedCity">
  <option value="SUFFOLK">Suffolk</option>
  <option value="HAMPTON">Hampton</option>
  <option value="NORFOLK">Norfolk</option>
</select>
<br>
Min Price: <input type="text" name="pricelow" value=""><br>
Max Price: <input type="text" name="pricehigh" value=""><br>
<input type="submit" value="Submit">
</form>

cheechm · 3 Aug 2013 at 17:32

What you've done is create 3 different forms for each input. The syntax is actually what AHarvey posted.

Adam Senior · 3 Aug 2013 at 20:10

Awesome! that works a treat. I am now trying to actually figure out how to change the style of the submit button, even though its not a massive thing. But thanks to all, you have helped allot.

cheechm · 3 Aug 2013 at 20:51

Code:

// Normal button style
input[type="submit"] {

}

// Button style on hover
input[type="submit"]:hover {

}

// Button style while being clicked
input[type="submit"]:active {

}