Changeset 12739


Ignore:
Timestamp:
Aug 25, 2011, 8:03:19 AM (10 years ago)
Author:
jordan
Message:

(trunk web) simplify the prefs tab selection code

Location:
trunk/web
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/web/index.html

    r12737 r12739  
    231231                                        <div id="prefs_tabs">
    232232                                                <ul>
    233                                                         <li id="prefs_tab_general_tab" class="prefs_tab_enabled">General</li>
    234                                                         <li id="prefs_tab_speed_tab" class="prefs_tab_disabled">Speed</li>
    235                                                         <li id="prefs_tab_peers_tab" class="prefs_tab_disabled">Peers</li>
    236                                                         <li id="prefs_tab_network_tab" class="prefs_tab_disabled">Network</li>
     233                                                        <li id="prefs-tab-general" class="prefs-tab selected">General</li>
     234                                                        <li id="prefs-tab-speed" class="prefs-tab">Speed</li>
     235                                                        <li id="prefs-tab-peers" class="prefs-tab">Peers</li>
     236                                                        <li id="prefs-tab-network" class="prefs-tab">Network</li>
    237237                                                </ul>
    238                                                 <div id="prefs_tab_general" class="prefs_tab">
     238                                                <div id="prefs-page-general" class="prefs-page">
    239239                                                        <div class="preference download_location">
    240240                                                                <label class="category">Add transfers:</label>
     
    265265                                                        <div style="clear: both; visibility: hidden;"></div>
    266266                                                </div>
    267                                                 <div id="prefs_tab_speed" class="prefs_tab" style="display: none;">
     267                                                <div id="prefs-page-speed" class="prefs-page" style="display: none;">
    268268                                                        <div class="preference limit_total">
    269269                                                                <label class="category">Speed Limits:</label>
     
    320320                                                        <div style="clear: both; visibility: hidden;"></div>
    321321                                                </div>
    322                                                 <div id="prefs_tab_peers" class="prefs_tab" style="display: none;">
     322                                                <div id="prefs-page-peers" class="prefs-page" style="display: none;">
    323323                                                        <div class="preference peers_conn">
    324324                                                                <label class="category">Connections:</label>
     
    363363                                                        <div style="clear: both; visibility: hidden;"></div>
    364364                                                </div>
    365                                                 <div id="prefs_tab_network" class="prefs_tab" style="display: none;">
     365                                                <div id="prefs-page-network" class="prefs-page" style="display: none;">
    366366                                                        <div class="preference utp">
    367367                                                                <label class="category">Peer communication:</label>
  • trunk/web/javascript/common.js

    r12716 r12739  
    170170        if (this > that) return 1;
    171171        return 0;
    172 }
    173 
    174 /**
    175  * @brief Switch between different dialog tabs
    176  */
    177 function changeTab(tab, id) {
    178         for (var x = 0, node; tab.parentNode.childNodes[x]; x++) {
    179                 node = tab.parentNode.childNodes[x];
    180                 if (node == tab) {
    181                         node.className = "prefs_tab_enabled";
    182                 } else {
    183                         node.className = "prefs_tab_disabled";
    184                 }
    185         }
    186         for (x = 0; tab.parentNode.parentNode.childNodes[x]; x++) {
    187                 node = tab.parentNode.parentNode.childNodes[x];
    188                 if (node.tagName == "DIV") {
    189                         if (node.id == id) {
    190                                 node.style.display = "block";
    191                         } else {
    192                                 node.style.display = "none";
    193                         }
    194                 }
    195         }
    196172}
    197173
  • trunk/web/javascript/transmission.js

    r12738 r12739  
    5555                $('#turtle_button').click(function() { tr.toggleTurtleClicked(); return false; });
    5656                $('#compact-button').click(function() { tr.toggleCompactClicked(); return false; });
    57                 $('#prefs_tab_general_tab').click(function() { changeTab(this, 'prefs_tab_general'); });
    58                 $('#prefs_tab_speed_tab').click(function() { changeTab(this, 'prefs_tab_speed'); });
    59                 $('#prefs_tab_peers_tab').click(function() { changeTab(this, 'prefs_tab_peers'); });
    60                 $('#prefs_tab_network_tab').click(function() { changeTab(this, 'prefs_tab_network');});
     57                $('#prefs-tab-general').click(function() { tr.selectPrefsTab('general'); });
     58                $('#prefs-tab-speed').click(function() { tr.selectPrefsTab('speed'); });
     59                $('#prefs-tab-peers').click(function() { tr.selectPrefsTab('peers'); });
     60                $('#prefs-tab-network').click(function() { tr.selectPrefsTab('network'); });
    6161                $('#torrent_upload_form').submit(function() { $('#upload_confirm_button').click(); return false; });
    6262                $('#torrent_container').bind('dragover', function(e) { return tr.dragenter(e); });
     
    139139
    140140                this.filterSetup();
     141        },
     142
     143        selectPrefsTab: function(name) {
     144                $('#prefs-tab-'+name).addClass('selected').siblings('.prefs-tab').removeClass('selected');
     145                $('#prefs-page-'+name).show().siblings('.prefs-page').hide();
    141146        },
    142147
  • trunk/web/stylesheets/common.css

    r12736 r12739  
    12021202        clear: both;
    12031203}
    1204 
    12051204div#prefs_container div#prefs_tabs ul {
    12061205        margin: 0;
    12071206        padding: 0 0 0 10px;
    12081207}
    1209 div#prefs_container div#prefs_tabs ul li {
     1208.prefs-tab {
     1209        cursor: pointer;
    12101210        display: block;
    12111211        float: left;
     
    12181218        border-top: 1px solid #787878;
    12191219        margin-bottom: -1px;
    1220 }
    1221 .prefs_tab_disabled {
    12221220        background: #C0C8D6 url('../images/graphics/filter_bar.png') bottom repeat-x;
    12231221        border-bottom: 1px solid #787878;
    12241222}
    1225 .prefs_tab_enabled {
     1223.prefs-tab.selected {
    12261224        background: none;
    12271225        border-bottom: 1px solid #efefef;
     1226}
     1227.prefs-page {
     1228        border-top: 1px solid #787878;
     1229        clear: both;
     1230        padding: 7px;
    12281231}
    12291232div#stats_container h2.dialog_heading {
     
    12811284}
    12821285
    1283 div.dialog_container div#prefs_tabs ul li.prefs_tab_disabled:hover,
    1284 div.dialog_container div#prefs_tabs ul li.prefs_tab_disabled:active {
    1285         background: none;
    1286 }
    1287 div#prefs_container div#prefs_tabs div.prefs_tab {
    1288         border-top: 1px solid #787878;
    1289         clear: both;
    1290         padding: 7px;
    1291 }
    1292 
    12931286div#prefs_container div#pref_error {
    12941287        display: none;
Note: See TracChangeset for help on using the changeset viewer.