Supprimer un DIV dynamiquement
Bonjour,
J'essaie de mettre au point un équivalent de tooltip pour un textarea.
J'arrive à créer le DIV et à l'afficher, mais mon problème est de le supprimer.
Existe t'il la méthode inverse à "document.createElement" ?
Mon ami Google est très discret sur le sujet.....
Voici un exemple du code que j' utilise pour mon test.
Le div créé est en fond rouge (pas beau mais j'expérimente).
Il y a 2 fonctions :
ChangeArea : change la taille du "textarea"
ShowComment : qui affiche le contenue du "textarea"
C'est le Div créé par ShowComment que je souhaiterai supprimer
Merci
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
|
<html>
<head>
<script>
function ChangeArea(ObjId,val) {
var Obj = document.getElementById(ObjId);
if (val==0) {
Obj.style.height = "60px";
} else if (val==1) {
Obj.style.height = "20px";
}
}
function ShowComment(ObjId,ev) {
if(!document.getElementById('CCpt')) {
var Obj = document.getElementById(ObjId);
Xpos = ev.clientX;
Ypos = ev.clientY;
var CCpt = document.createElement('div');
CCpt.id ='ccpt';
CCpt.style.position ="absolute";
CCpt.style.top = Ypos;
CCpt.style.left = Xpos;
CCpt.style.width = "200px";
CCpt.style.height = "200px";
CCpt.style.backgroundColor ="red";
CCpt.innerHTML = Obj.value;
CCpt.style.visibility ="visible";
document.body.appendChild(CCpt);
}
}
</script>
</head>
<body>
<div id="tt">
<input type="text" id="inpt1" value="ligne1">
<TEXTAREA id="txt1" style="height:20px" COLS="50" onfocus="ChangeArea(this.id,0);" onblur="ChangeArea(this.id,1);" onmousemove="ShowComment(this.id,event)";>
TEST
</textarea>
</div>
</body>
</html> |
