Changeset 8492


Ignore:
Timestamp:
May 23, 2009, 3:05:58 PM (12 years ago)
Author:
charles
Message:

(trunk web) #2052: "Warning: Unresponsive Script"

Location:
trunk/web/javascript
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/web/javascript/torrent.js

    r8490 r8492  
    4949               
    5050                // Create the 'name' <div>
    51                 var e = $('<div/>');
    52                 e.addClass('torrent_name');
    53                 element.append( e );
     51                var e = document.createElement( 'div' );
     52                e.className = 'torrent_name';
     53                element[0].appendChild( e );
    5454                element._name_container = e;
    5555               
    5656                // Create the 'progress details' <div>
    57                 e = $('<div/>');
    58                 e.addClass('torrent_progress_details');
    59                 element.append(e);
     57                e = document.createElement( 'div' );
     58                e.className = 'torrent_progress_details';
     59                element[0].appendChild( e );
    6060                element._progress_details_container = e;
    6161
    6262                // Create the 'in progress' bar
    63                 e = $('<div/>');
    64                 e.addClass('torrent_progress_bar incomplete');
    65                 e.css('width', '0%');
    66                 element.append( e );
     63                e = document.createElement( 'div' );
     64                e.className = 'torrent_progress_bar incomplete';
     65                e.style.width = '0%';
     66                element[0].appendChild( e );
    6767                element._progress_complete_container = e;
    6868                       
    6969                // Create the 'incomplete' bar (initially hidden)
    70                 e = $('<div/>');
    71                 e.addClass('torrent_progress_bar incomplete');
    72                 e.hide();
    73                 element.append( e );
     70                e = document.createElement( 'div' );
     71                e.className = 'torrent_progress_bar incomplete';
     72                e.style.display = 'none';
     73                element[0].appendChild( e );
    7474                element._progress_incomplete_container = e;
    7575               
     
    7777                // image or alt text until the 'refresh()' function
    7878                // (depends on torrent state)
    79                 var image = $('<div/>');
    80                 image.addClass('torrent_pause');
    81                 e = $('<a/>');
    82                 e.append( image );
    83                 element.append( e );
     79                var image = document.createElement( 'div' );
     80                image.className = 'torrent_pause';
     81                e = document.createElement( 'a' );
     82                e.appendChild( image );
     83                element[0].appendChild( e );
    8484                element._pause_resume_button_image = image;
    85                 element._pause_resume_button = e;
    86                 if (!iPhone) e.bind('click', {element: element}, this.clickPauseResumeButton);
     85                //element._pause_resume_button = e;
     86                if (!iPhone) $(e).bind('click', {element: element}, this.clickPauseResumeButton);
    8787               
    8888                // Create the 'peer details' <div>
    89                 e = $('<div/>');
    90                 e.addClass('torrent_peer_details');
    91                 element.append( e );
     89                e = document.createElement( 'div' );
     90                e.className = 'torrent_peer_details';
     91                element[0].appendChild( e );
    9292                element._peer_details_container = e;
    9393               
     
    341341                var MaxBarWidth = 100; // reduce this to make the progress bar shorter (%)
    342342               
    343                 setInnerHTML( root._name_container[0], this._name );
     343                setInnerHTML( root._name_container, this._name );
    344344               
    345345                // Add the progress bar
     
    380380                        var class_name = this.isActive() ? 'in_progress' : 'incomplete_stopped';
    381381                        var e = root._progress_complete_container;
    382                         e.removeClass( );
    383                         e.addClass( 'torrent_progress_bar' );
    384                         e.addClass( class_name );
    385                         e.css( 'width', css_completed_width + '%' );
    386                         if(css_completed_width == 0) { e.addClass( 'empty' ); }
     382                        var str = 'torrent_progress_bar ' + class_name;
     383                        if(css_completed_width == 0) { str += ' empty'; }
     384                        e.className = str;
     385                        e.style.width = css_completed_width + '%';
    387386                       
    388387                        // Update the 'incomplete' bar
    389388                        e = root._progress_incomplete_container;
    390                         if( !e.is('.incomplete')) {
    391                                 e.removeClass();
    392                                 e.addClass('torrent_progress_bar in_progress');
    393                         }
    394                         e.css('width', (MaxBarWidth - css_completed_width) + '%');
    395                         e.show();
     389                        if( e.className.indexOf( 'incomplete' ) == -1 )
     390                                e.className = 'torrent_progress_bar in_progress';
     391                        e.style.width =  (MaxBarWidth - css_completed_width) + '%';
     392                        e.style.display = 'block';
    396393                       
    397394                        // Create the 'peer details' label
     
    417414                        var class_name = (this.isActive()) ? 'complete' : 'complete_stopped';
    418415                        var e = root._progress_complete_container;
    419                         e.removeClass();
    420                         e.addClass('torrent_progress_bar ' + class_name );
     416                        e.className = 'torrent_progress_bar ' + class_name;
    421417                       
    422418                        // Create the 'progress details' label
     
    430426                       
    431427                        // Hide the 'incomplete' bar
    432                         root._progress_incomplete_container.hide();
     428                        root._progress_incomplete_container.style.display = 'none';
    433429                       
    434430                        // Set progress to maximum
    435                         root._progress_complete_container.css('width', MaxBarWidth + '%');
     431                        root._progress_complete_container.style.width =  MaxBarWidth + '%';
    436432                       
    437433                        // Create the 'peer details' label
     
    450446               
    451447                // Update the progress details
    452                 setInnerHTML( root._progress_details_container[0], progress_details );
     448                setInnerHTML( root._progress_details_container, progress_details );
    453449               
    454450                // Update the peer details and pause/resume button
    455                 e = root._pause_resume_button_image[0];
     451                e = root._pause_resume_button_image;
    456452                if ( this.state() == Torrent._StatusPaused ) {
    457453                        e.alt = 'Resume';
     
    468464                }
    469465               
    470                 setInnerHTML( root._peer_details_container[0], peer_details );
     466                setInnerHTML( root._peer_details_container, peer_details );
    471467       
    472468                this.refreshFiles( );   
  • trunk/web/javascript/transmission.js

    r8489 r8492  
    11851185        {
    11861186                var rows = this.getVisibleRows( );
    1187                 for( var i=0, len=rows.length; i<len; ++i )
    1188                         if ((i+1) % 2 == 0)
    1189                                 $.className.add( rows[i][0], 'even' );
    1190                         else
    1191                                 $.className.remove( rows[i][0], 'even' );
     1187                for( var i=0, len=rows.length; i<len; ++i ) {
     1188                        var wasEven = rows[i][0].className.indexOf('even') != -1;
     1189                        var isEven = ((i+1) % 2 == 0);
     1190                        if( wasEven != isEven ) {
     1191                                if( wasEven )
     1192                                        rows[i].removeClass('even');
     1193                                else
     1194                                        rows[i].addClass('even');
     1195                        }
     1196                }
    11921197        },
    11931198   
Note: See TracChangeset for help on using the changeset viewer.