Redirecting pages based off URL parameter?RSS

• • Reply
  jeffcarter

  Member

  84 Points

  1516 Posts

  Redirecting pages based off URL parameter?

  Jan 18, 2017 05:14 PM|jeffcarter|LINK

  I have a webpage and whoever gets on that page, I want to redirect them to different location.

  So,

  IF current link in address bar is www.site.com/mypage?a=paramApple
  then redirect to www.google.com
  
  IF current link in address bar is www.site.com/mypage?a=paramMango
  then redirect to www.yahoo.com
  
  else
  
  redirect to www.bing.com

  How to do this?

• • Reply
  raju dasa

  All-Star

  15176 Points

  3888 Posts

  Re: Redirecting pages based off URL parameter?

  Jan 18, 2017 05:38 PM|raju dasa|LINK

  Hi,

  Try adding this JS code in your webpage:

  window.onload=function(){
   var keys = (window.location.search || "").split("=");
   var url = "//www.bing.com";
   if(keys.length>1){
      if(keys[1].indexOf("paramApple")>-1)
  		url="//www.google.com";
  	else if(keys[1].indexOf("paramMango")>-1)
  		url="//www.yahoo.com";
  	}
  	window.location=url;
  };

  //code not tested.

  Happy Coding ! Mark as Answer if it helps.
  rajudasa.blogspot.com  ||  rajudasa-tech
• • Reply
  jeffcarter

  Member

  84 Points

  1516 Posts

  Re: Redirecting pages based off URL parameter?

  Jan 18, 2017 06:51 PM|jeffcarter|LINK

  Thank you @raju

  So, I am trying to add a counter / timer also so that user will be navigated in 5 seconds and countdown will be displayed on the page so that user know about the redirection.

  This is my code, how can I add countdown to this redirection code?

  <script>
      function startTimer(duration, display) {
          var timer = duration, minutes, seconds;
          var end =setInterval(function () {
              minutes = parseInt(timer / 60, 10)
              seconds = parseInt(timer % 60, 10);
  
              minutes = minutes < 10 ? "0" + minutes : minutes;
              seconds = seconds < 10 ? "0" + seconds : seconds;
  
              display.textContent = minutes + ":" + seconds;
  
              if (--timer < 0) {
                  window.location = "http://www.mywebsite.com/";
                  clearInterval(end);
              }
          }, 1000);
      }
  
      window.onload = function () {
          var fiveMinutes = 5,
              display = document.querySelector('#time');
          startTimer(fiveMinutes, display);
      };
  </script>
  
  
  
  <script language="javascript">
  window.onload=function(){
   var keys = (window.location.search || "").split("=");
   var url = "//www.bing.com";
   if(keys.length>1){
      if(keys[1].indexOf("paramApple")>-1)
  		url="//www.google.com";
  	else if(keys[1].indexOf("paramMango")>-1)
  		url="//www.yahoo.com";
  	}
  	window.location=url;
  };
  </script>
  
  <div><h3>You will be redirected in <span id="time">00:05</span></h3>

• • Reply
  Zhi Lv - MSF...

  All-Star

  45479 Points

  7008 Posts

  Microsoft

  Re: Redirecting pages based off URL parameter?

  Jan 19, 2017 06:07 AM|Zhi Lv - MSFT|LINK

  Hi

  jeffcarter

  how can I add countdown to this redirection code?

  You could modify your code as below:

      <script type="text/javascript">
          function startTimer(duration, display) {
              var timer = duration, minutes, seconds;
              var end = setInterval(function () {
                  minutes = parseInt(timer / 60, 10)
                  seconds = parseInt(timer % 60, 10);
  
                  minutes = minutes < 10 ? "0" + minutes : minutes;
                  seconds = seconds < 10 ? "0" + seconds : seconds;
  
                  display.textContent = minutes + ":" + seconds;
  
                  if (--timer < 0) {
  
                      var keys = (window.location.search || "").split("=");
  
                      // http://localhost:22620/WebForm29.aspx?a=paramMango
                      var url = "//www.bing.com";
                      if (keys.length > 1) {
                          if (keys[1].indexOf("paramApple") > -1)
                              url = "//www.google.com";
                          else if (keys[1].indexOf("paramMango") > -1)
                              url = "//www.yahoo.com";
                      }
                      window.location = url;
                      clearInterval(end);
                  }
              }, 1000);
          }
  
          window.onload = function () {
              var fiveMinutes = 5,
                  display = document.querySelector('#time');
              startTimer(fiveMinutes, display);
          };
      </script>
  
              <div>
                  <h3>You will be redirected in <span id="time">00:05</span></h3>
              </div>

  Best regards,
  Dillion

  MSDN Community Support
  Please remember to click "Mark as Answer" the responses that resolved your issue.
  If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
  
• • Reply
  jeffcarter

  Member

  84 Points

  1516 Posts

  Re: Redirecting pages based off URL parameter?

  Jan 19, 2017 07:36 PM|jeffcarter|LINK

  Hi Dillion,

  Thank you so much for the update. That's exactly what I was looking for.

  One more small request. I would like to keep everything same but just add a button that says "Click to continue" .

  The button basically will speed up the process and users who do not want to wait for the countdown will be able to skip the process and continue with the destination page.

  "Continue" button will still take the user to the destination location as per the URL parameter.

  Please help with the code?

• • Reply
  raju dasa

  All-Star

  15176 Points

  3888 Posts

  Re: Redirecting pages based off URL parameter?

  Jan 20, 2017 06:24 AM|raju dasa|LINK

  Hi,

  jeffcarter

  One more small request. I would like to keep everything same but just add a button that says "Click to continue" .

  Try this code:

    <script type="text/javascript">
          function startTimer(duration, display) {
              var timer = duration, minutes, seconds;
              var end = setInterval(function () {
                  minutes = parseInt(timer / 60, 10)
                  seconds = parseInt(timer % 60, 10);
  
                  minutes = minutes < 10 ? "0" + minutes : minutes;
                  seconds = seconds < 10 ? "0" + seconds : seconds;
  
                  display.textContent = minutes + ":" + seconds;
  
                  if (--timer < 0) {
                      redirect();
                      clearInterval(end);
                  }
              }, 1000);
          }
  		function redirect(){
  			var keys = (window.location.search || "").split("=");
  			var url = "//www.bing.com";
  			if (keys.length > 1) {
  				if (keys[1].indexOf("paramApple") > -1)
  					url = "//www.google.com";
  				else if (keys[1].indexOf("paramMango") > -1)
  					url = "//www.yahoo.com";
  			}
  			window.location = url;
  		}
  
          window.onload = function () {
              var fiveMinutes = 5,
                  display = document.querySelector('#time');
              startTimer(fiveMinutes, display);
          };
      </script>
  
  	<div>
  		<h3>You will be redirected in <span id="time">00:05</span></h3>
  		<br/>
  		<input type="button" value="Click to continue" onclick="redirect()" />
  	</div>

  Happy Coding ! Mark as Answer if it helps.
  rajudasa.blogspot.com  ||  rajudasa-tech