Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
Vieux 01/07/2009, 12h39   #1
Futur Membre du Club
 
Inscription : octobre 2006
Messages : 163
Détails du profil
Informations forums :
Inscription : octobre 2006
Messages : 163
Points : 18
Points : 18
Par défaut Alignement des elements HTML d'une cellule

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 :
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
32
33
34
35
36
37
38
39
40
41
<!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>
casawi est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 01/07/2009, 14h39   #2
Responsable JavaScript & AJAX
 
Avatar de vermine
 
Inscription : mars 2008
Messages : 2 436
Détails du profil
Informations personnelles :
Âge : 26

Informations forums :
Inscription : mars 2008
Messages : 2 436
Points : 4 886
Points : 4 886
Bonjour,

En remplacant 'block' par 'inline' ou bien '' (le vide), et en précisant un width sur les cellules car elles vont bouger sinon.
vermine est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +1. Il est actuellement 12h22.


 
 
 
 
Partenaires

Hébergement Web