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 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96
|
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #eee;
margin-left: 30px;
margin-right: 30px;
}
span {
font-weight: normal;
font-size: 80%;
}
.lien {
padding: 10px;
margin-bottom: 10px;
}
</style>
</head>
<body>
<div id="contenu">
</div>
<script>
var w=window.innerWidth, h=window.innerHeight;
var listeLiens = [
{
titre: "So Foot",
url: "http://sofoot.com",
auteur: "yann.usaille"
},
{
titre: "Guide d'autodéfense numérique",
url: "http://guide.boum.org",
auteur: "paulochon"
},
{
titre: "L'encyclopédie en ligne Wikipedia",
url: "http://Wikipedia.org",
auteur: "annie.zette"
}
];
// TODO : compléter ce fichier pour ajouter les liens à la page web
listeLiens.forEach(function (liste,index) {
var spanElt = document.createElement("span");
spanElt.style.position="absolute";
spanElt.style.width=w-60+"px";
spanElt.style.backgroundColor="#ffffff";
spanElt.style.top=(index+1)*h/10+"px";
var titreElt = document.createElement("a");
titreElt.id = "titre";
titreElt.classList.add("lien");
titreElt.textContent = liste.titre;
titreElt.style.color = "#428bca";
titreElt.href = liste.url;
titreElt.style.fontWeight = "bold";
titreElt.style.textDecoration = "none";
titreElt.style.fontSize = "1.5em";
var urlElt = document.createElement("cite");
urlElt.id = "url";
urlElt.classList.add("lien");
urlElt.textContent = liste.url;
var auteurElt = document.createElement("div");
auteurElt.id = "auteur";
auteurElt.classList.add("lien");
auteurElt.textContent = "Ajouté par : " + liste.auteur;
document.getElementById("contenu").appendChild(spanElt);
spanElt.appendChild(titreElt);
spanElt.appendChild(urlElt);
spanElt.appendChild(auteurElt);
});
</script>
</body>
</html> |
Partager