Alignement des elements HTML d'une cellule

casawi · 01/07/2009, 12h39

Bonjour
Est ce qu'il y a une solution javascript qui me permet d'avoir la champ texte qui apparaît après la sélection de la valeur 'autre' dans la même ligne que ma liste déroulante ?
Il y a une solution avec les tables, mais je cherche une autre.

Et merci

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript">
	function change(){
		if(document.forms[0].elements["sel"].value == 'autre' ){
		document.forms[0].elements["valu"].style.display = 'block';
		document.forms[0].elements["valu"].value = '';	
	}else{
		document.forms[0].elements["valu"].style.display = 'none';	
	}
	}
</script>
</head>
 
<body bgcolor="#999999">
<form>
<table width="100%" border="1">
  <tr>
    <td>aaaa</td>
    <td>aaaa</td>
  </tr>
  <tr>
    <td>bddd</td>
    <td>
	<select name="sel" onchange="change();"><option value="standard">Standard</option>
						<option value="AAA">AAA</option>
						<option value="BBB">BBB</option>
						<option value="autre">Autre</option></select>
					 
					 
					<input type="text" name="valu" maxlength="10" size="10" value=""style="display : none">
		
			</td>
  </tr>
</table>
</form>
</body>
</html>

vermine · 01/07/2009, 14h39

Bonjour,

En remplacant 'block' par 'inline' ou bien '' (le vide), et en précisant un width sur les cellules car elles vont bouger sinon.

01/07/2009, 14h39	#2
vermine Membre chevronné Date d'inscription: mars 2008 Messages: 658	Bonjour, En remplacant 'block' par 'inline' ou bien '' (le vide), et en précisant un width sur les cellules car elles vont bouger sinon.

		Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
Alignement des elements HTML d'une cellule

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email