Changement de police sur clic

Bonjour à tous !

Je souhaiterai réaliser un changement de police de caractère sur clic d'un certain texte . Il s'agit d'un arbre. J'ai réussi à réaliser la fonction en Java, cependant, le changement ne se fait pas instantanément, je dois passer la souris sur le texte pour que ce dernier change ... Quelqu'un aurait il une idée ? Merci

function OnClickDossier( index, texte )
            {
               
                            
               
                treeView.Noeuds(change).style="Poste"
                treeView.Noeuds(change).styleOnOver="PosteOver"
                               
                                 
                treeView.Noeuds(index).style = "Racine"
                treeView.Noeuds(index).styleOnOver = "RacineOver"
               
                change=index
               
                           
            }

Le soucis que j'ai c'est que le texte qui change est dans le script lui même ... Ou alors peut être cela ne change-t-il rien ?

Heum.... il faudrait que tu me montres le script pour cela. Aussi, pose-toi la question : Est-ce nécessaire qu'il soit dans le script ?

Voici ce qu'il y a dans le .html

treeView = new TreeView("BordTreeView", "TreeView/vide.gif", "Hummel", "Racine", "RacineOver", "" ,indexTree , "treeView")
                // Ajoute un noeud
               
                 
                var chaussure = treeView.Add( "TreeView/vide.gif", "Chaussure", "Poste", "PosteOver", "OnClickDossier" )
                    var dossier = chaussure.Add( "TreeView/vide.gif", "Gammes 11.1", "Poste", "PosteOver", "OnClickDossier" )
                    var dossier = chaussure.Add( "TreeView/vide.gif", "Gammes 9.3", "Poste", "PosteOver", "OnClickDossier" )
                    var dossier = chaussure.Add( "TreeView/vide.gif", "Gammes 5.3", "Poste", "PosteOver", "OnClickDossier" )
                    var dossier = chaussure.Add( "TreeView/vide.gif", "Gammes 3.3", "Poste", "PosteOver", "OnClickDossier" )
                    var dossier = chaussure.Add( "TreeView/vide.gif", "Gammes 1.3r", "Poste", "PosteOver", "OnClickDossier" )
                    var dossier = chaussure.Add( "TreeView/vide.gif", "Gammes GK", "Poste", "PosteOver", "OnClickDossier" )
               
                var ballon = treeView.Add( "TreeView/vide.gif", "Ballon", "Poste", "PosteOver", "OnClickDossier" )
                    var dossier = ballon.Add( "TreeView/vide.gif", "Match", "Poste", "PosteOver", "OnClickDossier" )
                    var dossier = ballon.Add( "TreeView/vide.gif", "Entrainement", "Poste", "PosteOver", "OnClickDossier" )
               
                var maillot = treeView.Add( "TreeView/vide.gif", "Maillot", "Poste", "PosteOver", "OnClickDossier" )
               
                var shorts = treeView.Add( "TreeView/vide.gif", "Shorts", "Poste", "PosteOver", "OnClickDossier" )

                var chaussette = treeView.Add( "TreeView/vide.gif", "Chaussettes", "Poste", "PosteOver", "OnClickDossier" )

                var tenug = treeView.Add( "TreeView/vide.gif", "Tenue de Gardien", "Poste", "PosteOver", "OnClickDossier" )
                    var dossier = tenug.Add( "TreeView/vide.gif", "Sweat", "Poste", "PosteOver", "OnClickDossier" )
                    var dossier = tenug.Add( "TreeView/vide.gif", "Pantalon", "Poste", "PosteOver", "OnClickDossier" )
               
                var equipa = treeView.Add( "TreeView/vide.gif", "Equipement Arbitre", "Poste", "PosteOver", "OnClickDossier" )
                    var dossier = equipa.Add( "TreeView/vide.gif", "Maillot", "Poste", "PosteOver", "OnClickDossier" )
                    var dossier = equipa.Add( "TreeView/vide.gif", "Short", "Poste", "PosteOver", "OnClickDossier" )
               
                var chasuble = treeView.Add( "TreeView/vide.gif", "Chasubles et divers", "Poste", "PosteOver", "OnClickDossier" )
               
                var survete = treeView.Add( "TreeView/vide.gif", "Survêtements", "Poste", "PosteOver", "OnClickDossier" )
               
                var jog = treeView.Add( "TreeView/vide.gif", "Jogging", "Poste", "PosteOver", "OnClickDossier" )
                    var dossier = jog.Add( "TreeView/vide.gif", "Sweat", "Poste", "PosteOver", "OnClickDossier" )
                    var dossier = jog.Add( "TreeView/vide.gif", "Pantalon", "Poste", "PosteOver", "OnClickDossier" )
               
                var veste = treeView.Add( "TreeView/vide.gif", "Coupe-vent et veste", "Poste", "PosteOver", "OnClickDossier" )
                    var dossier = veste.Add( "TreeView/vide.gif", "Coupe-vent", "Poste", "PosteOver", "OnClickDossier" )
                    var dossier = veste.Add( "TreeView/vide.gif", "Veste", "Poste", "PosteOver", "OnClickDossier" )
               
                var teeshirt = treeView.Add( "TreeView/vide.gif", "Tee-shirt/Polo/Bermuda", "Poste", "PosteOver", "OnClickDossier" )
                    var dossier = teeshirt.Add( "TreeView/vide.gif", "Tee-shirt", "Poste", "PosteOver", "OnClickDossier" )
                    var dossier = teeshirt.Add( "TreeView/vide.gif", "Polo", "Poste", "PosteOver", "OnClickDossier" )
                    var dossier = teeshirt.Add( "TreeView/vide.gif", "Bermuda", "Poste", "PosteOver", "OnClickDossier" )
               
                var bagage = treeView.Add( "TreeView/vide.gif", "Bagagerie", "Poste", "PosteOver", "OnClickDossier" )
           
                var accessoire = treeView.Add( "TreeView/vide.gif", "Accessoires", "Poste", "PosteOver", "OnClickDossier" )

Et dans mon .js

function TreeView_Start()
{
    // Crée le DIV où sera intégré la treeview ( qui se muniera de scroll barres si nécessaire )
    document.write( "<DIV ID = 'CONTOUR_TREEVIEW' CLASS = '" + this.styleBorder + "'>" )

    // Crée un tableau d'une ligne et sans bord
    document.write( "<TABLE ID = '" + this.table + "' BORDER = 0 CELLSPACING = 0 CELLPADDING = 0>" )
    document.write( "<TR><TD VALIGN = middle nowrap>" )

    // Ajoute l'icone
    document.write( "<IMG ID = 'ICONE_0' SRC = '" + this.icone + "'" )
    document.write( "ONCLICK = '" + this.onClick + "( &quot;" + this.index + "&quot; , &quot;" + this.texte + "&quot; )' " )
    document.write( "ONMOUSEOVER = 'OnOver( &quot;" + this.index + "&quot; )' " )
    document.write( "ONMOUSEOUT = 'OnOut( &quot;" + this.index + "&quot; )'>" )

    // Change de colonne
    document.write( "</TD><TD VALIGN = middle nowrap>" )

    // Ajoute le texte
    document.write( "<FONT ID = 'TEXTE_0' " )
    document.write( "CLASS = '" + this.style + "'" )
    document.write( "COLOR = '#000000' " )
    document.write( "ONCLICK = '" + this.onClick + "( &quot;" + this.index + "&quot; , &quot;" + this.texte + "&quot; )' " )
    document.write( "ONMOUSEOVER = 'OnOver( &quot;" + this.index + "&quot; )' " )
    document.write( "ONMOUSEOUT = 'OnOut( &quot;" + this.index + "&quot; )'>" )
    document.write( this.texte + "</FONT>" )

    // Referme la colonne et le tableau
    document.write( "</TD></TR></TABLE>" )

    // Parcourt le tableau de noeuds
    var indice = 0
    while( this.tableauEnfants[ indice ] != null )
    {
        // Lance l'affichage du noeud
        this.tableauEnfants[ indice ].Draw()

        // Passe au noeud suivant
        indice ++
    }

    // Referme le DIV
    document.write( "</DIV>" )
}

Ouch... beaucoup de code mais qu'est-ce que tu souhaites changer comme police ?

[img]http://img21.imageshack.us/img21/488/sanstitreywm.jpg[/img]

Voila le soucis : 1) mon arbre au départ .
2) Une fois que j'ai cliqué sur l'une des branches (techniquement le texte devrais passer immédiatement en gras, or non)
3) je déplace la souris, et là le texte change
4)quand je clique sur une autre branche même problème, sauf qu'en plus, je suis obligé de repasser la souris sur la branche cliquée précédemment pour la repasser en mode "normal"