Sto provando a creare tabella modificabile lato client. Ecco il mio codice. Funziona in Chrome, Firefox ma non in IE. C'è qualcosa di più da fare con lo script per IE?contenteditable non funziona in IE 10
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("td").click(function(){
if($(this).attr("contentEditable") == true){
$(this).attr("contentEditable","false");
} else {
$(this).attr("contentEditable","true");
}
})
});
</script>
<p>
<table id='transitTable' border="1" cellspacing="2" cellpadding="2" class='display' width="400">
<tr id='1'>
<td >H1</td>
<td >H2</td>
<td >H3</td>
<td >H4</td></tr>
<tr id='2'>
<td >R1</td>
<td >R1</td>
<td >R1</td>
<td >R1</td></tr>
<tr id='3'>
<td >R2</td>
<td >R2</td>
<td >R2</td>
<td>R2</td></tr></table></p>
grazie Teemu. Ha funzionato. :) –
@Teemu: hie. Cosa succede se voglio rendere l'inputbox non modificabile? contenteditable = "false" non funziona in IE9. Funziona bene con il cromo. – Dharmraj
@Dharmraj Puoi usare ad esempio 'readonly =" true "'. – Teemu