見出しを自動で目次化して クリックするとスムーズにスクロールさせる(見出し→目次編)
目次っていりますか? ちなみに僕は 必要派 です。 見出し一覧があると、だいたいどんな記事かが想像つきますし、とくにウチみたいな自称技術系ブログだと、知りたい部分だけ(コードとか)見れればいんだよ!っていうかたも多々いらっしゃると思います。...
View Article見出しを自動で目次化して クリックするとスムーズにスクロールさせる(スムーズスクロール編)
今回は 前記事 見出しを自動で目次化して クリックするとスムーズにスクロールさせる(見出し→目次編) | LogicA の続きです。 目次の項目をクリックすると、該当箇所までスムーズスクロールさせる方法です。 実際の動作はこの記事の頭にある目次欄をクリックとかしてみてください。 サンプルコードです [javascript] /*...
View Article【テキストを縦中央揃え】にするときに、【複数行のテキスト】でも!【親要素】がなくても! できるやり方!!
例)1行の場合 テキストが一行、と決まっていたらカンタンです。 [html] <div> <span>例)一行の場合</span> </div> [/html] [css] div { height: 100px; } div span { line-height: 100px; } [/css]...
View Article[jQuery]【サンプルあり】送信ボタンを必須項目が空なら無効化させる
EFO(フォーム最適化)のはじめの一歩 ユーザーにとってフォームで一番パワーを使う項目ってなんでしょう? おそらくほとんどの人は送信ボタンではないでしょうか? 私は経験上そう思っています。 入力欄が入力しやすいか、何を入力したらいいのか分かりやすいか、など、最近はフォームをいかにストレスなくすすめられるかは重要な項目のひとつとなっています。...
View ArticlejQueryであとから付け足した要素にクリックとかのイベントを指定する
HTMLと要素追加時のサンプル 今回は空の【ul要素】にjQueryで後から【li要素】を追加していったんです。が... [html] <p>茶トラ</p> <p>ミケ</p> <p>サバ</p> <ul></ul> [/html] こんなHTMLで、もとから存在した p要素...
View Articleテキストボックスに打ち込んだ文字をリアルタイムで取得できるjQueryプラグインできました
アクセスが多いので需要がある? 当ブログでダントツ一番人気の記事が jQueryを使って テキストボックスに打ち込んだ文字を リアルタイムで取得する方法 という記事でして、一日のアクセスの1/3を叩き出しているうちの稼ぎ頭記事なんです。...
View Article[jQuery] ドラッグ&ドロップをカンタン実装!【はじめの一歩編】
こんなのがカンタンにできますサンプル jQueryUIを利用して簡易ToDoリスト的なモノをつくりました。 やることリスト jQueryの勉強✓ WordPressの勉強✓ Objective-Cの勉強✓ Fireworksの勉強✓ ブログ書く✓ 就活✓ Todo ここへドロップ...
View Article[jQuery] ドラッグ&ドロップをカンタン実装!【draggableメソッドまとめ編】
メソッドはけっこうな数が用意されていて、ドラッグ&ドロップに関してはなんでもできちゃいそうです。のでまとめました。 ドラッグ&ドロップってどうやって実装するの?という場合は コチラ の記事で詳しく書きました!よければどうぞ! また今回は使用用途ごとにジャンル分けしてまとめました。上記の目次からジャンルを確認できます。 この記事はJQuery UI – SakuraSaku...
View Article[jQuery] ローディングのクルクルを瞬殺で実装する【2019】
2019.3.29 更新 この記事を書いてから数年経ち、今ではもっとカンタンに実装できる方法がたくさん出ています。 今回はJSとCSSをCDN(ファイルをサーバーにアップしなくても、コードを書くだけでプラグインを実装できる方法)で読み込むだけでカンタンにこんなものも実装できます!というご紹介を追加します。 サンプル PACE.js プラグインを読み込む PACE — Automatic page...
View Article[jQuery] aタグのリンクをクリックさせる方法 2019版
経緯 jQueryでは特定の動作をした時に 指定した要素をクリックしたことにするイベント があります。 ですがaタグのリンクをjQueryのイベントクリックさせたことにしてページ変移をさせたかったのですが、普通にやってもうまくいきませんでした。。 そのままaタグにクリックイベントを付けただけではページ移動が起こらず、解決するまで少しハマったのでやり方を共有します。 クリックしたことにするイベント...
View Article
More Pages to Explore .....