GINPRO / SQLの窓と銀プログラマ

<script>
if ( !window.jQuery ) {
	document.write("<"+"script src=\"//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js\"></"+"script>");
}
</script>
<script>
if ( !window.jQuery.balloon ) {
	document.write("<"+"script src=\"http://winofsql.jp/js/jquery.balloon.min.051.js\"></"+"script>");
}
</script>
<script>
function message_balloon(str) {
	$("#target_base").showBalloon({
		contents: str+"<br /><br /><input type='button' value='閉じる' onclick='b_2()'/>",
		position: "right",
		offsetX: 0,
		offsetY: 0,
		tipSize: 20,
		css: {
			border: "solid 5px #000",
			color: "#000",
			fontWeight: "bold",
			fontSize: "20px",
			background: "url(https://lh5.googleusercontent.com/-vTfpmoECckg/T0odv9K_VbI/AAAAAAAAE4w/Mv9xb2tGomo/s200/_img.png) no-repeat",
			width: "160px",
			height: "120px",
			borderRadius: "20px",
			opacity: "1",
			padding: "10px 20px 10px 20px"
		}
	});
}
function b_2( ) {
	try{$("#target_base").hideBalloon();}catch(e){}
}
</script>
<input type="button" value="show1" onclick='message_balloon("こんにちは")'/>
<input type="button" value="show2" onclick='message_balloon("さようなら")'/>
<input type="button" value="hide" onclick='b_2()'/>
<div style='position:relative;height:200px;'>
<div id="target_base" style='position:absolute;width:20px;height:20px;top:100px;left:150px;background-color:#ccc;'></div>
</div>