Quelle fonction est la plus sûre ?
Bonjour a tous
je continue dans mon apprentissage et aujourd'hui je teste deux petite fonction
je voudrais simplement savoir la quelle vous utiliseriez ,la quelle est la plus sur ??
Code:
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
| <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="test getBoundingDocumentRect 1 et 2">
<title>test patrick 242 </title>
<style>
</style>
<script type= "text/javascript">
function calcule(event) {
var r = document.getElementById("conteneur1");
var position = getBoundingDocumentRect2(event);
var positionrect = getBoundingDocumentRect(event)
console.log("avec getBoundingDocumentRect2 " + position.left + "px");
console.log("avec getBoundingDocumentRect " + positionrect.left + "px");
}
function getBoundingDocumentRect(event,element) {
if (element===undefined){// au cas ou l'evenement click aurais été attacher avec addEventlistener
element=event.target;
}
var rect = element.getBoundingClientRect();
return {
"left": rect.left + document.documentElement.scrollLeft + document.body.scrollLeft,
"right": rect.right + document.documentElement.scrollLeft + document.body.scrollLeft,
"top": rect.top + document.documentElement.scrollTop + document.body.scrollTop,
"bottom": rect.bottom + document.documentElement.scrollTop + document.body.scrollTop
};
}
//pour la fonction
function getBoundingDocumentRect2(event,element) {
if (element===undefined){// au cas ou l'evenement click aurais été attacher avec addEventlistener
element=event.target;
}
var memo = element;
var oLeft = 0;
var oTop = 0;
while (element) {
oLeft += element.offsetLeft;
oTop += element.offsetTop;
element = element.offsetParent;
}
return {
"left": oLeft,
"top": oTop,
"right": oLeft += memo.offsetWidth,
"bottom": oTop += memo.offsetHeight
};
}
</script>
</head>
<body>
<div id="conteneur1" style="position:absolute;left:1300px;top:1px;height:200px;width:350px;border:2px solid red;" onclick="calcule(event);">
</div>
</body>
</html> |
merci pour les retours et de votre patience je pense notament a psychadelic dont je prends entierement a ma charge la responsabilité de son etat dépréssif:ptdr:
