Hola,
Estoy trabajando en un proyecto en php + jquery y ajax, tiene una tabla con sus respectivas filas, lo que quiero hacer es marcar las filas cuando la información ya no sea útil; lo que he estado intentando es meter un código que cambia de imagen cuando se le da click, si hace el cambio de imagen, pero al actualizar la página regresa a la imagen inicial y yo lo que necesito es que cambie permanentemente y al actualizar la página no se regrese a la imagen anterior. Este es el código:
<head>
<style type="text/css">
.borde-on {
z-index:50;
background-image:url(imag/nexusencendido1.png);
width:100px;
height:100px;
background-repeat: no-repeat;
}
.borde-off {
z-index:50;
background-image:url(imag/nexus.png);
width:100px;
height:100px;
background-repeat: no-repeat;
}
#bootanimation {
width:170px;
height:250px;
margin-top:69px;
margin-left: 0px;
display:none;
}
</style>
<script type="text/javascript">
function encender() {
var menu = document.getElementById('borde');
if(menu.className == 'borde-off'){
menu.className = 'borde-on';
}
else{
menu.className = 'borde-off';
}
}
</script>
</head>
<body>
<table><tr><td>
<button onclick="encender();">Marcar Usada</button>
<center><div id="borde" class="borde-off">
<center><img id="bootanimation" src="android/system/media/bootanimation.gif" /></center>
</td></tr></table>
</body>
La otra forma que estaba usando es:
<td>
<button type="submit"><img src="gestion/vistas/checked/imag/nexus.png"
onmouseover="this.src = 'gestion/vistas/checked/imag/nexus.png'"
onmouseout="this.src = 'gestion/vistas/checked/imag/nexusencendido.png'"/>
</button>
<input type="checkbox" name="my-checkbox">
</td>
Pero de la misma manera solo cambia al pasar el mouse por la imagen y no regresa hasta que se actualiza la página.
Alguien me puede ayudar con esto???