JavaScript

スポンサーリンク
JavaScript

JavaScriptで解像度からアスペクト比を算出する

今朝ツイッターを眺めていたら、10.8型のモバイルノートで解像度が2560×1600のノートパソコンのレビューが流れてきたんですけど、アスペクト比がパッと思い浮かびませんでした。 横2560pxで縦1440pxならぼくが使っている31...
JavaScript

JavaScriptでTABLEにソート機能を実装する(jQuery不要)

jQueryもそのプラグインも、外部ライブラリも使わず、自前で書いたJavaScriptでTABLEタグをソートするプログラミング例の紹介と解説です。 配列のソート機能はJavaScript自体が持っているので、あとはDOM操作だけで...
JavaScript

Excelみたいな表入力はcontentEditable属性で簡単に実装できる

今から14~5年前のこと、業務用のWebシステムで、ユーザーが Microsoft Access※ のように自由に入力フォームをデザインできるようにしてほしい、という無茶ぶりをされたことがあります。 ※あるいはLotus Notesのよう...
JavaScript

JavaScriptで任意の要素の座標取得/要素移動/スクロール

「JavaScriptでのページ内スクロールとDOCTYPE宣言でハマった話」の続きみたいなものですが、今回はページ最上部/最下部へのスクロールではなく、任意の要素位置へのスクロールについてサンプルを交えて語ってみたいと思います。 w...
JavaScript

JavaScriptでのページ内スクロールとDOCTYPE宣言でハマった話

ページ内のスクロール処理、例えばボタンやボタンは様々なWebサイトで見られますが、実装方法はいろいろと異なりますし、特定の要素を指定したスクロールについては少しややこしいので、そのあたりの解説を記事にしよう……………………と思っていまし...
CSS

簡単なJavaScriptとCSSで横並びプルダウンを自作する

Web上の入力フォームにおいて、よく使われるプルダウンのお話です。 つい先日も、「PHPで日付の表記ゆれを修正する例」で選択肢が多い場合のプルダウン※の使いづらさについて少し触れました。 ※VB等のプログラミング上はドロップダウンリ...
JavaScript

JavaScriptで無限スクロールを実装するのはとても簡単(jQuery不要)

ある意味、前回の「JavaScriptとCSSを使ったスライドショーで画像を遅延ロードする方法」と関連するのですが、最後までスクロールしたと思ったら、スクロールバーが増えて画像が追加された!みたいなページってあるじゃないですか。 あれ...
JavaScript

JavaScriptとCSSを使ったスライドショーで画像を遅延ロードする方法

すまない、”また”スライドショーの話なんだ。 最初に投稿した「JavaScriptでスライドショーみたいな画像切替え(jQueryなし)」ではJavaScriptのsetTimeout関数、およびCSSのdisplayプロパティのno...
JavaScript

JavaScriptとCSSで画像をふわっと切り替えるスライドショーを作る

以前、「JavaScriptでスライドショーみたいな画像切替え(jQueryなし)」と題してスライドショーは作ったのですが、CSSは使っておらず、フェードイン/アウトのようなトランジション処理も入っていなかったため、見栄えがいまいちかなぁー...
JavaScript

JavaScriptで写真の上を自由に動かせる注釈を作ってみる

以前、「CSSでクリッカブルマップのように画像へ注釈を入れる例」という記事で、画像の上に注釈を表示する例を紹介しました。 今回はその注釈テキストをJavaScriptを使って、自由に追加/編集/移動/削除ができるようにしたら楽しいので...
スポンサーリンク
タイトルとURLをコピーしました