Etoile (correction)

by ydelmas

HTML

<span class="etoile">
    <span class="etoile">
        <span class="etoile">
            <span class="etoile">
                <span class="etoile">X</span>
            </span>
        </span>
    </span>
</span>

CSS

.etoile {
    border: 1px dashed blue;
    display: inline-block; padding: 2px;
    background-image : url(http://azrael.sha.univ-poitiers.fr/~ydelmas/2012-m2-js/briques/star-off.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 16px;
}
.etoile:hover {
    background-image : url(http://azrael.sha.univ-poitiers.fr/~ydelmas/2012-m2-js/briques/star.png);
}

JavaScript

$('.etoile').on('click', function() {
    var n = $(this).parents('.etoile').length + 1;
    alert('clic sur étoile n° ' + n);
    return(false);
});