Question: First question, can Windows 10 support multiple websites under IIS 10? If that is yes, the how?

We need them to be on the same port, 80, and to have SSO. We have tried setting the bindings to give each web site a hostname Any IP Address and port 80. Each has its own App Pool.

Do we need to get corporate IT involved to set up alias' in the corporate DNS server and Kerberos server?

Thanks,
Doug

@alex-kudryashev, thank you very much. I was doing fine until I hit adding the newly created certificate to IIS for my site. I went into Bindings, selected HTTPS and it asks for a Host Name, is that the hostname of the site or the fully qualified hostname? I created a SSL certificate but I do not see it in the choices for SSL certificate. Am I supposed to put the file in a special place? Also when creating the certificate do I use the hostname, fully qualified hostname or?? Also does the certificate have to be in a certain form?

Answer: 
Firstly you need to remove any `id` attributes you create in your HTML within the loop in your PHP, as this will create duplicates which is invalid. Instead change them to classes.

Secondly, attach your events using unobtrusive event handlers, not inline ones as they are outdated and bad practice. As you're using jQuery this can be done with the `click()` or `on()` methods.

Lastly, within that unobtrusive event handler you can use the `this` keyword to refer to the element which raised the event and modify it as required. Try this:

```
<img src="https://svc.opushealth.com/balcoltrasavings/img/Processing.gif" class="img" style="display: none" />
<button type="button" value="<?php echo $id;?>" class="id btn btn-success btn-sm btn-block">
  <span class="fa fa-paper-plane-o"></span> 
  Send To All
</button>

```

```js
$('button.id').on('click', function() {
  var $btn = $(this).prop("disabled", true);
  var $img = $btn.prev('.img').show(); 

  $.ajax({
    type: "POST",
    url: "test.php",
    data: { id: $btn.val() },
    success: function(msg) {
      console.log("Button Id is " + msg);
      $img.hide();
    }
  });
});

```
If you are using ajax then (making it as simple as possible).

Add your loading gif image to html and make it hidden (using style in html itself now, you can add it to separate CSS):-

```
<img src="path\to\loading\gif" id="img" style="display:none"/ >

```

Show the image when button is clicked and hide it again on success function.

```
$('#buttonID').click(function(){
  $('#img').show(); //<----show here
  $.ajax({
    ....
   success:function(result){
       $('#img').hide();  //<--- hide again
   }
}

```

Make sure you hide the image on ajax error callbacks too to make sure the gif hides even if the ajax fails.