カテゴリー
SugiBlog Webエンジニアのためのお役立ちTips

GoogleMap ルート案内

<form action="http://maps.google.co.jp/maps" method="get" target="_blank">
ここまでのルートを検索
出発地(住所・駅名):<input type="text" size="30" name="saddr" id="saddr" value="" />
交通手段:<input type="radio" name="dirflg" value="r" checked="checked" />電車
<input type="radio" name="dirflg" value="d" />車
<input type="hidden" name="daddr" value="lat,lon" />
<input type="submit" value="ルート検索" />
</form>

・アイコンクリックにイベントを追加

GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml([上記HTML]);
});
2,377 views

クエリー文字列を取得

window.location.search

[http://www.test.co.jp/test.html?id=id]から取得できる値=[?id=id]

1,599 views

フォームの入力内容チェック

name属性でチェック

if(document.frm.id.value == "")
{
    alert("[アラートメッセージ]";
    return false;
}
return true;

フォームタグ

name="frm" onSubmit="return [関数名]();"

idを付加してチェック

if(document.getElementById("[id]").value == "")
{
    alert("[アラートメッセージ]";
    return false;
}
return true;

フォームタグ

onSubmit="return [関数名]();"

メールアドレスが正しいかチェックする場合

if(!document.frm.email.value.match(/[!#-9A-~]+@[a-z0-9-]+\.+[a-z0-9]+/i))
{
  alert("メールアドレスを正しく入力してください。");
  return false;
}
1,346 views