Discussion :

[moongui]

Bonsoir à tous,

dans un but d'élaborer un WYSIWYG, j'ai créer grâce à Javascript deux listes déroulantes qui contiennent différentes police et différentes taille de police.

Cependant, je n'arrive pas a récupérer de façon correcte la taille ou le type de police afin de l'appliquer sur du texte sélectionné.

En fait, sur cette liste déroulante, j'ai associé une fonction qui change automatiquement la police ou la taille du texte lorsqu'on choisie une valeur dans la liste. C'est donc à ce moment là que je souhaite connaitre la valeur sélectionnée.

J'espère m'être exprimé correctement.

[vermine]

Bonjour,

Pourriez-vous nous montrer un peu de code ?

[moongui]

Bonjour, avec plaisir!

Voici ma fonction qui me permet de créer mes liste déroulantes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
function creerSelect(parent,nom,taille,tab,methode){
	var enfant= document.createElement("select");
	enfant.setAttribute("id",nom);
	enfant.setAttribute("size",taille);
	enfant.setAttribute("value","Mon titre");
	for (var i=0; i< tab.length; i++){
		var petitEnf= document.createElement("option");
		petitEnf.setAttribute("value",tab[i]);
		if (i==0)
			petitEnf.setAttribute("selected","selected");
		var texte= document.createTextNode(tab[i]);
		petitEnf.appendChild(texte);
		enfant.appendChild(petitEnf);
	}
	if (enfant.addEventListener)
			enfant.addEventListener("onchange",methode,false);
		else if (enfant.attachEvent)
			enfant.attachEvent("onchange",methode);
	parent.appendChild(enfant);
}

Mon appel de fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var taillePolice= new Array("1","2","3","4","5","6","7");
	creerSelect(obj,"selectTaille","1",taillePolice,function(){TailChx()});

et pour finir, ma fonction censée récupérer la valeur sélectionnée et l'appliquer au texte :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
function TailChx()
{	var sel = document.forms[1].selectTaille;
        Champ.execCommand("FontSize", false, sel[sel.selectedIndex].text);
	Fen.focus();
}

C'est dans cette dernière que le problème intervient. Ca ne récupère pas comme il faut la valeur sélectionnée.

Merci de ton aide vermine

[vermine]

Je pense que c'est à ce niveau-ci, value au lieu de text:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var sel = document.forms[1].selectTaille;
Champ.execCommand("FontSize", false, sel[sel.selectedIndex].value);

Vérifiez quand même que c'est ben le second formulaire du document et que Champ est bien connu.

[moongui]

Merci pour ta réponse.

J'ai bien changé le ".text" en ".value", mais ca ne marche toujours pas.
Lorsque je sélectionne une valeur dans ma liste, IE me fait l'erreur suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
Détails de l’erreur de la page Web
 
Agent utilisateur : Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; MathPlayer 2.0; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 1.1.4322)
Horodateur : Wed, 2 Jun 2010 07:59:53 UTC
 
Message : 'selectedIndex' a la valeur Null ou n'est pas un objet.
Ligne : 319
Caractère : 55
Code : 0
URI : file:///E:/essai/essai.js

Champ est quand a lui une variable globale que j'utilise ailleurs, aussi pour faire des execCommand, et ca marche très bien.
Et oui, ma liste se trouve bien dans mon deuxième formulaire.

[vermine]

Que dit le code HTML généré ?

[moongui]

C'est-à-dire ? Je ne vois pas ce que tu veut dire

[moongui]

Ok, c'est bon j'ai compris ce que tu veut dire. J'ai pu retrouvé a quoi ressemblé le code généré.
Et j'ai pu voir que l'id de ma liste était différente de celui à quoi je m'attendais.

Erreur corrigé, j'attribue le bon id a ma liste, et le code fonctionne parfaitement.

Merci encore de m'avoir aidé a cherché mon erreur vermine.

Bonne journée