Changeset 6458


Ignore:
Timestamp:
Aug 9, 2008, 4:38:51 AM (13 years ago)
Author:
Gimp
Message:

Fix filter text box bugs reported by BentMyWookie? and a bit more cleanup

Location:
trunk/web
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/web/index.html

    r6452 r6458  
    99                <link href="./images/favicon.ico" rel="SHORTCUT ICON" />
    1010                <script type="text/javascript" src="./javascript/jquery/jquery.min.js"></script>
    11                 <link media="only screen and (max-device-width: 480px)" href="./stylesheets/iphone.css" type= "text/css" rel="stylesheet">
    12                 <link media="screen and (min-device-width: 481px)" href="./stylesheets/common.css" type="text/css" rel="stylesheet">
     11                <link media="only screen and (max-device-width: 480px)" href="./stylesheets/iphone.css" type= "text/css" rel="stylesheet" />
     12                <link media="screen and (min-device-width: 481px)" href="./stylesheets/common.css" type="text/css" rel="stylesheet" />
    1313                <script type="text/javascript" src="./javascript/jquery/jquery.transmenu.min.js"></script>
    1414                <script type="text/javascript" src="./javascript/jquery/jquery.contextmenu.min.js"></script>
     
    4848                <div id="torrent_filter_bar">
    4949                        <ul>   
    50                                  <li><a href='#all' id='filter_all_link' class='active'>All</a></li>
    51                                  <li><a href='#downloading' id='filter_downloading_link'>Downloading</a></li>
    52                                  <li><a href='#seeding' id='filter_seeding_link'>Seeding</a></li>
    53                                  <li><a href='#paused' id='filter_paused_link'>Paused</a></li>
    54                         </ul>
    55                         <input type='text' id='torrent_search' class='blur' />         
     50                                 <li><a href="#all" id="filter_all_link" class="active">All</a></li>
     51                                 <li><a href="#downloading" id="filter_downloading_link">Downloading</a></li>
     52                                 <li><a href="#seeding" id="filter_seeding_link">Seeding</a></li>
     53                                 <li><a href="#paused" id="filter_paused_link">Paused</a></li>
     54                        </ul>
     55                        <input type="search" id="torrent_search" class="blur" autosave="Clutch" results="0" />         
    5656                </div>
    5757                <div id="torrent_inspector" style="display:none;">
     
    194194                                        enctype='multipart/form-data' target='torrent_upload_frame'> 
    195195                                        <div class="dialog_message">
    196                                                 Please select a .torrent file to upload:
     196                                                Please select a torrent file to upload:
    197197                                                        <input type='file' name='torrent_file' id='torrent_upload_file'/>
    198198                                        </div>
  • trunk/web/javascript/common.js

    r6418 r6458  
    4848                $('#torrent_inspector').css('height', '100%');
    4949               
    50                 // Set Filter input to type search (nicely styled input field)
    51                 $('#torrent_search')[0].type = 'search';
    52                 $('#torrent_search')[0].placeholder = 'Filter';
     50                // Move search field's margin down for the styled input
    5351                $('#torrent_search').css('margin-top', 3);             
    5452        }
  • trunk/web/javascript/transmission.js

    r6452 r6458  
    167167                var tr = this;
    168168                var search_box = $('#torrent_search');
    169                 search_box[0].value = 'filter';
    170                 search_box.bind('keyup', {transmission: this}, function(event) {
     169                search_box.bind('keyup click', {transmission: this}, function(event) {
    171170                        tr.setSearch(this.value);
    172                 }).bind('blur', {transmission: this}, function(event) {
    173                         if (this.value == '') {
    174                                 $(this).addClass('blur');
    175                                 this.value = 'filter';
    176                                 tr.setSearch(null);
    177                         }
    178                 }).bind('focus', {}, function(event) {
    179                         if ($(this).is('.blur')) {
    180                                 this.value = '';
    181                                 $(this).removeClass('blur');
    182                         }
    183171                });
     172                if (!$.browser.safari)
     173                {
     174                        search_box[0].value = 'Filter';
     175                        search_box.bind('blur', {transmission: this}, function(event) {
     176                                if (this.value == '') {
     177                                        $(this).addClass('blur');
     178                                        this.value = 'Filter';
     179                                        tr.setSearch(null);
     180                                }
     181                        }).bind('focus', {}, function(event) {
     182                                if ($(this).is('.blur')) {
     183                                        this.value = '';
     184                                        $(this).removeClass('blur');
     185                                }
     186                        });
     187                }
    184188        },
    185189
Note: See TracChangeset for help on using the changeset viewer.