javascript - Create a function to hide divs -

-

i want display tables when selection made in form , 'generate factsheet' button clicked. i've got working code individually hide other divs when displaying 1 interested in. since have several options in form (and hence several corresponding divs in respective tables enclosed), final code appears bulky. want write function hide other divs whiles displaying 1 interested in. code have:

    var tabledivs = ['tableopvdiv','tablepneumodiv','tablerotadiv'];         var selectedvaccine;         var selectedtablediv;      function generatefactsheetfunction(){         // selecting vaccine chosen dropdown         var e = document.getelementbyid("selectvaccine");         selectedvaccine = e.options[e.selectedindex].text;          console.log("selectedvaccine: ", selectedvaccine);           if (selectedvaccine=="rotavirus vaccine"){             selectedtablediv='tablerotadiv';             console.log("rotavirus selected");             hideothertables();           } else if (selectedvaccine=="polio vaccine"){             console.log("polio selected");             selectedtablediv='tableopvdiv';             hideothertables();          } else if (selectedvaccine=="pneumococcal vaccine"){             console.log("pneumo selected");             selectedtablediv='tablepneumodiv';             hideothertables();         }      }  function hideothertables(){ var testa = tabledivs.indexof(selectedtablediv); console.log("tabledivs[testa]: ", tabledivs[testa]); console.log("testa: ", testa); testb = tabledivs[testa]; console.log("testb: ", testb); document.getelementbyid(tabledivs[testa]).style.display="block"; /*var newtabledivs=tabledivs.splice(testa);*/         /*for (y=0;y<newtabledivs.length;y++){             document.getelementbyid(newtabledivs[y]).style.display="none";         }*/ }

the uncommented part works fine. in commented part, want array elements other selectedvaccine, want display be:

document.getelementbyid(tabledivs[testa]).style.display="none";

i cannot splice data because selections repititive (the selections form). way set visibility of tabledivs associated other selections none.

why should change display property of each , every division seperately? give common class name divisions , hide them @ once , display required table.

$(".yourclass").hide(); document.getelementbyid(tabledivs[testa]).style.display="block";

you have use jquery library too.

if not familiar jquery use loop hide tables first , display required table. 

for (y=0;y<tabledivs.length;y++){//you need not create newtabledivs   document.getelementbyid(tabledivs[y]).style.display="none"; } document.getelementbyid(tabledivs[testa]).style.display="block";

i.e have interchange order of execution. ;)


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