treegrid en html/javascript

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : treegrid en html/javascript

Lamarmotte

Bonjour,
Presque tout est dans le titre. Je cherche à réaliser un treegrid (encore appelé treelistview) du genre de http://scbr.com/docs/products/dhtm [...] ndex.shtml mais en beaucoup plus simple.
Le problème c'est bien qu'ayant les bases en programmation web, je ne vois pas du tout par où commencer ....

Tout avis ou piste est el bienvenue

Merci par avance. :hello:

Message cité 1 fois

Publicité

Hermes le Messager

Breton Quiétiste

Lamarmotte a écrit :

Bonjour,
Presque tout est dans le titre. Je cherche à réaliser un treegrid (encore appelé treelistview) du genre de http://scbr.com/docs/products/dhtm [...] ndex.shtml mais en beaucoup plus simple.
Le problème c'est bien qu'ayant les bases en programmation web, je ne vois pas du tout par où commencer ....

Tout avis ou piste est el bienvenue

Merci par avance. :hello:

Lesquelles ?

Sinon, ben, je vois pas trop ce qu'on peut te dire. [:spamafote]

tu fais d'abord la partie HTML en dur, puis une fois que tu es content du résultat, tu la recrée via JS et le DOM ou avec innerHTML, et enfin tu construis la prog en JS. C'est ça que tu veux savoir ?

anapajari

s/travail/glanding on hfr/gs;

Allez tiens cadeau, j'en avais fait y'a pas longtemps.
T'as plus qu'a tout stylé comme tu veux en css:

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<script type="text/javascript">
/*** param is a node which has been clicked ***/
function show(lnkNode){
var sonsNode = lnkNode.parentNode.getElementsByTagName('*');
if ( sonsNode.length >= 1 && sonsNode[1].tagName == 'UL' && sonsNode[1].className == "disp" ){
sonsNode[1].className = "";
lnkNode.parentNode.className = "";
} else {
sonsNode[1].className = "disp";
lnkNode.parentNode.className = "disp";
}
return false;
}
</script>
<style type="text/css">
ul{
display: none;
}
ul.disp{
display: block;
}
</style>
</head>
<body >
<ul class="disp">
<li>
<a href="nojs.html" onclick="return show(this)">Truc 1:</a>
<ul>
<li>Truc 1_1</li>
<li>Truc 1_2</li>
<li>
<a href="nojs.html" onclick="return show(this)">Truc 1_3:</a>
<ul>
<li>Truc 1_3_1</li>
<li>Truc 1_3_2</li>
<li>Truc 1_3_3</li>
<li>Truc 1_3_4</li>
<li>
<a href="nojs.html" onclick="return show(this)">Truc 1_3_5:</a>
<ul>
<li>Truc 1_3_5_1</li>
<li>Truc 1_3_5_2</li>
<li>Truc 1_3_5_3</li>
<li>Truc 1_3_5_4</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="nojs.html" onclick="return show(this)">Truc 2:</a>
<ul>
<li>Truc 2_1</li>
<li>Truc 2_2</li>
<li>
<a href="nojs.html" onclick="return show(this)">Truc 2_2_3</a>
<ul>
<li>Truc 2_2_3_1</li>
<li>Truc 2_2_3_2</li>
<li>Truc 2_2_3_3</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>

FORUM HardWare.fr

Programmation

HTML/CSS

treegrid en html/javascript

Sujets relatifs
Cherche Codeur HTML	Javascript vers ASP.NET
Encoder et decoder du html	[Résolu] Alignement Html
[HTML/JS/PHP]Créer un système de BBCode gérant les tableaux	Impression page html
script html pour afficher images en miniatures	[javascript] passage de zone à zone [résolu mais moche]
menu deroulant pour date en javascript	Session, IE et Javascript
Plus de sujets relatifs à : treegrid en html/javascript

Page générée en 0.088 secondes