[Résolu] Problème avec une liste déroulante

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu [Résolu] Problème avec une liste déroulante

Message par FANCH 56 le Ven 8 Fév 2013 - 16:28

Bonjour

J'ai fait une liste de contact pour administrateurs,dans une liste déroulante dans un widget.

Mais sur la première ligne, apparaît le nom donné à la liste déroulante.

J'ai beau tripatouillé dans tous les sens, pas moyen de retirer cette première ligne

Voir code et capture ci-dessous

Merci

Code:
<div style="text-align: center;"><select class="optionscolored" style="width: 280px;" onchange="location = this.value">
          <option selected="selected">JOINDRE UN ADMINISTRATEUR</option>

<option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=908">- Alain  29</option>
       
 <option value="http://www.anciens-cols-bleus.net/u997contact">- centime44</option>

          <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=2792">- Charly.</option>

          <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=658">- COLLEMANT Dominique</option>

          <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=1327">- Franjacq</option>

          <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=255">- Momo</option>

          <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=276">- PAILLETTE</option>

          <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=269">- SEGALEN Georges</option>

       
          </select></div>



Dernière édition par FANCH 56 le Sam 9 Fév 2013 - 8:44, édité 1 fois

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Problème avec une liste déroulante

Message par Scoubifitz le Sam 9 Fév 2013 - 0:40

coucou FANCH 56 !^^

c'est assez difficile , parce que chaque navigateur a sa propre définition des balises de formulaire ...

j'ai une demi-réussite avec Firefox et Chrome , mais sans Safari et IE ... juste en mettant du CSS ...

Code:
<style type="text/css">
  select.optionscolored option[selected] { display:none; }
</style>
<div style="text-align: center;">
  <select class="optionscolored" style="width: 280px;" onchange="location = this.value">
      <option selected="selected">JOINDRE UN ADMINISTRATEUR</option>
      <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=908">- Alain  29</option>
      <option value="http://www.anciens-cols-bleus.net/u997contact">- centime44</option>
      <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=2792">- Charly.</option>
      <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=658">- COLLEMANT Dominique</option>
      <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=1327">- Franjacq</option>
      <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=255">- Momo</option>
      <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=276">- PAILLETTE</option>
      <option value="http://www.anciens-cols-bleus.net/profile?mode=email&amp;u=269">- SEGALEN Georges</option>
    </select>
</div>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Problème avec une liste déroulante

Message par FANCH 56 le Sam 9 Fév 2013 - 8:22

Bonjour Scoubifitz

Pour ma part cela fonctionne sous Firefox et OPERA sous Linux.

Mais je ne vois pas ce que tu as changé, ou alors faut que je change mes lunettes

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Problème avec une liste déroulante

Message par Scoubifitz le Sam 9 Fév 2013 - 8:38

Lunette

j'ai rajouté du CSS , juste au-dessus de ton code :

Code:
<style type="text/css">
  select.optionscolored option[selected] { display:none; }
</style>
... en essayant de rendre l'option "sélectionnée d'office" non-apparente .

Firefox vérifie la liste des options et affiche le contenu de l'option sélectionnée dans le champ du "select" , le CSS demande que le champ de l'option n'apparaisse pas dans le menu déroulant ...

... et comme chaque navigateur a ses propres règles , certains ne le font pas ... ou n'en tiennent pas compte ...

Sourire2

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Problème avec une liste déroulante

Message par FANCH 56 le Sam 9 Fév 2013 - 8:44

Ok Merci

Résolu

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum