![[enchant.js] InputTextBox()で入力サイズを変更する](https://blog.mitsuto.com/wp-content/webpc-passthru.php?src=https://blog.mitsuto.com/wp-content/uploads/2014/04/enchant.png&nocache=1 "[enchant.js] InputTextBox()で入力サイズを変更する")
[enchant.js] InputTextBox()で入力サイズを変更する
formの幅と高さ自体はすぐに変更できたんですが、入力する文字自体のサイズが変わらない・・。 で、色々やった結果が下。 var form = new InputTextBox(); form.width = 200; // 幅 form.height = 50; // 高さ form.placeho…
JavaScript
enchant.jsでClassを作ってみる
htmlはとりあえず前回用意したものと同じ(index.html)で。 enchant.jsでClass enchant(); window.onload = function(){ var game = new Core( 500, 500 ); game.fps = 24; game.prelo…
enchant.jsのSpriteでアニメーションしてみる
htmlはとりあえず前回用意したものと同じ(index.html)で。 Spriteでアニメーション enchant(); window.onload = function(){ var game = new Core( 500, 500 ); game.fps = 24; game.preload…
enchant.jsでSpriteを使ってみる
htmlはとりあえず前回用意したものと同じ(index.html)で。 new Sprite enchant(); window.onload = function(){ var game = new Core( 500, 500 ); game.fps = 24; game.preload( '/…
enchant.jsでSceneを使ってみる
htmlはとりあえず前回用意したものと同じ(index.html)で。 new Scene enchant(); window.onload = function(){ var game = new Core( 500, 500 ); game.fps = 24; game.onload = fun…
enchant.jsでLabel使ってみる
htmlはとりあえず前回用意したものと同じ(index.html)で。 new Label enchant(); window.onload = function(){ var game = new Core( 500, 500 ); game.fps = 24; game.onload = fun…
enchant.js触ってみる。
まずはダウンロードから http://enchantjs.com/download/ zipをDLして、ドキュメントルート以下に配置。 index.html htmlを用意。 <!DOCTYPE html> <html> <head> <meta chars…
吹き出し(InfoWindow)を表示してみる。Google Maps JavaScript API(v3)
まずは、地図上にマーカーを表示。 そして、そのマーカーにクリックイベントを設定します。 // 地図生成 var map = new google.maps.Map(/* .. 省略 .. */); // マーカーを追加 var marker = new google.maps.Marker({/* …
マーカーを削除する。Google Maps JavaScript API(v3)
(地図にマーカーを表示してみる)で、追加したマーカーを今度は地図から消してみます。 // マーカー追加 var marker = google.maps.Marker({ /* .. 省略 .. */ }); marker.setMap(null); // 削除 .setMap(null)で、地図上…
クリックされた位置の緯度経度を取得する。Google Maps JavaScript API(v3)
クリックイベントを追加して、クリックされた位置を取得します。 var map = new google.maps.Map(/* ..省略.. */); // クリックイベント google.maps.event.addListener(map, 'click', getLatLng ); // 緯度…
地図にマーカーを表示してみる。Google Maps JavaScript API(v3)
map自体の表示はできた(地図を表示してみる。)ので、地図上にマーカー(ピン)を表示してみたいと思います。 var map = new google.maps.Map(/* ..省略.. */); var latLng = new google.maps.LatLng( 35.658706, 139…
地図を表示してみる。Google Maps JavaScript API(v3)
ほぼサンプルのままですが、、 まずはhtml側。 <head> <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key={APIキー}&sensor=f…
jQueryでradioにチェックを入れる(.prop)
あんまやらないですが、たまにやる時にいつもググるのもあれなんで。 <input type="radio" name="user" value="1"> <input type="radio" name=…
faviconを動的に変更する(html5-canvas)
たまに見かける新着があった時にfaviconに1とか2とかでるやつを実装する時のメモ。 更新通知以外の使い道はパッと思い浮かびませんが、他にも何か使える場面があるかも。。 まずhtml側から。 headにid="favicon"なlinkタグを入れておきます。 <!DOCTYPE html&g…
2窓に対して同時に変更を加える(localstrageをEventListenerに登録する)
例えば、背景を変えるオプションを作ったとして・・ <form id="option"> <input type="text" id="color" value=""> <inpup type…