Discussion :

[gorjette]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

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
 
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.

[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 ?

[gorjette]

je veux dire quand le navigateur change de dimension

[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.

[gorjette]

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.



ici, si les champs de recherche étaient dans le même tableau, l'allignement serait maintenue...

[NoSmoking]

Bonjour,

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<table>
  <thead>
    <!-- si besoin ou mettre la recherche ici -->
  </thead>
  <tbody class="recherche">
  </tbody>
  <tbody class="datas">
  </tbody>
</table>

[gorjette]

exactement ce qu'il me fallait merci.