Page 2 of 2
Posted: Tue Apr 03, 2007 7:55 am
by ~
Well, if you could please give me an advice to a puntual topic you'd like explained in a tutorial-like fashion to demonstrate what I mean. Or, by default, I plan to make a tutorial about Unreal Mode to make a comment on it.
Posted: Thu Apr 05, 2007 9:41 am
by bubach
is dond't even work for me (IE7), try this:
Code: Select all
<html>
<head>
<style type="text/css">
ul ul {display: none}
li a {position: absolute; text-decoration: none; margin-left: -30px}
</style>
<script language="JavaScript">
function check(obj)
{
var node = obj.parentNode;
if (node.childNodes.length > 0)
{
for (i in node.childNodes)
{
if ((node.childNodes[i].nodeName != '#text') && (node.childNodes[i] != obj))
{
if (node.childNodes[i].style)
{
if ((node.childNodes[i].style.display == 'none') || (node.childNodes[i].style.display == ''))
{
node.childNodes[i].style.display = 'block';
obj.innerHTML = '-';
} else
{
node.childNodes[i].style.display = 'none';
obj.innerHTML = '+';
}
}
}
}
return false;
}
}
</script>
</head>
<body>
<ul id="menu">
<li>Ett</li>
<li><a href="#" onclick="check(this);">+</a>Tralalalalala
<ul>
<li>Två.Ett</li>
<li>Två.Två</li>
<li><a href="#" onclick="check(this);">+</a>lalalalaal
<ul>
<li>Två.1.Ett</li>
<li>Två.1.Två</li>
<li>Två.1.Tre</li>
</ul>
<ul style="list-style-type: disc">
<li>Ett.2.Ett</li>
<li>Två.2.Två</li>
<li>Två.2.Tre</li>
</ul>
</li>
</ul>
</li>
<li>Tre</li>
</ul>
</body>
</html>
Posted: Thu Apr 05, 2007 10:32 am
by ~
What do you say? The HTML interface I have exposed doesn't work with Internet Explorer 7??????
That's bad, I don't have it, and cannot test it by now, but it should work in older Internet Explorer and Firefox.
Posted: Thu Apr 05, 2007 10:44 am
by Brynet-Inc
Who in their right mind would use IE anyway?
Windows users are sad... so many (
CSS/Javascript.. HTML even..) hacks required for the non-standards complaint browser named Internet Explorer..
I simply block the browser entirely on my sites..
Posted: Thu Apr 05, 2007 1:04 pm
by bubach
I started using IE7 becasue it has a nicer interface then FF. I admit that IE6 is crap, but IE7 is actually much better, even with w3c standards.
edit: hmm, i must have misunderstood how it's supposed to work, it looks the same in IE6 and FF. i wouldn't call that a collapsable tree, it's just a long list of links to js-popups ?
Posted: Thu Apr 05, 2007 1:23 pm
by ~
It's intended to reference anything, from files to websites and HTML files, files to be seen with plugins (like PDF, if configured so), and also Javascript functions, although it could not work and anyway it's not so important.
See the purple closed book icon? If you click its text it will expand, and show further content, and if you click its text again, it will collapse.
If you recall the way traditional "compiled HTML" CHM files work, it's the very same idea from the graphical interface point of view, but with the expected advantage of being able to be seen without actual support for CHM files, and over the web, to be browsed portably under any OS with a standard web browser.
As you can see, the first links (the ones with custom icons) reference their respective websites. The favicons need to be stored locally in the server in which this interface is being used. I have tested it extensively and it works, at least in IE6 and Firefox.
Posted: Sat Apr 07, 2007 6:14 am
by ehird
Well... tons of people have reinvented CHM in JS...
Posted: Sat Apr 07, 2007 6:29 am
by ~
ehird wrote:Well... tons of people have reinvented CHM in JS...
and none of them have explained their methods nicely, as far as I know, to learn what they are doing.
I indeed have explained the logic of that program in detail, and will make it public as soon as I have enough time to brush that program up.