Rain or Shine

もはやプログラムとかコンピュータ系の開発Tips集的なアレ。万年工事中。

Category

JavaScript

[JavaScript] jQueryでrowspanな行を置換したい時は?

rowspanされてて2行で一組なテーブルってよくあるじゃないですか。
それを動的にまるっと挿し替えたいときどうするか。

(Read more…)

[JavaScript] innerHTMLに流し込んだscriptを活性化させる

innerHTMLは仕様上、scriptタグの含まれるHTMLソースコードを代入しても、そのスクリプトコードは実行されません。

element.innerHTML – Web API インターフェイス | MDN

さてどうするか。
(Read more…)

[JavaScript] JSでHTMLのテンプレートを扱うシンプルな方法

templateタグの使用例。覚え書きですよ
<template> – HTML | MDN

(Read more…)

[JavaScript] フォームの送信前に確認ダイアログをはさむ方法

例えばこういうフォームがあったとして、送信前に確認メッセージをはさみたいときのシンプルな実装方法の例をご紹介。

(Read more…)

[JavaScript] JSPM + Riot.js v3 セットアップ覚え書き

なんとなく覚え書き的なアレです。
Riot.js v3がつい先日リリースしたのですが、公式サイトもまだv2の内容な上、JSPMと併せて使う方法がよくわからなかったので、自己解決してまとめ。
(Read more…)

[JavaScript] URLSearchParamsを自作してみた

Chromeやスマホのブラウザではまだ実装されてないみたいなので自作してみた。

URLSearchParams – Web API インターフェイス | MDN
(Read more…)

[JavaScript] ちょっとわかりにくいけど割りと短めのコードでカウントダウンタイマー作った

JSでちょっと変態なコードでカウントダウンタイマー作りました。
毎秒更新されて、指定の日時までをカウントダウンする仕様。
特にわかりにくくするつもりはなかった。ついカッとなってやった。後悔はしていない。
(Read more…)

[CSS][JavaScript][Web][スマートフォン] スマホサイトの表示幅調整

現在の仕事はソシャゲ開発をやってるわけで、当然時代の流れに沿ってスマホ対応もあります。
開発してるのはWebアプリなのでiPhoneとAndroidでソース統一できるんですけど、Androidは意外と曲者がいたりしてやっかいです。
先日Android用のFlashプラグインも配布が終ってしまってFlash再生不可な機種もでてきましたし。
Androidも3.0からSVGに対応したようなので、早くSVGの普及が進んで欲しいところです。

今回はGALAXY Nexusなどの機種で下記のようにおなじみのviewportを指定しているにも関わらず、画面いっぱいに表示されない件について。

(Read more…)

[JavaScript] シンプルなテーブルセル生成jQueryプラグイン作った

とりあえず、最低限の機能でそれなりに速いテーブル生成メソッドが欲しかったので作成。
jQuery1.7.1で動作確認。
(Read more…)

[JavaScript][スマートフォン] Wink toolkit Scroller 7つの改造まとめ

最近Android、iOS両対応のスマフォ用JS開発をしていて、ページの部分縦スクロールにWink toolkitというライブラリを使用しました。
そこで、付属のスクローラー(wink.ui.layout.Scroller)の不具合解消やチューニングについてまとめます。

Wink toolkit – A mobile JavaScript framework to build great webapps
http://www.winktoolkit.org/
(Read more…)

[JavaScript] スマホでシングルタップのレスポンスを向上させるjQueryプラグイン

スマホ(スマートフォン)ではWebページのリンクがタップしてからページ移動を開始するまでやや遅く感じることが多い。
調べてみるとスマホ上では、タップしてからクリックイベントが発生するまで約300msの遅延が発生しているとのこと。

そこでtouchstart/touchendイベントを利用してシングルタップを高速に判定するjQueryプラグインを作ってみた。
(Read more…)

[CakePHP][JavaScript] [CakePHP] FormヘルパーとjQuery UIのdatepickterを連動させる

日付選択のプルダウンに対してjQuery Uに含まれるdatepickerを使う方法をメモついでに紹介。
CakePHP 1.2.6 + jQuery 1.3.2 + jQuery UI 1.7.2で確認。

(Read more…)

[JavaScript] フォームでEnterを押しても送信されないようにしてみた

ちょっとメモ。タイトルのとおり。
jQueryでやってみました。

(Read more…)

© 2017 Rain or Shine — Powered by WordPress

Theme by Anders NorenUp ↑