cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
29047
Views
10
Helpful
6
Replies

Web Authentication 1.1.1.1/login with Windows 10 and Microsoft Edge Browser

chuck.saunders
Level 1
Level 1

I have a customized/downloaded WebAuth bundle installed on a WLC5508 HA Pair.  The Controllers are running version 8.0.115.0.  The Auth process and redirect work great in all browsers except Microsoft Edge.  The device we are using to test/lab with is a Surface Pro 4 running Windows 10.  If try to use Edge, we simply get a error indicating page cannot be displayed.  Edge does however work with the out-of-box auth bundle.  So, I am reasonably certain that this is something to do with how the custom page is written.

Has anyone had issues with Edge in Windows 10?  Or, better yet, does any have this working with the Edge browser?

6 Replies 6

Ric Beeching
Level 7
Level 7

If you browse to http://1.1.1.1/login.html whilst on Edge does it still produce an error? If so then it does sound like a coding error with your bundle as you thought.. some Edge coding tips here may help? Sorry if that's all obvious to your web dev guys!

http://webdesign.tutsplus.com/tutorials/5-ways-to-ready-your-site-for-microsoft-edge-and-other-modern-browsers--cms-24879

-----------------------------
Please rate helpful / correct posts

Does the value defined in network_name have to match anything on the WLC ?

<INPUT TYPE="hidden" NAME="network_name" SIZE="64" MAXLENGTH="64" VALUE="Guest Network">

chuck.saunders
Level 1
Level 1

As it turns out, there was a reference in the original (out of box) code that they removed for http://1.1.1.1/login.html. ; After several hours of stare and compare yesterday, our web team found the missing piece.  So, I guess the lesson for them was, customization is a good look but it should be done around known working code.

Would you be willing to share the code or a link to the sample code, We have a client having the exact same issue with their Cisco Wireless Lan controller. All was great and works well with all browsers except edge. We get a weird redirect and missing page error.

THX

Below is the code for (login.html) that we are using and it now works well with Edge.

-------------------------------------

<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"><![endif]-->
<!--[if lt IE 7]><style type='text/css'>
p input {
    margin: 0;
    padding: 0;
}
p#firstP {
    /*margin-top: 50px;*/
    padding-top: 5%;
}
div#mainText {
    padding: 0;
    margin: 0;
}
div.textBox {
    padding: 0;
    margin: 0;
}
</style><![endif]-->
<!--[if IE 7]><html class="ie7 oldie">
<![endif]-->
<!--[if IE 7]><style type='text/css'>
p input {
    margin: 0;
    padding: 0;
}
p#firstP {
    /*margin-top: 50px;*/
    padding-top: 5%;
}
div#mainText {
    padding: 0;
    margin: 0;
}
div.textBox {
    padding: 0;
    margin: 0;
}
</style><![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if lt IE 9]><style type='text/css'>
div.mainCont img.imageRight, div.mainCont img.imageLeft, div.mainCont img.imageCenter {
    display: none;
}
div#mainText {
    width: 80%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    background-color: rgb(255,255,255);
   /* filter:alpha(opacity=65);*/
    padding: 3%;
    font-size: 0.9em;
}
div#mainText p {
    color: #000000;
    filter:alpha(opacity=100);
    z-index: 2;
}
div#mainText p#lastP {
    margin-bottom: 3em;    
    clear: both;
}
p.clear {
    clear:both;
}
</style><![endif]-->
<!--[if gt IE 8]>
<link href="login_files/boilerplate.css" rel="stylesheet" type="text/css">
<link href="login_files/wifi.css" rel="stylesheet" type="text/css">
<style type='text/css'>
div#mainText {
    background-color: rgba(255,255,255, 0);
    width: 100%;
    margin: 0;
    padding: 0;
}
</style><![endif]-->
<html class="">


<head>
<link rel="shortcut icon" href="login_files/favicon.ico" type="image/x-icon?"/>
<meta http-equiv="X-UA-Compatible" content="IE=11,chrome=1" />
<!--<meta http-equiv="X-UA-Compatible" content="IE=9" />-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Pragma" content="no-cache">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

<title>Your Brand Name Here</title>
<script src="login_files/loginscript.js"></script>
<script>

function submitAction(){
      var link = document.location.href;
      var searchString = "redirect=http://www.your.redirect.domain.com";
      var equalIndex = link.indexOf(searchString);
      var redirectUrl = "";

      if (document.forms[0].action == "") {
      var url = window.location.href;
      var args = new Object();
      var query = location.search.substring(1);
      var pairs = query.split("&");
          for(var i=0;i<pairs.length;i++){
              var pos = pairs[i].indexOf('=');
              if(pos == -1) continue;
              var argname = pairs[i].substring(0,pos);
              var value = pairs[i].substring(pos+1);
              args[argname] = unescape(value);
          }
          document.forms[0].action = args.switch_url;       
      }       
      if(equalIndex >= 0) {
            equalIndex += searchString.length;
            redirectUrl = "http://www.your.redirect.domain.com.htm";
            redirectUrl += link.substring(equalIndex);
      }
      if(redirectUrl.length > 255)
      redirectUrl = redirectUrl.substring(0,255);
      document.forms[0].redirect_url.value = redirectUrl;
      document.forms[0].buttonClicked.value = 4;
      document.forms[0].submit();
}

function reject()
{
    alert("You will not be able to access the system!");
}


function loadAction(){
      var url = window.location.href;
      var args = new Object();
      var query = location.search.substring(1);
      var pairs = query.split("&");
      for(var i=0;i<pairs.length;i++){
          var pos = pairs[i].indexOf('=');
          if(pos == -1) continue;
          var argname = pairs[i].substring(0,pos);
          var value = pairs[i].substring(pos+1);
          args[argname] = unescape(value);
      }
      document.forms[0].action = args.switch_url;

}

</script>
<link href="login_files/boilerplate.css" rel="stylesheet" type="text/css">
<link href="login_files/wifi.css" rel="stylesheet" type="text/css">  
<!--
To learn more about the conditional comments around the html tags at the top of the file:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
* insert the link to your js here
* remove the link below to the html5shiv
* add the "no-js" class to the html tags at the top
* you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build
-->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="login_files/respond.min.js"></script>
</head>
<body leftmargin="0" topmargin="0" bgcolor="#ffffff" marginheight="0" marginwidth="0" text="#000000"> <form method="post" ACTION="/login.html">
<INPUT TYPE="hidden" NAME="buttonClicked" SIZE="16" MAXLENGTH="15" VALUE="0">
<INPUT TYPE="hidden" NAME="err_flag" SIZE="16" MAXLENGTH="15" VALUE="0">
<INPUT TYPE="hidden" NAME="err_msg" SIZE="32" MAXLENGTH="31" VALUE="">
<INPUT TYPE="hidden" NAME="info_flag" SIZE="16" MAXLENGTH="15" VALUE="0">
<INPUT TYPE="hidden" NAME="info_msg" SIZE="32" MAXLENGTH="31" VALUE="">
<INPUT TYPE="hidden" NAME="redirect_url" SIZE="255" MAXLENGTH="255" VALUE="">
<INPUT TYPE="hidden" NAME="network_name" SIZE="64" MAXLENGTH="64" VALUE="Guest Network">
<div class="gridContainer clearfix"><img src="login_files/logo.png" alt="logo"></div>
<p class="gridContainer clearfix welcome">Welcome to the Your Brand Name Wireless System</p>
<!--<div class="mainCont2"></div>--><!-- mainCont2 ends -->
<div class="mainCont gridContainer clearfix">
<!--<img class="imageRight" src="login_files/cloudRT.png" alt="cloud1">
<img class="imageLeft" src="login_files/cloudLB.png" alt="clouds2">
<img class="imageCenter" src="login_files/plane.png" alt="air plane">-->
<!--<p class="clear"></p>-->
    <div id="mainText">
    <div class="textBox">
    <p><input type="button" name="Submit" value="Accept" class="button" onClick="submitAction();"></p><!--<p><input type="button" name="Reject" value="Reject" class="button" onClick="reject();"></p>
<IMG SRC="./yourlogo.jpg">
<p>For assistance, please contact the lobby administrator at 555-1212 (lobby.admin@company.com)</p>-->
<p class="clear"></p>
      <p id="firstP">This network covers  some portions of downtown. It is not a secure network. Please let us know how you like the service by emailing <a href="mailto:wireless@yourdomain.com">wireless@yourdomain.com</a> or visiting our homepage (just enter "String" in any search engine).</p>

<p>You need to agree to the following to use this service: We will do our best to keep it operating all the time, but it may be unavailable from time to time for maintenance. Speed will vary based on number of users. You may not resell the service. You may not use the service to do anything illegal. In order to evaluate the effectiveness of this network, the City will collect usage data. This data may become available to the public via open government laws, such as Wash Rev. Code Chapter 42.56. We may not be able to protect your privacy.</p>

<p>It is your responsibility to protect your computer from viruses and malicious programs. The City cannot guarantee this service will be safe. By using this network, you agree to hold the City harmless for any loss or damages you incur in connection with your use of this network. Email support questions to <a href="mailto:wireless@yourdomain.com">wireless@yourdomain.com</a>.</p>

<p>We do not recommend that this service replace any personal or business service because we cannot provide security or guarantee availability.</p>

<p></p>

<p id="lastP">If you are experiencing problems, please visit the providers website and check out the Wireless <a href="http://www.domain.com/help.htm">Frequently Asked Questions page</a> for answers to common questions about this service.
</p>


</div><!-- textBox ends --></div><!-- mainText ends-->
<img class="imageRight" src="login_files/cloudRT.png" alt="cloud1">
<img class="imageLeft" src="login_files/cloudLB.png" alt="clouds2">
<img class="imageCenter" src="login_files/plane.png" alt="air plane">
</div><!-- mainCont ends -->
</form>

</body>
</html>

---------------------------------------------------------

Not a developer in any way shape or form but from what I have been told or read, Microsoft Edge does not support Java.  The source code you provided above uses

<script src="login_files/loginscript.js"></script>

This should not work.  You would still have to use IE.  Edge doesn't support Java.  Can someone confirm?  thanks

Getting Started

Find answers to your questions by entering keywords or phrases in the Search bar above. New here? Use these resources to familiarize yourself with the community: