Syntaxe sur des variables

Version imprimable

Bonjour, c'est ma premi�re visite sur ce forum car je d�couvre JS.

J'ai r�cup�r� le code suivant permettant d'indiquer la date de derni�re mise � jour de mon site.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <script language="javascript" type="text/javascript"> //<![CDATA[  //]]> </script>
Cela fonctionne mais, si "derni�re mise � jour" est bien en gris, la date elle-m�me est en noir.

j'ai essay� d'inclure un : '<font color=#7a7a7a> et <\/font>' dans la ligne des variables mais cela ne fonctionne pas

Une erreur de syntaxe ou autre chose ?

merci d'avance

La balise <font> est d�pr�ci�e depuis HTML5, utilise plut�t une r�gle CSS
Aussi, �vite document.write qui elle aussi n'est plus du tout utilis�e.

Code:

<span class="lastModified"></span>

Code:

.lastModified { color: #7a7a7a; }
Code:

1 2 3 4 5 6 7 var dateModif = new Date(document.lastModified); var jour = dateModif.getDate(); var mois=dateModif.getMonth()+1; var annee=dateModif.getFullYear(); var heures=dateModif.getHours(); var minutes=dateModif.getMinutes(); document.querySelector(".lastModified").innerHTML = "Dernière mise à jour le : "+jour+"/"+mois+"/"+annee+" à "+heures+":"+minutes;

Bonjour et merci pour ta r�ponse

Selon ton conseil, voici ce que j'ai fait :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <span class="lastModified"></span> <script language="javascript" type="text/javascript"> //<![CDATA[  //]]> </script>
Tout fonctionne bien sauf la couleur (le code css)
je ne sais pas o� le mettre et avec quelle syntaxe
Est-ce � l'int�rieur de la boucle JS ou bien dans la boucle HTML
J'ai essay� les 2 mais le texte disparait !

Pr�cision : je construis ce site avec "Webacappella" qui me permet de cr�er des zones html dans mes pages. Je ne sais pas comment d�clarer un code css � l'int�rieur de la zone. Elle porte un nom : "derni�reMAJ" en l'occurence. Faut-il utiliser ce nom comme balise ?

Je vais voir avec eux mais si tu as une id�e, elle sera la bienvenue

Merci d'avance

j'ai trouv� !!

Voici le code qui fonctionne :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<span class="lastModified"></span>
<style type="text/css">
.lastModified { color: #7a7a7a; }
</style>
<script language="javascript" type="text/javascript">
//<![CDATA[
<!--

var dateModif = new Date(document.lastModified);
var jour = dateModif.getDate();
var mois=dateModif.getMonth()+1;
var annee=dateModif.getFullYear();
var heures=dateModif.getHours();
var minutes=dateModif.getMinutes();
document.querySelector(".lastModified").innerHTML = "Derni�re mise � jour le : "+jour+"/"+mois+"/"+annee+" � "+heures+":"+minutes;
//-->

//]]>
</script>

j'ai mis en rouge ce qui manquait

cela fonctionne mais peux-tu me dire si ce code est "propre" ?
Ou bien s'il peut-�tre am�lior�

Merci encore

27/01/2014, 16h17
thelvin

Citation:

Envoy� par Vincent Heude

cela fonctionne mais peux-tu me dire si ce code est "propre" ?

En HTML certainement pas, on ne met pas des styles o� on veut. Et on �vite aussi avec les script. Ils doivent �tre entre <head> et </head> au d�but du document.

... Mais en ce qui me concerne, j'ignore comment Webacappella et ses "zones" fonctionnent.
27/01/2014, 17h35
Vincent Heude
Quelle diff�rence entre :

Code:

<span class="lastModified" style="color:#7a7a7a;"></span>

et
Code:

1 2 3 4 <span class="lastModified"></span> <style type="text/css"> .lastModified { color: #7a7a7a; } </style>
l'ai-je bien �crit ?
27/01/2014, 18h33
Invit�
Pour cela, rien ne vaut un tuto :
- Premiers pas avec les CSS
27/01/2014, 19h21
SylvainPV

Personnellement je consid�re le code inline comme une tr�s mauvaise pratique, tout comme les codes JavaScript en inline sur les listeners d'�v�nements. Externaliser les CSS dans un fichier permet de :
- �viter de m�langer les langages au sein d'un m�me fichier
- utiliser toutes les capacit�s des s�lecteurs CSS pour bien souvent r�duire significativement la taille du code
- g�rer la mise en cache des styles s�par�ment des pages HTML
- g�rer plus facilement la mise en place de th�mes ou de feuilles de styles personnalis�es par m�dia

Sinc�rement, on a tout � gagner � externaliser CSS et JavaScript dans des fichiers � part.

J'apporte mes 5 centimes :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <script language="javascript" type="text/javascript"> //<![CDATA[  //]]> </script>
Sans entrer dans les histoires de go�t personnel, utiliser du code d�pr�ci� est, sans h�sitation possible, quelque chose de pas propre. L'attribut language est d�pr�ci� depuis 1999.
La section CDATA �tait un bricolage pour coller � une maladresse du standard XHTML, elle n'est pas n�c�ssaire avec HTML5. L� nous avons en plus une double pr�caution car cette section CDATA est doubl�e d'un commentaire HTML :aie: Je ne crois pas que �a soit encore utile � quelque chose depuis la mort de Netscape et IE5.

Vincent Heude, si je n'avais qu'un seul conseil � te donner ce serait celui-l� : quand tu cherches une doc JavaScript sur le Net, regarde la date ! JavaScript �volue vite et les docs p�rim�es sont (trop) nombreuses.

29/01/2014, 11h33
Vincent Heude

Merci � tous pour votre aide

Comme je l'ai �crit dans le 1er message, je d�couvre ces jours-ci html et JS.

Donc j'ai du chemin � parcourir pour atteindre ne serait-ce que le niveau d�butant :mouarf:

Bonne journ�e