memo

【javascript】Unicode対応 文字コード表

参考：Unicode対応 文字コード表

【javascript】正規表現

例：正規表現テスト

PHPで"session_start()"のエラーが出たときの対応　2018-12-22

https://warumono.at.webry.info/201104/article_5.html

　(1) ファイルの先頭に改行がある
　(2) UTF-8のBOMがある

ドロップでファイルを読み込むjqueryプラグイン　2017-01-15

http://leko.jp/archives/448 を参考

フォルダファイルインプット　jquery.filedrop

kml ラベルの表示/非表示　2016-12-24

<Style id="hideLabel">
  <LabelStyle>
    <scale>0</scale>
  </LabelStyle>
</Style>

scale=0 にすると非表示、それ以外だと表示

pace.js　2016-12-15

ｃｓｓを少し改良して、プログレスバーを表示するようにした。

imgを下揃え　2016-11-05

imgタグにstyle="vertical-align: bottom;"を追記。 通常は、style="vertical-align: baseline;"になっていて、そのままでは下に隙間ができる。

読み込み状態を表示　2016-07-03

 $("#list").html($('<img>', { src: "images/loadingAnimation.gif" })).append($("<div></div>",{ text: String(Math.round(counter/midokoro_nature.length*100))+"%"}));

配列を並び替える　2016-07-01

midokoro_nature.sort(function(a,b){return a.nature - b.nature;});

midokoro_nature.sort(function(a,b){

return Number(a.nature.substr(0,2)) - Number(b.nature.substr(0,2));

});

http://d.hatena.ne.jp/rikuba/20090901/1251773847

マイマップ　2016-05-31

Googleのマイマップにインポートする場合、日本語が含まれている場合はUTF-8で保存されてたファイルでないと文字化けする。

Loading.js を作成　2016-02-23

var loading = New Loading();

loading.start();   body に loadingイメージを持ったdiv要素をappend
loading.stop(); 追加したdiv要素をremove

FlickrPhotoset に　slideshow を追加　2016-02-22

imagesLoader.js を利用して、画像を先読みし、読み込み遅れを考慮したスライドショーとした。
読み込み時には、loadingAnimation.gif を表示する。

http://www.mellowdown.net/blog/?p=466

Flickrでoriginal画像にアクセスする方法　2016-02-16

originalsecretが必要！

https://farm{farm-id}.staticflickr.com/{server-id}/{id}_{o-secret}_o.(jpg|gif|png)

see  https://www.flickr.com/services/api/misc.urls.html


original secret を取得するには、

flickr.photosets.getPhotos において extra に original_format を指定しておく

extras: 'geo,date_taken,owner_name,description,o_dims,original_format'

.originalsecret で　o-secret を取得できる！

FlickrPhotosetPrivate　2015-12-27

FlickrPhotosetPrivate も完成

getInfo と getPhotos を token secret に対応させた。

.outerHeight(true)　2015-12-26

マージンを含めたサイズを取得

http://www.jquerystudy.info/reference/css/outerHeight.html

google maps リサイズ　2015-12-23

google.maps.event.trigger(map, 'resize');

http://mizo0409.blogspot.jp/2014/05/google-maps-javascript-api-v3.html

window document　2015-12-23

documentはwindow.documentのこと。

https://www.scollabo.com/banban/java/jvp_01.html

FlickrPhotoset　2015-12-23

ver. 2.0 完成　！ →　リサイズの処理がまだだった。
→完成！　12/23　→　12/27

ＳｌｉｄｅShowのjQuery化　2015-11-29

jQuery.slideShow を作成した。

GoogleMapOverlay-3.0　2015-11-28

変更

jqueryを用いた。

.stop(true, true).slideDown()を用いた。

http://qiita.com/SotaSuzuki/items/92679f0135db3f0f85f6
http://h2ham.seesaa.net/article/305452745.html

画像の下に謎の隙間ができるのを防ぐ方法　2015-11-28

img {
   vertical-align: bottom;
}

デフォルトパラメータの渡し方　2015-11-28

var Ｆｕｎｃ = function(opts) { 
var defaults = {
offsetX: 0,
offsetY: 0,
position: null,
content: null,
}
$.extend( true, this, defaults, opts );
}

 

jQuery.simplyModal　2015-11-23

tips\FlickrPhotoSet

 jQueryでモーダルウィンドウを作る方法

http://coolwebwindow.com/jquery-lab/archives/304

http://zxcvbnmnbvcxz.com/jquery-easy-modalwindow/

.on()

https://www.softel.co.jp/blogs/tech/archives/4313

http://www.websuppli.com/javascript/25/

https://app.codegrid.net/entry/practical-jquery-1

.off()

http://tacamy.hatenablog.com/entry/2013/03/03/213113

data()

http://qiita.com/Kta-M/items/2eda39750abd10df9801

$(element).addClass('modal').attr('data-modal', this.url);
$('body').off('click', '.modal').on('click', '.modal', function(){
$.simplyModal.setFrame($(this).data('modal'));

});

以上

クッキーの使用方法　2015-11-22

クッキーの使用方法
http://so-zou.jp/web-app/tech/programming/javascript/cookie/
https://www.upken.jp/kb/uOAYZwXERFbcknLVknOicZtYtjPjPr.html

　有効期限
https://developers.google.com/analytics/devguides/collection/analyticsjs/cookie-usage?hl=ja　　２年
https://msdn.microsoft.com/ja-jp/library/aa289495(VS.71).aspx　～１年、５０年



Cookieの有効期限をChromeで確認したい
http://www.shigemk2.com/entry/2014/11/12/Cookie%E3%81%AE%E6%9C%89%E5%8A%B9%E6%9C%9F%E9%99%90%E3%82%92Chrome%E3%81%A7%E7%A2%BA%E8%AA%8D%E3%81%97%E3%81%9F%E3%81%84

以上

Flickr_PhotosetPrivate をコンストラクタ化した　2015-11-22

以上

Flickr Authentication API　2015-11-14

After you login, go to Your Apps from the You menu on top. You will see your Flickr app. Click this app. Then click Edit Authentication Flow. Here you will find a setting called Callback URL. 

注意) Visit website ボタンの下にURLを記載してもだめ！

flickrPhotosetPrivateを作成

http://www.machu.jp/diary/20051101.html#p01
http://d.hatena.ne.jp/zorio/20080724/1216918463
https://www.flickr.com/services/api/auth.spec.html

コンストラクタへのメソッドの追加→プロトタイプを追加する。

http://so-zou.jp/web-app/tech/programming/javascript/grammar/function/class/

関数リテラル　2015-11-10

http://www.xenophy.com/learning_place/javascript/var/3_logic/
https://www.xenophy.com/learning_place/javascript/function/2_scope/

Flickr_Photoset をコンストラクタ化した　2015-11-08

$.getJsonを使うように変更した。

http://blog.livedoor.jp/blackout__/archives/1003981176.html

&jsoncallback=?　と記載する

rest を　jQyery プラグイン化した。

以上

千葉の見どころ　flickr_set_chiba.js　2015-08-22

順番に表示し、かつリサイズにも対応するように変更した。

応じて cssも変更した。

ただしhttp://cgi.geocities.jp/... でしかリサイズは動作しない。

ウインドウに対して均等に表示するようにした。

http://www.1uphp.com/con2/layout/center.html
http://atamoco.boy.jp/javascript/client/screen.height-width.php

以上

FlickrCollection

写真が1枚だけだと編集がおかしい。

http://cgi.geocities.jp/winchester_cathedral_nostalgy/FlickrCollection/photo2.php?photoset_id=72157627443354864

千葉の見どころ

flickr_set_chiba.js を変更した。

画像を順番に表示して、表示し次第大きさを読み取って、テーブルに表示しなおすようにした。

特定の文字列を削除

http://blog12345.seesaa.net/article/313287971.html

正規表現で何かできそうだがわからなかった。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Regular_Expressions

変なページに飛ぶ

家族の写真（photo）のリサイズイベントを有効にするため、アドレスをwwwからcgiに変更したら、もとのページ（家族の写真）にリンクされてしまった？？？

コード貼りつけ例

  if ( photo.title != "") {
   var photo_title = photo.title;
   if ( photo.title.charAt(0) == "1" || photo.title.charAt(0) == "2" ){
    if ( photo.title.indexOf("]") != -1 ) {
     var photo_title = photo.title.substr(photo.title.indexOf("]")+1,photo.title.length);
    } else {
     var photo_title = photo.title.substr(16,photo.title.length);
    }
   }

   photo_html += "<b>"+photo_title+"</b>";
  
  }