Skip to content

Instantly share code, notes, and snippets.

@matbor

matbor/index.html

Forked from anonymous/index.html
Last active August 29, 2015 14:19
Show Gist options
  • Save matbor/37cb97c3703142060b0c to your computer and use it in GitHub Desktop.
Save matbor/37cb97c3703142060b0c to your computer and use it in GitHub Desktop.
Download ZIP
Highlight a row in table on ios if selected/touched.
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }
</style>
</head>
<body>
<table border="1">
<tbody>
<tr>
<td>Lorem</td> <td>Ipsum</td> <td>Fierent</td>
</tr>
<tr>
<td style="background-color:red">Lorem ipsum</td> <td>pro ut tale erant</td> <td>mnesarchum ne</td>
</tr>
<tr>
<td >mnesarchum ne </td> <td >sapientem</td> <td >fierent mnesarchum </td>
</tr>
</tbody>
</table>
<script id="jsbin-javascript">
$("table tr").hover(
function(){
$(this).css("background-color","#FFEFC6");
},
function(){
$(this).css("background-color","");
}
);
</script>
<script id="jsbin-source-javascript" type="text/javascript">$("table tr").hover(
function(){
$(this).css("background-color","#FFEFC6");
},
function(){
$(this).css("background-color","");
}
);</script></body>
</html>
Raw
jsbin.edaqi5.js
$("table tr").hover(
function(){
$(this).css("background-color","#FFEFC6");
},
function(){
$(this).css("background-color","");
}
);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment