Priority Juggler ~ Rearranging items by priority within a list. Tested in IE6.0, Netscape8.1, Opera9.0, Firefox1.5.0.4 and AOL Explorer1.2

T he application provides the client with a means of rearranging items by priority within a list of items. The new sequence within the rearranged list becomes the source for posting to the server where the new sequence can be used to update the applicable priority field. It is assumed the list is ordered by the original priority. The user rearranges the list and posts it.

We have tested the code in IE6.0, Firefox1.5.0.4, Opera9.0, Netscape8.1 and AOL Explorer1.2. This script worked in IE and AOL Explorer1.2. All other platforms tested the script ceased to rearrange any of the list after selecting any item and clicking either up or down. It degrades well and you will not get any error messages.

Note Of Importance: This is a stand alone function and needs to be incorporated within a form. This is not for anyone who is not proficient with HTML, javascript and forms. You need to have a working knowledge of forms in order to incorportate this into a form.

D epending on your knowledge of HTML, javascripts and forms, this is an easy two part copy and paste code that goes in both the <HEAD> and <BODY> sections of your document. The only reconfigurations are within the <BODY> section of the code. See below:

T he first part of these reconfigurations are to the caption above the form box and the size* of the form box being visible.

* This refers to how many items will be visible.
The default is set to <select size=10. The width of the form box is dictated by the width of the material** you set forth inside.
** Grab the below link to see how our example of how the material inside the form dictates how wide the form is.
[ Example ]

<form name="frm1" id="frm1">
<center><caption><font size=2><b>Juggler ~ Reassign Priority in the List </b></font></caption></center>
<table align=center>
<tbody>
<tr>
<td align=center>
<select size=10 name="cboJuggler" onclick="assignDish()">

T he last two ( 2 ) reconfigurations are made within the form itself. This is to add your material into the <options> inside the form and to possible change the color and size of the buttons.

A dd as many items as you require. Just follow the pattern and insert each new item before the closing </select> tag. The other thing you need to do here is replace the <option value=151 etc. with a description of the corresponding item. This is to tell you what item it is. See below example.

Form Button Reconfigurations For Size and Color

</tr>
<tr>
<td align=center>
<button style="width:40;background-color:lightgreen" class="button" name="btnUP" value="Up" onclick="moveUP()">Up</button>
<button style="width:40;background-color:red" class="button" name="btnDOWN" value="Down" onclick="moveDOWN()">Down</button>
</td>
</tr>

W e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link and you are there. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here ] [ Rate This Page ]

Search Our Site By Individual letter

[ A ] [ B ] [ C ] [ D ] [ E ] [ F ] [ G ] [ H ] [ I ] [ J-K ] [ L ]
[ M ] [ N-O ] [ P-Q ] [ R ] [ S ] [ T ] [ U-V ] [ W ] [ X-Y-Z ]

Little Tips Directory

[ Page 1 ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5 ] [ Page 6 ] [ Page 7 ]

[ Index Page 1 ] [ Index Page 2 ] [ Index Page 3 ] [ Index Page 4 ] [ Index Page 5 ]
[ Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ]
[ Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ]

[ News Letter Archives ] [ Navigation Page ] [ Archives Of Published Material ]
[ Link To Us ] [ Alphabet Index ] [ Feedback ] [ On Line Support ] [ FAQ ]
[ Webmaster Utilities ] [ Casino ] [ Banner Exchange ] [ Advanced Site Search ]

If you are part of the ever growing number of webmasters who enjoy sharing your knowledge with others on web design, join The Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today

This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.