Javascript with CSS project

Create a cross-browser (works in Firefox and MS IE) page that has the following headings:

1. Alternative row color table using ClassName

2. Input validation and error message

3. Hide on mouseover, show on mouse out

1. For item a, create a 10 rows by 3 column HTML table.

2. Then create two CSS rules called odd and even for which odd’s background color is white an even’s is yellow.

3. Next register a JavaScript function called ApplyAlternateRows with the onload event that iternates through the rows of the tables and applies the odd class to every odd table row and even class to every even table row

Hint: Get a handle on the table object and iterate through its rows. Use the objects length and rows[] properties.

1. For item b, create a form with a single input field and a regular HTML button right next to it with a value of Validate.

2. Then register a JavaScript function called CheckNumeric with the button’s onclick event which ensures checks if the input is not numeric, it displays a message to the right of the button in red.

Hint: Use the function provided below to check if the input is numeric or not.

function IsNumeric(sText) {

var ValidChars = "0123456789.";

var IsNumber=true;

var Char;

for (i = 0; i < [url removed, login to view] && IsNumber == true; i++){

Char = [url removed, login to view](i);

if ([url removed, login to view](Char) == -1){

IsNumber = false;



return IsNumber;


1. For item c, create a link with any text and no target.

2. Then create a single table with a single row with a single cell with background color set to red.

3. Next, write code hide the table when your mouse moves over the link and show it again when the mouse moves away.

This isn't very hard to do, I just don't seem to be getting JavaScript on my own.

You can just send me the text file and I can save it as a .htm myself.

Kemahiran: Javascript

Lihat lagi: javascript css red error message validate, yellow objects, message show mouseover table cell using javascript, alternative row css, javascript hide css link, applyalternaterows, css onmouseover show next row, your true, set project, row b, red cross, page objects, odd, numeric, ms project, mouseover, javascript validation, form css, css project, event javascript, hide firefox, onclick javascript show hide, show hide form javascript, css numeric, send firefox

Tentang Majikan:
( 1 ulasan ) scott afb, United States

ID Projek: #290156

Dianugerahkan kepada:


Looking forward to working with you.

$50 USD dalam 0 hari
(9 Ulasan)

2 pekerja bebas membida secara purata $50 untuk pekerjaan ini


Please see pmb for demo link.

$50 USD dalam 0 hari
(56 Ulasan)