jquery - Else clause is running always if I remove (else code) everything working fine -

-

if remove else part of code working fine if statement correct executing else part also.

why happening , how can resolve this?

please me, new in javascript.

<!doctype html> <html>     <head>         <title>priject 2</title>     </head>     <body>         <label>name:             <input type="text" id="name">         </label>         <input type="submit" id="fetch">         <br />         <dl>          <dt>age</dt>         <dd class="age">-</dd>          <dt>location</dt>         <dd class="location">-</dd>          <dt>job</dt>         <dd class="job  ">-</dd>          <script src="jquery-1.11.1.js"></script>         <script></script>         </dl>          <script src="jquery-1.11.1.js"></script>         <script>              var people=[{                 name:"alex",                 age:20,                 location:"canada",                 job:"web developer"             },             {                 name:"aliana",                 age:21,                 location:"japan",                 job:"teacher"                     }             ]             for(i=0;i<people.length;i++){               result(people[i])               }              function result(data){                 $("#fetch").on("click",function(){                      var name=$("#name").val();                      if(data.name ===name ){                         $(".age").text(" ");                         $(".job").text(" ");                         $(".location").text(" ");                         $(".age").append(data.age);                         $(".job").append(data.job);                         $(".location").append(data.location);                         }                      else if(data.name != name) {                         $("body").text(" ")                         noresult();                         }                  })               }             function noresult(){              var noresult="<div><p>name not in database </p></div>";                 $("body").append(noresult);             }                  </script>     </body> </html>

pretty bad in code. refactored it.

in code, did :

a = [1,2,3,4]

input = 1

loop every item in array

  • input = 1 ? yes => fetch , append text

  • input = 2 ? no => remove text show error

  • input = 3 ? no => remove text show error

  • input = 4 ? no => remove text show error

at end got error submitted name one.

every time click on button "function" $("#fetch").on("click",function(){ called. can want in it.

note : use .html() replace content, not .text("") , .append(x).

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <!doctype html>  <html>      <head>          <title>priject 2</title>      </head>      <body>          <label>name:              <input type="text" id="name">          </label>          <input type="submit" id="fetch">          <br />                  <div id="result">  			<dl>  			  <dt>age</dt>  			  <dd class="age">-</dd>    			  <dt>location</dt>  			  <dd class="location">-</dd>    			  <dt>job</dt>  			  <dd class="job">-</dd>  			</dl>                 </div>                      <div id="noresult">            <p>name not in database </p>          </div>            <script>                var people=[{                  name:"alex",                  age:20,                  location:"canada",                  job:"web developer"              },              {                  name:"aliana",                  age:21,                  location:"japan",                  job:"teacher"                      }              ]                        $("#noresult").hide();                            $("#fetch").on("click",function(){              var name=$("#name").val();              // loop through each person in array , "filter" matching name new array.              var foundpeople = people.filter(function(person){                return name === person.name;              });              // name found => length = 1, not found => length = 0              if(foundpeople.length !== 0){                result(foundpeople[0])              } else {                noresult()              }            })                            function result(people){                $(".age").text(people.age);                $(".job").text(people.job);                $(".location").text(people.location);                $("#result").show();                $("#noresult").hide();              }                function noresult(){                  $("#result").hide();                  $("#noresult").show();              }             </script>      </body>  </html>


Comments

Post a Comment

Popular posts from this blog

Fail to load namespace Spring Security http://www.springframework.org/security/tags -

-
i have problem namespace of spring security on xhtml page. don't understand why can't load uri, , have following issue: whitelabel error page application has no explicit mapping /error, seeing fallback. tue jul 21 16:58:12 utc 2015 there unexpected error (type=not found, status=404). please need help! possible uri has been changed? best regards you using incorrect namespace url. correct url http://www.springframework.org/schema/security the error page seeing spring source website since not recognize url. try visiting http://www.springsource.org/security/tags in browser update : spring security tags used in jsp page correct tag lib declaration is: <%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
Read more

sql - MySQL query optimization using coalesce -

-
can explain me why second query faster first? (first 1 takes around 40 seconds, second 1 less 0.1) select releases.feature_code, releases.platform_id, version, release_date, general_available, uri, filesize, display_name, feature_name.full_name, if ((select exists(select 1 release_exceptions releases.feature_code = release_exceptions.feature_code , releases.platform_id = release_exceptions.platform_id , releases.version = release_exceptions.version) = 1), 1, 0) release_exceptions releases left outer join platform using(platform_id) left outer join feature_name using(feature_code) order version desc; ~~~ query 2 ------------------ ~~~ select feature_code, version, release_date, general_available, platform_id, uri, filesize, display_name, feature_name.full_name, coalesce(release_exceptions, 0) release_exceptions mus.releases left outer join ( select distinct feature_code, version, platform_id, 1 release_exceptions mus.release_exceptions ) release_exceptions using ...
Read more

unity3d - Unity local avoidance in user created world -

-
i'm using unity3d networked multiplayer online game have large complex 3d terrain scene forest, trees, cliff, hills, mountains, bounders, etc. players can build structures sort of minecraft, , put them anywhere in scene, or move them around anytime. aside human controlled players, there automated ai players , objects animals roaming around scene following path. the problem how make these automated ai players , animals, able navigate around static , dynamic player created structures, because path follow can blocked player created structures, or other players , other ai objects, cliffs etc. have find away around them or on track if tumble down off high cliff example. so made navmesh , used navagents, takes care of static, non moving objects, how make ai players navigate around each other , dynamic structures created players can number in hundreds? i thought of adding navmeshobstacle everything, result in being attached hundreds of objects since user created structures b...
Read more