J'ai besoin d'aide pour définir un lien comme actif par défaut lors du premier chargement de la page.Comment définir un lien 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 à 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>
vous pouvez utiliser cette JavaScript:
document.getElementById('focusmeplease').focus();
Apposez l JavaScript à la page charge however you like (J'aime this way, à moins que vous utilisez jQuery, auquel cas utilisez $(document).ready()).
Merci, cela a fonctionné comme un rêve. – Amra
<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é l'étiquette "a" parce qu'elle était mal.
pour une raison quelconque, ne fonctionne pas :-(, merci de toute façon – Amra
Cela ne fonctionnera pas.Le premier lien deviendra bleu seulement quand il est en cours de clics.Pas d'apparence par défaut.Balais – Martin
Désolé, je ne comprends pas bien Je l'ai corrigé, s'il vous plaît vérifier si maintenant il a le comportement que vous voulez – Davmuz
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 pas beaucoup plus que cela.
Désolé je ne peux pas le faire fonctionner, fait il fonctionne sur IE7 aussi? Merci – Amra
non, j'ai dit les navigateurs les plus récents. –
La pseudo-classe 'active' indique qu'un élément est actuellement actif (ce qui se traduit approximativement par" fait actuellement l'objet d'un clic "). Je ne suis pas tout à fait sûr pourquoi vous voudriez mettre cela sur le chargement de la page - ce n'est pas comme si vous trompiez quelqu'un que le lien est actuellement cliqué sur. –
La raison en est que la page a plusieurs liens (comme des onglets) pour naviguer à travers la page, lorsque la page sa première fois charge la page un des liens son like (home), qu'il devrait être actif pour indiquer que le utilisateur est sur cette page. – Amra
puis utilisez une classe comme '', pas des pseudo-classes comme 'a: active', et changez votre CSS de' a: active' en 'a.current'. –