web作成

web作成に関するノウハウを掲載、html、css、javascript、php

web作成

基本的にCSS!超シンプルな円グラフの作り方を紹介します。

基本的にHTMLとCSSで実装しています。SVGは使っていません。 円グラフを複数個設置することも可能です。 また、レスポンシブ対応済みなので画面幅に合わせて表示させることも可能です。 一部、JavaScriptを使用し...
web作成

【php】submitボタンが複数ある場合にどれが押されたかを判定する方法

そんな状況になっている時点で作りに問題ありそうですが、今回はformタグの中にsubmitボタンが二つあり、javascriptも使用しない場合にどのsubmitボタンが押されたか?を判定する方法を紹介します。 サンプルソースと説明...
web作成

【php】GETパラメーター使って複数あるボタンのどれが押されたか判定する方法

複数あるボタンうち「どのボタンが押されたか?」をGETパラメーターで判定し、それぞれの処理を実行させる方法を書きます。 formタグやsubmitは使わないシンプルで分かりやすい方法です。 はじめに phpは基本的にペー...
web作成

【javascript】パラメータを取得して利用しやすい連想配列にする方法(一生もの)

パラメーターの値によって要素を出し分けたりする機会がちょこちょこあります。 その度「この場合どうする?」「あーされたらどうする?」と考えてしまうので、しばらく使い続けられるコードを作りました。 関数化しているので共通化...
web作成

phpMyAdminでテーブルをコピーして編集!似ているテーブルがあるなら一番簡単な方法!

入力フォームに新しく項目を追加するとき、テーブルも新しく追加しないといけない場合がほとんどだと思います。そんな時はカラムの「型」が似ている探して、コピーして編集すると簡単に終わります。 今回は「phpMyAdminを使って、簡単にテ...
web作成

要素が少ない場合でもフッターを画面下に固定する方法2パターン!

コンテンツ量が少ないページでフッターが浮き上がってしまい、ちょっとカッコワルイな。。ってときの対処法を2パターンご紹介します。 ※↑の状態を再現したページを用意しました。→ かっこわるいページデモ position:fixed...
web作成

テーブルをスクロールさせる方法(html、css)見出し固定版もあり!

スマホは画面幅が狭いので、<table>タグを使うと潰れてしまって見難くなってしまいます。この問題を解決するには、一定の画面幅以下の場合にテーブル(表組)をスクロール出来るようにするのが手っ取り早いです。 縦スクロール、...