- JUGEMブログからWordPressへ移行 (01/08)
- TravelTimes定点観測 (01/03)
- おせち2024 (01/02)
- 財布の買い替え:マイケルコースの財布が本革じゃなかった件 (01/02)
- 2023振り返り (12/31)
サーバー上の規定の場所にcsvファイルがあるかないかによって、画像を出しわけるJava Scriptのメモ。
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-csv/1.0.8/jquery.csv.min.js"></script>
<script>
$(window).on('load',function(){
var randomNum = Math.random()*1000;
var csvPath = 'csv/teideninfo.csv?d='+randomNum;
var csvCheckTimer;
var intervalTime = 10000;
var dispBlackoutInfo_F;
onCheckBlackoutInfo(csvPath);
csvCheckTimer = setInterval(
function(){
onCheckBlackoutInfo(csvPath)
},intervalTime
);
function onCheckBlackoutInfo(csvPath,sort_F){
$.ajaxSetup({
beforeSend : function(xhr) {
xhr.overrideMimeType('text/csv;charset=Shift_JIS');
}
});
$.ajax({
type: 'GET',
url: csvPath,
dataType: 'text',
cache: false
}).done(function (results) {
//csvファイルが取得できた時に表示するimg
document.getElementById('icon').innerHTML = '<img src="icon_a.jpg" alt="A">';
onDispBlackoutInfo(results,sort_F);
}).fail(function (jqXHR, textStatus, errorThrown) {
//csvファイルが取得できなかった時に表示するimg
document.getElementById('icon').innerHTML = '<img src="icon_b.jpg" alt="B">';
});
}
});
</script>
//html
<p id="icon">IMG</p>
//demo(これだけみてもわからんが)
http://ikuranet.com/jstest/index4.html
元々は、「csvファイルが規定の場所にあるかないかで表示/非表示を切り替えるスクリプト」で
協力会社のエンジニアさんに書いてもらいました。
それをベースに青いところだけ改変して、
「csvファイルが規定の場所にあるかないかで画像を切り替えるスクリプト」にしました。
csvファイルがあるときはnewがついたアイコンをだし、
ファイルがない時はnewのないアイコンがでます。
参考にさせていただいたサイト:
【JavaScript】入門14. JavaScriptで文字や画像を表示する
https://www.webdlab.com/javascript/javascript-write/
手持ちの古いノートPCを、スタバでWiFI接続することにやっと成功。
ネットワークの知識がからっきしだから、けっこう迷ったよ。
そもそもこのノートPCはWiFI内臓されていないから、まずはそこから。
ちょっと前に、自宅でも無線で繋げるよう、バッファローの無線ランセットを購入。親機とカード式子機がセットになったものだ。これも、何を買っていいのかぜんぜんわからなくて、お店で店員さんにまるまかせで案内されて買ったもの。
これで、自宅内では無線接続できるようになったのだけど、それ以外での使い方が判らなくて。
てっきり、この子機に対しこの親機のみに対応しているものなのかなと思っていたけど、よくよく調べたら、子機だけでもあればどこの無線も拾えるということは判った。
あとは接続方法だけ。
コンパネのネットワーク設定からではぜんぜんつなげなくて、小一時間あれこれやっていたら、バッファローに付属してたツールから簡単に接続できたという。。。
どこでも作業できるワークスタイル確立の一歩。
余裕ができたらノート君を新調したい。
スタバにて