無精・短気・傲慢

perlの事 いろいろ

2022-01-01から1年間の記事一覧

JavaScriptで選択したファイルを背景画像にする

HTMLのinputで選択した画像ファイルをJavaScriptでページの背景画像に設定したいより サンプル GitHub <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1"> <title>JavaScriptで選択したファイルを背景画像にする</title> </head> <body> <script> window.addEven…</body></html>

入力できるプルダウンボックス(セレクトボックス)

入力できるプルダウンボックス(セレクトボックス) $('.free_dropdown').on('click focus', function () { //「input」要素の「data-options」をカンマで分割し、配列にする。 var options = $(this).data("options").split(','); $(this).autocomplete({ s…

ブラウザでQRコードを書いたり読んだり

ブラウザだけでQRコードを読んだり書いたり出来ます。 QRコードを作成し表示する jquery-qrcode.jsを使いQRコードを作成し表示する。 <script src="js/jquery-qrcode-0.18.0.min.js"></script> <div id="qrcode"></div> <script> $('#qrcode').qrcode({width: 64, height: 64, text: "information"}); </script> QRコードを読む jsQR.jsを使いスマートホン等…

wslのvimでクリップボードを書いたり読んだり

以前、「WSL2のvimでクリップボードを使う」でクリップボードを使えるvimとVcXsrvをインストールする方法を紹介したが、何もインストールすることなくwindows標準のコマンドだけで行う方法を紹介します。 クリックボードに書き込む clip.exe [.vimrc] augrou…

ブラウザでQRコードを読み取る

ブラウザでQRコードを読み取る ブラウザからカメラを起動してQRコードを読み込めるようにするJavaScriptライブラリjsQRを使用しQRコードを読み込む。 https://github.com/cozmo/jsQR 参照:1分でできるjsQRによるブラウザのQRコード読み込みアクセス ソース …

レスポンシブデザイン

レスポンシブデザインとは レスポンシブデザインとは、Webサイトのデザインを「閲覧ユーザーが使用するデバイスの画面サイズに応じて表示を最適化するデザイン」を指します。 メニュー修正 tableタグで横並びのデザインをしていたが、divタグにて横並びにし…