Fonction javascript pour faire un lien "Ajouter aux favoris" et fonctionnant sous Firefox.
<script>
function addBookmark(title,url) {
if (window.sidebar) {
window.sidebar.addPanel(title, url,"");
} else if( document.all ) {
window.external.AddFavorite( url, title);
} else if( window.opera && window.print ) {
return true;
}
}
</script>
<a href="javascript:addBookmark('Bloc Notes','http://blocnotes.jemenvol.net');">Ajouter à vos favoris</a>
Même script que là mais avec le lien "afficher" qui change et devient "masquer" lorsque la div est affichée.
<script>
function visibilite(thingId,txtAff,txtMasque)
{
var targetElement; var targetElementLink;
targetElement = document.getElementById(thingId) ;
targetElementLink = document.getElementById(thingId+'Link');
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
targetElementLink.innerHTML = txtMasque ;
} else {
targetElement.style.display = "none" ;
targetElementLink.innerHTML = txtAff ;
}
}
</script>
<a href="javascript:visibilite('Div1','Afficher la zone 1','Masquer la zone 1');" id="Div1Link">Afficher la zone 1</a>
<div id="Div1" style="display:none;">contenu</div>
<br>
<a href="javascript:visibilite('Div2','...ou la zone 2','Masquer la zone 2');" id="Div2Link">...ou la zone 2</a>
<div id="Div2" style="display:none;">contenu</div>
Adaptation du CSS Star Rating de Rogie King pour la coupler avec un peu de javascript à un menu déroulant et pour afficher plusieurs lignes de notes sur une même page.
Voir la CSS / Voir le JS / Voir le code HTML
Notes :
- l'image utilisée pour le fond n'est pas "libre" et donc pas réutilisable telle quelle.
- si le javascript est désactivé, seuls les menus déroulants s'affichent.
- il y a probablement moyen de faire plus simple.
Pour par exemple donner un id à une balise sur laquelle on n'a pas la main directement.
<script language="Javascript" type="text/javascript">
var li_list = document.getElementById("MaListe").getElementsByTagName("li");
li_list[2].id = "toto";
</script>
Ici la 2ème balise <li> de la <div id="MaListe"> aura l'id "toto".
if (typeof document.body.style.maxHeight != "undefined") {
// IE 7, mozilla, safari, opera 9
} else {
// IE6, et versions antérieures
}
[source]
