la cuestion es que estoy haciendo una tabla para que cuando pase el mouse por en sima de x celda se coloree y al clickear en x celda se coloree de otro color
investigando encontre en este mismo foro el siguiente codigo:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>resaltar filas</title>
<style type="text/css" media="all">
/*<![CDATA[*/
table{
width: 90%; margin: auto; border-collapse: collapse;
}
td{
border: 1px solid black; cursor:pointer;text-align:center
}
tr.normal td {
background: cyan; /* color fondo de la tabla*/
}
tr.normal:hover td{
background: lime; /* Color al pasar el mouse por las filas */
}
tr.clickeada td {
background: red; /* color al clickear en una fila */
}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
// Resaltado de filas y selecci IE7+, FF, Chrome, Opera y Safari
var r;
function marcarFilas(){
r = document.getElementsByTagName('TR');
for(var i=0;i<r.length;i++)
r[i].className = 'normal';
}
function seleccionarFilas(laFila){
var c = laFila.className;
var b = laFila.className;
laFila.className = b=='normal'||c=='normal'? 'clickeada' : c=='clickeada'? 'normal' : '';
}
onload= function() {
marcarFilas();
for(var i=0;i<r.length;i++) {
r[i].onclick = function(){ seleccionarFilas(this); }
}
}
//]]>
</script>
</head>
<body>
<table>
<tr>
<td>contenido</td>
<td>contenido</td>
<td>contenido</td>
</tr>
<tr>
<td>contenido</td>
<td>contenido</td>
<td>contenido</td>
</tr>
<tr>
<td>contenido</td>
<td>contenido</td>
<td>contenido</td>
</tr>
<tr>
<td>contenido</td>
<td>contenido</td>
<td>contenido</td>
</tr>
</table>
</body>
</html>
me podrian explicar que funcion hace el ? en la linea :
laFila.className = b=='normal'||c=='normal'? 'clickeada' : c=='clickeada'? 'normal' : '';
y tambien no entieno muy bien la parte de :
var c = laFila.className;
var b = laFila.className;
mejor dicho ayudeneme con la explicacion de la funcion :
function seleccionarFilas(laFila){
var c = laFila.className;
var b = laFila.className;
laFila.className = b=='normal'||c=='normal'? 'clickeada' : c=='clickeada'? 'normal' : '';
}
que sea algo claro please estoy entrando en el mundo de javascaript .. y soy un poco Nobato
