html/javascript
デフォルトで使っているcheckboxの大きさが小さいと感じたので変える方法を調べてみた 今時はCSSをいじってclassと書けば、デザインが簡単にいじれるらしい すごーい便利 ■ 参考 : FORMチェックボックス-checkboxとラジオボタン-radioを、 好みの色や大きさ…
■ 参考 : GoogleスプレッドシートでWebからデータを取得する どこかで使うと思ってたけど、すぐに使わそうなのでメモだけ残しておく (2023/11/01 追記)これはすごく使えるyahooファイナンスの現在のドル円の値をとってきたりもできる日本株の場合は https://…
<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…
htmlのコードは貼るの疲れるから省略サンプルコードは以下のページにあるよ■ 参考 : CSS Tooltip ↑のtooltipだとマウスカーソルを重ねたときに表示が出るだけでマウスを動かすと消えてしまう 例えばtooltipの上にhtmlのリンクを張ったとしてもそれをクリック…
基本的にやりたいことは、aタグのhrefと同じ クリックしたら、リンクされてるwebページに飛べるけど、aタグじゃなくてボタンを使って「どうぞ押してください」感を出したかった・・・ (謎のこだわり)■ 参考 : buttonタグを使ってリンクを貼ってみようボタン…
■ 参考 : クリックすると展開表示する"折りたたみメニュー"を簡単に作る方法 <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はそれぞれ一致したものを使う もしこの折りた…
■ 参考 : GAS(Google Apps Sprict)でスクリプトエディタが開けない時の対処法(現在、ファイルを開くことができません)複数のアカウントでログインしてるときにこうなるらしい スプレッドシートの所有者のアカウントをデフォルトにする必要があるらしいめん…
■ 参考 : 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と完全一致したセルをカウントし…
前回記事ではラジオボックスを使っていた ラジオボックスでは1つの値のみを読み取ることができる 複数の値を読み取りたいときはチェックボックスを使うけど、これをGASに渡しても先頭の最初に読み取ったチェックボックスの値のみを出力してしまう・・・・ い…
へぇ〜■ 参考 : fontタグ使ってる人はもう使うのやめよう■ 参考 : HTML5で廃止された要素代わりにCSSを使って文字の大きさとかを指定しましょうってことらしいこれでいいのかはわからんけど<span style="font-size:20pt; color:yellow;">hogehoge</span>って感じかな? ランキング参加中です ↓クリックしていただ…
天啓を得て、Google Apps Script(通称GAS)を使うことになった GASにhtmlのformからの情報を流し込む以前もhtmlのformは使ったことがあったので、 それをまとめた記事があると思ってたけどどこにないので改めてまとめておく■ 参考 : ピュアな JavaScript でフ…
百聞は一見にしかず下にスクロールすると左にあるサイドバーがある場所で固定される これをやりたい!!!どうやるかは↑のページに書いてあるのでそれを参考にすればOK 一番大事な要素はCSSでclassを設定して、その中で position: sticky; とすれば良い ■ 参…
最近、htmlのことをいろいろと勉強している(君、物理屋だよね?)htmlのコードの中で divを使ってグループ化をする=> CSSでグループに属性をつける という流れが多い本によってはidとclassの属性どちらを付けるかが割と割れてる↓にそのまま書かれてた ■ 参考 …
今回は .htaccess というものを使ってみます そもそもApacheを使ったウェブサーバーの設定のためのhttpd.confファイルはサーバー管理者のみしか編集できないので、 一般ユーザーがサーバーを制御したいときには詳細設定を書いた.htaccessを使うのが一般的ら…
import cgi import cgitb form = cgi.FieldStorage() print('Content-Type: text/html; charset=UTF-8\n')でhtmlフォームからの入力を取り出すことができる すべての入力はformに入っているprintの行はとりあえず書いておく必要があるらしい python2ではif f…
とりあえず、考えられる理由は色々あるけど、大概は sudo tail /var/log/apache2/error.logでエラーログを見たら、解決する LinuxのOSが違うと、ファイル名やファイルのPATHが違うので注意 今回はDebian環境 今回の場合は [Fri Apr 09 12:14:00.596509 2021]…
(過去記事のコピペなので内容が古いかも知れません)qiita.com↑にすべて書いてあるので、この通りにやればOK コマンドメモ # UserDir を有効化する sudo a2enmod userdir # 再起動 sudo service apache2 restart # CGIを有効にする # ただ、手元の環境では元…
(過去記事のコピペなので内容が古いかも知れません)イントラサーバーを立てたくなったのでやってみた OS : Debian 9一番使用経験があって、有名なのでpukiwikiを使ってみる 開発者は日本人っぽいまずはここに一度目を通しておく (リンク切れ) 必要なコマンド…
(過去記事のコピペなので内容が古いかも知れません)すでにOSはインストール済のサーバーについて初期設定をしたのでメモ まずは取扱説明書を読む パスワードやら電源のボタンなどの説明がある それすら知らないレベルでサーバーのことはわからん 計算機の電…
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ファイルを読み込んだとして 読み込んだjsonファイルは、データとして取り回せるとする■ 参考 : 【JavaScript】JSONオブジェクトの要素数を取得する場合はlengthだけじゃダメな件による…
<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…
やりたいこと・formのcheckboxがチェックされたら、それをトリガーにしてtext型のフォームに文字を入れる ・formのcheckboxがチェックが外されたら、それをトリガーにしてtext型のフォームから文字を消す ■ 過去記事 : 【Javascript】URLのクエリ情報からhtm…
探してもすぐに出てこなかった・・・javascriptに以下のような関数を書いておく function clickBtn_search_channel(){ hoge_link = document.getElementById("hoge").value; url= "http://somwehere?arg1=" + hoge_link; window.open(url, "_self") } htmlに…
javascriptで、フォームの入力をトリガーになにかすることができるっぽいフォームの入力が変更されたときの挙動はinputとchangeの2種類がある inputは入力中随時、それに応答する changeは入力が完了してフォーカスが外れたり、エンターが押されたときに応答…
qiita.com 文字列の置換はreplaceで行う 普通にreplace("a", "b")でaをbに置換できるが、これだと先頭の1度だけしかできないっぽかった すべてやるなら正規表現を使う下の例はaaaをaaa+改行に置き換える場合 str.replace(/aaa/g, 'aaa\n ') ランキング参加中…
/* アドレスの「?」以降の引数(パラメータ)を取得 */ var pram=window.location.search; /* 引数がない時は処理しない */ if (!pram) return false; /* 先頭の?をカット */ pram=pram.substring(1); /* 「&」で引数を分割して配列に */ var pair=pram.split(…
iframeを使ったインラインフレームを初めて使ってみた 使った理由としては、少し長いテーブルがあってそれをうま〜く折りたたみたかったからhtml5のテーブルにはそんな機能はないっぽい 調べてみると、frameというのを使うとあるhtmlの中で別のhtmlを開くこ…
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の小文字から始まる名前で取…