javascript - Button first action on click and second action on click -


the animated search box expanding @ click on button input. after entering text , second click on icon should send form method get.

i not know doing wrong , happy if can help.

<form action="navi.php" method="get">     <div class="search-wrapper">         <div class="input-holder">             <input type="text" class="search-input" placeholder="type search" />             <button class="search-icon" onclick="searchtoggle(this, event);"><span></span></button>         </div>     </div> </form>

the javascript function

function searchtoggle(obj, evt){     var container = $(obj).closest('.search-wrapper');      if(!container.hasclass('active')){           container.addclass('active');           evt.preventdefault();     }     else if(container.hasclass('active')){           container.removeclass('active');           // clear input           container.find('.search-input').val('');           // clear , hide result container when press close           container.find('.result-container').fadeout(100, function(){$(this).empty();});     } }

try using this

function searchtoggle(obj){      var container = $(obj).find('.search-wrapper');        if(!container.hasclass('active')){            container.addclass('active');            return false;      }      else if(container.hasclass('active')){            container.removeclass('active');            // clear input            container.find('.search-input').val('');            // clear , hide result container when press close            container.find('.result-container').fadeout(100, function(){$(this).empty();});        return true;      }  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>  <form action="navi.php" method="get" onsubmit="return searchtoggle(this);">      <div class="search-wrapper">          <div class="input-holder">              <input type="text" class="search-input" placeholder="type search" />              <button class="search-icon" type="submit"><span></span>submit</button>          </div>      </div>  </form>


-

Popular posts from this blog

Apache NiFi ExecuteScript: Groovy script to replace Json values via a mapping file -

i working apache nifi 0.5.1 on groovy script replace incoming json values ones contained in mapping file. mapping file looks (it simple .txt): header1;header2;header3 a;some text;a2 i have started following: import groovy.json.jsonbuilder import groovy.json.jsonslurper import java.nio.charset.standardcharsets def flowfile = session.get(); if (flowfile == null) { return; } flowfile = session.write(flowfile, { inputstream, outputstream -> def content = """ { "field1": "a" "field2": "a", "field3": "a" }""" def slurped = new jsonslurper().parsetext(content) def builder = new jsonbuilder(slurped) builder.content.field1 = "a" builder.content.field2 = "some text" builder.content.field3 = "a2" outputstream.write(builder.toprettystring().ge...
Read more

node.js - How do I prevent MongoDB replica set from querying the primary? -

read-operations-only: is there way have mongodb replica set, make mongodb instance on box connected to, mongodb gets queried? i have 3 ec2 instances behind aws load balancer. on each ec2 instance runs mongodb, part of replica set. i have express endpoints on nodejs , connect replica set follows mongodb.mongoclient.connect('mongodb://1.1.1.1,2.2.2.2,3.3.3.3.', function (err, db) { if (err) { complete('{}'); } else { i distribute load of queries evenly across 3 instances of mongodb replica set instead of default having queries routed ec2 instance primary mongodb defined, because destroys point of load balancer (which balance load of queries across 3 instances evenly). my understanding when connecting mongodb replica set, primary instance selected unless primary instance down, , therefore purpose of every secondary instance serve backup. in example people call hot,cold,cold. because there 2...
Read more