「JavaScript/JQuery」カテゴリーアーカイブ

(42) ページボトムに移動ボタン

(1) やりたいこと以前やった (26) ページトップに戻るボタンの逆向きをやってみる。すなわち、ボタンを押すとページ最下部に移動させたい。 (2) 実現方法実装したサンプルページはこちら。 https://ww… 続きを読む »

(1) やりたいことブロック要素などの幅と高さを JavaScriptで取得したい。 (2) 実験幅の取得を以下の三通りで試してみる。 {要素}.innerWidth() {要素}.outerWidth() {要素}… 続きを読む »

(1) やりたいこと投稿フォームを botから守りたい。 (2) 実現方法 HTTP refererのチェックや、onetime tokenなどはよく使っているが、今回は Googleが提供している reCAPTCHA… 続きを読む »

(1) やりたいことページ内で縦にコンテンツを並べた場合に、「全体でどれだけのコンテンツがあるの？」「今どの辺を見ているの？」を知らせてあげるための情報を表示したい。実装サンプル (2) 実現方法 HTML C… 続きを読む »

(1) やりたいことページの背景（＝任意の要素の背景）にYouTube動画を貼り付けたい。 (2) 実現方法 GitHubで公開されているこちらのスクリプトを使わせていただく。 jquery.mb.YTPlayer 出… 続きを読む »

(1) プログラムを入手こちら（↓）の公式サイトを参照のこと。 https://scrollrevealjs.org/ (2) 簡単サンプルを作成出来上がったサンプルはこちら。 https://www.dogrow.… 続きを読む »

よく忘れるので備忘録。 (1) WEBブラウザで「HTMLのロード完了時」に処理を起動する。これは以下のように「(document).ready」の部分を省略して書ける。どちらも同じこと。 (2) WEBブラウザで「H… 続きを読む »

よく忘れるので備忘録。 (1) 現在のdisabled状態を取得する。 (2) 任意のコントロールの disabled状態を設定する。 attr()ではなく prop()でもよい。

よく忘れるので備忘録。 (1) 選択されているradioの値を取得する。セレクタの後ろに :checked を付けると選択中の radioボタンにアクセスできる。 (2) 任意のradioを選択状態にする。 ※Nは v… 続きを読む »

(1) DIVタグの中身を取得する。 (2) DIVタグの中身を変更する。