Centrer les choix d'un menu deroulant?
Franky4Doigts
Messages postés
100
Statut
Membre
-
Franky4Doigts Messages postés 100 Statut Membre -
Franky4Doigts Messages postés 100 Statut Membre -
Bonjour,
J'aimerai savoir si il est possible de centrer les choix d'un menu deroulant de type:
<select>
<option>choix1</option>
<option>choix2</option>
<option>choix3</option>
ect...
</select>
Si oui pouvez vous me dire comment faire car j'ai essayé plusieurs truc mais je n'y arrive pas....
Merci a vous!!!! ;-)
J'aimerai savoir si il est possible de centrer les choix d'un menu deroulant de type:
<select>
<option>choix1</option>
<option>choix2</option>
<option>choix3</option>
ect...
</select>
Si oui pouvez vous me dire comment faire car j'ai essayé plusieurs truc mais je n'y arrive pas....
Merci a vous!!!! ;-)
A voir également:
- Centrer les choix d'un menu deroulant?
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Canon quick menu - Télécharger - Utilitaires
- Samira a modifié le menu du jour que juliette lui avait envoyé. retrouvez les modifications proposées par samira : acceptez celles concernant les entrées, refusez celles concernant les plats et les desserts. combien de caractères (en incluant les espaces) contient la version finale du menu ? - Forum Matériel & Système
2 réponses
Principe de ce script: rechercher tous les tag "select" dans la page.
Calculer l'option la plus longue (nombre de caractères) pour ce select.
Pour les autres options du select, ajouter un certain nombre de caractères blancs ( ) en début de chaîne pour centrer celle-ci par rapport à la plus longue.
;-)
HackTrack
Calculer l'option la plus longue (nombre de caractères) pour ce select.
Pour les autres options du select, ajouter un certain nombre de caractères blancs ( ) en début de chaîne pour centrer celle-ci par rapport à la plus longue.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Centrage automatique du text dans les comboboxes</title>
<script>
function centerSelects(){
selectList = document.getElementsByTagName("select");
for(i=0 ; i< selectList.length ; i++){
select = selectList[i];
var maxLength=0;
for(j=0 ; j<select.children.length ; j++){
optionLength = select.children[j].innerHTML.length;
if(optionLength > maxLength){
maxLength=optionLength;
}
}
for(j=0 ; j<select.children.length ; j++){
optionLength = select.children[j].innerHTML.length;
if(optionLength < maxLength){
window.status+=j;
add="";
for(c=0 ; c<(maxLength-optionLength)/2 ; c++){
add+=" ";
}
add+=select.children[j].innerHTML;
select.children[j].innerHTML=add;
}
}
}
}
</script>
</head>
<body onload="centerSelects();">
<select name="data">
<option value="1">HackTrack</option>
<option value="2">Java</option>
<option value="3">Happy programming !</option>
</select>
<select name="other">
<option value="a">Try Java</option>
<option value="b">and</option>
<option value="c">boost your applications!</option>
</select>
</body>
</html>
;-)
HackTrack
