Page 1 of 1

input: hover[SOLVE]

Posted: Fri Aug 03, 2012 1:33 am
by jayson.ph
Hi all,

since i was get hard to understand ajax, i trying this like an ajax and jquery work..but my problem now is to hover entire rows-> see code below.

Code: Select all

<tr>
	<td><input type = "text" name = "branch" value = "<?php echo $rows['tbl_brnch_name']; ?>" style = "border:none; width:80px; height:15px;font-family:Tahoma, Geneva, sans-serif;font-size:11px;"/></td>
	<td><input type = "text" name = "branch" value = "<?php echo $rows['cat_name']; ?>" style = "border:none; width:80px; height:15px;font-family:Tahoma, Geneva, sans-serif;font-size:11px;"/></td>
	<td><input type = "text" name = "branch" value = "<?php echo $rows['product_name']; ?>" style = "border:none; width:80px; height:15px;font-family:Tahoma, Geneva, sans-serif;font-size:11px;"/></td>
	<td><input type = "text" name = "branch" value = "<?php echo $rows['product_desc']; ?>" style = "border:none; width:80px; height:15px;font-family:Tahoma, Geneva, sans-serif;font-size:11px;"/></td>
	<td style = "text-align:center;"><input type = "text" name = "branch" value = "<?php echo $rows['rec_on']; ?>" style = "border:none; width:30px; height:15px;font-family:Tahoma, Geneva, sans-serif;font-size:11px;"></td>
	<td style = "text-align:center;"><input type = "text" name = "branch" value = "<?php echo $rows['return_on']; ?>" style = "border:none; width:30px; height:15px;font-family:Tahoma, Geneva, sans-serif;font-size:11px;"></td>
	<td style = "text-align:center;"><input type = "text" name = "branch" value = "<?php echo $rows['sold']; ?>" style = "border:none; width:30px; height:15px;font-family:Tahoma, Geneva, sans-serif;font-size:11px;"></td>
	<td style = "text-align:center;"><input type = "text" name = "branch" value = "<?php echo $rows['balancs']; ?>" style = "border:none; width:30px; height:15px;font-family:Tahoma, Geneva, sans-serif;font-size:11px;"></td>
	<td style = "text-align:center;"><input type = "text" name = "branch" value = "<?php echo $rows['re_qty']; ?>" style = "border:none; width:30px; height:15px;font-family:Tahoma, Geneva, sans-serif;font-size:11px;"></td>
	<td><input type = "text" name = "branch" value = "<?php echo $rows['dt_nwo']; ?>" style = "border:none; width:80px; height:15px;font-family:Tahoma, Geneva, sans-serif;font-size:11px;"></td>
	<td><input type = "text" name = "branch" value = "<?php echo $rows['commnt']; ?>" style = "border:none; width:80px; height:15px;font-family:Tahoma, Geneva, sans-serif;font-size:11px;"></td>
	<td style = "text-align:center;"><a href = "../public-functions/update_function/return_request.php?id=<?php echo $rows['id']; ?>">Update</a></td>
	</tr>


if you notice the image below the hover is on the back of input but when the arrow get in into input the hover was work but only one cell he determine not entire rows of the table, please help and any idea how it work with entire rows.

Image

Code: Select all

input:hover
{
background-color:#e1dec2;
}
tr:hover
{
background-color:#e1dec2;
}

Re: input: hover[SOLVE]

Posted: Fri Aug 03, 2012 1:59 am
by jayson.ph
Solve and now i can edit, add, save and delete for my table rows like table live edit.

Code: Select all

table tr:hover td
{
background-color: #e1dec2; color: #fb6b6b;
}
table tr:hover input
{
background-color: #e1dec2; color: #fb6b6b;
}


Image

Re: input: hover[SOLVE]

Posted: Fri Aug 03, 2012 2:01 am
by requinix
Or give the inputs a transparent background.