NUTMEGに加入して活動を初めて,8ヶ月ほど経とうとしている. クリスマスが近づく中,レポートに追われる日々.
ふと,思いました.
ILIAS,毎回ログインするの面倒だなぁ
ILIASとは長岡技術科学大学で使われている,学習管理システム. 授業資料の閲覧・ダウンロード,課題のアップロード,アップロードされた講義動画の閲覧ができる.
ILIASのログインは,トグルボタンと,テキストボックスと,送信ボタンがある. テキストボックスは,ブラウザのパスワード自動入力でなんとかなる. そして,ログインボタンもEnterキーでなんとかなる. しかし,トグルボタンはどうにもできなかった…
よし,もっと楽にしよう!!
じゃあ,まずはブラウザのDeveloper Mode でコードを見てみる.
<div class="col-sm-9">
<div id="auth_mode">
<div class="radio">
<label class="radio-inline"><input type="radio" onclick="il.Form.showSubForm('subform_auth_mode_1', 'auth_mode', null);" name="auth_mode" id="auth_mode_1" value="1" checked="checked">
ILIAS Native認証</label>
</div>
<div class="radio">
<label class="radio-inline"><input type="radio" onclick="il.Form.showSubForm('subform_auth_mode_2_1', 'auth_mode', null);" name="auth_mode" id="auth_mode_2_1" value="2_1">
LDAP認証(統合アカウント)</label>
</div>
</div>
</div>
こんな感じ.
GPTの提案で,URLを書き換えてみる.
結果はダメです.
“ILIAS Native認証” のところにすでに “checked属性”がついている. Webページがサーバからロードされるとき,すでにHTMLが生成されているため,URLパラメータによってコードが動的に変更されることはない.
→ URLで変更することは厳しそうとみた.
さて,どうするか. JavaScriptを使用して,ページロード後に変更しよう!! つまり,自分が操作したことと同じことをプログラムにさせよう! そこで,“ブックマークレット” というものがある.
ブックマークレット
ブラウザのブックマークから簡単なJavaScriptのコードが実行できるもの
ILIASのログインページを開いた状態で, JavaScriptのコードを書いたブックマークレットを作成する. “ILIAS ブックマーク…” を ポチッ と押す.
トグルボタンの選択を LDAP認証 (統合アカウント)
の方につけることができた.
これとか参考になるかも ブックマークレットでブラウザに便利機能を追加してみよう - Qiita
ブラウザはGoogle Chrome
ブックマークバーを右クリックする
ページを追加…
をクリックする
名前はお好みで
URLのところに,javaScriptのコードを貼る
javascript:(function() {
var radioButton = document.getElementById('auth_mode_2_1');
if (radioButton) {
radioButton.click();
} else {
alert('ラジオボタンが見つかりません。');
}
})();
今回は↑のコードを貼った.
完成
ILIASのログイン画面は,このほかに,ユーザ名
とパスワード
の入力がある.
さらに,ログインボタン
をクリックするという行程が残っている.
さらにさらに,上の項目が全部できたとしても,ログイン画面でブックマークレットをクリックする必要がある.
もっと 日常生活を便利 にという道のりは,続編*に続く.
*続編投稿時期未定(近いうちに書きます…)