Question

I have two divs, one inside the other, and i want block the inside div (div2) for guest users, so they can’t interactuate with that div, I want they only can see the image that generates the javascript.

This is the code:

<DIV id="div1" style="overflow:hidden; position:fixed; top:80px; left:0px; height:52; width:177; "  onClick="location.href='login.php'">

<div id="div2">
<script type="text/javascript" src="/chat/livehelp_js.php?eo=1&relative=Y&amp;department=1&amp;serversession=0&amp;pingtimes=60&amp;filter=Y&amp;"></script>
</div>

</DIV>

I tried with z-index and it don’t works

What can i do for lock the div2? Thanks

Answer 1

Try to make another transparent div over the one, you need to block.

Try this: Create a Modal Dialog

Just make overlay div visible, if not logged in, and hidden, if logged in.