IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Mise à jour des parties date et table de la FAQ JavaScript

Le , par vermine

32PARTAGES

6  0 
Bonjour à tous,

Après un travail collectif (toujours en cours, d'ailleurs !), deux parties de la FAQ JavaScript ont été mises à jour : les dates et les tables.

Par la même occasion, des petites coquilles ont été corrigées et des remarques ont été ajoutées. De nouvelles Q/R ont d'ailleurs fait leur apparition, parfois issues d'une scission de Q/R existantes.

Nous tenons à remercier l'ensemble des contributeurs et particulièrement Auteur aidé par NoSmoking et arnogues. ()

FAQ JavaScript

Malgré la relecture attentive, il est toujours possible que des erreurs subsistent, n'hésitez pas à les signaler.
De nouvelles mises à jour se feront prochainement. Votre aide est la bienvenue sur le forum de travail.

Une erreur dans cette actualité ? Signalez-nous-la !

Avatar de Arno_94
Membre averti https://www.developpez.com
Le 27/02/2013 à 17:38
Bonjour à tous et toutes,

Je me permets de réagir sur la mise à jour JS concernant les tables et notamment l'article intitulé :

Comment mettre un scrollbar à gauche sur un tableau ?

En effet, je pense avoir une solution différente qui offre une fonctionnalité en plus : la possibilité d'utiliser la roulette de la souris sur le tableau.

Pour obtenir ce résultat, il suffit d'encadrer le tableau par un div avec les attributs suivants :

Code html : Sélectionner tout
<div dir="rtl" style="height:100px;overflow-y:scroll;overflow-x: hidden;float:left"><table>...</table></div>

C'est bien entendu l'attribut dir="rtl" qui permet simplement d'inverser la position de la scrollbar (rtl = right to left).

J'ai mis "float:left" de manière à s'adapter à la width du tableau mais on peut le remplacer par une valeur width précise pour obtenir le même résultat. Toutefois, la taille de la scrollbar étant dépendante du système, la solution float semble plus adaptée.

En espérant que cela puisse servir, encore merci pour tout le travail fourni par l'équipe de Developpez.com
2  0 
Avatar de vermine
Expert éminent sénior https://www.developpez.com
Le 06/03/2013 à 10:45
C'est en ligne.

2  0 
Avatar de
https://www.developpez.com
Le 26/02/2013 à 13:20
j'ai pu noter une erreur

Code : Sélectionner tout
return Math.ceil((Diff/div));
il y a des parenthese en trop
1  0 
Avatar de Auteur
Expert éminent sénior https://www.developpez.com
Le 03/03/2013 à 22:15
Bonjour,

je me permets de corriger ton code :
Code html : Sélectionner tout
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
26
27
28
29
30
31
32
33
34
<div dir="rtl" style="height:100px;overflow-y:scroll;"> 
<table border="1" style="width:100%" dir="ltr"> 
<tr> 
<td> bla bla bla bla</td> 
<td> bla bla bla bla</td> 
<td> bla bla bla bla</td> 
</tr> 
<tr> 
<td> bla bla bla bla</td> 
<td> bla bla bla bla</td> 
<td> bla bla bla bla</td> 
</tr> 
<tr> 
<td> bla bla bla bla</td> 
<td> bla bla bla bla</td> 
<td> bla bla bla bla</td> 
</tr> 
<tr> 
<td> bla bla bla bla</td> 
<td> bla bla bla bla</td> 
<td> bla bla bla bla</td> 
</tr> 
<tr> 
<td> bla bla bla bla</td> 
<td> bla bla bla bla</td> 
<td> bla bla bla bla</td> 
</tr> 
<tr> 
<td> bla bla bla bla</td> 
<td> bla bla bla bla</td> 
<td> bla bla bla bla</td> 
</tr> 
</table> 
</div>

en avec l'attribut dir="rtl" la barre de défilement est certes à gauche mais le texte de la table s'écrit également de droite à gauche (mis en évidence par l'attribut width:100% sur la table). Par conséquent, il faut ajouter dans la balise table l'attribut inverse : dir="ltr". J'ai également supprimé l'attribut float:left et l'overflow-x:hidden également
Merci pour ta suggestion
1  0 
Avatar de sekaijin
Expert éminent https://www.developpez.com
Le 25/02/2013 à 19:08
J'ai une remarque concernant les tables html
la FAQ commence par un exemple de table HTML
Code html : Sélectionner tout
1
2
3
4
5
6
7
8
9
10
11
12
<table id="idTable"> 
	<tr> 
		<td> Ligne 0 Cellule 0 
		</td> 
		<td> Ligne 0 Cellule 1 
		</td> 
		<td> Ligne 0 Cellule 2 
		</td> 
		<td> Ligne 0 Cellule 3 
		</td> 
	</tr> 
</table>
Or la norme prévoie que le TR doit être placé dans un THAED, TBODY ou TFOOT

les navigateur tel IE vont d'eux même ajouter un TBODY pour corriger ce manque.

ne serait-il pas opportun de présenter directeent un exemple conforme à la norme ??
Code html : Sélectionner tout
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table id="idTable"> 
  <tbody> 
	<tr> 
		<td> Ligne 0 Cellule 0 
		</td> 
		<td> Ligne 0 Cellule 1 
		</td> 
		<td> Ligne 0 Cellule 2 
		</td> 
		<td> Ligne 0 Cellule 3 
		</td> 
	</tr> 
  </tbody> 
</table>

A+JYT
0  0 
Avatar de Bovino
Rédacteur https://www.developpez.com
Le 26/02/2013 à 8:15
Pas tout à fait d'accord... HTML autorise la présence de <tr> sans <tbody> :
Citation Envoyé par Permitted contents
an optional caption element, followed by zero or more colgroup elements, followed by an optional thead element, followed by
one tfoot element, followed by
zero or more tbody elements, or one or more tr elements


or
zero or more tbody elements, or one or more tr elements
followed by an optional tfoot element



Source.

Table rows may be grouped into a head, foot, and body sections

Source HTML 4.
0  0 
Avatar de vermine
Expert éminent sénior https://www.developpez.com
Le 26/02/2013 à 8:22
Restons sur la première version alors.
0  0 
Avatar de vermine
Expert éminent sénior https://www.developpez.com
Le 26/02/2013 à 13:30
Bien vu !
0  0 
Avatar de Auteur
Expert éminent sénior https://www.developpez.com
Le 26/02/2013 à 14:34
Citation Envoyé par mekal Voir le message
j'ai pu noter une erreur

Code : Sélectionner tout
return Math.ceil((Diff/div));
il y a des parenthese en trop
dans quelle Q/R ?
0  0 
Avatar de vermine
Expert éminent sénior https://www.developpez.com
Le 26/02/2013 à 15:39
Non mais c'est vrai ça d'abord ?! Je ne vois rien de tout ça.

C'était dans le calcul des différences entre deux dates.
0  0