javascript
OpenLayersでGeoJSONを読み込む ちょっとソースだけ置いておく var createPointStyleFunction = function() { return function(feature, resolution) { var style = new ol.style.Style({ image: new ol.style.Circle({ radius: 5, fill: new ol.style.Fill(…
OpenLayers 3 を使ってみる とりあえずポイントデータを表示させるところまで使えるようになりたい。公式サイト http://openlayers.org/ 公式の Quick Start のソースを表示する OpenLayers 3 - Quick Start <html lang="en"> <head> <link rel="stylesheet" href="http://openlayers.org/en/v3.5.0/css/ol.css" type="text/css"> <style> .map { height: 400px; widt…</link></head></html>
formでテキスト入力時のエンター押下でsubmitさせないようにする <input type="submit"> から <button type="button"></button> に変更してボタン押下時にjavascriptでsubmitしてやる <form> <input type="text"> <input type="submit"> </form> ↓ <form id="form-nantoka"> <input type="text"> <button id="form-submit" type="button">submit</button> </form> $('#fo…
画像ファイルの向きを調整する iPhoneで撮った画像をアップロードし、サーバーに保存後iPhone、PCのfirefoxで表示してみると 画像の向きが異なる。 撮影した画像ファイルにExifが埋め込まれており、ブラウザによってこのExifを元に画像の向きを調整するかし…
img要素のクリック地点を画像本来の位置で求める 一行でまとめようとして見出しが意味不明になってしまったが 1200*800 のサイズの画像を 300*200 のimg要素に張り付けた際に 画像の一番右下をクリックしたら X=300, Y=200 ではなく X=1200, Y=800 と画像の…
Bootstrapでinput type="file"の見た目をきれいにする input type="file" がどのように表示されるか公式サイトを見たら分かると思うけど 他のフォームと比べて違和感がある http://getbootstrap.com/css/#forms-exampleのでこっちみたいにする http://getboo…
Android版Firefoxでnavigator.geolocationから位置情報が取得でき無ない 機種:nexsus7 2012 OS:5.1 Firefox:37.0.2navigator.geolocation.getCurrentPosition または watchPosition で PositionOptions.maximumAge を設定している時だけ 位置情報が取得でき…
textarea 要素にフォーカスが当たった時、テキストを全選択する $('#kyabetsu-tarou').on('click', function() { this.setSelectionRange(0, this.value.length); }); onfocus だとダメ this.select() だとダメ
javascriptでオブジェクトのプロパティ(連想配列の要素)を削除する var data = {a: 'aaa', b: 'bbb'}; この中の b を削除したい場合、 delete data.b; delete data['b']; のいずれかで削除できる。存在しない要素を削除してもエラーは発生しなかった。(firef…
