JSFiddle - React, Tailwind, and code Playground

by freedawirl

HTML

<script src="http://static.websimages.com/static/global/js/webs/usersites/p.js"></script>
<script src="http://static.websimages.com/static/global/js/webs/usersites/escort.js"></script>
<script src="http://warrenknjiru.webs.com/kinyua.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<CENTER><FORM NAME="searchform" onKeypress="if (event.keyCode==13) {search();return false}"><B>Status</B> <SELECT NAME="criteria1" onChange="search()"><OPTION></OPTION>
<OPTION VALUE='TO LET'>To Let</OPTION>
<OPTION VALUE='FOR SALE'>For Sale</OPTION>
</SELECT> <B>Price</B> <SELECT NAME="criteria2" onChange="search()"><OPTION></OPTION>
<OPTION VALUE='1k-2k'>1k-2k</OPTION>
<OPTION VALUE='2k-3k'>2k-3k</OPTION>
<OPTION VALUE='4k-5k'>4k-5k</OPTION>
<OPTION VALUE='5k-10k'>5k-10k</OPTION>
<OPTION VALUE='10k-20k'>10k-20k</OPTION>
<OPTION VALUE='100k-200k'>100k-200k</OPTION>
</SELECT> <B>Location</B> <SELECT NAME="criteria3" onChange="search()"><OPTION></OPTION>
<OPTION VALUE='westlands'>westlands</OPTION>
<OPTION VALUE='dagoretti'>dagoretti</OPTION>
<OPTION VALUE='makadara'>makadara</OPTION>
<OPTION VALUE='langata'>langata</OPTION>
<OPTION VALUE='kamukunji'>kamukunji</OPTION>
<OPTION VALUE='embakasi'>embakasi</OPTION>
<OPTION VALUE='starehe'>starehe</OPTION>
<OPTION VALUE='kasarani'>kasarani</OPTION>
</SELECT> <B>Type</B> <SELECT NAME="criteria4" onChange="search()"><OPTION></OPTION>
<OPTION VALUE='bungalow'>bungalow</OPTION>
<OPTION VALUE='apartment'>apartment</OPTION>
<OPTION VALUE='maisonet '>maisonet </OPTION>
<OPTION VALUE='plot '>plot </OPTION>


</SELECT> <B>BedRooms</B> <SELECT NAME="criteria5" onChange="search()"><OPTION></OPTION>
<OPTION VALUE='1'>1</OPTION>
<OPTION VALUE='2'>2</OPTION>
<OPTION VALUE='3'>3</OPTION>
<OPTION VALUE='4'>4</OPTION>
<OPTION VALUE='5'>5</OPTION>
<OPTION VALUE='6'>6</OPTION>
<OPTION VALUE='7'>7</OPTION>

</SELECT> <B>BathRooms</B> <SELECT NAME="criteria6" onChange="search()"><OPTION></OPTION>
<OPTION...

JavaScript

if(GBrowserIsCompatible()) {
		    var mapTypes = G_DEFAULT_MAP_TYPES;
		    
	            var map = new GMap2(document.getElementById("map"), {mapTypes: mapTypes});
//		    var map=new GMap2(document.getElementById("map"));
         	    GEvent.addListener(map, "moveend", resetMarkers);
		    map.setCenter(new GLatLng(-1.274,36.826),12);
		    map.addControl(new GLargeMapControl());
		    map.addControl(new GMapTypeControl());
  		    map.setMapType(G_NORMAL_MAP);
		    map.enableScrollWheelZoom();
		var point,marker,html;
		var icon=new GIcon();
		icon.image="";
		icon.shadow="";
		icon.iconSize=new GSize(18,32);
		icon.shadowSize=new GSize();
		icon.iconAnchor=new GPoint(9,32);
		icon.infoWindowAnchor=new GPoint(9,16);

		var point=new Array();
		var marker=new Array();
		var infoTabs=new Array();
		var popup=new Array();
		var Mstatus=new Array();
		var sidenav=new Array();
		var search1=new Array();
		var search2=new Array();
		var search3=new Array();
		var search4=new Array();
		var search5=new Array();
		var search6=new Array();

		var oper1='is equal to';
		var oper2='between x and y';
		var oper3='is equal to';
		var oper4='is equal to';
		var oper5='is equal to';
		var oper6='is equal to';
		

            
		

 
//******* marker 0 *******
point=new GPoint(36.7632208106,-1.23242703017);
popup[0]=[new GInfoWindowTab("my...