MW WP Formでsubmitを押すとdisabledで反応しなかった件
結構初歩の初歩で躓いた
備忘録
結論サブミットの前にform閉じタグを表記してしまっていた。
ローカルで組んで組み込むときにエラーしとる
ワロタ!ワロタ!
追加でインストールしたもの
pip3 install lxml
pip install openpyxl
ドロワーメニュー備忘録
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>無題ドキュメント</title> <link rel="stylesheet" type="text/css" href="http://um-corporation.com/css/reset.css"> <style> /*ヘッダーまわりはご自由に*/ header { padding: 10px; background: skyblue; } #nav-drawer { position: relative; } /*チェックボックス等は非表示に*/ .nav-unshown { display: none; } /*アイコンのスペース*/ #nav-open { display: inline-block; width: 30px; height: 22px; vertical-align: middle; } /*ハンバーガーアイコンをCSSだけで表現*/ #nav-open span, #nav-open span:before, #nav-open span:after { position: absolute; height: 3px;/*線の太さ*/ width: 25px;/*長さ*/ border-radius: 3px; background: #555; display: block; content: ''; cursor: pointer; } #nav-open span:before { bottom: -8px; } #nav-open span:after { bottom: -16px; } /*閉じる用の薄黒カバー*/ #nav-close { display: none;/*はじめは隠しておく*/ position: fixed; z-index: 99; top: 0;/*全体に広がるように*/ left: 0; width: 100%; height: 100%; background: black; opacity: 0; transition: .3s ease-in-out; } /*中身*/ #nav-content { overflow: auto; position: fixed; top: 0; left: 0; z-index: 9999;/*最前面に*/ width: 90%;/*右側に隙間を作る*/ max-width: 330px;/*最大幅*/ height: 100%; background: #fff;/*背景色*/ transition: .3s ease-in-out;/*滑らかに表示*/ -webkit-transform: translateX(-105%); transform: translateX(-105%);/*左に隠しておく*/ background: rgba(0,0,0,0.3); } /*チェックが入ったらもろもろ表示*/ #nav-input:checked ~ #nav-close { display: block;/*カバーを表示*/ opacity: .5; } #nav-input:checked ~ #nav-content { -webkit-transform: translateX(0%); transform: translateX(0%);/*中身を表示*/ box-shadow: 6px 0 25px rgba(0,0,0,.15); } </style> </head> <body> <header> <div id="nav-drawer"> <input id="nav-input" type="checkbox" class="nav-unshown"> <label id="nav-open" for="nav-input"><span></span></label> <label class="nav-unshown" id="nav-close" for="nav-input"></label> <div id="nav-content"> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> <p style="margin:10% 0;">ここに中身を入れる</p> </div> </div> </header> </body> </html>
スライドメニュー備忘録
ここからスタートした方がやりやすい。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <title></title> <style> body { position: relative; left: 0; overflow-x: hidden; } #slide_menu{ position: fixed; top: 0; left: -240px; width: 240px; height: 100%; background: #E87272; overflow-y: auto; } #button { width: 30px; height: 25px; position: relative; cursor: pointer; } #button .bar { display: inline-block; width: 30px; height: 3px; background-color: #ff5b6b; position: absolute; left: 0; transition: .15s ease-in-out; } #bar01 { top: 0; } #bar02 { top: 10px; } #bar03 { top: 20px; } .active #bar01 { top: 10px; transform: rotate(45deg); } .active #bar02 { width: 0; } .active #bar03 { top: 10px; transform: rotate(-45deg); } </style> </head> <body> <!-- スライドメニュー部分--> <nav id="slide_menu"> <ul> <li><a href="#">menu1</a></li> <li><a href="#">menu2</a></li> <li><a href="#">menu3</a></li> <li><a href="#">menu4</a></li> <li><a href="#">menu5</a></li> <li><a href="#">menu1</a></li> <li><a href="#">menu2</a></li> <li><a href="#">menu3</a></li> <li><a href="#">menu4</a></li> <li><a href="#">menu5</a></li> <li><a href="#">menu1</a></li> <li><a href="#">menu2</a></li> <li><a href="#">menu3</a></li> <li><a href="#">menu4</a></li> <li><a href="#">menu5</a></li> <li><a href="#">menu1</a></li> <li><a href="#">menu2</a></li> <li><a href="#">menu3</a></li> <li><a href="#">menu4</a></li> <li><a href="#">menu5</a></li> <li><a href="#">menu1</a></li> <li><a href="#">menu2</a></li> <li><a href="#">menu3</a></li> <li><a href="#">menu4</a></li> <li><a href="#">menu5</a></li> <li><a href="#">menu1</a></li> <li><a href="#">menu2</a></li> <li><a href="#">menu3</a></li> <li><a href="#">menu4</a></li> <li><a href="#">menu5</a></li> <li><a href="#">menu1</a></li> <li><a href="#">menu2</a></li> <li><a href="#">menu3</a></li> <li><a href="#">menu4</a></li> <li><a href="#">menu5</a></li> <li><a href="#">menu1</a></li> <li><a href="#">menu2</a></li> <li><a href="#">menu3</a></li> <li><a href="#">menu4</a></li> <li><a href="#">menu5</a></li> <li><a href="#">menu1</a></li> <li><a href="#">menu2</a></li> <li><a href="#">menu3</a></li> <li><a href="#">menu4</a></li> <li><a href="#">menu5</a></li> <li><a href="#">menu1</a></li> <li><a href="#">menu2</a></li> <li><a href="#">menu3</a></li> <li><a href="#">menu4</a></li> <li><a href="#">menu5</a></li> <li><a href="#">menu1</a></li> <li><a href="#">menu2</a></li> <li><a href="#">menu3</a></li> <li><a href="#">menu4</a></li> <li><a href="#">menu5</a></li> <li><a href="#">menu1</a></li> <li><a href="#">menu2</a></li> <li><a href="#">menu3</a></li> <li><a href="#">menu4</a></li> <li><a href="#">menu5</a></li> <li><a href="#">menu1</a></li> <li><a href="#">menu2</a></li> <li><a href="#">menu3</a></li> <li><a href="#">menu4</a></li> <li><a href="#">menu5</a></li> </ul> </nav> <!--メニューを出すボタン--> <div id="button"> <span class="bar" id="bar01"></span> <span class="bar" id="bar02"></span> <span class="bar" id="bar03"></span> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> $(function(){ var menu = $('#slide_menu'), // スライドインするメニューを指定 menuBtn = $('#button'), // メニューボタンを指定 body = $(document.body), menuWidth = menu.outerWidth(); // メニューボタンをクリックした時の動き menuBtn.on('click', function(){ // body に open クラスを付与する body.toggleClass('open'); if(body.hasClass('open')){ // open クラスが body についていたらメニューをスライドインする body.animate({'left' : menuWidth }, 300); menu.animate({'left' : 0 }, 300); } else { // open クラスが body についていなかったらスライドアウトする menu.animate({'left' : -menuWidth }, 300); body.animate({'left' : 0 }, 300); } }); }); (function($){ $(function() { $('#button').on('click', function() { $(this).toggleClass('active'); }); }); })(jQuery); </script> </body> </html>
VBAでWeb操作!name属性の一覧を取得し表示させる
For i = 0 To objIE.Document.getElementsByName("name").length - 1 Debug.Print "name属性(" & i & ")は :" & objIE.Document.getElementsByName("file_type")(i).outerHTML Next i