1. Accueil
  2. Forum Codes-Sources
  3. Javascript / DHTML

Changement de police sur clic [Résolu]

Signaler
Messages postés
36
Date d'inscription
dimanche 5 avril 2009
Statut
Membre
Dernière intervention
10 août 2011
 -
Messages postés
36
Date d'inscription
dimanche 5 avril 2009
Statut
Membre
Dernière intervention
10 août 2011
 -
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
               
                           
            }
A voir également:

6 réponses

Réponse 1 / 6
Messages postés
647
Date d'inscription
samedi 30 décembre 2000
Statut
Membre
Dernière intervention
20 juillet 2012
 6
Bonjour,

Premièrement comme je le dois toujours le préciser, parle de Javascript à la place de Java car Java est un autre langage de programmation ;)

pour changer la police tu peux faire appel à ce genre de script :

<script type="text/javascript">
function police(id){
document.getElementById(id).style.fontFamily="'Arial Black'";
}
</script>

Mon texte qui a va changer
Cliquer ici !!!

Si cela peut t'aider,

JDMCreator
Réponse 2 / 6
Messages postés
36
Date d'inscription
dimanche 5 avril 2009
Statut
Membre
Dernière intervention
10 août 2011
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 ?
Réponse 3 / 6
Messages postés
647
Date d'inscription
samedi 30 décembre 2000
Statut
Membre
Dernière intervention
20 juillet 2012
 6
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 ?
Réponse 4 / 6
Messages postés
36
Date d'inscription
dimanche 5 avril 2009
Statut
Membre
Dernière intervention
10 août 2011
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( "
" )

    // Crée un tableau d'une ligne et sans bord
    document.write( "\" )
    document.write( \"----
" )

    // Ajoute l'icone
    document.write( "" )

    // Change de colonne
    document.write( ", " )

    // Ajoute le texte
    document.write( "" )
    document.write( this.texte + "" )

    // Referme la colonne et le tableau
    document.write( "
" )

    // 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( "
" )
}
Réponse 5 / 6
Messages postés
647
Date d'inscription
samedi 30 décembre 2000
Statut
Membre
Dernière intervention
20 juillet 2012
 6
Ouch... beaucoup de code mais qu'est-ce que tu souhaites changer comme police ?
Réponse 6 / 6
Messages postés
36
Date d'inscription
dimanche 5 avril 2009
Statut
Membre
Dernière intervention
10 août 2011
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"
Répondre Posez votre question