tabindex experiment

by Bacher

HTML

<div class="common-wnd">
    <a href="#" tabindex="1">Super Link</a><br/>
    <a href="#">Super Link 2</a><br/>
    <a href="#">Super Link 3</a><br/>
</div>
<div class="popup">
    <a href="#" class="pseudo-focus"></a>
    <a href="#">Popup Link 2</a>
    <a href="#">Popup Link 3</a>
</div>

CSS

.common-wnd {
    background-color: yellow;
    width: 100%;
    height: 400px;
}

.popup {
    position: absolute;
    top: 100px;
    width: 200px;
    height: 100px;
    background-color: gray;
}

JavaScript

setTimeout(function() {
    $('.pseudo-focus').focus();
    console.log('focused');
}, 1000);