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

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

html/javascript

【javascript】JSONファイルを読み込みたい

pythonで作成したJSONファイルをhtmlとjavascriptで取り回したいpython3でJSONファイルを読み書きする方法は別記事にまとめた ■ 参考 : javascript】JSONファイル - 基本的にjavascriptでJSONファイルを読み込む方法は3種類あるらしい 詳細は以下を参照■ 参…

【Javascript】イベントハンドラ一覧メモ onClick, onLoad, onbeforeunload

javascriptでユーザーの操作に呼応して(トリガーされて)、何かアクションを起こすことをイベントハンドラというらしい わかりやすい一覧があったのでメモしておく■ 参考 : JavaScriptのイベントハンドラ一覧 phpjavascriptroom.com - 一番よく使われるのは o…

【Javascript, select2】選択肢が長いので検索窓を付けたい

リストの選択肢が2400個とかあって、スクロールして目的のものを探すのが大変 なので、選択肢のプルダウンに検索機能を付けてみる例は↓のような感じ■ 参考 : Basic usage - select2 select2.org - 使い方はinstallationのページにあるようにライブラリを読み…

【Javascript】セレクトボックスの選択肢を外部ファイルにしておく

参考 qiita.com 本文 基本的にこの記事に書いてあるとおりプルダウンの選択肢を事前に分けて、list.jsという名前で保存しておく list.jsをhtmlソースコードの上の方で読み込む <script type="text/javascript" src="js/list.js"></script> bodyの下の方でscriptタグを用意して その中に、データを読み込む関数を書く fu…

【Javascript】3分前の日付を取得して、フォームに表示する

■ 参考 : 【Javascript】追記:input="date"に現在の日付(今日の日付)を設定■ 参考 : テキストフィールドに現在の時刻を表示する var date = new Date(); // 現在時刻を取得 var yyyy = date.getFullYear(); // 年だけを取得 getYear()よりもこっちの方が…

【Javascript】URLの後ろにあるパラメーターを取得して、フォームに自動入力する

↓にやりたいことがすべて書いてあった■ 参考 : GET送信によるパラメータの受け渡し <script type="text/javascript"> function getdata(){ if(window.location.search){ /* URLの「?」以降のパラメータを変数nに代入 */ var n=window.location.search.substring(1,window.location.search.le…

【Javascript】辞書ページで一発検索できるブックマークレットを作りたい + DeepL翻訳も追加

(元記事 2016/12/22)webブラウザのブックマークバーにブックマークを置く代わりに、URLの部分にJavascriptを書くことをブックマークレットというらしい むかし、同期が活用しているのを傍目に見ていたが、そのときの自分にはブックマークレットを便利に活用…

【d3.js】javascriptで2次元配列の宣言をしたい

(元記事 2014/08/06)1次元配列の宣言は var dataset = []; としておいて、あとで dataset.push(1); とかしてデータを追加していくことができる。例えば、配列のサイズを10個固定 後からどんどん値を追加しつつ最古のデータを削除して行きたい場合は・・・ 上…

【d3.js】でグラフにgridを追加する方法

かなり簡単に追加できる。 これのある、なしでグラフの見栄えがけっこう変わると思うので重要私は、gnuplotでもいつもset gridの設定をいれてました .gnuplotに■ 参考 D3.jsの折れ線グラフにグリッド線を追加するLine Chart with Grid [D3] .tick line{ opac…

【javascript】指定の桁数以上を表示したくない

d3.jsというplotツールを使った開発を行っている d3.jsは拡張子を見てわかるとおり、javascriptで書かれている・・・■ 参考 D3.js - 日本語ドキュメント 今までjavascriptなんて触ったことはないが、頑張る・・・ ブログのカテゴリーにもないが、とりあえずH…

【HTML/Javascript】仕事で使えそうな便利なタグメモ

zenn.dev色々javascriptについて調べ物をしていたら、たまたま見つけたページですリストされてるものはかなり便利そう 自分は知っていたものがいくつかあったけど、ほとんど知らないものでした 使えると便利そうなものとしては dialog 例: dialog要素を使用…

【javascript】を使ってCSSの内容を動的に変更する、ボタンを押すと画像のサイズが変わるようにしたい

1つ前の記事と関係していますcoffee-guhaw.hateblo.jp やりたいこと imgタグがついてる画像の大きさ(width)を一括で変更するボタンをjavascriptで作りたい CSSの内容取得をしたい 最初はstyleを修正したい要素を、idを使って取得しようとしていましたが、1つ…

【javascript】getElementByIdとgetElementByClassNameとgetElementsByTagNamの違い

getElementById htmlタグの中で指定したidを使って、その要素を取得するじゃあ、getElementByClassNameでも同じではないか?と思うかもしれないけどidは1つのhtmlコードで重複できない classなら重複できるという違いがある html id = "js-exsample" javascr…

【javascript】文字列にキーワードが入っているか判定して分岐させたい

if(textmessage.includes("hoge")){ // do something } textmessageという文字列に hoge というキーワードが入っているとこのif文に入る 参考 qiita.com ランキングに参加中です、クリックにご協力お願いします!ランキング参加中HTML

【javascript】文字列をある文字で分割して、一番後ろの要素を落としてから、再結合する

pythonでいうところの、splitとjoinみたいなものが使いたい実はjavascriptでも同じようなものがある str1 = "hoge_hoge_hoge" str2 = str.split("_") // ['hoge', 'hoge', 'hoge'] これをもう一度くっつけるにはjoinでできる str1 = "hoge_hoge_hoge" str2 =…

【Rochy linux】でapacheのインストールと設定をする

CentOS8にApache(httpd)をインストールする方法 #Linux - Qiita【Rocky Linux 9】07.Apache設定 #Apache2.4 - Qiitaこの辺を見ながらやればOKapacheを使えるようにするには、httpdをインストールする dnf install httpdサービスの起動とかはsystemctl と s…

【html】moinmoin wikiの文法メモ

hpcportal.imc.tut.ac.jpこのページが見やすくまとめられている {{{#!highlight python def hello(): print "Hello World!" }}}特に便利なのはこれこのwikiのページの中に、pythonとかshellとかtexのコードを書きたい時に使う 右上のpythonをその言語に置き…