[jquery] Où mettre cette fonction

Bonjour tout le monde,

J'ai ce code HTML :

<div id="content">
        <div id="puces">
            <ul>
                <li id="securites.png" class="li_index" onmouseover="Afficher_Sampler(this.id);" onmouseout="Afficher_Sampler('');">Signalisation de sécurité</li>
                <li id="signalisations_batiment" class="li_index" onmouseover="Afficher_Sampler(this.id);" onmouseout="Afficher_Sampler('');">Signalétique bâtiment</li>
                <li class="li_index">Boîtes aux lettres + Poubelles + Cendriers</li>
                <li class="li_index">Signalisation routière + protection + drapeau + abris vélos + abris fumeur</li>
                <li class="li_index">Parking</li>
                <li class="li_index">Gravure + vinyle</li>
                <li class="li_index">Poussettes,consigneurs et abris poussettes</li>
            </ul>
        </div>
        <div id="sampler"></div>
    </div>    

J'aimerais "attacher" un évènement au passage de la souris sur les li.

J'ai donc ce code :

$(document).ready(function() {
$('.li_index').mouseover(function() {
// le code
// $('#sampler').html('...');
});
});

Je me demandais juste où mettre ce code ? dois-je le mettre dans les li ?

Je mélange alors html et javascript, est-ce correct ?

Merci d'avance pour l'aide.

beegees

Salut beegees,

Le mieux, c'est que tu mettes ce code dans un fichier javascript externe que tu appelles à la fin de ton fichier html.