concrete5上で、計算式を作成するブロック

計算式を入力すると、フォームとJavaScriptを生成してくれるブロックを作成しました。

下記のようなフォームです。下の例では、身長と体重を入力すると、ボディマス指数(BMI: Body Mass Index)を計算してくれます。またBMIから逆算して適正体重を計算してくれます。

上のようなフォームを作成することができます。現時点ではCSSなど見た目の調整を行っていませんので、見栄えがイマイチですけど。

フォーム生成

このブロックを編集モードで編集すると、下記のような入力フォームが表示されます。ベースは concrete5 に同梱されている FAQ ブロックです。

実際に計算式を入れてみると、下のようになります。

formula1, formula2 に計算式を入れます。計算式内の height や weight は、項目の handle の値と対応しています。handle の値は半角アルファベットで入力する必要があります。

閲覧側の表示は下のように入力フォームと「計算する」ボタンが表示されます。

「計算する」ボタンを押すと、BMIが計算されます。


計算式の例は、計算フォームをごらんください。

公開するかどうか検討中

アドオンとして、concrete5.org で公開するかどうかを検討しています。しかし、JavaScript を生成するブロックです。もちろん入力データの検証は行いますが、公開するのはリスクが高いかも、という懸念もあります。

もし、公開を希望される方は、下記コメント欄にお書きいただければと思います。公開希望者が多ければ、concrete5.org で公開したいと思います。

コメント欄を読み込み中
記事公開日: 2016年03月16日

fullcalendar(jQueryでカレンダー表示するプラグイン)は国際... 詳細はこちら

#

漢字を間違えてしまう(例: 幹事を間違えてしまう)、文字を抜... 詳細はこちら

#

ホームページ上に見積りフォームを作成。条件分岐も可能。Wor... 詳細はこちら