 |
|
 |
| |
Developer on focus
Anton Zamov is a dipl. engineer with more than 6 years of active professional
experience and many awards ...
read more>>
|
|
 |
 |
 |
|
|
|
|
| |
|
How to create a DHTML expandable list (works only in Internet Explorer)?
|
Try the following example:
<html>
<!-- Creation date: 3/14/2003 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<style>
.general {font-family:Verdana;font-size:11;color:white}
.span_general {font-family:Verdana;font-size:9;color:white;border-style:solid;border-color:white;border-width:1px 1px 1px 1px;text-align:center;width:16;height:15;cursor:hand}
</style>
<script>
function objectOver(x){
x.style.color="#9ff5ff";
}
function objectOut(x){
x.style.color="white";
}
function collapse(x){
var oTemp=eval("document.all.text_"+x);
var oClick=eval("document.all.click_"+x);
if(oTemp.style.display=="block"){
oTemp.style.display="none";
oClick.innerHTML="+";
}
else{
oTemp.style.display="block";
oClick.innerHTML="-";
}
}
</script>
</head>
<body bgcolor=#224452>
<div id=click_1 class=span_general onclick=javascript:collapse('1') onmouseover=javascript:objectOver(this) onmouseout=javascript:objectOut(this) style="margin-left:100;position:relative;left:-25;top:14" > - </div>
<div style="margin-left:100;display:block" class=general>
Text 1 TITLE bla bla
</div><br>
<div id=text_1 style="margin-left:100" class=general>
teddfg ejwrhtwjkerhtjwekrhtwjlerht bn sadfbasdnfb asdfnbm asdfnb<br>
sadfasdf wert ewrtrty rety yturtu<br>
asfsdfsda rtuytyurtyu jghmkjmglkhjmkghm gfhj ghj
</div>
<div id=click_1_1 class=span_general onclick=javascript:collapse('1_1') onmouseover=javascript:objectOver(this) onmouseout=javascript:objectOut(this) style="margin-left:200;position:relative;left:-25;top:14" > - </div>
<div style="margin-left:200;display:block" class=general>
Text 1_1 TITLE bla bla
</div><br>
<div id=text_1_1 style="margin-left:200" class=general>
teddfg ejwrhtwjkerhtjwekrhtwjlerht bn sadfbasdnfb asdfnbm asdfnb<br>
sadfasdf wert ewrtrty rety yturtu<br>
asfsdfsda rtuytyurtyu jghmkjmglkhjmkghm gfhj ghj
</div>
<div id=click_1_2 class=span_general onclick=javascript:collapse('1_2') onmouseover=javascript:objectOver(this) onmouseout=javascript:objectOut(this) style="margin-left:200;position:relative;left:-25;top:14" > - </div>
<div style="margin-left:200;display:block" class=general>
Text 1_2 TITLE bla bla
</div><br>
<div id=text_1_2 style="margin-left:200" class=general>
teddfg ejwrhtwjkerhtjwekrhtwjlerht bn sadfbasdnfb asdfnbm asdfnb<br>
sadfasdf wert ewrtrty rety yturtu<br>
asfsdfsda rtuytyurtyu jghmkjmglkhjmkghm gfhj ghj
</div>
<div id=click_1_2_1 class=span_general onclick=javascript:collapse('1_2_1') onmouseover=javascript:objectOver(this) onmouseout=javascript:objectOut(this) style="margin-left:300;position:relative;left:-25;top:14" > - </div>
<div style="margin-left:300;display:block" class=general>
Text 1_2_1 TITLE bla bla
</div><br>
<div id=text_1_2_1 style="margin-left:300;display:block" class=general>
teddfg ejwrhtwjkerhtjwekrhtwjlerht bn sadfbasdnfb asdfnbm asdfnb<br>
sadfasdf wert ewrtrty rety yturtu<br>
asfsdfsda rtuytyurtyu jghmkjmglkhjmkghm gfhj ghj
</div>
<div id=click_1_3 class=span_general onclick=javascript:collapse('1_3') onmouseover=javascript:objectOver(this) onmouseout=javascript:objectOut(this) style="margin-left:200;position:relative;left:-25;top:14" > - </div>
<div style="margin-left:200;display:block" class=general>
Text 1_3 TITLE bla bla
</div><br>
<div id=text_1_3 style="margin-left:200" class=general>
teddfg ejwrhtwjkerhtjwekrhtwjlerht bn sadfbasdnfb asdfnbm asdfnb<br>
sadfasdf wert ewrtrty rety yturtu<br>
asfsdfsda rtuytyurtyu jghmkjmglkhjmkghm gfhj ghj
</div>
</body>
</html>
|
About the author of this programming example or tutorial:
Anton Zamov is a software engineer with more than6 years
of active experience in web and software development and design.
Anton Zamov has extensive experience and broad knowledgebase
in C# and JAVA programming and has created a lot of
running e-commerce systems, portals and content management
systems using PHP and other web development technologies.
For more information about Anton Zamov, you may visit the personal web site of
Anton Zamov.
|
|
|
|
|
|
|
|
