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

Les rubriques (actu, forums, tutos) de Développez
Tags
Réseaux sociaux


 Discussion forum

Sur le même sujet
Le , par vermine, Responsable JavaScript & AJAX
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.



Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de sekaijin sekaijin
http://www.developpez.com
Expert Confirmé Sénior
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 :
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 :
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
Avatar de Bovino Bovino
http://www.developpez.com
Responsable Développement Web
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.
Avatar de vermine vermine
http://www.developpez.com
Responsable JavaScript & AJAX
le 26/02/2013 8:22
Restons sur la première version alors.
Avatar de vermine vermine
http://www.developpez.com
Responsable JavaScript & AJAX
le 26/02/2013 13:30
Bien vu !
Avatar de Auteur Auteur
http://www.developpez.com
Expert Confirmé Sénior
le 26/02/2013 14:34
Citation Envoyé par mekal  Voir le message
j'ai pu noter une erreur

Code :
return Math.ceil((Diff/div));
il y a des parenthese en trop

dans quelle Q/R ?
Avatar de vermine vermine
http://www.developpez.com
Responsable JavaScript & AJAX
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.
Avatar de Arno_94 Arno_94
http://www.developpez.com
Membre du Club
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 :
<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
Avatar de Auteur Auteur
http://www.developpez.com
Expert Confirmé Sénior
le 03/03/2013 22:15
Bonjour,

je me permets de corriger ton code :
Code html :
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
Avatar de vermine vermine
http://www.developpez.com
Responsable JavaScript & AJAX
le 06/03/2013 7:47
Si tout le monde est d'accord sur cette modification, on peut l'intégrer à la FAQ.
Avatar de Auteur Auteur
http://www.developpez.com
Expert Confirmé Sénior
le 06/03/2013 9:49
Pour le texte d'exemple tu peux remplacer le "bla bla" par le Lorem Ipsum
Offres d'emploi IT
Un/une développeur .net
CDI Freelance
Davidson Consulting - Ile de France - Boulogne-Billancourt (92100)
Parue le 24/09/2014
Développeur java h/f
CDI
Auchan E-commerce - Nord Pas-de-Calais - Villeneuve d'Ascq (59650)
Parue le 02/10/2014
Développeur C# Stagiaire (H/F)
Stage
TalentPlug - Nord Pas-de-Calais - Lille (59000)
Parue le 13/10/2014

Voir plus d'offres Voir la carte des offres IT
 
 
 
 
Partenaires

PlanetHoster
Ikoula