Fichier HTC : Arbre : clic

**lediz** · 13/02/2010, 15h33

Bonjour,

J'ai trouvé sur le net un exemple pour construire un "arbre".
Il me convient parfaitement.
(j'ai effectué qlq modifs. car il se génère avec le resultat d'un query ORACLE)

Exemple sur ce lien :http://www-igm.univ-mlv.fr/~dr/XPOSE...onCode/PP6.txt

En fait, j'aimerais améliorer ce code :

- pour le moment l'ouverture se fait UNIQUEMENT au clic sur le dossier.
J'aimerais qu'il se fasse aussi au clic sur l'intitulé (çad : image1/image2/...)
Et là, je bloque...

pouvez-vous m'aider ?

ci-dessous le code de la page HTML et le code du fichier HTC

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML XMLNS:IE>
<head>
<title>Insertion code - changement d'image - Page Principale</title>
<style>IMG {behavior: url(insert4.htc);}</style>
</head>
<body>
 
<h2>Ceci est la page principale dans laquelle nous voulons insérer du code...</h2>
<br />
<br />
Cliquez sur les images pour insérer le code au niveau de celles-ci.
 
<ul>
 
<li>
<img src="close.gif" alt="livre" style="cursor:pointer;" class="close" />&nbsp;Image1
<ul imgopen="open.gif" imgclose="close.gif" loaded="0" style="display: none;"></ul>
</li>
 
<li>
<img src="close.gif" alt="livre" style="cursor:pointer;" class="close" />&nbsp;Image2
<ul imgopen="open.gif" imgclose="close.gif" loaded="0" style="display: none;"></ul>
</li>
 
<li>
<img src="close.gif" alt="livre" style="cursor:pointer;" class="close" />&nbsp;Image3
<ul imgopen="open.gif" imgclose="close.gif" loaded="0" style="display: none;"></ul>
</li>
 
</ul>
</body>
</html>

fichier "insert4.htc"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
<Public:component XMLNS:IE>
<public:attach EVENT="onclick" ONEVENT="onload()" />
</Public:component>
 
<IE:Download ID="oDownload" STYLE="behavior:url(#default#download)" />
 
<script language="JavaScript" type="text/javascript">
 
//Récupère l'élément résultat contenu dans l'image cliquée
var resultat = element.parentElement.getElementsByTagName("div")[0];
 
function onDownloadDone(s) {
	resultat.innerHTML=s;
	resultat.loaded="1";
	resultat.style.display = "block";
	runtimeStyle.cursor = "hand";
	//ici juste pour vérifier que le download ne se passe qu'une seule fois.
	alert ("Fin du download");
}
 
//  onload est appelée par un click sur un element image
//  (Cf le mapping onClick<->onLoad() de la troisieme ligne du script)
function onload() {
	//si le résultat n'est pas chargé et vide.
	if (resultat.loaded=="0") {
		runtimeStyle.cursor = "wait";
		oDownload.startDownload('PS.html',onDownloadDone);
	}
	else {
		if (resultat.style.display=="none") {
			resultat.style.display = "block";
		}
		else {
			resultat.style.display = "none";
		}
	}
}
</script>

Merci pour votre aide

**Ethyde** · 14/02/2010, 16h31

Salut,

bon déjà les htc n'ont absolument rien à voir avec les CSS, c'est un format de fichier de script permettant d'ajouter des comportement de type DHTML dans IE (comme la transparence des png, ou activation du :hover ).

Fichier HTC : Arbre : clic

CSS

Discussions similaires

Partager

Partager