Discussion :

[thebest31]

Bonjour,

J'ai une dropdownbox avec par défaut une valeur et j'aimerais la supprimer et prendre la valeur suivante par défaut:
Ce que j'ai:

Code html :

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

1
2
3
<option value="!ALL" selected > (All) </option> 
<option value="2006"  > 2006 </option> 
<option value="2005"  > 2005 </option>

Ce que je voudrais avoir à la place:

Code html :

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

1
2
<option value="2006" selected > 2006 </option> 
<option value="2005"  > 2005 </option>

Merci d'avance.

Cordialement.

[Kaamo]

Ce que je voudrais avoir à la place:

Code :

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

1
2
<option value="2006" selected > 2006 </option> 
<option value="2005"  > 2005 </option>

euh quelle est la question ? Car là tu viens de résoudre le problème. C'est en effet le code qu'il faut mettre si tu veux sélectionner la valeur 2006 et qu'elle soit prise par défaut.

Ou alors .... tu veux le faire dynamiquement avec Javascript ? Tu ne peux pas modifier le code HTML ?
Ou alors ... tu veux que lors du clic sur la liste, l'option "ALL" ne soit plus disponible et que 2006 le soit à la place ?

[thebest31]

Ce que je voudrais c'est qu'à l'ouverture de la page html le ALL ne soit pas proposé et que la page s'ouvre sur les données de 2006.

La valeur du deuxième choix est dynamique (ce ne sera pas toujours 2006).

En cherchant sur internet j'ai trouvé une formule sympa :

document.getElementById('my_drop_down').selectedIndex=2;

Mais le problème c'est que l'identifiant est dynamique donc je ne peux pas le mettre en dur.
S'il y a possibilité de changer le html sans passer par du javascript je prends aussi.

Pour info, cette page html provient d'un webtemplate SAP BW.

[SpaceFrog]

dropdownbox n'existe pas en html, c'est un select

pour basculer l'option selectionnée à la suivante, avant de te donner une piste, tu travailles avec jquery ?

[Kaamo]

Le plus simple serait de modifier le web template directement et de virer cette option qui semble être inutile.

[thebest31]

Non je ne travaille pas avec jquery.

J'aimerais bien supprimer cette fonctionnalité directement sur le webtemplate mais ce n'est pas possible. La seule chose que je peux faire (et que j'ai déjà implémenté) c'est le supprimer après avoir sélectionné à la main une année.

[Kaamo]

Pourquoi est-ce impossible ? C'est une question de droit ?
Donc tu ne peux pas modifier le template mais tu peux ajouter du javascript ?

[thebest31]

Il y a une option dans le webtemplate qui se nomme
Do Not Display "All values" Entry
qui lorsqu'elle est cochée permet de supprimer le ALL mais seulement une fois qu'une valeur ai été sélectionnée "à la main".

C'est parce que cette option ne marche pas que je cherche à passer par le javascript.

[SpaceFrog]

le js pour la selection du suivant ...

http://jsfiddle.net/xtcFk/

[Kaamo]

Es-tu sûr que cette "option ne marche pas" ? Peut-être est-ce le bon comportement de cet "objet SAP".
Peut-être que tu devrais te renseigner pourquoi le fait d'utiliser Do Not Display "All values" Entry ne permet pas de "cacher" ce ALL.
Sûrement un truc qui manque à ton web template ? Peut-être un filtre mal attaché à une vue ...

Mais bon, ça relève plutôt du support SAP.

En utilisant le Javascript tu contournes le problème initial, je pense.

[thebest31]

@SpaceFrog : l'identifiant étant dynamique je ne peux pas utiliser cette fonction

@Kaamo : j'ai déjà ouvert une discussion sur ce sujet au niveau du forum SAP mais pas de réponse

Merci quand même à vous deux!

[Kaamo]

Comme tu le décris, "ALL" peut-être caché seulement s'il y a un filtre donc ? Sur l'année en l'occurrence ?
Essaie donc de définir un filtre automatique au chargement de ce template. ça doit sûrement être possible.
Par exemple, crée une vue basé sur une requête (sélectionner 2006) et attache la vue au template.
Ainsi, une fois le template lancé, il ira chercher la vue correspondante, appliquera le filtre et avec l'option adéquate (Do Not Display ...), le ALL ne devrait pas s'afficher.

[NoSmoking]

Bonjour,

@SpaceFrog : l'identifiant étant dynamique je ne peux pas utiliser cette fonction

tu peux l'atteindre via la méthode getElementsByTagName

Code :

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

var lstSelect = document.getElementsByTagName('SELECT');

Il te suffit de trouver le bon s'il y en à plusieurs.

[Auteur]

bonsoir,

un petite remarque concernant le code HTML :

Code HTML :

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

1
2
<select>
<option value="!ALL" selected> ALL </option>

il faut écrire selected="selected" sinon ce n'est pas valide W3C

Code HTML :

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

1
2
<select>
<option value="!ALL" selected="selected"> ALL </option>

[Bovino]

Auteur, ça dépend du doctype. En syntaxe xhtml oui, tout attribut doit avoir une valeur, mais en syntaxe HTML, tu peux avoir des attributs dits booléens et sans valeur (leur seule présence équivaut à une valeur).
En HTML5, les deux syntaxes sont autorisées.

[Auteur]

C'est vrai tu as raison, cela dépend du doctype. En HTML 4, je sais que la syntaxe est autorisée mais j'ai pris l'habitude du XHTML

Par contre en HTML 5 (j'avoue toutefois que je ne me suis pas encore penché sur les normes), je suis un peu surpris, c'est un retour en arrière ?

[Bovino]

Non, c'est une continuité.
La syntaxe HTML ayant toujours autorisé cette notation.
La seule chose, c'est que HTML5 autorise les deux types de syntaxe.

[thebest31]

Alors j'ai quelque chose de très bizarre!!
J'ai exécuté le code de NoSmoking et j'ai bien l'affichage du dropdownbox qui marche mais par contre quand j'affiche la source de la page HTML j'ai toujours le All qui est en selected.
Du coup mes tableaux de données associés au dropdownbox ne se mettent pas à jour.
Des idées du pourquoi du comment??
Merci d'avance

[SpaceFrog]

ne te fie pas au source de la page ...
il n'est le reflet que de ce que ton navigatier reçoit du serveur, pas ce qui est modifié par script...
Si tu as firebug, l'onglet html est lui le reflet de la page affichée, modification dynamiques comprises

[NoSmoking]

J'ai exécuté le code de NoSmoking et j'ai...

euh! je n'ais pas donné de code mais un indice qui sans plus ne fera rien

Cette fois voici un exemple d'utilisation

Code html :

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
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>[...]</title>
<style>
</style>
</head>
<body>
<select>
  <option>Select #1</option>
  <option>Select #2</option>
  <option>Select #3</option>
</select>
<select>
  <option value="!ALL">All</option>
  <option>Select #1</option>
  <option>Select #2</option>
  <option>Select #3</option>
</select>
<script>
var lstSelect = document.getElementsByTagName('SELECT');
var i, nb = lstSelect.length;
for( i=0; i < nb; i++){
  if( lstSelect[i].options[0].value == "!ALL"){
    lstSelect[i].removeChild( lstSelect[i].options[0]);
  }
}
</script>
</body>
</html>