Bus errorとSegmentation faultに困ったら見るブログ

物理の研究者による日々の研究生活のメモ書きです ( python/emacs/html/Japascript/シェルスクリプト/TeX/Mac/C言語/Linux/git/tmux/R/ポケモンGO)

html/javascript

【html, CSS】checkboxの色と大きさを変えたい

デフォルトで使っているcheckboxの大きさが小さいと感じたので変える方法を調べてみた 今時はCSSをいじってclassと書けば、デザインが簡単にいじれるらしい すごーい便利 ■ 参考 : FORMチェックボックス-checkboxとラジオボタン-radioを、 好みの色や大きさ…

【googleスプレッドシート】どこかのweb上の値をスクレイピングしてくる方法

■ 参考 : GoogleスプレッドシートでWebからデータを取得する どこかで使うと思ってたけど、すぐに使わそうなのでメモだけ残しておく (2023/11/01 追記)これはすごく使えるyahooファイナンスの現在のドル円の値をとってきたりもできる日本株の場合は https://…

【html5】親のページでボタンを押すと子のiframeをリロードしたい

<iframe name="read_iframe" id="read_iframe" src="read_iframe.html" width="1400" height="800"></iframe>みたいな感じでhtmlにiframeを呼び出す nameをつけることボタンではそのnameを使ってリロードする<input type="button" value="reload table" onclick="frames['read_iframe'].location.reload();">が、結局これは親のページのどこにボタンを置くかが難しくて使わなかった・・・子のページ自身に oncl…

【CSS】tooltipでマウスカーソルを重ねるとポップアップが出るようにしたい

htmlのコードは貼るの疲れるから省略サンプルコードは以下のページにあるよ■ 参考 : CSS Tooltip ↑のtooltipだとマウスカーソルを重ねたときに表示が出るだけでマウスを動かすと消えてしまう 例えばtooltipの上にhtmlのリンクを張ったとしてもそれをクリック…

【html】ボタンがリンクになっててクリックしたらリンクされたwebページに飛べる

基本的にやりたいことは、aタグのhrefと同じ クリックしたら、リンクされてるwebページに飛べるけど、aタグじゃなくてボタンを使って「どうぞ押してください」感を出したかった・・・ (謎のこだわり)■ 参考 : buttonタグを使ってリンクを貼ってみようボタン…

【html】普段は折りたたんでおいて、クリックで開くようにする

■ 参考 : クリックすると展開表示する"折りたたみメニュー"を簡単に作る方法 <div onclick="obj=document.getElementById('open').style; obj.display=(obj.display=='none')?'block':'none';"> <a style="cursor: pointer;">▼ クリックで展開</div> <div id="open" style="display: none; clear: both;"> ここが折りたたまれてるところ </div>openと書いてあるIDはそれぞれ一致したものを使う もしこの折りた…

【googleスプレッドシート】「現在、ファイルを開くことができません。アドレスを確認して、もう一度試してください。」と出たとき

■ 参考 : GAS(Google Apps Sprict)でスクリプトエディタが開けない時の対処法(現在、ファイルを開くことができません)複数のアカウントでログインしてるときにこうなるらしい スプレッドシートの所有者のアカウントをデフォルトにする必要があるらしいめん…

【overleaf】でmarkdownを使ってみる

■ 参考 : How to write in Markdown on Overleafによると、↓のように書くと、texの中でmarkdownの記法が使えるらしい めっちゃ便利〜〜〜〜\documentclass{article} \usepackage{markdown} \begin{document} \begin{markdown} # Grocery listRemember to gra…

【グーグルスプレッドシート】部分一致、完全一致した文字列の数をカウントする

グーグルスプレッドシートで部分一致、完全一致した文字列の数をカウントする■ 参考 : エクセル COUNTIF 関数:条件に一致するセルを数える # hogeと完全一致したセルをカウントしたいとき =COUNTIFS(B:B,"hoge")# hogeかfooと完全一致したセルをカウントし…

【GAS】チェックボックスの値を読み取りたいがやり方がわからん

前回記事ではラジオボックスを使っていた ラジオボックスでは1つの値のみを読み取ることができる 複数の値を読み取りたいときはチェックボックスを使うけど、これをGASに渡しても先頭の最初に読み取ったチェックボックスの値のみを出力してしまう・・・・ い…

【html5】ではbigは廃止されました

へぇ〜■ 参考 : fontタグ使ってる人はもう使うのやめよう■ 参考 : HTML5で廃止された要素代わりにCSSを使って文字の大きさとかを指定しましょうってことらしいこれでいいのかはわからんけど<span style="font-size:20pt; color:yellow;">hogehoge</span>って感じかな? ランキング参加中です ↓クリックしていただ…

【html/Javascript/GAS】投票フォームのあれこれ

天啓を得て、Google Apps Script(通称GAS)を使うことになった GASにhtmlのformからの情報を流し込む以前もhtmlのformは使ったことがあったので、 それをまとめた記事があると思ってたけどどこにないので改めてまとめておく■ 参考 : ピュアな JavaScript でフ…

【CSS】サイドバーをあるところまでスクロールすると固定させる

百聞は一見にしかず下にスクロールすると左にあるサイドバーがある場所で固定される これをやりたい!!!どうやるかは↑のページに書いてあるのでそれを参考にすればOK 一番大事な要素はCSSでclassを設定して、その中で position: sticky; とすれば良い ■ 参…

【html, CSS】idとclassの違い

最近、htmlのことをいろいろと勉強している(君、物理屋だよね?)htmlのコードの中で divを使ってグループ化をする=> CSSでグループに属性をつける という流れが多い本によってはidとclassの属性どちらを付けるかが割と割れてる↓にそのまま書かれてた ■ 参考 …

【html】サーバーのあるディレクトリ以下にアクセスするときだけパスワードを要求するように設定したい

今回は .htaccess というものを使ってみます そもそもApacheを使ったウェブサーバーの設定のためのhttpd.confファイルはサーバー管理者のみしか編集できないので、 一般ユーザーがサーバーを制御したいときには詳細設定を書いた.htaccessを使うのが一般的ら…

【python3】cgiからの入力フォームを取り出す方法、inの部分一致でハマった

import cgi import cgitb form = cgi.FieldStorage() print('Content-Type: text/html; charset=UTF-8\n')でhtmlフォームからの入力を取り出すことができる すべての入力はformに入っているprintの行はとりあえず書いておく必要があるらしい python2ではif f…

【cgi-bin, Debian9】404 Forbiddenが出て動かない

とりあえず、考えられる理由は色々あるけど、大概は sudo tail /var/log/apache2/error.logでエラーログを見たら、解決する LinuxのOSが違うと、ファイル名やファイルのPATHが違うので注意 今回はDebian環境 今回の場合は [Fri Apr 09 12:14:00.596509 2021]…

【Debian9】でcgi-binを使ってみる + permission deniedとか

(過去記事のコピペなので内容が古いかも知れません)qiita.com↑にすべて書いてあるので、この通りにやればOK コマンドメモ # UserDir を有効化する sudo a2enmod userdir # 再起動 sudo service apache2 restart # CGIを有効にする # ただ、手元の環境では元…

【Debian9】pukiwikiを導入する

(過去記事のコピペなので内容が古いかも知れません)イントラサーバーを立てたくなったのでやってみた OS : Debian 9一番使用経験があって、有名なのでpukiwikiを使ってみる 開発者は日本人っぽいまずはここに一度目を通しておく (リンク切れ) 必要なコマンド…

【Debian9】サーバーの初期設定+ネットワークの設定メモ

(過去記事のコピペなので内容が古いかも知れません)すでにOSはインストール済のサーバーについて初期設定をしたのでメモ まずは取扱説明書を読む パスワードやら電源のボタンなどの説明がある それすら知らないレベルでサーバーのことはわからん 計算機の電…

【javascript】どのradioboxがチェックされているかを調べたいとき

radioboxのフォームは以下のような感じ名前(name)はtimezone idはなし 値(value)にJSTかUTCが入っている <input type="radio" name="timezone" value="JST" id="timezone" checked/>JST <input type="radio" name="timezone" value="UTC"/> UTC これをjavascriptでどっちがチェックされているか検知したいとき if(document.form1.timezone[0].checked){ timezone = document.form1.…

【javascript】JSONファイルの要素数を取得する + jsonの中身をリストに取り出して、重複を除く + keyがあるかどうかの判定

■ 過去記事 : 【javascript】JSONファイルを読み込みたい↑の方法でjsonファイルを読み込んだとして 読み込んだjsonファイルは、データとして取り回せるとする■ 参考 : 【JavaScript】JSONオブジェクトの要素数を取得する場合はlengthだけじゃダメな件による…

【javascript】iframeが読み込まれたことをイベントトリガーにする

<iframe name="read_hoge" id="read_hoge" src="read_hoge.html" width="1500" height="800" onload="initializeForm()"></iframe> みたいな感じで、htmlコードを用意するread_hoge.htmlが子frameこれが再読み込みされたときに、関連するフォームを初期化(中身を消す)したい あとはjavascriptの中で、initializeForm()という関数を定義すればいい function initializeForm(){ // initialize…

【javascript】checkboxがチェックされたことをトリガーにしてテキストフォームに追記or削除したい

やりたいこと・formのcheckboxがチェックされたら、それをトリガーにしてtext型のフォームに文字を入れる ・formのcheckboxがチェックが外されたら、それをトリガーにしてtext型のフォームから文字を消す ■ 過去記事 : 【Javascript】URLのクエリ情報からhtm…

【javascrip】window.openでURLを開くときに、同じwindowで開きたい

探してもすぐに出てこなかった・・・javascriptに以下のような関数を書いておく function clickBtn_search_channel(){ hoge_link = document.getElementById("hoge").value; url= "http://somwehere?arg1=" + hoge_link; window.open(url, "_self") } htmlに…

【Javascript/html】フォームに値が入力されたとき、それを他のフォームにもコピーしたい

javascriptで、フォームの入力をトリガーになにかすることができるっぽいフォームの入力が変更されたときの挙動はinputとchangeの2種類がある inputは入力中随時、それに応答する changeは入力が完了してフォーカスが外れたり、エンターが押されたときに応答…

【javascript】文字列の置換

qiita.com 文字列の置換はreplaceで行う 普通にreplace("a", "b")でaをbに置換できるが、これだと先頭の1度だけしかできないっぽかった すべてやるなら正規表現を使う下の例はaaaをaaa+改行に置き換える場合 str.replace(/aaa/g, 'aaa\n ') ランキング参加中…

【Javascript】URLのクエリ情報からhtmlのフォームを埋める/チェックボックスをチェックする

/* アドレスの「?」以降の引数(パラメータ)を取得 */ var pram=window.location.search; /* 引数がない時は処理しない */ if (!pram) return false; /* 先頭の?をカット */ pram=pram.substring(1); /* 「&」で引数を分割して配列に */ var pair=pram.split(…

【javascript】iframeを使ったインラインフレームで親と子の相互やり取りをしたい + iframeの大きさをユーザーが変えられるようにしたい

iframeを使ったインラインフレームを初めて使ってみた 使った理由としては、少し長いテーブルがあってそれをうま〜く折りたたみたかったからhtml5のテーブルにはそんな機能はないっぽい 調べてみると、frameというのを使うとあるhtmlの中で別のhtmlを開くこ…

【javascript】チェックボックスやフォームの値を書き換える

hogeというID名のチェックボックスがあるとする これをjavascriptでfalseにするには <input type="checkbox" name="hoge_checkbox" value="hoge" id="hoge" /> hoge_check_box document.getElementById("hoge").checked = false; document.getElementById("hoge").checked = true; 真偽値はtrue / falseの小文字から始まる名前で取…