Hello,
I'm not sure if anyone can help me with this issue, but I'll put it
out there and see.  I have a page that displays a company's
information along with a list of the contacts for that company.  There
could be anywhere from 0 to infinity number of contacts, and each one
has an 'Edit' button to allow the user to edit that contacts
information.  When the user clicks the edit button, a box with a form
pops up (jQuery Impromptu) with the information.

The issue that I am having is that when the user goes on to click
another contacts edit button, the popup will double each time.  For
example, if the user has already click 1 time, and clicks a second
time, there will be 2 forms.  On the 3rd click there will be 4 forms,
and so on.

Here is a snippet of my code:
HTML:
<tr>
  <td><input type="checkbox"></td>
  <td>Lucas Hibbard</td>
  <td>BLAH</td>
  <td><a href="#">BLAH</a></td>
  <td>123</td>
  <td>
    <a class="edit" id="cContactEdit" rel="1" href="">edit</a>
    <a class="delete" id="cContactDelete" rel="1" href="">delete</a>
  </td>
</tr>
<tr>
  <td><input type="checkbox"></td>
  <td>Ed Orsini</td>
  <td>BLAH</td>
  <td><a href="#">BLAH</a></td>
  <td>123</td>
  <td>
    <a class="edit" id="cContactEdit" rel="2" href="">edit</a>
    <a class="delete" id="cContactDelete" rel="2" href="">delete</a>
  </td>
</tr>

JQuery:
  $(".edit").click(function(e) {
    e.preventDefault();
    var action = this.id;
    .
    .
    .
    if (action == 'cContactEdit') {
      var id = this.rel;
      $.get(base_url + 'index.php/ajax/edit/cContact/' + id, function
(data) {
        $.prompt(data, {
          callback: saveContactEdit,
          buttons: { Save: true, Cancel: false }
        });
      });
    }

Please help!  If you need more information, just let me know.

Thank you,
Lucas

Reply via email to