皆さん、おはようございます。時空 解です。

昨日は会社が休日と言う事もあって、久々にコンテンツ作りのための下準備をしていました。ここのサイト・ブログは数学を扱っていますので、数学の問題の答えを 表示/非表示 できるような細工が出来るといいなぁと、前々から思っていました。
それをどうやろうか、今年の４月からいろいろと試行錯誤していたのですけどね。４月２６日のブログにはこんな事を書いて投稿していましたしね。"諦めるのも、ある意味前進かな" 。mathjax の機能を利用しての 表示/非表示 方法は、正直私の技術力では出来そうなありません。
誰かご存知の方はお教え願えればと思う次第です。m(_ _)m

とりあえず、別の方法としては下記のようなことをやってみました。
\[ 0\tcdegree \leqq \theta \leqq 90\tcdegree \] $ \sin(90\tcdegree - \theta) $ = $ \cos \theta $　

薄い緑色のスペースにマウスポインタを持って行って、ワン・クリックすると答えが表示されます。ダブル・クリックで答えが消えます。ちょっと試してみて下さい。
 

ところで…ダブル・クリックすると答えが消えるのはいいのですが、本来備わっている強調される機能も働いてしまいます。別の所にマウス・ポインタを持って行ってワン・クリックすれば、元通りになるんですけどね。

でもまぁ、とりあえずこれでいいかなぁ…なんて思ったりもしていますが。

コードはこちら。

<font color="#e8f8e8" style="background-color:#e8f8e8"
 onclick="this.color='#000000'"
 ondblclick="this.style.background='#e8f8e8';this.color='#e8f8e8'">答え</font>
 

HTML の font タグを利用しています。でも、この font タグ。HTML5 では非推奨 ( 廃止 ) されているタグのようですけどね。
・fontタグ使ってる人はもう使うのやめよう

これに関しても調査してみないといけませんね…勉強することがまだまだ出て来ます…。
 

では今日も１日の習慣を始めます。小さな一歩・挑戦を試みます。