Solnone 螺旋旅人: JavaScript

顯示具有 JavaScript 標籤的文章。顯示所有文章

2018年5月13日

2009年10月19日

Google Map addDomListener


<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns:v="urn:schemas-microsoft-com:vml"
 xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Google Maps JavaScript API Example: addDomListener</title>
<script type="text/javascript"
 src="http://www.google.com/jsapi?key=abcdefg"></script>
<script type="text/javascript">
google.load("maps", "2.x");
function initialize() {
 if (GBrowserIsCompatible()) {
  var mapDataList = new Array();
  var map = new GMap2(document.getElementById("map_canvas"));
  var latlngbounds = new GLatLngBounds();
  mapDataList.push( {
   id : 'ChungShanPark',
   message : '台中市中山公園<br/>湖心亭',
   marker : new GMarker(new GLatLng(24.143657, 120.684167))
  });
  function createDomListener(elm, index) {
   GEvent.addDomListener(document.getElementById(elm), 'click',
     function() {
      GEvent.trigger(mapDataList[index].marker, 'click');
     });
  }
  function addMarkerListener(d, index) {
   var marker = d.marker;
   GEvent.addListener(marker, "click", function() {
    map.openInfoWindowHtml(marker.getLatLng(), d.message);
   });
   createDomListener(d.id, index);
   return marker;
  }
  for ( var i = 0; i < mapDataList.length; i++) {
   var d = mapDataList[i];
   map.addOverlay(addMarkerListener(d, i));
   latlngbounds.extend(d.marker.getLatLng());
  }
  map.setCenter(latlngbounds.getCenter(), map
    .getBoundsZoomLevel(latlngbounds));
  map.addControl(new GSmallMapControl());
  map.addControl(new GMenuMapTypeControl());
 }
}
</script>
</head>
<body onload="initialize()" onunload="GUnload()">
<div id="map_canvas" style="width: 500px; height: 350px;"></div>
<a id="ChungShanPark" href="#">湖心亭</a>
<br />
</body>
</html>

2009年6月23日

Rhino: JavaScript for Java
Rhino Shell: java -jar js.jar
JavaScript Debugger: java -cp js.jar org.mozilla.javascript.tools.debugger.Main

// -- run examples/unique.js --
$ javac -cp js.jar examples/*.java
$ java -cp ./examples:js.jar org.mozilla.javascript.tools.shell.Main examples/unique.js /etc/hosts

2009年6月1日

WWW SQL Designer

http://code.google.com/p/wwwsqldesigner/
Draw and create database schemas (E-R diagrams) directly in browser

2009年5月28日

JavaScript Framework - Prototype

Prototype 是一個簡單且容易使用的 JavaScript Framework, 主要用途為開發動態網頁應用程式
http://www.prototypejs.org/

prototype.js開發筆記
http://blog.phptw.idv.tw/read-47.html

縮小 JavaScript 檔 (js) 的工具

JavaScriptZip 1.0 是一個將 js 檔縮小的工具
網址為 http://javascriptzip.sourceforge.net/
下載回來後解開來有個bin目錄下有執行檔 javascriptzip。
javascriptzip [options] INPUT OUTPUT
執行 javascriptzip 有三個參數，第一個參數為選項，可省略；第二個為原 js 檔；第三個是產生出來的 js 檔。
我試一下壓縮28k 的檔案可壓到18k左右。

好用的 JavaScript 程式集合

可動態產生的表格 JavaScripTable
輸入欄位的遮罩 InputMask
日期及數值的解析器 Parsers
網址: http://javascriptools.sourceforge.net/

2009年3月14日

Online beautifier for JavaScript (js beautify, pretty-print)

Online beautifier for JavaScript (js beautify, pretty-print)

這個網站只要把 JavaScript 的程式貼進去按下Beautify, 就會自動幫你排版對齊，按鈕右邊的下拉可以選擇要用tab還是space作縮排。

Solnone 螺旋旅人