[Category] javascript

スマホ用横から出るメニュー(改)

以前投稿した横から出るメニューの進化版みたいなものです。 スマホ用横から出るメニュー 横ナビ以外の領域をクリックまたはタップしたときに横ナビを閉じるようにしました。 デモページ HTML <body> <div class=”l_nav”> <nav class=”na…

埋め込みGoogle Mapをスクロールさせないようにする

横幅100%の地図を掲載しているサイトは多いですよね。しかしマウスホイールでスクロール中にカーソルがGoogleMapの中に入るとMapがの拡大縮小されてしまいスクロールできなくなります。 APIを使って制御するやり方が有名ですが、埋め込みGoogleMapも制御することができます。ホントはAPI使…

スマホ用横から出るメニュー

スマホ用です。 左からメニューが出てくるタイプのもの。 jQueryのtoggleClassでclassを振るシンプルなものです。 メニューボタンをタップしてメニューを出していますが、本当はメニュー以外をタップした場合もメニューを閉じさせる仕様にしたかった。 jsもっと勉強しないとな、と思います。 …

共通部分をパーツ化させる

ページ数の多いサイトとか共通部分に修正があると作業に手間がかかったりしますよね。作った後のメンテナンス、更新。めんどくさいですね。 私はページ数の多いサイトを作るときは出来るだけ共通部分をパーツ化させて読み込ませています。その方が後々楽だからです。更新も修正も共通部分1か所直せばすべて直るんですから…

高さの変わるタブメニュー

タブ内コンテンツの高さが合っていなくても問題ないタブメニューです。 js(jQuery)でやっていることはタブコンテンツのdisplayプロパティ変更と、クリックしたタブメニューにclassを付けるくらいです。 後の動きはすべてcssで行っています。 一応レスポンシブ対応。 HTML <div…

jsによる自動計算式

jsを用いた自動計算式を作りました。 jsは不慣れなので無駄の多いスクリプトです。 html <form name=”form1″> <table> <tr> <th><label for=”r_a_fee”>基本料金</label&…

  • コーダーのための計算機