javascript - Hide input box once click to other element or mouseup but retain once focus -


how hide input box once mouseup or click other element , retain once focus? current code below, mouseup working thing once focus on showed input boxes, they're being hidden immediately. see demonstration below , click edit button. input boxes show, disappear once focused.

$(".edit").click(function () {        var $span = $(this);      $(this).closest('tr').find('.textdisplay').hide();      $(this).closest('tr').find('.editbox').css("display", "inline");        var id = $(this).attr('id');      var removeidedit = id.replace('edit_', '');      $(this).hide();      $("#save_" + removeidedit).css("display", "inline");    });    $(".save").click(function () {        var $span = $(this);      $(this).closest('tr').find('.textdisplay').css("display", "inline");        $(this).closest('tr').find('.editbox').hide();        var id = $(this).attr("id");      var removeidsave = id.replace('save_', '');      $(this).hide()      $("#edit_" + removeidsave).css("display", "inline");    });    $(document).mouseup(function () {      $(".editbox").hide();      $(".textdisplay").show();      $(".edit").css("display", "inline");      $(".save").css("display", "none")  });
.save {      display: none;  }  table {      width: 400px;  }  }  table td {      border: 1px solid;  }  .trash {      font-size: 14px;      padding-left: 5px;  }  .save, .edit {      padding-left: 5px;      position: absolute;      font-size: 14px;  }  .editbox {      font-size:14px;      display: none;  }  .textdisplay {      font-size: 14px;      float: left;      font-weight: normal;      word-wrap:break-word;      white-space: normal;  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>  <table>      <tr>          <td> <span class="textdisplay"> data 1a </span>              <input type="text" class="editbox" value="data 1a" />          </td>          <td> <span class="textdisplay"> data 1b </span>              <input type="text" class="editbox" value="data 1b" />          </td>          <td>              <a href="#" id="282" class="trash">delete</a>              <a href="#" id="edit_282" class="edit">edit</a>               <a href="#" id="save_282" class="save">save</a>          </td>      </tr>      <tr>          <td>              <span class="textdisplay"> data 2a </span>              <input type="text" class="editbox" value="data 2a" />          </td>          <td>              <span class="textdisplay"> data 2b </span>              <input type="text" class="editbox" value="data 2b" />          </td>          <td>              <a href="#" id="283" class="trash">delete</a>              <a href="#" id="edit_283" class="edit">edit</a>               <a href="#" id="save_283" class="save">save</a>          </td>      </tr>  </table>

js fiddle

so change mouseup following code:

$(document).mouseup(function(e){     if ($(e.target).hasclass('editbox')) return false;     $(".editbox").hide();     $(".textdisplay").show();     $(".edit").css("display","inline");     $(".save").css("display","none") });

as in fiddle:

https://jsfiddle.net/l6v2880z/7/

edit: sorry $(this) wrong context used before...


Comments

Post a Comment

Popular posts from this blog

cakephp - simple blog with croogo -

i not problem, made simple blog in croogo, problem is not adding or modifying or delete, because arabic language ?? function add in controller `public function admin_add() { $this->set('title_for_layout', __('add part')); if (!empty($this->request->data)) { $this->part->create(); if ($this->part->save($this->request->data)) { $this->session->setflash(__('the part has been saved'), 'default', array('class' => 'success')); $this->redirect(array('action' => 'index'));//, $this->part->id)); } else { $this->session->setflash(__('the part not saved. please, try again.'), 'default', array('class' => 'error')); } } }` => model `class part extends appmodel { public $name = 'part'; var $belongst...
Read more

How to group boxplot outliers in gnuplot -

i have large set of data points. try plot them boxplot, of outliers exact same value , represented on line beside each other. found how set horizontal distance between outliers in gnuplot boxplot , doesn't much, apparently not possible. is possible group outliers together, print 1 point , print number in brackets beside indicate how many points there are? think make more readable in graph. for information, have 3 boxplots 1 x value , times 6 in 1 graph. using gnuplot 5 , played around pointsize, doesn't reduce distance anymore. hope can help! edit: set terminal pdf set output 'dat.pdf' file0 = 'dat1.dat' file1 = 'dat2.dat' file2 = 'dat3.dat' set pointsize 0.2 set notitle set xlabel 'x' set ylabel 'y' header = system('head -1 '.file0); n = words(header) set xtics ('' 1) set [i=1:n] xtics add (word(header, i) i) set style data boxplot plot file0 using (1-0.25):1:(0.2) boxplot lw 2 lc rgb '#8b0000...
Read more

bash - Performing variable substitution in a string -

i have string contains use of variable, , i'd substitute variable's value string. right best have is #!/bin/bash foo='$name; echo bar' name="the name" expanded="$(eval echo "$foo")" echo "$expanded" which has obvious defects: prints the name bar while i'd print the name; echo bar instead of eval can bash's regex matching bash's string replacement: foo='$name; echo bar' name="the name" [[ "$foo" =~ \$([[:alnum:]]+) ]] && s="${!bash_rematch[1]}" && expanded="${foo/\$${bash_rematch[1]}/$s}" echo "$expanded" name; echo bar
Read more