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
| <!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button class="file" data-file="../ressources/modeles/fichier1.txt">fichier 1</button>
<div class="content_file"></div>
<button class="file" data-file="../ressources/modeles/fichier2.txt">fichier 2</button>
<div class="content_file"></div>
<button class="file" data-file="../ressources/modeles/fichier3.txt">fichier 3</button>
<div class="content_file"></div>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$('.file').each(function(i)
{
$(this).on('click', function()
{
$.get($(this).attr('data-file'),function(data) {$('.content_file').eq(i).html(data);})
})
});
</script>
</body>
</html> |
