18008 sujets

Questions générales et questions de débutants

Aide sur un tableau

Salut,

Ne sachant pas comment tu veux l'exploiter, je me suis contenté de trier selon le tableau proposé ...
Voici un exemple qui fonctionne selon ce que tu as demandé, n'hésites pas si ce n'est pas ce que tu veux !


<!DOCTYPE html>

<html>

	<head>
	
		<style>
		
			.table {
				display: inline-block;
				vertical-align: top;
			}
			
			table, th, td { border: 1px solid black; }

			.put { background-color: yellow; }
			
			#hidden { visibility: hidden; }
		
		</style>
	
		<script>
		
			const sortValues = function () {
			
				const values = document.getElementsByClassName('get');
				const results = document.getElementsByClassName('put');
				
				for ( let i = 0; i < values.length; i++ ) {
				
					results[i].innerText = values[i].innerText;
				
				}
				
				hidden.style.setProperty('visibility', 'visible');
			
			};
			
		</script>
	
	</head>

	<body>

		<div class="table">
		
			<table>
				<tr>
					<th>A</th>
					<th>B</th>
					<th>C</th>
				</tr>
				<tr>
					<td class="get">abc@gmail.com</td>
					<td class="get">abc@yahoo.com</td>
					<td class="get">abc@aol.com</td>
				</tr>
				<tr>
					<td class="get">abcd@gmail.com</td>
					<td class="get">abcd@yahoo.com</td>
					<td class="get">abcd@aol.com</td>
				</tr>
			</table>
			
		</div>
		
		<div class="table">
		
			<table id="hidden">
				<tr><th>D</th></tr>
				<tr><td class="put"></th></tr>
				<tr><td class="put"></th></tr>
				<tr><td class="put"></th></tr>
				<tr><td class="put"></th></tr>
				<tr><td class="put"></th></tr>
				<tr><td class="put"></th></tr>
			</table>
			
		</div>
		
		<button onclick="sortValues();">Trier</button>

	</body>

</html>
Sujet clos
Aller à