J'ai besoin d'aide pour définir un lien comme actif par défaut lors du premier chargement de la page.
<style type="text/css">
a{
color:black;
}
a:hover{
color:white;
}
a:active{
color:blue;
}
</style>
<div>
<!--I want this fisrt link to be set as active by default-->
<a href="#"/>
<!--I want this one as normal-->
<a href="#"/>
</div>
Si vous pouvez modifier votre balisage en ceci:
<div>
<!--I want this first link to be set as active by default-->
<a href="#" id="focusmeplease"/>
<!--I want this one as normal-->
<a href="#"/>
</div>
Ensuite, vous pouvez utiliser ce JavaScript:
document.getElementById('focusmeplease').focus();
Joignez ce code JavaScript à la page load comme vous le souhaitez (j'aime de cette façon , sauf si vous utilisez jQuery, auquel cas utilisez $(document).ready()
).
<style type="text/css">
a
{color:black;}
a:hover
{color:white;}
a.focus:link, a.focus:visited
{color:blue;}
</style>
<div>
<a href="#" class="focus">This link is active by default.</a>
<a href="#">This is a normal link.</a>
</div>
Note finale: J'ai également corrigé la balise "a" car elle était erronée.
a{
color:black;
}
a:hover {
color:white;
}
a:active, div a:first-child {
color:blue;
}
Pris en charge par les navigateurs les plus récents, mais guère plus que cela.