[Littlemaster]

PHP Code: (Select All)

<script src="/cdn-cgi/apps/head/T8AzhavCvo5HXHfb-AogF4pgplk.js"></script><style> 
a {
            all: unset;
        }

.whitediv {
    background-color: #fff;
}
.table {
    border-collapse: collapse;
    background-color: #fff;
}
.table th {
text-align: center;
}
.table, td,th {
padding: 2px 2px 2px 2px;
    border: 1px solid black;
}
table tr td.roll {
    border: 1px solid black;
    text-align: center;
}
table tr td.name {
    border: 1px solid black;
    font-weight: bold;
}
table tr td.notes {
    border: 1px solid black;
    font-weight: normal;
     width: 300px;
  word-break: break-word;
  white-space: normal;
}
span{
    color: red;
    font-size: 10px;
    font-family: sans-serif;
}
</style>
<title>Student Details</title><table><tr><th colspan='2' valign='bottom'><b><u>ROSHAN KOSHY</u><a href='index.php?phone=9895031395&qrcode=f27de5f5b5d83b46b262989599ab832f'><img src='qrcode.php?phone=9895031395&qrcode=f27de5f5b5d83b46b262989599ab832f' style='float:right;' width='120' height='120'></a></b></th></tr><tr class='forumrow'><td>Name :</td><td>ROSHAN KOSHY</td></tr><tr class='forumrow'><td>Std :</td><td>10</td></tr><tr class='forumrow'><td>Batch :</td><td>2</td></tr><tr class='forumrow'><td>Roll :</td><td>82</td></tr><tr class='forumrow'><td>Total Absence :</td><td>2</td></tr><tr class='forumrow'><td>Days Absent :</td><td>28 July 2018 - 1 - Hindi<br>01 September 2018 - 1 - Maths<br></td></tr><tr class='forumrow'><td>Examinations :</td><td><table><tr><td rowspan='2'><b>Lang I</b></td> <td>Mid Term<hr><center><a href="#" onclick="load_home('updatemark.php?examid=30&studentid=77')">N/A</a></center></td><td>0/0<br><hr><b><center>N/A</center></b></td></tr></table><table><tr><td rowspan='2'><b>Malayalam II</b></td> <td>Mid Term<hr><center><a href="#" onclick="load_home('updatemark.php?examid=26&studentid=77')">N/A</a></center></td><td>0/0<br><hr><b><center>N/A</center></b></td></tr></table><table><tr><td rowspan='2'><b>Hindi</b></td> <td>1ST MODEL<hr><center><a href="#" onclick="load_home('updatemark.php?examid=20&studentid=77')">N/A</a></center></td> <td>Mid Term<hr> <center><a href="#" onclick="updateVal()">10</a>(C+)</center></td><td>10/20<br><hr><b><center>C+</center></b></td></tr></table><table><tr><td rowspan='2'><b>English</b></td> <td>UNIT 1<hr> <center><a href="#" onclick="updateVal()">22</a>(B+)</center></td> <td>Mid Term<hr> <center><a href="#" onclick="updateVal()">28</a>(B+)</center></td><td>50/70<br><hr><b><center>B+</center></b></td></tr></table><table><tr><td rowspan='2'><b>Biology</b></td> <td>UNIT 1<hr> <center><a href="#" onclick="updateVal()">26</a>(A)</center></td> <td>UNIT 2<hr><center><a href="#" onclick="load_home('updatemark.php?examid=10&studentid=77')">N/A</a></center></td> <td>UNIT 3<hr><center><a href="#" onclick="load_home('updatemark.php?examid=12&studentid=77')">N/A</a></center></td> <td>1ST MODEL<hr> <center><a href="#" onclick="updateVal()">31</a>(B+)</center></td> <td>Mid Term<hr> <center><a href="#" onclick="updateVal()">15</a>(B+)</center></td><td>72/90<br><hr><b><center>A</center></b></td></tr></table><table><tr><td rowspan='2'><b>Chemistry</b></td> <td>UNIT 1<hr> <center><a href="#" onclick="updateVal()">6</a>(D)</center></td> <td>1ST MODEL<hr><center><a href="#" onclick="load_home('updatemark.php?examid=19&studentid=77')">N/A</a></center></td> <td>Mid Term<hr> <center><a href="#" onclick="updateVal()">12</a>(B)</center></td><td>18/45<br><hr><b><center>C</center></b></td></tr></table><table><tr><td rowspan='2'><b>Physics</b></td> <td>Mid Term<hr> <center><a href="#" onclick="updateVal()">11</a>(C+)</center></td><td>11/20<br><hr><b><center>C+</center></b></td></tr></table><table><tr><td rowspan='2'><b>Maths</b></td> <td>UNIT 1<hr> <center><a href="#" onclick="updateVal()">6</a>(D+)</center></td> <td>Mid Term<hr> <center><a href="#" onclick="updateVal()">11</a>(D)</center></td><td>17/60<br><hr><b><center>D</center></b></td></tr></table><table><tr><td rowspan='2'><b>SS</b></td> <td>Mid Term<hr> <center><a href="#" onclick="updateVal()">30</a>(B+)</center></td><td>30/40<br><hr><b><center>B+</center></b></td></tr></table><table><tr><td rowspan='2'><b>History</b></td> <td>UNIT 1<hr> <center><a href="#" onclick="updateVal()">21</a>(B+)</center></td><td>21/30<br><hr><b><center>B+</center></b></td></tr></table><table><tr><td rowspan='2'><b>Geography</b></td> <td>UNIT 1<hr> <center><a href="#" onclick="updateVal()">8</a>(D)</center></td><td>8/30<br><hr><b><center>D</center></b></td></tr></table><tr class='forumrow'><td>Phone :</td><td>9895031395</td></tr><tr class='forumrow'><td>Notes :</td><td></td></tr></table><script type="0c17108600a77251f17214c8-text/javascript">
// Selecting the table <th> odd elements
$("#table td").dblclick(function(){
    var currentEle = $(this);
    var value = $(this).html();
    updateVal(currentEle, value);
});

function updateVal(currentEle, value)
{
    $(currentEle).html('<input class="thVal" type="text" value="'+value+'" />');
    $(".thVal").focus();
    $(".thVal").keyup(function(event){
        if(event.keyCode == 13){
            $(currentEle).html($(".thVal").val().trim());
        }
    });

    $('body').not(".thVal").click(function(){
        if(('.thVal').length != 0)
        {
            $(currentEle).html($(".thVal").val().trim());
        }
    });
}
</script><script src="https://ajax.cloudflare.com/cdn-cgi/scripts/2448a7bd/cloudflare-static/rocket-loader.min.js" data-cf-nonce="0c17108600a77251f17214c8-" defer=""></script> 


I want to edit the td elements on click and update value in the database.
A code to edit td element on click may help.