jquery - Add, edit and delete function to my javascript -


i'm looking add edit , delete functionality following javascript , i'm not sure start.

this functions fine input add needs editable , deletable. javascript way go here?

html

<table width="600px" class="setpoint-form-table">         <tr>             <td colspan="5">                 <p style="font-size:16px; float:left;">first name / last name table post , edit</p>              </td>         </tr>         <tr>             <td colspan="5" height="20px"></td>         </tr>         <tr>              <input type="text" id="rowplaceholder2" style="visibility:hidden;" />             <td width="100px" style="font-size:14px">first name</td>             <td><input type="text" id="fname" class="setpoint-textbox" /></td>             <td width="100px" style="font-size:14px;">last name</td>             <td><input type="text" id="lname" class="setpoint-textbox" /></td>             <td><button type="button" id="edit">edit</button></td>           </tr>         <tr>             <td colspan="5" height="20px"></td>         </tr>         <tr>             <td colspan="5"><button type="button" onclick="hvacstandards()">submit</button></td>         </tr>         <tr>             <td colspan="5">                 <br />                 <br />                   <table width="600px" id="testingwithedit">                     <tr>                         <td style="background-color:#fff; color:#00468c; border-bottom:1px solid #000; border-right:1px solid #000;">first name</td>                         <td style="background-color:#fff; color:#00468c; border-bottom:1px solid #000;">last name</td>                     </tr>                 </table>               </td>         </tr>     </table>




javascript

function hvacstandards() {   var rowid = document.getelementbyid("rowplaceholder2").value;   var firstname = document.getelementbyid("fname").value;   var lastname = document.getelementbyid("lname").value;   var shtml = "<tr>" +             "<td id=\"firstname" + rowid + "\">" + firstname + "</td>" +             "<td id=\"lastname" + rowid + "\">" + lastname + "</td>" +             "</tr>";   $("#testingwithedit").append(shtml);   rowid++;   document.getelementbyid("rowplaceholder2").value = rowid;   document.getelementbyid("fname").value = "";   document.getelementbyid("lname").value = ""; }

here's 1 of many ways this:

in fiddle, added column shtml containing edit , delete buttons call editrow() , deleterow() respectively, both passing parameter of rowid.

defined 2 new global variables, newrow , currentrow. modified hvacstandards use newrow rowid. additionally, modified switch saveedits if currentrow not -1, hitting submit button saves edits instead of creating new row.

then created the editrow function fills textboxes html contained within firstname+rowid , lastname+rowid, , set currentrow rowid.

the saveedits function modifies html of table rows new values inputs, clears inputs, , resets currentrow -1 hitting submit add new row next time.

finally, deleterow function removes row dom. (i added id tr in shtml row whole can identified).

let me know if makes sense , need :)


Comments

Post a Comment

Popular posts from this blog

python - How to create a legend for 3D bar in matplotlib? -

Image
given ax = plt.subplot() : ax.bar()[0] can passed plt.legend() . however, ax.bar3d() returns none . how create legend displayed bars? update: passing legend="stuff" ax.bar3d() , calling ax.legend() raises /usr/lib/python2.6/site-packages/matplotlib/axes.py:4368: userwarning: no labeled objects found. use label='...' kwarg on individual plots. warnings.warn("no labeled objects found. " you need use proxy artist legends not supported. this code: from mpl_toolkits.mplot3d import axes3d import matplotlib.pyplot plt import numpy np fig = plt.figure() ax = fig.add_subplot(111, projection='3d') x, y = np.random.rand(2, 100) * 4 hist, xedges, yedges = np.histogram2d(x, y, bins=4) elements = (len(xedges) - 1) * (len(yedges) - 1) xpos, ypos = np.meshgrid(xedges[:-1]+0.25, yedges[:-1]+0.25) xpos = xpos.flatten() ypos = ypos.flatten() zpos = np.zeros(elements) dx = 0.5 * np.ones_like(zpos) dy = dx.copy() dz = hist.flatten() ax...
Read more

java - Multi-Label Document Classification -

i have database in store data based upon following 3 fields: id, text, {labels}. note each text has been assigned more 1 label \ tag \ class. want build model (weka \ rapidminer \ mahout) able recommend \ classify bunch of labels \ tags \ classes given text. i have heard svm , naive bayes classifier, not sure whether support multi-label classification or not. guides me right direction more welcome! the basic multilabel classification method one-vs.-the-rest (ovr), called binary relevance (br). basic idea take off-the-shelf binary classifier, such naive bayes or svm, create k instances of solve k independent classification problems. in python-like pseudocode: for each class k: learner = svm(settings) # example labels = [class_of(x) == k x in samples] learner.learn(samples, labels) then @ prediction time, run each of binary classifiers on sample , collect labels predict positive. (both training , prediction can done in parallel, since problems assumed ...
Read more

php - Dynamic url re-writing using htaccess -

how can rewrite http://mydomain.com/test/master.php?catid=2&subcatid=8 http://mydomain.com/test/master.php/catname/subcat using .htaccess file. once rewritten, how can access these parameters in master.php? note: untested, let me know if doesn't work. rewriterule ^master.php/([a-za-z0-9_-]+)/([a-za-z0-9_-]+)$ /master.php?catid$1&subcatid=$2 [l]
Read more