Changeset 4583


Ignore:
Timestamp:
09/12/08 17:01:00 (11 years ago)
Author:
cbyrom
Message:

Improve the loading animation - to provide semi-transparent screen
to block out the current page functionality (but exposing the tabs, still)
Implement the animation wherever form submission is used.

Location:
MILK/trunk/milk_server/milk_server
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • MILK/trunk/milk_server/milk_server/public/layout/style/ndg2.css

    r4579 r4583  
    22/* Entire Page Contents */ 
    33#loading { 
    4         width: 200px; 
    5         height: 100px; 
    6         background-color: #c0c0c0; 
    7         position: absolute; 
    8         left: 50%; 
    9         top: 50%; 
    10         margin-top: -50px; 
    11         margin-left: -100px; 
     4position:absolute; 
     5        width:100%; 
     6        height:1000px; 
     7        border:1px solid #6694D3; 
     8        padding-top:100px; 
    129        text-align: center; 
     10        filter:alpha(opacity=60);  
     11        -moz-opacity: 0.6; /*firefox*/ 
     12    opacity: 0.6; /*IE*/ 
    1313} 
    1414 
  • MILK/trunk/milk_server/milk_server/templates/atom_editor/atom_creator.html

    r4498 r4583  
    3737                                <td></td> 
    3838                                <td> 
    39                                         <input type="submit" value="Create" /> 
     39                ${Markup(h.submit('Create', **{'onclick': 'Div_show("loading");'}))} 
    4040                                </td> 
    4141                                </tr></table> 
  • MILK/trunk/milk_server/milk_server/templates/atom_editor/atom_functions.html

    r4579 r4583  
    101101                              <td /> 
    102102                              <td colspan="2"> 
    103                           ${Markup(h.submit('Upload'))} 
     103                        ${Markup(h.submit('Upload', **{'onclick': 'Div_show("loading");'}))} 
    104104                              </td> 
    105105                              </tr> 
     
    160160                                </td> 
    161161                                <td py:if="editLink"> 
    162                                         <input type="submit" value="Update" /> 
     162                                ${Markup(h.submit('Update', **{'onclick': 'Div_show("loading");'}))} 
    163163                                </td> 
    164164                </tr> 
     
    215215                        <td></td> 
    216216                        <td py:if="editLink"> 
    217                                 <input type="submit" value="Update" /> 
     217                        ${Markup(h.submit('Update', **{'onclick': 'Div_show("loading");'}))} 
    218218                                <input type='button' onclick='history.go(-1)' value='Cancel' /> 
    219219                        </td> 
     
    258258                                </td></tr> 
    259259                                <tr><td> 
    260                       ${Markup(h.submit(value="Update"))} 
     260                        ${Markup(h.submit('Update', **{'onclick': 'Div_show("loading");'}))} 
    261261                    </td></tr> 
    262262                                        </table> 
     
    375375                         
    376376                                <tr><td> 
    377                       ${Markup(h.submit(value="Update"))} 
     377                        ${Markup(h.submit('Update', **{'onclick': 'Div_show("loading");'}))} 
    378378                      </td></tr> 
    379379                                </span> 
     
    576576                                </tr> 
    577577                        <tr py:if="editLink"><td> 
    578                     ${Markup(h.submit(value="Update"))} 
     578                        ${Markup(h.submit('Update', **{'onclick': 'Div_show("loading");'}))} 
    579579                </td></tr> 
    580580                        </table> 
     
    657657                                </tr> 
    658658                        <tr py:if="editLink and links"><td></td><td></td><td align="center"> 
    659                     ${Markup(h.submit(value="Remove"))} 
     659                        ${Markup(h.submit('Remove', **{'onclick': 'Div_show("loading");'}))} 
    660660                        </td></tr> 
    661661                        </table> 
     
    760760                                </tr> 
    761761                        <tr py:if="editLink"><td> 
    762                     ${Markup(h.submit(value="Update"))} 
     762                        ${Markup(h.submit('Update', **{'onclick': 'Div_show("loading");'}))} 
    763763                </td></tr> 
    764764                        </table> 
     
    836836                            </tr> 
    837837                            <tr><td> 
    838                                  ${Markup(h.submit(value="Update"))} 
     838                                ${Markup(h.submit('Update', **{'onclick': 'Div_show("loading");'}))} 
    839839                                 </td></tr> 
    840840                            </table> 
  • MILK/trunk/milk_server/milk_server/templates/atom_editor/atom_list.html

    r4498 r4583  
    3838                                <td></td> 
    3939                                <td> 
    40                                         <input type="submit" value="Search" /> 
     40                                ${Markup(h.submit('Search', **{'onclick': 'Div_show("loading");'}))} 
    4141                                </td> 
    4242                                </tr></table> 
     
    123123                                <td colspan = "6"/> 
    124124                                <td align="center"> 
    125                             ${Markup(h.submit(value="Add selections"))} 
     125                                ${Markup(h.submit('Add selections', **{'onclick': 'Div_show("loading");'}))} 
    126126                        </td></tr> 
    127127                        </table> 
Note: See TracChangeset for help on using the changeset viewer.