Cacher un "select"

15 janv. 2007, 14:19

Bonjour
j'ai un script qui affiche un calendrier ( je l'ai recuperé- je ne suis pas assez bon en JScript), mom prob c'est qu'il y a un <select> juste en dessous et que forcement avec le bug "IE" la calendrier qui se met dessus ne le masque pas. Ayant quelques rudiments de javascript je m'était mis en tête de masquer ce select à l'ouvertude du calendrier mais ça marche pas.
Voici l champ qui permet d'ouvrir le calendrier - avec le div qui va le contenir

Code : Tout sélectionner

<input onclick="ds_sh(this);" name="date" readonly="readonly" style="cursor: text" />
<table class="ds_box" cellpadding="0" cellspacing="0" id="ds_conclass" style="display: none; z-index: 400;">
<tr><td id="ds_calclass">
</td></tr>
</table>

la balise select

Code : Tout sélectionner

<input name="pays_expedition" type="text" size="40" maxlength="40" id="pays_expedition" />

et la fonction dans laquelle j'ai ajoutéma ligne de code( 2 eme ligne)-

Code : Tout sélectionner

function ds_sh(t) {
     document.getElementById("pays_expedition").style.visibility = "hidden";
	// Set the element to set...
	ds_element = t;
	// Make a new date, and set the current month and year.
	var ds_sh_date = new Date();
	ds_c_month = ds_sh_date.getMonth() + 1;
	ds_c_year = ds_sh_date.getFullYear();
	// Draw the calendar
	ds_draw_calendar(ds_c_month, ds_c_year);
	
	// To change the position properly, we must show it first.
	ds_ce.style.display = '';
	// Move the calendar container!
	the_left = ds_getleft(t);
	the_top = ds_gettop(t) + t.offsetHeight;
	ds_ce.style.left = the_left + 'px';
	ds_ce.style.top = the_top + 'px';
	// Scroll it into view.
	ds_ce.scrollIntoView();

}

Si quelqun pouvait identifier mon erreur
merci

15 janv. 2007, 15:12

Est-ce normal que ta balise select ne soit pas une balise select mais un simple champ input de type texte ? (qui à mon avis ne pose absolument aucun problème à IE lui

)

Ce qui expliquerait pourquoi ton select ne disparait pas (lui)

Autre solution pour éviter les problèmes de calque avec les select ou les plugin, c'est de caler une frame sous le calque..

15 janv. 2007, 16:11

je viens de vivre un gros moment de solitude là!!
en fait la balise select existe bien mais je ne ui avait pas donné le bon nom, je l'avais donné à une input., et betement je l'ai mis dans mon message.. tu m'as mis sur la piste et ça fonctionne.
Y'a des lundi on devrait rester au lit...
merci

15 janv. 2007, 17:14

Y a pas d'quoi

un p'tit clic sur le

en haut à gauche pour signaler à ceux qui auraient le même problème que ce topic contient une solution ?

18 janv. 2007, 19:41

Autre solution pour éviter les problèmes de calque avec les select ou les plugin, c'est de caler une frame sous le calque..

ça m'interesse, car moi aussi j'ai des problemes avec les calques qui passent derriere les select sous IE, peux tu expliquer ta solution ?

19 janv. 2007, 01:52

le prinicipe est d'utiliser du java script.

voila le select qui pose probleme :

Code : Tout sélectionner

<select name="pays" >liste d'options</select>

Un script me permet de positionner une fenetre -ou un menu -au dessus de ce select qui sous IE, passe "au travers" de cette fenetre.

L'idée est au moment de l'ouverture de cette fenetre, de faire disparaitre le select al'aide de ses proprieté css et de java script

Dans la fonction qui ouvre la fenetre j'insere ce code

Code : Tout sélectionner

document.getElementById("pays").style.visibility = "hidden";

"pays" faisant reference au name du select et la suite du code masquant le select.

ensuite dans la fonction javascript qui permet d'effacer le pop up ou le menu il faut inserer

Code : Tout sélectionner

document.getElementById("pays").style.visibility = "visible";

code qui permet de retablir l'affichage du select

19 janv. 2007, 04:05

Ah ok je connais déjà ce système, je pensais qu'il y'avait une autre solution

Cacher un "select"

Qui est en ligne