Create some CSS and jasvascript/jQuery for a webpage

Dieses Projekt hat 65 Angebote von talentierten Freelancern mit einem durchschnittlichen Angebotspreis von $470 AUD erhalten.

Erhalten Sie kostenlose Angebote für ein Projekt wie dieses
$250 - $750 AUD
Anzahl von Angeboten

I have a HTML document (screenshot attached) containing a form.

Within this form is a table with just under 50 columns and 55 rows.

I need some help in making the page more user friendly.

The improvements I require are as follows;

1) Column 1 and 2 contains a Stock Code and a Stock name. I would like to only show the stock code and make the form show the stock name if you hover over the element. This Stock Code column appears in other columns in the document and I would like this to function the same way as well.

2) Most columns are decimal values and the column widths should be adjusted to the minimum required. It is important that we can see as many columns on the screen as possible without scrolling, however this needs be be balanced with the need for the page to be readable (not too small)

3) there is a total row at the bottom that should be highlighted

4) alternate rows should be shaded differently for readability

5) Column heading should be bold

6) there are 3 buttons in the header row which should be easily noticed by users

7) there is one column which contains text inputs. These should be easily noticed by users

There is some further dynamic requirements.

1) There are 3 columns which I would like to be able to hide. There should be a small button placed onto the form that will supress/hide these columns if it is pressed. If pressed again it will "unhide" these columns.

2) There are 5 columns which I would like to be able to replace. clicking the "hide" button from 1) would hide these 5 columns but make a separate summary column appear. If pressed again it will hide the summary column and "unhide" these 5 columns.

3) the form contains many hidden variables delimited by "$$". There is a variable called "$$P_Count$$" on the form. This form contains the number of rows of data that will be required on the form. The form needs to render only this number of rows

Erforderliche Fähigkeiten

Möchten Sie Geld verdienen?

  • Legen Sie Ihr Budget und Ihren Zeitraum fest
  • Stellen Sie Ihr Angebot kurz dar
  • Bekommen Sie Geld für Ihre Arbeit

Heuern Sie Freelancer an, die auch auf dieses Projekt geboten haben

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online