QUOTE(BuffaloHELP @ Aug 30 2005, 12:16 AM)
I have been reading up on search engine's ability to cache one's site and I realized that FRAME is something these search engines don't really like. You can read it on Google's search FAQ and just recently my page was cached by Yahoo after taking down my frame index page to no frame page. So here is what I would like to do and I would like you super coders help.
PHP seems to be the best choice since when using INCLUDE command my index page includes not only my three separate pages in one, but it helps to have content rather than showing only
This is how I had my page laid out. I designed it this way to resemble your regular Windows help familiarity navigation.
Attached figure 1.
I had it this way so that the BOX 1 and BOX 2 were never reloaded when a selection from BOX 2 (a tree style expandable/collapsible menu) occurs and only BOX 3 will load the intended page. It was fine and it worked beautifully. But now, I would like to have this as PHP. This is how my index page's code is:
I already have the PHP navigation menu made for BOX 2 but whenever I click on the link, it opens up in new page. Instead of using FRAME, I have those laid out as TABLE.
My questions are:
1)Is there anyway I can target the link to the BOX 3 using TABLE's command (like name="main") from menu click on BOX 2?
2)Could I still use JAVA coded menu.html (the original menu) instead of menu.php?
3)If TABLE isn't the answer, could you recommend me the right one?
For a working demo (not mine) please refer to http://www.esat.kuleuven.ac.be/~tvandera/phpmenu/ page and see the concept that I have in my mind. Except that I would like to refrain from using FRAMEs.
Thank you.
PHP seems to be the best choice since when using INCLUDE command my index page includes not only my three separate pages in one, but it helps to have content rather than showing only
HTML
<FRAMESET name=topFrame rows=68,* frameBorder=0 framespacing="0" border="0">
<FRAME name=treetop src="EN_treeTop.htm" noResize target="mainpage" scrolling="no">
<FRAMESET name=mainFrame cols=200,*>
<FRAME name=contents src="EN_Tree.htm" target="mainpage" scrolling="no" noresize>
<FRAME name=mainpage src="EN_intro.htm" scrolling="auto" noresize>
</FRAMESET>
as a main page. <FRAME name=treetop src="EN_treeTop.htm" noResize target="mainpage" scrolling="no">
<FRAMESET name=mainFrame cols=200,*>
<FRAME name=contents src="EN_Tree.htm" target="mainpage" scrolling="no" noresize>
<FRAME name=mainpage src="EN_intro.htm" scrolling="auto" noresize>
</FRAMESET>
This is how I had my page laid out. I designed it this way to resemble your regular Windows help familiarity navigation.
Attached figure 1.
I had it this way so that the BOX 1 and BOX 2 were never reloaded when a selection from BOX 2 (a tree style expandable/collapsible menu) occurs and only BOX 3 will load the intended page. It was fine and it worked beautifully. But now, I would like to have this as PHP. This is how my index page's code is:
HTML
<html>
<?
include 'top.html' ;
include 'menu.php' ;
include 'main.html' ;
?>
</html>
<?
include 'top.html' ;
include 'menu.php' ;
include 'main.html' ;
?>
</html>
I already have the PHP navigation menu made for BOX 2 but whenever I click on the link, it opens up in new page. Instead of using FRAME, I have those laid out as TABLE.
My questions are:
1)Is there anyway I can target the link to the BOX 3 using TABLE's command (like name="main") from menu click on BOX 2?
2)Could I still use JAVA coded menu.html (the original menu) instead of menu.php?
3)If TABLE isn't the answer, could you recommend me the right one?
For a working demo (not mine) please refer to http://www.esat.kuleuven.ac.be/~tvandera/phpmenu/ page and see the concept that I have in my mind. Except that I would like to refrain from using FRAMEs.
Thank you.
Your best bet would be to use <div> tags, and dynamically load the innerHTML. You could hold the html in a database, then when the main page loads, grab all your code from the database, throw it into javascript variables and use the links to call a load function. Or you could use an iframe to throw the other pages in.
Keep in mind the following example probably doesn't work. If you want a working example I'll try to finish the script this afternoon...
CODE
<?php
//Your query would go here, and you would simply echo the results to javascript variables. I won't do all the coding in this example.
?>
<html>
<script>
//these variables have been echo'd with php, filled using a php query from the //database.
var page1 = "some html";
var page2 = "other html";
function loadContent(pagename){
if( pagename == "page1.html")
document.getElementById('content').innerHTML = page1;
//and so on, you could use a switch statement here as well.
}
</script>
<body>
<div name='content'></div>
</body>
</html>
//Your query would go here, and you would simply echo the results to javascript variables. I won't do all the coding in this example.
?>
<html>
<script>
//these variables have been echo'd with php, filled using a php query from the //database.
var page1 = "some html";
var page2 = "other html";
function loadContent(pagename){
if( pagename == "page1.html")
document.getElementById('content').innerHTML = page1;
//and so on, you could use a switch statement here as well.
}
</script>
<body>
<div name='content'></div>
</body>
</html>
