High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

[Javascript] document.getElementById()

Dernière réponse le 20 avr 2008 à 16:17:21 Gilou, le 31 jui 2006 à 10:10:04 
 Signaler ce message aux modérateurs

Bonjour à tous, je suis un amateur en javascript.
J'ai écris une fonction en javascript qui permet de rendre visible et invisible un bloc selon la valeur de ma selection.
Le problème c'est qu'il marche bien sous IE et ne marche pas sur Firefox. Je ne sais vraiment pas pourquoi? Pouvez vous m'aider svp?
voici le code. 

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>
<!--

function select_onchange(var_select, val_true, var_display) {
   if(document.getElementById(var_select).getAttribute('value') == val_true){
	document.getElementById(var_display).style.display = 'block';	
   }
   else{
	document.getElementById(var_display).style.display = 'none';	
   }
}

//-->
</SCRIPT>
</HEAD>
<BODY>

<P>
       <SELECT id=select1 name=select1 onchange="return select_onchange('select1','1','ta')" > 
				<OPTION  value="2" selected > YO!!</OPTION>
				<OPTION value="2"> YA!!</OPTION>
	</SELECT></P>

<DIV id="ta" style="LEFT: 52px; WIDTH: 406px; POSITION: absolute; TOP: 78px; HEIGHT: 305px">
<font size="1" face="Verdana, Arial, Helvetica, sans-serif">
  <table width="450" border="0" cellspacing="5">
  <TBODY>
    <tr> 
      <td width="141"><div align="center">Etablissement</font>
      </div></td>
      <td width="112"><div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">numero de compte</font></div>
      </td>
      <td width="172"><div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><?php echo COUNTER_NUMBER; ?></font></div></td>
	<td width="67"><div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><?php echo KEY_RIB; ?></font></div></td></TR>
							
	 </TBODY></TABLE>
 <br>
		</DIV>				 
</BODY>
</HTML>

Meilleures réponses pour « [Javascript] document.getElementById() » dans :
Javascript - L'objet window VoirLes particularités de l'objet window L'objet window est l'objet par excellence dans Javascript, car il est le parent de chaque objet qui compose la page web, il contient donc : l'objet document: la page en elle-même l'objet location: le lieu de...
Javascript - La notion d'objet VoirNotion d'objet Le but de cette section n'a pas pour ambition de traîter de la programmation orientée objet mais de donner une idée de ce qu'est un objet, concept nécessaire à la création de scripts Javascript. Le Javascript traite les éléments qui...
Javascript: les méthodes associées aux objets VoirQu'appelle-t-on une méthode? Une méthode est une fonction associée à un objet, c'est-à-dire une action que l'on peut faire exécuter à un objet. Les méthodes des objets du navigateur sont des fonctions définies à l'avance par les normes HTML, on ne...
Posez votre question Répondre

1

bot1fo, le 31 jui 2006 à 10:43:57

Salut Gilou,
en fait ton erreur vient de la manière dont tu récupères la valeur sélectionnée dans le menu déroulant, il faut faire comme suit :

...
var oSelect = document.getElementById(var_select);
if( oSelect.options[oSelect.selectedIndex].value == val_true )
{
...
}


oilà.
A+

   
Répondre à bot1fo

2

bot1fo, le 31 jui 2006 à 17:26:55

De plus, modifie les valeurs de tes options, elles ont toutes les deux la valeur "2".
A+

   
Répondre à bot1fo

3

hapadap, le 4 nov 2007 à 19:06:47

Bonjour,
Bonjour,
Bonjour,
Bonjour,
Bonjour,
Bonjour,

   
Répondre à hapadap

4

 AnthoNyme, le 20 avr 2008 à 16:17:21

Salut,
Si ta question est toujours d'actualité (on sait jamais ;)) : 

<HTML>
	<HEAD>
		<TITLE>...</TITLE>
		<SCRIPT ID="clientEventHandlersJS" type="text/javascript">
			<!--
			function select_onchange(var_select, val_true, var_display) {
				if(document.getElementById(var_select).value == val_true){
					document.getElementById(var_display).style.display = 'block';
				}
				else
				{
					document.getElementById(var_display).style.display = 'none';
				}
			}
			//-->
		</SCRIPT>
	</HEAD>
	<BODY>
		<P>
			<SELECT id="select1" name="select1" onchange="return select_onchange('select1','1','ta')">
					<OPTION  value="1"> YO!!</OPTION>
					<OPTION value="2"> YA!!</OPTION>
			</SELECT>
		</P>
		<DIV id="ta" style="LEFT: 52px; WIDTH: 406px; POSITION: absolute; TOP: 78px; HEIGHT: 305px">
			<table width="450" border="0" cellspacing="5">
				<TBODY>
					<tr>
						<td width="141">
							<div align="center">
								<font size="1" face="Verdana, Arial, Helvetica, sans-serif">Etablissement</font>
							</div>
						</td>
						<td width="112"><div align="center">
							<div align="center">
								<font size="1" face="Verdana, Arial, Helvetica, sans-serif">Numero de compte</font>
							</div>
						</td>
						<!-- Suite du tableau ... -->
					</tr>				
				</TBODY>
			</TABLE>
			<br>
		</DIV>				 
	</BODY>
</HTML>


Je n'ai pas changé grand chose mais ça marche avec IE et FF ...

En ésperant avoir été utile ...

AnthoNyme
------------------------------------------
Rien n'empêche Melba

   
Répondre à AnthoNyme
Posez votre question Répondre
Ils ont besoin de votre aide