[ka-Map-users] table-free layout, DHTML improvements
Lorenzo Becchi
lorenzo at ominiverdi.com
Sat Sep 17 13:43:25 EDT 2005
Something more.
Toggle reference is indipendent from all this stuff and it can be
implemented to toggle everything an set the viewport to full screen.
Talking about the "pages" toggler, it seems is easier if I explain how
to use it.
to add a new "page":
1) in index.html at at the bottom this few lines:
------------------------------------------
<!-- HELP CONTENT -->
<script type="text/javascript">
getExternalHtml('help1.html', 'help');
</script>
<div id="help" class="invisible"></div>
------------------------------------------
naturally you have to change "help" and "help1.html" with you choice.
2) in index.html ad this code in the otherStuff div (header):
-----------------------------------------------------
<span>
<a onmouseup="toggleContentLayer('help');" title="something"><span class="clickable">help</span></a>
</span>
---------------------------------------------------
3) in the drawPage() function add some makeup:
------------------------------------------
//HELP
var help = getObject('help');
help.height = (getObjectHeight( 'viewport' )) + "px";
help.top = reference.top;
help.left = (0)+"px";
help.width = (browserWidth-4)+"px";
---------------------------------------------
4) in the CSS add the object like this:
-------------------------------------------
#help,#who,#greetings {
position: absolute;
background:white;
overflow:auto;
border:1px solid black;
z-index:3;
}
--------------------------------------------
well,
at the moment all pages are download all together with the home page
but it seems simple to download pages just when somebody click on the button.
THE GOOD:
1) it's easy to see how to develop the entire site inside KaMap
2) clean code in index.html
THE BAD:
1) very bad accessibility. Even search engine will never see your contents. You can solve
putting page code directly in the index.html but it's quite weird.
2)at the moment you can't use keybord commands to pan the div text. It's triggered by kaMap.
that's enough
ciao
More information about the ka-Map-users
mailing list