[Windows]NetBeansでSass(SCSS)を使う
Sassとは、CSSを書くためのメタ言語と呼ばれているもので、どうにもこうにも気が利かないCSSを便利にするために考えられたらしい。 しかし、少し特殊な書き方をするので、便利だがとっつきにくい感じだった模様。 そこで、S… more
HTML CSS JavaScript
jQuery UI の Datepicker (カレンダーから日付入力)
jQuery UI のDatepickerで入力フォームでお手軽にカレンダーから入力できる。 コードはこんな感じ
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<!-- jQuery UI テーマをCDNから読み込み --> <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/flick/jquery-ui.css"> <!-- jQuery, jQuery UI, jQuery UI Datepicker の 日本語化プラグイン をCDNから読み込み --> <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script> <script type="text/javascript"> $(function(){ var t_date = $("#datepiek_test").val(); $("#datepick_test").datepicker(); $("#datepick_test").datepicker("option", "showOn", 'both'); $("#datepick_test").datepicker("option", "dateFormat", 'yy/mm/dd'); $("#datepick_test").val(t_date); }); </script> <input id="datepick_test" type="text" /> |
jQueryやjQuery… more
table系タグのposition:relative
結構はまった。 tableのtdタグに、position:relative; をつけて、その中にposition:absolute を使おうとしたら、Firefoxでは全然違うところに配置された。 具体的なコードは以下の… more