Finir de dessiner un tableau HTML existant

Version imprimable

Bonjour,

J’essaie de mettre des input de recherche dans le même tableau que le résultat, afin que le tout reste aligné quand le tableau change de dimension en largeur.
Donc j'aimerais "continuer" le tableau...

Code:

1
2
3
4
5
 
	<table><tr>
		<td style="width:50"><input type="text" id="pren" placeholder="Prénom" onkeyup="Donnees()"></td>
		<td style="width:50"><input type="text" id="noma" placeholder="Nom" onkeyup="Donnees()"></td>
			</tr>... (ici je n'ai pas de TAG)

... à l'aide de ce résultat de recherche (qui roule déjà en body onload).

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
 
function Donnees(){
 
	var d = new Date();
	var gege = document.getElementById("prenom").value;
	var gigi = document.getElementById("nom").value;	//valeurs de mon formulaire HTML
 
	var enyeil = gaga+'~'+gege+'~'+gigi+'~'+gogo+'~'+gugu+'~'+gygy;
	var Semaine = document.getElementById("debut").value+'T00:00:00-00:00';
	var url = "ajax/getMoteur.php?redgid="+Semaine+"~"+enyeil+'&noCache='+d.getTime();
	ajaxCaller.getPlainText(url, GetMoteur);			//Résultat de ma recherche AJAX
	}	
	function GetMoteur( text ){
		bof = bof + "<tr><td>Prénom</td><td>Nom</td></tr>";	
		var regions = text.split(';');		 
			for( var i=0 ; i < regions.length ; i++ )	//Loop les personnes
			{
				PRENOM = TEMPS.substring(0,TEMPS.indexOf("~"));
				TEMPS = TEMPS.substring(TEMPS.indexOf("~")+1);
				NOM = TEMPS.substring(0,TEMPS.indexOf("~"));
				bof = bof + "<tr><td >'+PRENOM+'</td><td >'+NOM+'</td></tr>";
			}
		bof = bof + "...(pas de TAG)</table>
		}
		document.getElementById("resultat").innerHTML = bof;

Le tout est onkeyup, donc les champs ne doivent pas être dans le javascript.
Le problème c'est que je n'ai rien à taguer ..!

Merci.

16/12/2020, 20h26
mathieu

je n'ai pas compris comme le tableau augmente de taille en chargeur.
est ce qu'il y a des colonnes qui se rajoutent ? ou alors c'est le contenu des cases qui s'allonge ?
16/12/2020, 20h47
gorjette

je veux dire quand le navigateur change de dimension
19/12/2020, 13h23
mathieu

pour avoir un effet responsif qui adapte l'affichage en fonction de la largeur de l'écran, cela se fait plutôt en CSS.

montrez nous une capture d'écran d'un exemple de contenu.
19/12/2020, 14h17
gorjette

2 pièce(s) jointe(s)

J'aimerais que les champs recherche soient à même le tableau de résultat. Autrement quand on redimensionne les colonnes ne sont pas la même largeur.

Pièce jointe 586956

ici, si les champs de recherche étaient dans le même tableau, l'allignement serait maintenue...
Pièce jointe 586957
19/12/2020, 18h13
NoSmoking
Bonjour,

Citation:

J'aimerais que les champs recherche soient à même le tableau de résultat.

si je comprend bien !!! mets tout dans la même <table>.
Code:

1 2 3 4 5 6 7 8 9 <table> <thead>  </thead> <tbody class="recherche"> </tbody> <tbody class="datas"> </tbody> </table>
19/12/2020, 23h56
gorjette

exactement ce qu'il me fallait merci.