possibilité de faire un genre de tableur en html ?

possibilité de faire un genre de tableur en html ? - HTML/CSS - Programmation

Marsh Posté le 06-04-2004 à 10:29:49    

bj,
 
je voudrais savoir s'il est possible et dans ce cas là comment..
de faire un sorte de 'tableur' en html/dynamique.
 
genre:
- trie de colonne (ca cé possible)
- deplacement de colonne à la volée (glup?)
- modification des resultats à la volée (glup!!)
 
je m'explique:
dans un excel on peut modifier un champ à la volée, redimmensionner une colonne, la deplacer etc .. Etc .. Etc
 
peux t on reproduire tout ca dans une page web?
 
moi j'suis tres sceptique .. mais mon boss veut ca  :whistle:


Message édité par la viper le 06-04-2004 à 10:36:28
Reply

Marsh Posté le 06-04-2004 à 10:29:49   

Reply

Marsh Posté le 06-04-2004 à 11:24:46    

En flash peut etre, en htmL  je ne vois pas franchement, ou alors avec du Java

Reply

Marsh Posté le 06-04-2004 à 11:25:01    

Voir du SVG mais je ne connais pas trop

Reply

Marsh Posté le 06-04-2004 à 11:28:16    

protoinou a écrit :

ou alors avec du Java  


 
Du Javascript plutôt si c'est combiné au HTML.
Mais s'il faut faire un truc crossbrowser ça va être marrant...
Si à chaque changement de tri / déplacement de colonne ce n'est pas un problème de recharger la page, tu peux faire ça avec un langage côté serveur (PHP, ASP, etc.)
 
Ou alors carrément une applet Java ou comme tu le disais en Flash.
Parce qu'en HTML l'ergonomie ne sera pas terrible par rapport à Excel :/


Message édité par antp le 06-04-2004 à 11:29:52

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 06-04-2004 à 11:37:13    

bah ca serait surement en jsp le site.
mais existe t il un exemple sur le net que je puisse me faire une idée?
moi je trouve ca un peu trop optimiste de la part de mon boss de penser qu'on peut faire un truc comme ca !

Reply

Marsh Posté le 06-04-2004 à 11:38:01    

ahh pour info, faut que ce soit rapide et que ca fonctionne sur un windows 95 de base ;) les applets je suis pas sur que ca fonctionnerait (sans parler du flash)

Reply

Marsh Posté le 06-04-2004 à 11:39:30    

la viper a écrit :

et que ca fonctionne sur un windows 95 de base ;) les applets je suis pas sur que ca fonctionnerait (sans parler du flash)


 
sachant qu'un win 95 de base n'a pas de browser intégré il n'y a même pas moyen de supposer que le gars en a un :D


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 06-04-2004 à 11:47:04    

bon on va dire Win 98 alors :D

Reply

Marsh Posté le 06-04-2004 à 11:51:25    

IE 4 ? tu vas te marrer :D


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 06-04-2004 à 11:55:51    

ouais on va dire IE5 et Netscape 4 :'(
 
donc c'est mort ? :D

Reply

Marsh Posté le 06-04-2004 à 11:55:51   

Reply

Marsh Posté le 06-04-2004 à 11:57:44    

Bah si tu dois supporter Netscape 4 en plus tu peux oublier le Javascript.
À la limite avec IE 5 & Netscape 7 t'aurais pu t'en tirer.
Le plus sûr ça serait un truc côté serveur, mais ça sera pas très confortable pour les utilisateurs je pense.


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 06-04-2004 à 12:00:03    

J'ai un début déditeur de tableau pour IE5.5+ et Moz :
 
http://www.surleau.com/edit/tab.html
 
Si ca t'amuse d'ajouter des fonction de tri, de calcul, de déplacement, ben te gène pas :D
 
Sinon, y'a toujours moyen de coller un vrai objet excel dans ta page web. Mais bon, ça limite le site aux utilisateur d'IE + Excel... Et ensuite c'est pas simple de récupérer les infos sur le serveur ;)


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 06-04-2004 à 12:09:46    

Mara's dad a écrit :

J'ai un début déditeur de tableau pour IE5.5+ et Moz :
 
http://www.surleau.com/edit/tab.html
 
Si ca t'amuse d'ajouter des fonction de tri, de calcul, de déplacement, ben te gène pas :D
 
Sinon, y'a toujours moyen de coller un vrai objet excel dans ta page web. Mais bon, ça limite le site aux utilisateur d'IE + Excel... Et ensuite c'est pas simple de récupérer les infos sur le serveur ;)


 
delire !!
bon je te dis pas l'enmerde que ca doit etre à mettre en place mais c'est mimi ! je garde ca sous le coude :)
 
heuu par contre pour la question :
existe t il d'editer et de modifier à voler des cellules?
c'est possible d'apres vous?? genre comme dans excel ;)

Reply

Marsh Posté le 06-04-2004 à 12:12:11    

la viper a écrit :


 
delire !!
bon je te dis pas l'enmerde que ca doit etre à mettre en place mais c'est mimi ! je garde ca sous le coude :)
 
heuu par contre pour la question :
existe t il d'editer et de modifier à voler des cellules?
c'est possible d'apres vous?? genre comme dans excel ;)


 
oui c'est possible, mais il va falloir bosser et dur encore...  [:totozzz]  

Reply

Marsh Posté le 06-04-2004 à 12:12:32    

un exemple ? :p

Reply

Marsh Posté le 06-04-2004 à 12:21:54    

la viper a écrit :

un exemple ? :p


 
non.
 
Tu as mes deux exemples (éditeur en JS et éditeur d'images en JS) qui te montre ce qu'on peut faire en JS (en fait on peut faire bcp plus que ce que l'on croit), mais dans ton cas, c'est à toi de nous montrer l'exemple justement...  [:totozzz]  
 
Je n'ai pas le souvenir d'avoir vu un excel en JS (c'est théoriquement possible ceci-dit).
 
En pratique à mon avis, on priviligira l'usage de JAVA... ou encore du flash, mais même là, je suis déjà plus sceptique...

Reply

Marsh Posté le 06-04-2004 à 12:26:56    

bah vi sceptique moi aussi.
bon je continue ma quete je vous tiens au courant et deja merci!!

Reply

Marsh Posté le 06-04-2004 à 12:44:24    

<html>
<head>
<script>
function calc( cell )
{
 // Si premier caractère est "=", c'est une expression à évaluer
 
 if( cell.value.charAt( 0 ) == "=" )
 {
  // Recherche et remplacer les A1 à C3 par leur valeurs
   
  var buffer = cell.value;
   
  var result = buffer.match( /([A-C]{1}[1-3]{1})/g );
  var i;
  if( result )
  {
   for( i = 0; i < result.length; i++ )
   {
    buffer = buffer.replace( /([A-C]{1}[1-3]{1})/, document.getElementById( result[i] ).value );
   }
   buffer = "cell.value " + buffer;
   eval( buffer );
  }
 }
 
}
</script>
</head>
<body>
<table>
 <tr>
  <td><input id="A1" type="text" onchange="calc(this);"/></td>
  <td><input id="B1" type="text" onchange="calc(this);"/></td>
  <td><input id="C1" type="text" onchange="calc(this);"/></td>
 </td>
 <tr>
  <td><input id="A2" type="text" onchange="calc(this);"/></td>
  <td><input id="B2" type="text" onchange="calc(this);"/></td>
  <td><input id="C2" type="text" onchange="calc(this);"/></td>
 </td>
 <tr>
  <td><input id="A3" type="text" onchange="calc(this);"/></td>
  <td><input id="B3" type="text" onchange="calc(this);"/></td>
  <td><input id="C3" type="text" onchange="calc(this);"/></td>
 </td>
</table>
</body>
</html>


 
Met 12 dans la cellule en haut à gauche.
Met 25 dans la cellule en bas à gauche.
écris = A1 + A3 dans un cellule...


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 06-04-2004 à 12:51:46    

delire :)
merci !! :D

Reply

Marsh Posté le 06-04-2004 à 21:54:10    

Bon, bien sûr ça va pas loin mais c'est un début.
 
Tu as dû remarquer que les formules ne sont pas conservées.
C'est la principale dificulté.
Si tu conserve les formules, ça veux dire qu'à chaque modif d'une cellule, il faut chercher toutes celle qui sont impactées et ça c'est un gros piège.
Il faut trouver un algo capable de recalculer la valeur des cellules dans le bon ordre sans tomber dans le piège des références circulaires.
 
Bon courage :D
 
Edit : Mais qui à déplacé ma touche 'r' :fou:


Message édité par Mara's dad le 06-04-2004 à 21:55:37

---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed