<script language="javascript">
function fun1()
{
var rd="";
var rdlen=document.getElementsByName("rd").length;
for(var i=0;i<rdlen;i++)
{
if (document.getElementsByName("rd").item(i).checked)
{
rd=document.getElementsByName("rd").item(i).value;
}
}
var sel=document.getElementById("sel").value;
var str="";
var cklen=document.getElementsByName("ck").length;
for(var i=0;i<cklen;i++)
{
if (document.getElementsByName("ck").item(i).checked)
{
str=str+document.getElementsByName("ck").item(i).value+" ";
}
}
if(rd!="" && sel!="" && str!="")
{document.getElementById("dv1").innerHTML=rd+"<p>"+sel+"<p>"+str;}
else
{
alert("資料不足");
document.getElementById("dv1").innerHTML="";
}
}
function fun2()
{
var rdlen=document.getElementsByName("rd").length;
for(var i=0;i<rdlen;i++)
{
if (document.getElementsByName("rd").item(i).checked)
{
document.getElementsByName("rd").item(i).checked=false;
}
}
}
</script>
<body>
<fieldset>
<legend>資料集選項:</legend>
<form id="f1" name="f1">
<table>
<tr>
<td width="100">性別：
</td>
<td width="150">
<input type="radio" id="rd1" name="rd" value="男" checked="checked" />男
<input type="radio" id="rd2" name="rd" value="女" />女
</td>
<td>學歷：
</td>
<td>
<select id="sel" name="sel" style="width:120px">
<option value="中學">中學 </option>
<option value="專科">專科 </option>
<option value="大學">大學 </option>
<option value="研究所">研究所 </option>
<option value="其他">其他</option>
</select>
</td>
</tr>
<tr><br />
<td>興趣：
</td>
<td colspan="3">
<input type="checkbox" id="ck1" name="ck" value="旅行" />旅行
<input type="checkbox" id="ck2" name="ck" value="爬山" />爬山
<input type="checkbox" id="ck3" name="ck" value="音樂" />音樂
<input type="checkbox" id="ck4" name="ck" value="讀書" />讀書
<input type="checkbox" id="ck5" name="ck" value="大自然" />大自然
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" id="s1" name="s1" value="確定" onclick="fun1()" />
</td>
<td colspan="2" align="center">
<input type="button" id="r1" name="r1" value="清除" onclick="fun2()" />
</td>
</tr>
</table>
<div id="dv1" style="background-color:#0FC; width:450px; height:130px; overflow:scroll"></div>
</form>
</fieldset>
========================
欄位集
<form>
<fieldset>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
</form>
==========================
http://card.url.com.tw/realads/map_latlng.php
=========================================
<img id="img1" src="image/h1.jpg" onmouseover="this.src='image/h2.jpg'" onmouseout="this.src='image/h3.jpg'" onmousedown="this.src='image/h1.jpg'" width="100" height="60" />
=====================================
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false&language=tw"></script>
<script language="javascript">
function chinmap()
{
var latlng = new google.maps.LatLng(23.010871,120.666004); //指定座標
var mopt={
zoom:8,
center:latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById('map'),mopt);
}
</script>
<body onload="chinmap()">
<div id="map" style="width:500px; height:500px"></div>
</body>
====================================
var marker=new google.maps.Marker(
{
position: latlng,
map: map,
title: '成功國中'
});
var infowindow=new google.maps.InfoWindow();
infowindow.setContent("成功國中 <p><p><img src='image/h1.jpg'/>");
infowindow.setPosition(latlng);
google.maps.event.addListener(marker, 'click', function(event)
{
infowindow.open(map, marker);
});
沒有留言:
張貼留言