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 :

Stylé avec Javascript


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Homme Profil pro
    Technophile Web
    Inscrit en
    Mai 2007
    Messages
    930
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Technophile Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2007
    Messages : 930
    Points : 467
    Points
    467
    Par défaut Stylé avec Javascript
    Bonjour,

    J'ai un petit problème de mise en page sur une de mes pages Web. Voila, j'ai une liste générée par PHP (enfait contenue dans une BDD). Autant dire que la longueur de ce tableau est variable.

    J'ai une zone de page réservé (85%). Je voudrais que ma zone réservée dispose du plus d'élément possible. Je pense que vu que le graphisme est dynamique, je vais le faire en javascript

    Exemple 1 :

    Ma liste est : "Manger","Boire","Dormir" <----- longueur aléatoire
    ma zone reservée
    ['''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''']
    --------------------------------
    | Manger Boire Dormir |
    --------------------------------


    Exemple 2 :

    Ma liste est : "Manger","Boire","Dormir","Vomir" <----- longueur aléatoire
    la même zone
    ['''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''']
    --------------------------------
    | Manger Boire Dormir |
    | Vomir |
    --------------------------------

    est ce que vous voyez un moyen de faire cela ?

    PS : j'ai essayé un truc qui, au moment de la génération de ma liste, initialisé une variable php qui correspond à la longeur du tableau'. mais quand j'ai tenté (au chargement de la page) d'afficher via un alert javascript le contenu de cette variable, j'ai eu un 0 (je pense que l'événement onload n'est pas le bon, je pense que onload=au début du chargement, et il me faudrait un événement à la fin du chargement)

  2. #2
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Points : 2 351
    Points
    2 351
    Par défaut
    Salut,

    Tu peux donner le code html actuellement produit par ton php ?

  3. #3
    Membre confirmé
    Homme Profil pro
    Technophile Web
    Inscrit en
    Mai 2007
    Messages
    930
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Technophile Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2007
    Messages : 930
    Points : 467
    Points
    467
    Par défaut
    attention c'est pas propre
    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
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    173
    174
    175
    176
    177
    178
    179
    180
    181
    182
    183
    184
    185
    186
    187
    188
    189
    190
    191
    192
    193
    194
    195
    196
    197
    198
    199
    200
    201
    202
    203
    204
    205
    206
    207
    208
    209
    210
    211
    212
    213
    214
    215
    216
    217
    218
    219
    220
    221
    222
    223
    224
    225
    226
    227
    228
    229
    230
    231
    232
    233
    234
    235
    236
    237
    238
    239
    240
    241
    242
    243
    244
    245
    246
    <?php
    require_once ("include/header.php"); // obligation : security testing
    $number_action=0; // for styles
    if (isset ($_POST) && isset ($_POST['myAction']) && $_POST['myAction'] != 'modify') {
    	//	Delete space in begin or end of data
    	foreach ($_POST as $key => $value) 
    	{
    		$data[$key] = trim($value);
    	}
    	// -- VERIFICATION --
    	if (!eregi("[[:alpha:]]", $data['fname'])) {
    		$error_text = 'Firstname should be alphanumeric';
    		require_once ("include/top.php");
    		require_once ("menu.php");
    	} else
    		if (!eregi("[[:print:]]", $data['lname'])) {
    			$error_text = 'Lastname should be alphanumeric';
    			require_once ("include/top.php");
    			require_once ("menu.php");
    		} else
    			if (!eregi("[[:print:]]", $data['login'])) {
    				$error_text = 'Login should be alphanumeric';
    				require_once ("include/top.php");
    				require_once ("menu.php");
    				echo $error_text;
    			} else
    				if (!eregi("[[:alnum:]_-][^âêîôûäëïöüéèàù]+@[[:alnum:]_-]{2,}[.][[:alpha:]]{2,3}$", $data['mail'])) {
    					$error_text = 'Email adress doesn\'t respect RFC standards';
    					require_once ("include/top.php");
    					require_once ("menu.php");
    				} else {
    					if ($user->isAllowed("create-account")) {
    						$droits = array ();
    						if (isset ($_POST["typeAccount"]) && $_POST["typeAccount"] == 3) {
    							$company = $data['nameCompany'];
    							$version = $data['version'];
    							array_push($droits, "download-doc");
    							array_push($droits, "download-version");
    							array_push($droits, "download-licence");
    						} else {
    							$company = "";
    							$version = "";
    							array_push($droits, "download-doc");
    						}
    						if (isset ($_POST["nameCompany"]) && trim($_POST["nameCompany"]) != "") {
    							if (isset ($_POST['country'])) {
    								$company = $user->addCompany(trim($_POST["nameCompany"]), "", "", $_POST['country'], "", "", "");
    							} else {
    								$company = $user->addCompany(trim($_POST["nameCompany"]), "", "", "", "", "", "");
    							}
    						}
    						if (isset ($_POST["myAction"]) && $_POST["myAction"] == "update") {
    							$id = $user->updateAccount($_POST["id"], $data['typeAccount'], $data['fname'], $data['lname'], $data['login'], $data['mail'], $data['lang'], $data['phone'], $version, $company, $droits);
    						} else {
    							$id = $user->create_account($data['fname'], $data['lname'], $data['login'], $data['mail'], $data['lang'], $data['phone'], $version, $company, $droits);
    						}
    						header("Location: display-account.php?account=" . $id);
    					} else {
    						header("Location: error.php");
    					}
    				}
    }
    if (isset ($_POST["myAction"])) {
    	switch ($_POST["myAction"]) {
    		case "modify" :
    			$_POST = $user->createPost($_POST["id"]);
    		case "update" :
    			$labelAction = "update";
    			break;
     
    		default :
    			$labelAction = "create";
    			break;
    	}
    } else {
    	$labelAction = "create";
    }
    require_once ("include/top.php");
    require_once ("menu.php");
    function display_company_list() {
    	$companyList = unserialize($_SESSION['user0'])->getCompanyList();
    	if (count($companyList) > 0) {
    		foreach ($companyList as $value) {
    			$id = $value->id_company;
    			$name = $value->name;
    			str_replace("'", "\'", $name);
    			if ($value->id_company == refresh('company')) {
    				echo '<option value="' . $value->id_company . '" selected="selected">' . addslashes($value->name) . '</option>';
    			} else {
    				echo '<option value="' . $value->id_company . '">' . addslashes($value->name) . '</option>';
    			}
    		}
    	}
    }
    function display_version_list() {
    	$versionList = unserialize($_SESSION['user0'])->getVersionList();
    	foreach ($versionList as $value) {
    		if ($value->id_version == refresh('version')) {
    			echo '<option value="' . $value->id_version . '" selected="selected">' . $value->name_version . '</option>';
    		} else {
    			echo '<option value="' . $value->id_version . '">' . $value->name_version . '</option>';
    		}
    	}
    }
    function display_list_country() {
    	$list_country = unserialize($_SESSION['user0'])->list_country();
    	foreach ($list_country as $key => $value) {
    		if ($value == refresh('country')) 
    		{
    			echo '<option value="' . $key . '" selected="selected">' . $value. '</option>';
    		} 
    		else 
    		{
    			echo '<option value="' . $key . '">' . ucfirst($value) . '</option>';
    		}
    	}
    }
    function display_list_action() {
    	$list_action = unserialize($_SESSION['user0'])->list_action();
    	$i=0;
    	foreach ($list_action as $key => $value) 
    	{
    		echo '<p class="rights">';
    		echo '<label for="' . $key . '">' . $value . '</label>';
    		if (strtolower($value) == "documentation") 
    		{
    			echo '<input type="checkbox" name="' . $key . '" checked="checked" />';
    		} 
    		else 
    		{
    			echo '<input type="checkbox" name="' . $key . '" />';
    		}
    		echo '</p>';
    		$i++;
    	}
    	$number_action = $i;
    }
    ?>
    <p>
    	<script language="javascript">
    	window.onload=init();
    	function init()
    	{
    		alert('<?php echo $number_action; ?>');
    	}
    	var compForm = '<p><label for="type">Company type</label>'
    	+'Customer : <input type="radio" value="client" name="typeCompany" checked="checked" />'
    	+'partner : <input type="radio" name="typeCompany" />'
    	+'OEM : <input type="radio" name="typeCompany" /></p>'
    	+'<p><label for="contract">Contract type</label>'
    	+'US : <input type="radio" value="us" name="contract" checked="checked" />'
    	+'EU : <input type="radio" value="eu" name="contract" /></p>'
    	+'<p><label for="countryCompany">Country</label>'
    	+'<input type="text" name="countryCompany" /></p>'
    	+'<p><label for="addressCompany">Adress</label>'
    	+'<input type="text" name="addressCompany" /></p>'
    	+'<p><label for="zipCodeCompany">Zip code</label>'
    	+'<input type="text" name="zipCodeCompany" /></p>'
    	+'<p><label for="provinceCompany">province</label>'
    	+'<input type="text" name="provinceCompany" /></p>';
    function addCompany()	
    {
    	$('nameCompany').replace('<input class="required" type="text" name="nameCompany" id="nameCompany" />');
    	Element.insert($('para_company'),compForm);
    	$('company-switcher').replace('<p><a id="company-switcher" href="javascript:selectCompany()">Select an existing company</a></p>');
    }
    function selectCompany()
    {
    	$('company-switcher').replace('<p><a id="company-switcher" href="javascript:addCompany()">Add a company</a></p>');
    	$('para_company').replace('<p id="para_company"><label for="nameCompany">Company : </label>'
    								+'<select id="nameCompany" name="nameCompany">'
    								+'<option value="">Select a company</option>'
    								+'<?php display_company_list(); ?>'
    								+'</select></p>');
    }
    	</script>
    <form id="connexion" action="account.php" method="post" class="cssform">
    	<fieldset>
    	    	<legend><? echo ucfirst($labelAction); ?> an account</legend>
    	    	<div class="checkbox-list">
    	    		<?php display_list_action(); ?>
    	    	</div>
    		</p>
    	    	<p>
    			<label for="fname">Firstname : </label>	
              		<input class="required" type="text" id="fname" name="fname" value="<?php echo refresh('fname'); ?>" />
          		</p>	   
          		<p>
              		<label for="lang">Lastname : </label>	
              		<input type="text" id="lname" name="lname" value="<?php echo refresh('lname'); ?>" />
          		</p>	   
         		<p>
              		<label for="login">Login : </label>
              		<input type="text" id="login" name="login" value="<?php echo refresh('login'); ?>" />
          		</p>
          		<p>
              		<label for="mail">Email : </label>	
              		<input class="required" type="text" id="mail" name="mail" value="<?php echo refresh('mail'); ?>" />
          		</p>	
          		<p>
              		<label for="lang">Language</label>
    			<input type="radio" value="en" name="lang" checked="checked"/> English
    			<input type="radio" value="fr" name="lang" /> French
          		</p>
          		<p>
              		<label for="phone">Phone : </label>	
              		<input type="text" id="phone" name="phone" value="<?php echo refresh('phone'); ?>" />
          		</p>
          		<p id="para_country">
    			<label for="country">Country : </label>
    			<select id="country" name="country">
    			<option value="">Select your country</option>
    				<?php display_list_country(); ?>						
    			</select>
    			<p>
          		<p id="para_version">
    			<label for="version">Version : </label>
    			<select id="version" name="version">
    			<option value="">Select a version</option>
    			<?php display_version_list(); ?>
    			</select>
    		</p>
    		<p id="para_company">
    			<label for="nameCompany">Company : </label>
    			<select id="nameCompany" name="nameCompany">
    			<option value="">Select your company</option>
    				<?php display_company_list(); ?>						
    			</select>
    		<p>
    				<p><a id="company-switcher" href="javascript:addCompany()">Add a company</a></p>
    	</fieldset>
    	        <label class="none">&nbsp;</label>
     
    	        <span class="button"><input type="submit" name="submit" value="<?php echo ucfirst($labelAction); ?>" /></span>
    	        <span class="button"><input type="reset" name="del" value="Reset" /></span>
     
        </p>
    <?php
     
     
    echo '<input type="hidden" name="myAction" value="' . $labelAction . '">';
    echo '<input type="hidden" name="id" value="' . refresh('id') . '">';
    ?>
    </form>
    </p>
    <?php  require_once ("include/footer.php"); ?>

  4. #4
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Points : 2 351
    Points
    2 351
    Par défaut
    Salut,

    Merci pour le code php, ça pourra servir, mais j'aurai apprécié le code
    html produit par ton php, le résultat :-)

  5. #5
    Membre confirmé
    Homme Profil pro
    Technophile Web
    Inscrit en
    Mai 2007
    Messages
    930
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Technophile Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2007
    Messages : 930
    Points : 467
    Points
    467
    Par défaut
    Citation Envoyé par marcha Voir le message
    Salut,

    Merci pour le code php, ça pourra servir, mais j'aurai apprécié le code
    html produit par ton php, le résultat :-)
    autant pour moi

    le voici (il est encore moins propore)
    Code html : 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
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    <!DOCTYPE html 
         PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
      <head>
    		<title>SkyRecon System - Extranet</title>
    		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    		<script type="text/javascript" src="javascript/prototype-1.6.0.2.js"></script>
    <!--		
    		<script type="text/javascript" src="javascript/global.js"></script>
    -->
    		<LINK rel="stylesheet" href="image/css.css" type="text/css"/>
     
    <!--[if IE]>
    		<LINK rel="stylesheet" href="image/cssIE.css" type="text/css"/>
    <![endif]-->
     
    <link rel="stylesheet" type="text/css" href="stylesheet/general.css" /><link rel="stylesheet" type="text/css" href="stylesheet/skyrecon.css" />	</head>
    	<body>
    <TABLE height="120" width="100%" bgcolor="#ffffff" border="0" align="center" cellpadding="0" cellspacing="0">
    <TR>
    <TD class="title"><A href="panel.php"><IMG src="image/spacer.gif" width="200" border="0" height="120" /></A></TD>
    <TD class="topcenter" id="warning"></TD>
    <TD class="topright"><IMG src="image/spacer.gif" width="1" border="0" height="1" /></TD>
    </TR>
    </TABLE>
    <TABLE width="100%"  bgcolor="#ffffff" border="0" align="center" cellpadding="0" cellspacing="0">
    <TR>
    <TD class="leftborderpath"><IMG src="image/spacer.gif" width="1" height="1" /></TD>
    <TD id="TDmain">
     
    	<DIV id="header">
    		<DIV id="user">Welcome mrabbaa</DIV>
    		<div id="logout"><a class="button" href="script/logout.php"><span>Logout</span></A></div>
    	</DIV>
    	<div id="header_barre"> </div>
     
     
     
    <DIV class="menu">
     
    	<UL>
    <li class=action><a href='panel.php?type=product'>Product information</a></li><li class=action><a href='account.php'>Create an account</a></li><li class=action><a href='log.php'>Display the log file</a></li><li class=action><a href='doc.php'>Get documentation</a></li><li class=action><a href='version.php?type=prod_doc'>Product Documentation</a></li><li class=action><a href='version.php'>Download my version</a></li><li class=action><a href='licence.php'>Download my licence</a></li>		<li class=action style="margin-top:50px;"><a href="script/logout.php">Logout</a></li>
    	</UL>
    </DIV>
    <DIV class="mainCenter">
    <p>
     
    	<script language="javascript">
     
    	var compForm = '<p><label for="type">Company type</label>'
    	+'Customer : <input type="radio" value="client" name="typeCompany" checked="checked" />'
    	+'partner : <input type="radio" name="typeCompany" />'
    	+'OEM : <input type="radio" name="typeCompany" /></p>'
    	+'<p><label for="contract">Contract type</label>'
    	+'US : <input type="radio" value="us" name="contract" checked="checked" />'
    	+'EU : <input type="radio" value="eu" name="contract" /></p>'
    	+'<p><label for="countryCompany">Country</label>'
    	+'<input type="text" name="countryCompany" /></p>'
    	+'<p><label for="addressCompany">Adress</label>'
    	+'<input type="text" name="addressCompany" /></p>'
    	+'<p><label for="zipCodeCompany">Zip code</label>'
    	+'<input type="text" name="zipCodeCompany" /></p>'
    	+'<p><label for="provinceCompany">province</label>'
    	+'<input type="text" name="provinceCompany" /></p>';
    function addCompany()	
    {
    	$('nameCompany').replace('<input class="required" type="text" name="nameCompany" id="nameCompany" />');
    	Element.insert($('para_company'),compForm);
    	$('company-switcher').replace('<p><a id="company-switcher" href="javascript:selectCompany()">Select an existing company</a></p>');
    }
    function selectCompany()
    {
    	$('company-switcher').replace('<p><a id="company-switcher" href="javascript:addCompany()">Add a company</a></p>');
    	$('para_company').replace('<p id="para_company"><label for="nameCompany">Company : </label>'
    								+'<select id="nameCompany" name="nameCompany">'
    								+'<option value="">Select a company</option>'
    								+'<option value="1">aoniojhop</option>'
    								+'</select></p>');
    }
    	</script>
    <form id="connexion" action="account.php" method="post" class="cssform">
    	<fieldset>
    	    	<legend>Create an account</legend>
    	    	<div class="checkbox-list">
    	    		<p class="rights"><label for="1">Get documentation</label><input type="checkbox" name="1" /></p><p class="rights"><label for="2">Download my licence</label><input type="checkbox" name="2" /></p><p class="rights"><label for="3">Download my version</label><input type="checkbox" name="3" /></p><p class="rights"><label for="4">Display the log file</label><input type="checkbox" name="4" /></p><p class="rights"><label for="5">Create an account</label><input type="checkbox" name="5" /></p><p class="rights"><label for="6">Search by type</label><input type="checkbox" name="6" /></p><p class="rights"><label for="7">Administrate an account</label><input type="checkbox" name="7" /></p><p class="rights"><label for="8">Migrate some info from file</label><input type="checkbox" name="8" /></p><p class="rights"><label for="9">Add an environment</label><input type="checkbox" name="9" /></p><p class="rights"><label for="10">List environments</label><input type="checkbox" name="10" /></p><p class="rights"><label for="11">Past e commande</label><input type="checkbox" name="11" /></p><p class="rights"><label for="12">List environments</label><input type="checkbox" name="12" /></p><p class="rights"><label for="13">List environments</label><input type="checkbox" name="13" /></p><p class="rights"><label for="14">Add product</label><input type="checkbox" name="14" /></p><p class="rights"><label for="15">List products</label><input type="checkbox" name="15" /></p><p class="rights"><label for="16">documentation</label><input type="checkbox" name="16" checked="checked" /></p><p class="rights"><label for="17">Documentation</label><input type="checkbox" name="17" checked="checked" /></p>	    	</div>
     
    		</p>
    	    	<p>
    			<label for="fname">Firstname : </label>	
              		<input class="required" type="text" id="fname" name="fname" value="" />
          		</p>	   
          		<p>
              		<label for="lang">Lastname : </label>	
              		<input type="text" id="lname" name="lname" value="" />
          		</p>	   
         		<p>
     
              		<label for="login">Login : </label>
              		<input type="text" id="login" name="login" value="" />
          		</p>
          		<p>
              		<label for="mail">Email : </label>	
              		<input class="required" type="text" id="mail" name="mail" value="" />
          		</p>	
          		<p>
              		<label for="lang">Language</label>
     
    			<input type="radio" value="en" name="lang" checked="checked"/> English
    			<input type="radio" value="fr" name="lang" /> French
          		</p>
          		<p>
              		<label for="phone">Phone : </label>	
              		<input type="text" id="phone" name="phone" value="" />
          		</p>
          		<p id="para_country">
    			<label for="country">Country : </label>
     
    			<select id="country" name="country">
    			<option value="">Select your country</option>
    				<option value="259">Norway</option><option value="260">France</option><option value="261">United kingdom</option><option value="262">United states</option><option value="263">Belgium</option><option value="264">Switzerland</option><option value="265">Luxembourg</option><option value="266">Spain</option><option value="267">Morocco</option><option value="268">Poland</option><option value="269">Danmark</option><option value="270">Sweden</option><option value="271">Finland</option><option value="272">Thailand</option><option value="273">Tanzania</option><option value="274">Taiwan</option><option value="275">Tajikistan</option><option value="276">Syria</option><option value="277">Swaziland</option><option value="278">Svalbard and jan mayen islands</option><option value="279">Sudan</option><option value="280">Suriname</option><option value="281">Sri lanka</option><option value="282">South africa</option><option value="283">Somalia</option><option value="284">Solomon islands</option><option value="285">Slovenia</option><option value="286">Slovak republic</option><option value="287">Singapore</option><option value="288">Sierra leone</option><option value="289">Seychelles</option><option value="290">Senegal</option><option value="291">Serbia and montenegro</option><option value="292">Albania</option><option value="293">Algeria</option><option value="294">American samoa</option><option value="295">Andorra</option><option value="296">Angola</option><option value="297">Anguilla</option><option value="298">Antarctica</option><option value="299">Antigua and barbuda</option><option value="300">Argentina</option><option value="301">Armenia</option><option value="302">Aruba</option><option value="303">Ascension island</option><option value="304">Australia</option><option value="305">Austria</option><option value="306">Azerbaijan</option><option value="307">Bahamas</option><option value="308">Bahrain</option><option value="309">Bangladesh</option><option value="310">Barbados</option><option value="311">Belarus</option><option value="312">Belize</option><option value="313">Benin</option><option value="314">Bermuda</option><option value="315">Bhutan</option><option value="316">Bolivia</option><option value="317">Bosnia and herzegovina</option><option value="318">Botswana</option><option value="319">Bouvet island</option><option value="320">Brazil</option><option value="321">British virgin islands</option><option value="322">British indian ocean territory</option><option value="323">Brunei darussalam</option><option value="324">Bulgaria</option><option value="325">Burkina faso</option><option value="326">Burundi</option><option value="327">Cambodia</option><option value="328">Cameroon</option><option value="329">Canada</option><option value="330">Cap verde</option><option value="331">Cayman islands</option><option value="332">Central african republic</option><option value="333">Chad</option><option value="334">Channel islands</option><option value="335">Chile</option><option value="336">China</option><option value="337">Christmas island</option><option value="338">Cocos (keeling) island</option><option value="339">Colombia</option><option value="340">Comoros</option><option value="341">Cook islands</option><option value="342">Costa rica</option><option value="343">Cote d'ivoire</option><option value="344">Croatia</option><option value="345">Cuba</option><option value="346">Cyprus</option><option value="347">Czech republic</option><option value="348">Djibouti</option><option value="349">Dominica</option><option value="350">Dominican republic</option><option value="351">Ecuador</option><option value="352">Egypt</option><option value="353">El salvador</option><option value="354">Equatorial guinea</option><option value="355">Eritrea</option><option value="356">Estonia</option><option value="357">Ethiopia</option><option value="358">Faroe islands</option><option value="359">Falkland islands (malvinas)</option><option value="360">Fiji</option><option value="361">French guiana</option><option value="362">French polynesia</option><option value="363">French southern territories</option><option value="364">Gabon</option><option value="365">Gambia</option><option value="366">Georgia</option><option value="367">Germany</option><option value="368">Ghana</option><option value="369">Gibraltar</option><option value="370">Greece</option><option value="371">Greenland</option><option value="372">Grenada</option><option value="373">Guadeloupe</option><option value="374">Guam</option><option value="375">Guatemala</option><option value="376">Guernsey</option><option value="377">Guinea</option><option value="378">Guinea-bissau</option><option value="379">Guyana</option><option value="380">Haiti</option><option value="381">Heard and mcdonald islands</option><option value="382">Honduras</option><option value="383">Hong kong</option><option value="384">Hungary</option><option value="385">Iceland</option><option value="386">India</option><option value="387">Indonesia</option><option value="388">Iran</option><option value="389">Iraq</option><option value="390">Ireland</option><option value="391">Isle of man</option><option value="392">Israel</option><option value="393">Italy</option><option value="394">Jamaica</option><option value="395">Japan</option><option value="396">Jersey</option><option value="397">Jordan</option><option value="398">Kazakhstan</option><option value="399">Kenya</option><option value="400">Kiribati</option><option value="401">Korea north</option><option value="402">Korea south</option><option value="403">Kuwait</option><option value="404">Kyrgyzstan</option><option value="405">Laos</option><option value="406">Latvia</option><option value="407">Lebanon</option><option value="408">Lesotho</option><option value="409">Liberia</option><option value="410">Libya</option><option value="411">Liechtenstein</option><option value="412">Lithuania</option><option value="413">Macau</option><option value="414">Macedonia</option><option value="415">Madagascar</option><option value="416">Malawi</option><option value="417">Malaysia</option><option value="418">Maldives</option><option value="419">Mali</option><option value="420">Malta</option><option value="421">Marshall islands</option><option value="422">Martinique</option><option value="423">Mauritania</option><option value="424">Mauritius</option><option value="425">Mayotte</option><option value="426">Mexico</option><option value="427">Micronesia</option><option value="428">Moldova</option><option value="429">Monaco</option><option value="430">Mongolia</option><option value="431">Montserrat</option><option value="432">Mozambique</option><option value="433">Myanmar</option><option value="434">Namibia</option><option value="435">Nauru</option><option value="436">Nepal</option><option value="437">Netherlands</option><option value="438">Netherlands antilles</option><option value="439">New caledonia</option><option value="440">New zealand</option><option value="441">Nicaragua</option><option value="442">Niue</option><option value="443">Niger</option><option value="444">Nigeria</option><option value="445">Norfolk island</option><option value="446">Northern mariana islands</option><option value="447">Oman</option><option value="448">Pakistan</option><option value="449">Palau</option><option value="450">Palestinian territory</option><option value="451">Panama</option><option value="452">Papua new guinea</option><option value="453">Paraguay</option><option value="454">Peru</option><option value="455">Philippines</option><option value="456">Pitcairn island</option><option value="457">Portugal</option><option value="458">Puerto rico</option><option value="459">Qatar</option><option value="460">Reunion</option><option value="461">Romania</option><option value="462">Russia</option><option value="463">Rwanda</option><option value="464">Saint helena</option><option value="465">Saint kitts and nevis</option><option value="466">Saint lucia</option><option value="467">Saint pierre and miquelon</option><option value="468">Saint vincent and the grenadines</option><option value="469">Samoa</option><option value="470">San marino</option><option value="471">Sao tome and principe</option><option value="472">Saudia arabia</option><option value="473">Us minor outlying islands</option><option value="474">Uruguay</option><option value="475">Virgin islands (united states)</option><option value="476">United arab emirates</option><option value="477">Ukraine</option><option value="478">Uganda</option><option value="479">Tuvalu</option><option value="480">Turks and caicos islands</option><option value="481">Turkmenistan</option><option value="482">Turkey</option><option value="483">Tunisia</option><option value="484">Trinidad and tobago</option><option value="485">Tonga</option><option value="486">Tokelau</option><option value="487">Togo</option><option value="488">Timor-leste</option><option value="489">Ussr</option><option value="490">Uzbekistan</option><option value="491">Vanuatu</option><option value="492">Vatican city state (holy see)</option><option value="493">Venezuela</option><option value="494">Vietnam</option><option value="495">Wallis and futuna islands</option><option value="496">Western sahara</option><option value="497">Yemen</option><option value="498">Yugoslavia</option><option value="499">Zambia</option><option value="500">Zimbabwe</option><option value="501">Fgbdfbdfxcvbd</option><option value="502">Ddddd</option><option value="503">Vvv</option><option value="504" selected="selected"></option><option value="505">276</option><option value="506">277</option><option value="507">278</option>						
    			</select>
     
    			<p>
          		<p id="para_version">
    			<label for="version">Version : </label>
    			<select id="version" name="version">
    			<option value="">Select a version</option>
    			<option value="5">5.0</option><option value="3">4.8</option><option value="8">4.7
    </option><option value="4">4.5</option><option value="2">4.2</option><option value="1">4.1</option>			</select>
     
    		</p>
    		<p id="para_company">
    			<label for="nameCompany">Company : </label>
    			<select id="nameCompany" name="nameCompany">
    			<option value="">Select your company</option>
    				<option value="1">aoniojhop</option>						
    			</select>
    		<p>
     
    				<p><a id="company-switcher" href="javascript:addCompany()">Add a company</a></p>
    	</fieldset>
    	        <label class="none">&nbsp;</label>
     
    	        <span class="button"><input type="submit" name="submit" value="Create" /></span>
    	        <span class="button"><input type="reset" name="del" value="Reset" /></span>
     
        </p>
    <input type="hidden" name="myAction" value="create"><input type="hidden" name="id" value=""></form>
    </p>
     
    </DIV>
    </TD>
    <TD class="rightborderpath"><IMG src="image/spacer.gif" width="1" height="1" /></TD>
    </TR>
    </TABLE>
    <TABLE height="25" width="100%" bgcolor="#ffffff" border="0" align="center" cellpadding="0" cellspacing="0">
    <TR>
    <TD class="bottomleft" valign="top"><IMG src="image/spacer.gif" width="1" border="0" height="1" /></TD>
     
    <TD class="btmsection"><IMG src="image/spacer.gif" width="1" border="0" height="1" /></TD>
    <TD class="bottomright" valign="top"><IMG src="image/spacer.gif" width="1" border="0" height="1" /></TD>
     
    </TR>
    </TABLE>
     
    <script language="javascript">
    document.getElementById("warning").innerHTML = "";
    </script>
     
    	</body>
    </html>

  6. #6
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Points : 2 351
    Points
    2 351
    Par défaut
    Salut,

    Est-ce que tu as ça hébergé quelque part ? parce que sans le CSS
    je vois pas trop ce que tu cherches à faire.

    Peux-tu préciser ta question en fonction de ton code (ton exemple en 1er post
    est très généraliste)

Discussions similaires

  1. navigation dans une jsp avec javascript
    Par petitelulu dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 15/11/2004, 18h55
  2. Defilement de la fenetre avec JavaScript
    Par black is beautiful dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 28/09/2004, 10h21
  3. Lien ASP avec javascript
    Par RATIER dans le forum ASP
    Réponses: 3
    Dernier message: 15/07/2004, 08h54
  4. Réponses: 4
    Dernier message: 27/04/2004, 14h45

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