Bonjour,

Je veux créer une page permettant de sélectionner un rectangle composé de petites cases de 20x20 pixels,
afin de choisir un emplacement pour une image.

une capture pour illustrer ca :



En orange, il s'agit de la sélection de l'utilisateur, et on peut voir qu'il y a déjà des images placées plus bas.

pour le moment je gère ca avec un composant jquery nommé "selectable", où chaque case correspond alors à une balise <li>.
je parcours ensuite la sélection en javascript pour savoir quelles cases l'utilisateur a sélectionné.

Le soucis c'est que tout marche nickel sous Chrome, mais quand je passe à IE ca rame tellement que tout plante.... (vive IE !)
j'imagine que c'est parce qu'il y a trop de "li" et le navigateur n'aime pas trop ca... et en mettant beaucoup moins de cases, ca passe...

Quelqu'un aurait une idée pour résoudre ce problème de plantage d'IE ?

Aucun rapport avec le PHP.

Tu peux essayer de charger dynamiquement les <li> via de l'Ajax.
Ainsi le navigateur n'aurait pas tout un bloc à interpréter mais le ferrait au fur et à mesure ce qui devrait limiter la casse.

Désolé, c'est vrai que c'est plus approprié dans la section Javascript...

xTG, que veux tu dire par charger les <li> dynamiquement ?
Car pour moi il faut forcément que tout les li soient présents dès le chargement de la page si on veut que l'utilisateur puisse sélectionner n'importe lequel d'entre eux...

Je parle d'un chargement différé. Le souci actuellement c'est lorsque le navigateur tente d'interpréter le code fourni par le serveur il y a trop de données à afficher d'un coup et il plante.
Le but c'est donc d'en afficher un minimum renvoyé par le serveur, puis de générer les <li> restantes via Javascript en modifiant le DOM. Donc après l'interprétation par le navigateur, et au besoin n'en charger que par bloc de 10 avec un temps d'attente entre chaque bloc par exemple.
Ainsi le navigateur va certes mettre plus de temps à tout charger (puisque la fin du téléchargement ne permettra pas d'avoir la page réelle car il faudra attendre la fin de l'exécution JS) mais au moins il plantera pas.

Ah ok je vois ce que tu veux dire, mais en fait le problème n'est pas à ce niveau... je me suis mal exprimé

La page se charge bien, les <li> s'affichent instantanément, mais dès que je commence à en sélectionner c'est là que ca rame à mort...
et quand je sélectionne trop de carrés d'un coup ca rame tellement que ca fini par planter complètement IE

Tu vois ce que je veux dire ?

Cela provient de la librairie dans ce cas, elle doit sans doute reparcourir tous les <li> pour trouver ceux qui sont sélectionné à chaque extension de la sélection.
Les frameworks ont souvent un code pour un navigateur et un autre pour un autre pour des raisons de compatibilité, mais c'est pas forcement optimal (cela expliquerai le pourquoi ça marche sur d'autres et pas sur IE).

Donc ça viendrait plutôt du plugin Jquery ?
Dans ce cas il faudrait peut-être que je trouve un équivalent de "selectable" en pur javascript...

J'ai aussi pensé à utiliser de simple balises "select option", mais dans ce cas je serais obligé de sélectionner les cases une par une en cliquant sur "CTRL",
ce qui n'est pas très "user friendly"

La seule solution que j'ai trouvée pour l'instant c'est de mettre un message :
"IE n'est pas optimisé pour l'affichage de cette page, veuillez utiliser un des navigateurs suivants : Chrome, Firefox, Opera, Safari."

Mais vu qu'IE est toujours un des navigateurs les plus utilisés aujourd'hui... j'aimerais bien trouver une vraie solution quand même