IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Alignement des elements HTML d'une cellule


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Inscrit en
    Octobre 2006
    Messages
    191
    Détails du profil
    Informations forums :
    Inscription : Octobre 2006
    Messages : 191
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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>

  2. #2
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    Bonjour,

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

Discussions similaires

  1. [AJAX] Déplacer des objets HTML sur une page web
    Par brazilia28 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 09/06/2007, 12h47
  2. Afficher des éléments HTML dans une WindowsForm
    Par flagadda dans le forum Windows Forms
    Réponses: 3
    Dernier message: 16/04/2007, 17h31
  3. Alignement des icones placés dans une liste
    Par barbiche dans le forum Interfaces Graphiques en Java
    Réponses: 6
    Dernier message: 05/04/2007, 16h10
  4. Afficher des balises HTML dans une chaine javascript
    Par lapaupiette dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 07/03/2007, 10h19
  5. Lister des element HTML à partir d'une autre frame
    Par psychomatt dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 03/03/2006, 18h03

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo