Form div input et Chrome 14

Version imprimable

29/10/2011, 13h39
Mandarine

Form div input et Chrome 14
Bonjour,

J'ai un code qui fait cela:
Code:

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
29/10/2011, 15h00
NoSmoking

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.
29/10/2011, 16h08
Mandarine

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

voila ce que je viens de faire est qui fonctionne parfaitement

Code:

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 ?

29/10/2011, 16h25
Mandarine

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

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

Code généré en php:

Code:

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>

29/10/2011, 16h29
NoSmoking

pas vu de soucis avec ta page de test!
29/10/2011, 16h31
Mandarine

Pas de soucis sous chrome (avec une version >= 14) ?
Car pas de soucis non plus sous IE, firefox et chrome 12...
29/10/2011, 16h32
Mandarine

Ce qui pose problème c'est quand on remplit une cellule et qu'on veut passer à une autre, c'est long...
29/10/2011, 16h37
NoSmoking

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>
29/10/2011, 16h40
Mandarine

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

Ta peur me rend encore plus circonspect :cry:

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...
29/10/2011, 16h56
NoSmoking

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>
29/10/2011, 16h58
Mandarine

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...)
29/10/2011, 17h02
NoSmoking

Tu peux également appliquer le style directement sur tes INPUT, sans passer par les SPAN ou autres.
29/10/2011, 17h06
Mandarine

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