COVER

COVER part of page

When a request is sent to the server, mix-cover can be used to block the whole page or parts of it, so the user cannot access what is behing the "cover". Once the response arrives, the "cover" is hidden again. This means that the website must have pre-defined covers with unique id's, so mix-cover can point to them.

In this example, whole the request is sent and it is awaiting a response, a "cover" is set on top of the button that is clicked. For simplicity, the cover is just a dic with an opacity, but it could be any image, animation, message, etc.

The response can contain from a simple tag eg: <browser></browser> to anything that mixhtml can understand

<div id="cover"
class="mix-hidden">
</div> 

<button 
    mix-post="items"
    mix-cover="#cover"
>
    Send and cover
</button>

<browser>
</browser>