[javascript]Espace insécable avec l'objet Option [Resolu]

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [javascript]Espace insécable avec l'objet Option [Resolu]

elrond

Bonjour,

Je souhaite ajouter un espace insecable dans
ce qu'affiche une liste.

Le problème, c'est que:

new Option('Paris','Paris',false,false);

donne le même resultat que :

new Option(' Paris',' Paris',false,false);

et si je met :

new Option(' Paris',' Paris',false,false);

alors   n'est pas interprété, mais affiché tel quel.

J'ai cherché un bon bout de temps sur le net, mais je n'ai trouvé aucune information.

Quelqu'un aurait une idée?

Merci d'avance

Message édité par elrond le 25-08-2005 à 15:00:23

Publicité

gatsusat

pourquoi foutre un espace insécable dans les options de ton select ?
à partir du moment ou tu as stylé tout ca correctement ca t'obeit au doigt et à l'oeil

select {width:120px }
select option {text-align:center; margin:20px }
enfin voila tu dois aimer te compliquer la vie

gatsusat

et ta fonction Option c'est une classe que tu as créé car je me rappelle pas l'avoir vu en JS

elrond

L'espace insécable c'est pour pouvoir indenter la liste
par exemple avoir :

France
Essone
Massy
Palaiseau
Paris
Espagne

L'objet Option permet de rajouter de élement à une liste <select>
http://www.devguru.com/technologie [...] /11258.asp

gatsusat

ben malheureusement ton problème est que option te rajoute bien un élément, mais le text, c'est du texte brut et non du HTML, donc ca te vautre ce que tu veux faire.

alors deux techniques s'offre à toi :
crééer une fonction option
qui te rajoute une option avec du JDOM :

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<script>
function SelectInit(SelectId) {
var mySelect = document.getElementById(SelectId);
mySelect.newOption = function(text,value,defaultSelected, selected){
var newOpt = this.appendChild(document.createElement("OPTION" ));
newOpt.innerHTML = text;
newOpt.value = value;
newOpt.defaultSelected = defaultSelected;
newOpt.selected = selected;
}
mySelect.newOption('   Paris','Paris',false,false);
mySelect.style.width = "200px";
}
window.onload = function() {
SelectInit("monselect" );
}
</script>
</head>
<body>
<select id="monselect">
</select>
</body>
</html>

mais pour indenter un élément option pourquoi ne joue tu pas sur le padding-left ?

mySelect[1].style.paddingLeft = "20px";

et hop emballé c'est pesé

elrond

Merci pour ta réponse

J'ai opté pour la première. En effet mySelect[1].style.paddingLeft = "20px"; fonctionne très bien dans firefox, mais pas dans ie.

Au final j'utilise cette fonction :

function AddOptionSel(mySelect, text, value, defaultSelected, isselected){
var newOpt = mySelect.appendChild(document.createElement("OPTION" ));
newOpt.innerHTML = text;
newOpt.value = value;
newOpt.defaultSelected = defaultSelected;
newOpt.selected = isselected;
}

Message édité par elrond le 26-08-2005 à 08:58:55

FORUM HardWare.fr

Programmation

HTML/CSS

[javascript]Espace insécable avec l'objet Option [Resolu]

Sujets relatifs
Librairie GD : utiliser imagepng() sans faire un header ? [résolu]	[RESOLU]stocker des valeurs en tableau de session ...?
[Résolu] Erreur detection media	[resolu]Récupérer le code ascii
Erreurs chez Free [Résolu]	[RESOLU]XML et flash -> je trouve pas l'erreur
[resolu]récupération de données	[résolu] spinbutton qui fait n'importe quoi ....
[VBS-> Résolu] Sélectionner une imprimante sous Excel	Variable dans une variable... [Résolu]
Plus de sujets relatifs à : [javascript]Espace insécable avec l'objet Option [Resolu]

Page générée en 0.049 secondes