javaが動かない!合格リンクとカウントダウンを作り直しました。

By: Steve Hardy - CC BY 2.0

テスト環境では上手く行ったが…

 

各試験団体の公式ページへ移動する「合格リンク」と、試験日までをカウントダウンする「カウントダウンタイマー」。

javaが全然分からないながらも、必死で作り設置しました。

テスト条件下では上手くいっていたのですが、実際にWordpressに設置してみると、

動かない!

 

seesaaブログでは動いていたのに…

 

実はこの合格リンク。seesaaブログ上で運営しているブログにも、近い形のものを設置しています。

そちらでは、プルダウンメニューがもっとシンプルなものなのですが、今回Wordpressでは少し凝ったものに挑戦してみました。

テスト環境では上手くいっていましたが、実際に設置したら動かない。

何か打ち間違えがあったのかと探すものの、そもそもjavaが分かっていないので、何が何やら状態になってしまいました。

それならば、いったんseesaaで動かしているものと同じものを貼り付けてみよう。

これは確実に動くはずです。(実際に今でもseesaa上で動いている)

念のため、テストして見ました。

しかし、それでも動かない。

全く同じコードでseesaaでは動いているのに、Wordpressでは動かない。

何故だー!

心の中ではキーボードクラッシャー少年よろしく大荒れでしたが、大事なパソコンを傷つけるわけにも行かないので、一人静かに頭を抱えて悩みました。

 

カウントダウンの方は動く

 

いろいろ検証していくなかで、同じ様に設置した「カウントダウン」の方は正常に動作することが分かりました。

動作としては、「メニューから選択」⇒「該当ページへジャンプ」 と同じ種類の動作のはずなのですが、なぜかこちらは正常に動きました。

javaの相性なのか、よく分かりませんが、ともかく出来ることから始めるしかありません。

こちら「カウントダウン」のjavaを基準に、「合格リンク」のjavaも全て組み直しました。

再度テストを重ねた結果、無事動くものを作ることが出来ました。

 

追尾広告に設置は断念

 

STINGER3には、追尾型スクロール広告がデフォルトで準備されています。

ここに、「合格リンク」と「カウントダウン」のjavaを入れようと思いました。

しかし、サイドバー上に既に同じjavaが組まれているからなのか、どうしても動作させることは出来ませんでした。

これ以上は無理と判断し、こちらは断念することとしました。

代わりに、ヘッダー直下のナビゲーションメニューをカスタマイズして設置することにしました(結果的にこれで良かったのかも知れません)

 

断念したコード

 

ちなみに、どうしても動作させることが出来なかったコードをご参考までに貼っておきます。

単純にコードミスであったのかも分かりません。

<div style=”text-align:left;”>
<span style=”font-size:large;”>↓</span>メニューから、<span style=”color:#FF0000;”>各資格リンク先</span>へ行けます。<strong>合格!</strong>で決定。</div>
<br>
<SCRIPT LANGUAGE=”JavaScript”>
<!–
function MyLink(){
alink=document.flink.slink;
mlink=alink.options[alink.selectedIndex].value;
if(mlink!=”-“){
window.open(mlink,””,”toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes”);
}
}
//–>
</SCRIPT>
<FORM method=”post” name=”flink”>
<select name=”slink”>
<OPTION selected value=”-“>★資格メニュー(理系)★</OPTION>
<OPTION value=”https://manabiyablog.com/”>————————</OPTION>
<OPTION value=”http://www.nichimu.or.jp/”>無線資格</OPTION>
<OPTION value=”http://www.shiken.dekyo.or.jp/chief/index.html”>電気通信主任技術者</OPTION>
<OPTION value=”http://www.shiken.dekyo.or.jp/chief/index.html”>工事担任者</OPTION>
<OPTION value=”http://www.shiken.or.jp/”>電験3種</OPTION>
<OPTION value=”http://www.shiken.or.jp/”>電気工事士</OPTION>
<OPTION value=”http://www.jmbsc.or.jp/hp/cwfe/init.html”>気象予報士</OPTION>
<OPTION value=”http://www.jitec.jp/”>情報処理</OPTION>
<OPTION value=”https://manabiyablog.com/”>————————</OPTION>
</select>
<INPUT type=”button” value=”合格!” onClick=”MyLink()”>
</FORM>

<FORM method=”post” name=”flink”>
<select name=”slink”>
<OPTION selected value=”-“>★資格メニュー(文系)★</OPTION>
<OPTION value=”https://manabiyablog.com/”>————————</OPTION>
<OPTION value=”http://gyosei-shiken.or.jp/”>行政書士</OPTION>
<OPTION value=”http://www.sharosi-siken.or.jp/”>社労士</OPTION>
<OPTION value=”http://www.joho-gakushu.or.jp/piip/piip.html”>個人情報保護士</OPTION>
<OPTION value=”http://www.j-smeca.jp/contents/007_shiken.html”>中小企業診断士</OPTION>
<OPTION value=”http://www.eiken.or.jp/”>英検</OPTION>
<OPTION value=”http://www.kanken.or.jp/kanken/”>漢字検定</OPTION>
<OPTION value=”https://manabiyablog.com/”>————————</OPTION>
</select>
<INPUT type=”button” value=”合格!” onClick=”MyLink()”>
</FORM>

 

ナビゲーションメニューのカスタマイズにつきましては、また別記事で記したいと思います。

 

 いつも応援頂きありがとう御座います
あなたに幸運が訪れます様に♪