pxkw.hatenadiary.com

めもめも

html

Bookmarklet to fill forms matched to a regex

We can not use a regex in getElementsByXXX("/^like this*/"). So we have to get superset of what we need and then evaluate each element whether its name (or tagname or something) matches to the regex. Example <form> <input type="text" name="target0" value="target0" /> </form>

トグる2

クリックでtdの表示をトグる <div id="slide-toggle-sample1"> <table> <tr > <td> <div id="trigger">Click me to show msg</div> <div id="message" style="display:none" >Can you see me?</div> </td> </tr> </table> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script> $(function(){ $("#trigger").cl…</div>

trをslideToggleする

<div id="trSlideToggleSample"> <table> <tr class="trTrigger"> <th colspan="2">Click me to show.</th> </tr> <tr style="display:none"> <th>Can you</th> <td>see me?</td> </tr> </table> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script> $(function(){ $(".trTrigger").click( funct…</div>

tdをslideToggleする

<div id="tdSlideToggleSample"> <table> <tr> <th class="thTrigger">Click me to show.</th> <td style="display:none">Can you see me?</td> </tr> </table> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script> $(function(){ $(".thTrigger").click( function() { $(this).next().slideTogg…</div>

dlをslideToggleする

参考: 超簡単jQuery!"toggle系メソッド"を使ってアコーディオンメニューやタブをさくっと実装する方法 | 株式会社LIGミニマルなコードはこんな感じかな <div id="dlSlideToggleSample"> <dl> <dt class="trigger">Click me to show/hide item.</dt> <dd style="display:none"> Can you see me?</dd> </dl> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script>…</div>