jas0nr
Members
-
Joined
-
Last visited
-
I am working on a small basic quick to load Web page designed to be used for reference (contact numbers, email addresses, etc). I would like to add two functions; Add button Edit button Right now, I am focusing on the edit button but if you're feeling generous please advise for both. Regarding the edit button I want there to be an edit button at the end of the cell I am changing, when clicking it it will display a text box for me to input the text I wish to replace with. It will then modify the source file with this new value, replacing what was previously there. The edit button edits the adjacent cell. So where Example displays 0110 000000 > I then edit it to 0110 000001, which stays - even after closing the page. Hopefully I explained this clearly, if not, I apologise and please ask. <!DOCTYPE html> <html> <head> <title>Homepage - Contacts</title> <link rel="icon" type="image/ico" href="images/favicon.ico"> <style> body { color: #003366; } a:link { color:#3366CC; text-decoration:none; } .navi { font-size: 130%; } .navi a:visited { color: #3366CC; text-decoration:none; } .navi a:hover { text-decoration: underline; } </style> </head> <body> <table class="navi" width="100%" align="center"> <tr> <td><a href="index.html" title="Return to homepage."><img src="images\logo.png" /></a></td> <td width="14%"><a href="contacts.html">Contacts</a></td> <td width="14%"><a href="resources.html">Resources</a></td> <td width="14%"><a href="links.html">Links</a></td> <td width="14%"><a href="credentials.html">Credentials</a></td> <td width="14%"><a href="info.html">Info</a></td> </tr> </table> <table align="center" cellpadding="6" width="100%"> <tr style="font-weight:bold;font-size:110%"> <td>Contact Name</td><td>Number</td> <td>Contact Name</td><td>Address</td> </tr> <tr> <td>Example</td><td>0110 000000</td> <td>EDIT BUTTON HERE</td> <td>Example 2</td><td>0110 00000</td> <td>EDIT BUTTON HERE</td> </tr> </table> </body> </html>
-