Links for Today’s Scripting Webinar (October 2, 2013)

5 comments

1. Hi Thomas!
   I attended your webinar yesterday and you showed a little script hiding the navigation when the search results are displayed. Could you maybe provide this script, since I’m not able to find it here in your post?
   I’d like to take a closer look at this one because it may help me solve some other issue I am adressing right now.

   Thanks in advance!

   Reply

   1. Nevermind … I’m sorry – I found it in your toolbar-js-examples project.
      Thanks

      Reply

      1. I hope it helps. If it doesn’t, let me know and maybe we can think of something else.

         Reply

2. I implemented the script and it works like a charm, but since you also can start a search by pressing ENTER. I tried to cover this by adapting your script a little bit. But somehow I’m stuck here.

   $(“#search-field”).keydown(function(e) {
   if(e.keyCode === 13) { $(“#show-hide-navigation”).trigger(“click”);}
   });

   This is the only way I could get it to work – and it works basically but it lacks the verification if the class “nav-closed” is already there, which of course results in hiding and showing the navigation everytime I press ENTER in the search field.
   Is there any way to implement your if statement if ($(“#navigation”).attr(“class”) != “nav-closed”) within this script? I couldn’t get this to work with both if statements…

   Maybe I’m missing the point here – but it has been a long day, so I apologize for any “stupid” question you might receive from over here 😉

   Reply

   1. This works:
      window.onload = function () {
      $(\"#search-field\").keyup(function (e) {
      if ($(\"#navigation\").attr(\"class\") != \"nav-closed\") {
      if (e.keyCode === 13) { $(\"#show-hide-navigation\").trigger(\"click\"); }
      }
      });
      }

      Reply