Create some CSS and jasvascript/jQuery for a webpage

Budget $250 - $750 AUD
Bids 63
Average Bid $474
OPEN 2 days

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

Get Free Quotes For A Project Like This

Looking to make some money?

  • Set your budget and the time frame
  • Outline your proposal
  • Get paid for your work

Bids on this Project

  • WebWars Profile Picture


    ATHENS,  Greece

    Hi! My name is Babis and I am a web designer and coder from Drama, Greece. I enjoy taking complex demands and turn them into innovative and original designs. I also love the logic and the art of building efficient code. I always try my best to achieve high standards of quality while on the same time create beautiful and eye-candy website designs. As my tools, I use Photoshop and Dreamweaver among some other programs to make my life easier. I use mostly HTML5, CSS3, Jquery/Javascript and PHP. Moreover I have very decent knowledge of Wordpress and Joomla CMS. However my big love is custom scripting with Jquery/PHP. I try to create custom plugins from scratch, build wonderful animation and other effects, and utilizing CSS3 with those script for a perfect artistic result and user-friendliness. Last but not least, I create some logos every now and then. I love the creativity and the imagination that is needed to create a stunning and easily recalled design.

  • entrepreneur2000 Profile Picture


    Moscow,  Russian Federation

    Extensive hands-on experience in PHP, Drupal, HTML, CSS, MySQL, JavaScript, JQuery, Android and other web technologies. Areas of special expertise: • Drupal – custom modules development, themes customization, configuration and fine tuning, core and contributed modules upgrade from older versions. • Financial Markets & Trading – website design and development for private equity funds and asset management firms, historical data analysis and decision support making tools, market data feeds from Yahoo Finance, Google Finance, Quandl. • Data Scraping – parsing and capturing information from all types of websites. • Charts – integration of dynamic charts of any type, any chart frameworks included but not limited to Google Charts, Highcharts, Amcharts, D3js, JPGraph etc. I look forward to working with you and establishing long term business relationships.

  • santhoshkumar547 Profile Picture


    Tiruchirappalli,  India

    I am working as a Web developer and working on HTML5,CSS3,Javscript,Jquery,AJAX Web and Mobile App development. I have been working as a freelancer Web Developer for some years and for many employers worldwide. I have successfully completed large projects in the areas of Web and mobile apps development, Advertising and Blog. I would be happy if I am hired by you as I can prove my skill and bring the similar results for your project also.

  • arun01012016 Profile Picture


    indore,  India

    I have a Great experience in the web programming, SEO & Mobile App. Also I had projects concerned with the server administration on the Win and UNIX platforms. Over the past 7 years, I have done a lot of web projects using various web technologies including PHP, MySQL, Javascript, HTML, CSS, XML. I have done development & Designing of Mobile Application using technologies like Objective C,C/C++, C# & Android SDK. My competencies lie in: - Complete the website according to client requirements. - Improve the site performance(SEO, Improve Loading Speed, Browser Compatibility, User-Friendly Feature) - Provide the best technical assistance to achieve client plan. I have good experience in the following areas: * MVC, OOP Frameworks: Yii, CodeIgniter, Cakephp CMS Frameworks: Drupal, Wordpress, Shopping Cart Frameworks: Magento, OpenCart, BigCommerce Social Frameworks SocialEngine, Jomsocial, Community Builder * jQuery, Mootools, jQuery UI * MySQL.

  • techwelf Profile Picture


    kolkata,  India

    A growing website development company that provides high quality services for the clients all over the world. We are a team of highly experienced professionals in different areas of computer science. We work based on four main principles: Quality - the highest quality of products is guaranteed including free support. Time line - we provide our services in strong time deadlines. Communication - we try to be always online and free for communications. Security - All the information/transactions is highly secured.

  • kalrav2005 Profile Picture


    Gurgaon,  India

    I have been working as a UI developer for the past two years with US based business advisory firm. I have been working on the technologies such as HTML5, SCSS, CSS3 and Jquery. You can also contact me at . Looking forward to work with you. Thanks, Kalrav Bhatnagar

  • webexpert0102 Profile Picture


    Thai Nguyen,  Vietnam

    Quality and time is our commitment Excellent marketing system is the first requirement of a successful business organization and, business is becoming more dependent on the internet because of the internet marketing system. Internet has a large effect on our lifestyles. It has almost changed our lives. Now, we can shop from home, we can chat with our friends, we can meet with our friends through social medias and we can do lots of things through internet. Thus internet has also changed the ways of marketing and it has opened new doors for the companies to promote their product. All you need is "a website". Just give us the details of your project and our freelancers will get it done faster, better, and cheaper than you can imagine. Your jobs can be as big or small as you like, they can be fixed price or hourly, and you can specify the schedule, cost range, and milestones. Thank you

  • ugraksoftware Profile Picture


    Istanbul,  Turkey

    I've been working in Web Design and Android areas for a few months

  • tyleraudette5 Profile Picture


    Boulder,  United States

    I am a freelance web developer based out of Boulder Colorado. I have a diverse set of skills having worked on everything from lightweight personal sites to massive applications in the finance industry. Some of the tech I enjoy working with includes C#, NodeJs, Javascript, JQuery, HTML, CSS, and ReactJS.

  • fb55771e3ac15ae Profile Picture


    Chernihiv,  Ukraine

    ukrainian and russian are my native languages, english - advance. good computer skills -html, css, bootstrap, photoshop, lightroom, sovy vegas, ms office, etc.