login  Naam:   Wachtwoord: 
Registreer je!
 Scripts:
Scripts > JS > Datum en Tijd > SEO voor datum en tijd

SEO voor datum en tijd

Auteur: Sweepee - 22 januari 2007 - 17:46 - Gekeurd door: Joel - Hits: 4889 - Aantal punten: (0 stemmen)




Werking

Dit stukje JavaScript vormt datums (yyyy-mm-dd) en tijden (hh:mm:ss) om naar een ander formaat.

Voorbeelden:

2006-02-01 wordt 1 februari 2006
23:34:45 wordt 23:34

Dit script zal enkel werken voor datums en tijden in het yyyy-mm-dd en hh:mm:ss formaat!

Het script zoekt span tags met een klasse date of een klasse time. Zet al jouw datums en tijden dus op deze manier in de HTML code:

<span class="date">2006-02-01</span>
<span class="time">23:34:45</span>

Nut (?)

Wat is het nut nu van dit script? Wel, het W3C beveelt aan om datums en tijden in het internationale datum- en tijdformaat te schrijven op webpagina's, dus yyyy-mm-dd en hh:mm:ss.

Persoonlijk vind ik dit een lelijke notatie. Ik vind 1 februari 2006 bijvoorbeeld veel duidelijker dan 2006-02-01. Ik denk dat ik niet de enige ben die hier zo over denkt.

Met dit script kun je dus alle datums en tijden client side herschrijven naar jouw gewenste notatie en toch nog profiteren van SEO. Bovendien is het nog geen ramp moesten jouw bezoekers JavaScript uitgeschakeld hebben: dan zien ze gewoon de yyyy-mm-dd en hh:mm:ss notatie.

Bekijk zeker ook het voorbeeld!

Groeten,
Sweepee

Code:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. 	<head>
  4. 		<title>SEO voor datum en tijd</title>
  5. 		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
  6. 		<script type="text/javascript">
  7. 		<!--
  8. 			function seo() {
  9. 				var elements = document.getElementsByTagName('span');
  10. 				for(var i = 0; i < elements.length; i++) {
  11. 					var class = elements[i].getAttribute('class');
  12. 					if(class == 'date') {
  13. 						var date	= elements[i].innerHTML;
  14. 						var split	= date.split('-');
  15. 						if(split.length == 3) {
  16. 							var year	= parseInt(split[0]);
  17. 							var month	= parseInt(split[1]);
  18. 							var day	= parseInt(split[2]);
  19. 							switch(month) {
  20. 								case 1:
  21. 									month = 'januari';
  22. 									break;
  23. 								case 2:
  24. 									month = 'februari';
  25. 									break;
  26. 								case 3:
  27. 									month = 'maart';
  28. 									break;
  29. 								case 4:
  30. 									month = 'april';
  31. 									break;
  32. 								case 5:
  33. 									month = 'mei';
  34. 									break;
  35. 								case 6:
  36. 									month = 'juni';
  37. 									break;
  38. 								case 7:
  39. 									month = 'juli';
  40. 									break;
  41. 								case 8:
  42. 									month = 'augustus';
  43. 									break;
  44. 								case 9:
  45. 									month = 'september';
  46. 									break;
  47. 								case 10:
  48. 									month = 'oktober';
  49. 									break;
  50. 								case 11:
  51. 									month = 'november';
  52. 									break;
  53. 								case 12:
  54. 									month = 'december';
  55. 									break;
  56. 							}
  57. 							elements[i].innerHTML = day + ' ' + month + ' ' + year;
  58. 						}
  59. 					} else if(class == 'time') {
  60. 						var time	= elements[i].innerHTML;
  61. 						var split	= time.split(':');
  62. 						if(split.length == 3) {
  63. 							var hour	= split[0];
  64. 							var minute	= split[1];
  65. 							var second	= split[2];
  66. 							elements[i].innerHTML = hour + ':' + minute;
  67. 						}
  68. 					}
  69. 				}
  70. 			}
  71. 		// -->
  72. 		</script>
  73. 	</head>
  74. 	<body onload="seo();">
  75. 		<div id="page">
  76.  
  77. 			<ul>
  78. 				<li><span class="time">23:23:00</span></li>
  79. 				<li><span class="time">12:23:12</span></li>
  80. 				<li><span class="time">10:00:12</span></li>
  81. 				<li><span class="date">2005-02-01</span></li>
  82. 				<li><span class="date">2006-02-02</span></li>
  83.  
  84. 				<li><span class="date">2006-12-22</span></li>
  85. 				<li><span class="date">2007-01-22</span> <span class="time">17:27:00</span></li>
  86. 				<li><span class="date">2007-01-01</span> <span class="time">12:00:23</span></li>
  87. 				<li><span class="date">2007-01-12</span> <span class="time">14:12:99</span></li>
  88.  
  89. 			</ul>
  90. 		</div>
  91. 	</body>
  92. </html>
Download code! Download code (.txt)

 Bekijk een voorbeeld van dit script!
 Stemmen
Niet ingelogd.

 Reacties
Post een reactie
Lees de reacties (9)
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.033s