Form div input et Chrome 14 [Résolu]

Mandarine · 29/10/2011, 13h39

Bonjour,

J'ai un code qui fait cela:

Code :

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

1
2
3
4
5
6
7
8
 
<form>
<div><input type="text"/></div>
<div><input type="text"/></div>
(250 fois :) <div><input type="text"/></div>
...
<div><input type="text"/></div>
</form>

Tout allait bien sous chrome 12 et depuis chrome 14, les champs input sont très peu réactifs. Dès que l'on clique dedans, il faut plusieurs secondes pour pouvoir modifier le champ.

Si j'enlève les <div> encadrant le problème n'a plus lieux. Mais j'ai besoin des div... (qui ont des classes, id etc...).
Tout marche bien sous IE8 et firefox. C'est bizare que Chrome soit moins bien (surtout les dernières versions...).

Comment résoudre cela ??

Merci de votre aide

NoSmoking · 29/10/2011, 15h00

Bonjour,
excès de DIV n'est pas forcément bon.
- Comment sont stylés tes DIV
- As tu essayé en encadrant de SPAN ou de LABEL

Citation:

Mais j'ai besoin des div... (qui ont des classes, id etc...).

il y a sûrement moyen de faire autrement.

Mandarine · 29/10/2011, 16h08

Le problème a lieux même sans style sur les div...

Il n'ya pas 250 inputs encadrés par des div mais 2500...

Sans le form autour des div/input tout est fluide.

C'est la combinaison 2500 div dans le form qui pose problème

NoSmoking · 29/10/2011, 16h24

voila ce que je viens de faire est qui fonctionne parfaitement

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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[...]</title>
<script type="text/javascript">
var i, nb =2500 , html = [];
for( i=0; i < nb; i++){
  html[i] = '<div><input type="text"><\/div>';
}
document.write( '<form>', html.join(''), '<\/form>');
</script>
</head>
<body>
</body>
</html>

Comment est généré ton code ?

Mandarine · 29/10/2011, 16h25

Voici la page qui pose problème (pas de CSS ni de JS):

http://www.tep2e.fr/test.php

Mandarine · 29/10/2011, 16h27

Code généré en php:

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
<html>
<head></head>
<body>
<?php
 
echo('<form>');
 
for($i=1;$i <=25;$i++){
 
	for($j=1;$j <=100;$j++){
	echo('<div><input type="text"/></div>');
	}
}
echo('</form>');
?>
</body>
</html>

NoSmoking · 29/10/2011, 16h29

pas vu de soucis avec ta page de test!

Mandarine · 29/10/2011, 16h31

Pas de soucis sous chrome (avec une version >= 14) ?
Car pas de soucis non plus sous IE, firefox et chrome 12...

Mandarine · 29/10/2011, 16h32

Ce qui pose problème c'est quand on remplit une cellule et qu'on veut passer à une autre, c'est long...

NoSmoking · 29/10/2011, 16h37

testé sous Google Chrome 14.0.835.202 m

OUAH!!! MALHEUR !!
je viens de monter la version 15.0.874.106 m, et la cela devient une HORREUR!

<edit>
en mettant des SPAN à la place des DIV pas de problème...
</edit>

Mandarine · 29/10/2011, 16h40

Oui cela marchait bien avant, mais maintenant chrome déconne

Ta peur me rend encore plus circonspect

Oui mais alors il me faut des span avec l'attribut block... soit des div :-) car je dois fixer une largeur à mes div contenant mes inputs...

NoSmoking · 29/10/2011, 16h56

Citation:

Envoyé par Mandarine

Oui mais alors il me faut des span avec l'attribut block... soit des div :-) car je dois fixer une largeur à mes div contenant mes inputs...

tout à fait en attendant la correction de ce dysfonctionnement.
Avec des SPAN en display:block cela fonctionne nikel, comme écrit dans mon <edit>

Mandarine · 29/10/2011, 16h58

Merci je testais cela en même temps et je confirme ça marche niquel.

Merci à toi et première deception de ma part de Chrome (que j'appréciais plus que fortement...)

NoSmoking · 29/10/2011, 17h02

Tu peux également appliquer le style directement sur tes INPUT, sans passer par les SPAN ou autres.

Mandarine · 29/10/2011, 17h06

Oui oui, mais dans mon site il y a autre chose en plus du input dans le div.
Je dois donc garder un conteneur.

Par contre c'est inquiétant car ça ne me semble pas compliqué comme code et chrome n'est pas un navigateur exotique....

29/10/2011, 16h08	#3
Mandarine Membre à l'essai Clémentine Inscription : juin 2006 Messages : 128 Détails du profil Informations personnelles : Nom : Clémentine Âge : 24 Informations forums : Inscription : juin 2006 Messages : 128 Points : 21 Points : 21	Le problème a lieux même sans style sur les div... Il n'ya pas 250 inputs encadrés par des div mais 2500... Sans le form autour des div/input tout est fluide. C'est la combinaison 2500 div dans le form qui pose problème
	00

29/10/2011, 16h25	#5
Mandarine Membre à l'essai Clémentine Inscription : juin 2006 Messages : 128 Détails du profil Informations personnelles : Nom : Clémentine Âge : 24 Informations forums : Inscription : juin 2006 Messages : 128 Points : 21 Points : 21	Voici la page qui pose problème (pas de CSS ni de JS): http://www.tep2e.fr/test.php
	00

29/10/2011, 16h29	#7
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 944 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 944 Points : 4 776 Points : 4 776	pas vu de soucis avec ta page de test!
	00

29/10/2011, 16h31	#8
Mandarine Membre à l'essai Clémentine Inscription : juin 2006 Messages : 128 Détails du profil Informations personnelles : Nom : Clémentine Âge : 24 Informations forums : Inscription : juin 2006 Messages : 128 Points : 21 Points : 21	Pas de soucis sous chrome (avec une version >= 14) ? Car pas de soucis non plus sous IE, firefox et chrome 12...
	00

29/10/2011, 16h32	#9
Mandarine Membre à l'essai Clémentine Inscription : juin 2006 Messages : 128 Détails du profil Informations personnelles : Nom : Clémentine Âge : 24 Informations forums : Inscription : juin 2006 Messages : 128 Points : 21 Points : 21	Ce qui pose problème c'est quand on remplit une cellule et qu'on veut passer à une autre, c'est long...
	00

29/10/2011, 16h37	#10
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 944 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 944 Points : 4 776 Points : 4 776	testé sous Google Chrome 14.0.835.202 m OUAH!!! MALHEUR !! je viens de monter la version 15.0.874.106 m, et la cela devient une HORREUR! <edit> en mettant des SPAN à la place des DIV pas de problème... </edit>
	00

29/10/2011, 16h40	#11
Mandarine Membre à l'essai Clémentine Inscription : juin 2006 Messages : 128 Détails du profil Informations personnelles : Nom : Clémentine Âge : 24 Informations forums : Inscription : juin 2006 Messages : 128 Points : 21 Points : 21	Oui cela marchait bien avant, mais maintenant chrome déconne Ta peur me rend encore plus circonspect Oui mais alors il me faut des span avec l'attribut block... soit des div :-) car je dois fixer une largeur à mes div contenant mes inputs...
	00

29/10/2011, 16h58	#13
Mandarine Membre à l'essai Clémentine Inscription : juin 2006 Messages : 128 Détails du profil Informations personnelles : Nom : Clémentine Âge : 24 Informations forums : Inscription : juin 2006 Messages : 128 Points : 21 Points : 21	Merci je testais cela en même temps et je confirme ça marche niquel. Merci à toi et première deception de ma part de Chrome (que j'appréciais plus que fortement...)
	00

29/10/2011, 17h02	#14
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 944 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 944 Points : 4 776 Points : 4 776	Tu peux également appliquer le style directement sur tes INPUT, sans passer par les SPAN ou autres.
	00

29/10/2011, 17h06	#15
Mandarine Membre à l'essai Clémentine Inscription : juin 2006 Messages : 128 Détails du profil Informations personnelles : Nom : Clémentine Âge : 24 Informations forums : Inscription : juin 2006 Messages : 128 Points : 21 Points : 21	Oui oui, mais dans mon site il y a autre chose en plus du input dans le div. Je dois donc garder un conteneur. Par contre c'est inquiétant car ça ne me semble pas compliqué comme code et chrome n'est pas un navigateur exotique....
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email