JSFiddle - React, Tailwind, and code Playground

by dperezq

HTML

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div class="tab-pane carpark" id="main_view">		
    <input type="text" id="txt_f" name="txt_f">
    <input type="submit" class="btn btn-default" id="btn" value="Submit" onclick="scripting(); return false;">
    <div id="map" name="map"></div>
</div>

JavaScript

window.scripting = function () {
    if ($("#script_map").length > 0) {
    	$("#map").html("");
    }
	var src_fld = document.getElementById('txt_f').value ;

	$("<script />", {
    	"src":"http://en.parkopedia.co.uk/js/embeds/mapView.js",
		"data-location":"http://en.parkopedia.co.uk/parking/" + src_fld,
		"data-options":"l=0&tc=0&zc=1&country=UK&ts[]=4&ts[]=3&ts[]=2",
		"data-size":"650:400",
		"id":"script_map",
		"type":"text/javascript"
	}).appendTo("#map")
}