| | |
How to link towards a div tag?
Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
•
•
Join Date: Jan 2008
Posts: 1
Reputation:
Solved Threads: 0
hey ^_^ i really hope you guys can help me. Ill try to explain as clear as possible.
Ok, so what I did was; I took a free web template, and tried to adjust it to the website i've been requested to make.
What you see below is this window:

Basically, I placed the whole text inside this code, but I realise it'd be better if I'd make it a page the scrollwindow call to.
So, what I'm trying to do is:
Make a link from the left linklist open a new page to the right scrollwindow without refreshing the whole page (this has to do with background music which will applied later on.)

I know it's pretty annoying with the whole page, but uhm, I really hope you can help me ^_^;;
Here's where the site in construction is placed:
css style sheet
html page
images
Ok, so what I did was; I took a free web template, and tried to adjust it to the website i've been requested to make.
What you see below is this window:

Basically, I placed the whole text inside this code, but I realise it'd be better if I'd make it a page the scrollwindow call to.
So, what I'm trying to do is:
Make a link from the left linklist open a new page to the right scrollwindow without refreshing the whole page (this has to do with background music which will applied later on.)

I know it's pretty annoying with the whole page, but uhm, I really hope you can help me ^_^;;
Here's where the site in construction is placed:
css style sheet
html page
images
JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<!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" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Magical Awakenings :~Merry Meet~</title> <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" /> </head> <body> <div id="wrapper"> <div id="header"> <div id="logo" style="position: absolute; left: 312px; top: 42px"> <img src="images/title.jpg"> </div> <div id="nav" style="position: absolute; left: 285px; top: 237px; height: 10px"> <ul> <li><font face="Monotype Corsiva" size="2"><a href="http://www.freewebsitetemplates.com/">MEN</a> | </font> </li> <li><font face="Monotype Corsiva" size="2"><a href="http://www.freewebsitetemplates.com/">WOMEN</a> | </font> </li> <li><font face="Monotype Corsiva" size="2"><a href="http://www.freewebsitetemplates.com/">GIRLS</a> | </font> </li> <li><font face="Monotype Corsiva" size="2"><a href="http://www.freewebsitetemplates.com/">BOYS</a> | </font> </li> <li><font face="Monotype Corsiva" size="2"><a href="http://www.freewebsitetemplates.com/">ACCESSORIES</a> | </font> </li> <li><font face="Monotype Corsiva" size="2"><a href="http://www.freewebsitetemplates.com/">CONTACT US</a></font></li> </ul> </div> </div> <div id="body"> <div id="categories"> <h2>Categories</h2> <ul> <li><a href="http://www.freewebsitetemplates.com/">Formal Dresses</a></li> <li><a href="http://www.freewebsitetemplates.com/">Party Dresses</a></li> <li><a href="http://www.freewebsitetemplates.com/">Summer Special</a></li> <li><a href="http://www.freewebsitetemplates.com/">Cocktail Dresses</a></li> <li><a href="http://www.freewebsitetemplates.com/">Formal Ware</a></li> <li><a href="http://www.freewebsitetemplates.com/">Winter Special</a></li> <li><a href="http://www.freewebsitetemplates.com/">Regular Ware</a></li> <li><a href="http://www.freewebsitetemplates.com/">Night Dress</a></li> <li><a href="http://www.freewebsitetemplates.com/">Sports Dress</a></li> <li><a href="http://www.freewebsitetemplates.com/">Wedding Dress</a></li> <li><a href="http://www.freewebsitetemplates.com/">Jeans</a></li> </ul> </div> <div id="seasonal"> <div class="inner"> <div style="overflow:auto; height:350px; width:450px;"> <div class="fw-container"> <div class="fw-with-mini fw-content"> <table cellSpacing="0" cellPadding="0" width="90%" border="0" id="table1"> <thead> <tr> <td onmouseover="this.style.backgroundColor='#EFEFEF';" onmouseout="this.style.backgroundColor='';" align="left"> <table id="table2" cellSpacing="0" cellPadding="0" width="90%" border="0"> <tr> <td> <div class="fw-paragraph"> <h2>UNDER CONSTRUCTION </h2> <div class="fw-text"> <p> <img style="WIDTH: 92px; HEIGHT: 70px" height="32" src="../../images.freewebs.com/Images/Smilies/Round/biggrin.gif" width="74"><font size="5">WELCOME TO MAGICALAWKENINGS<img height="67" src="../../images.freewebs.com/Images/Smilies/Round/biggrin.gif" width="85"></font></p> <p><font size="5"> <img height="50" src="../../images.freewebs.com/Images/Smilies/Round/exclamation.gif" width="52"> <font color="red">There are alot of change's going on with this site..and there all good</font><img height="44" src="../../images.freewebs.com/Images/Smilies/Round/exclamation.gif" width="50"> </font></p> <p><font size="5"> <img height="39" src="../../images.freewebs.com/Images/Smilies/Round/huh.gif" width="52"> <font color="red">Please excuse the mess</font><img height="43" src="../../images.freewebs.com/Images/Smilies/Round/huh.gif" width="47">.. <font color="red">we are adding and changing things and moving things around.</font> So if you are looking for something and you cant seem to find it no worries its still here its just been moved around abit. No we arn't removing any thing from the site.. well., at least we dont think so..<img height="42" src="../../images.freewebs.com/Images/Smilies/Round/unsure.gif" width="62"> Dont worry the changes wont be that bad we will still be the same old site but better<img height="45" src="../../images.freewebs.com/Images/Smilies/Round/cool.gif" width="54">.</font></p> <p><font size="5"> <img height="59" src="../../images.freewebs.com/Images/Smilies/Round/exclamation.gif" width="56"><font color="red">BUT LOOK AT THE <font size="6">NEWS THINGS THAT ARE COMING!</font></font></font></p> <p><font size="5">We will have a <font color="red" size="6">BIGGER variety </font>of all kinds of <font color="black">wiccan information</font>, more tarot information. <font color="red"><font size="6">MORE</font> </font>spells, oils, herbs mix's/ powder and a <font color="red"> NEW RECIPE LIST,<font color="black">and a</font> BIGGER BETTER <font color="black">suggested reading list, a </font>NEW SUGGEST WEB LIST/LINKS </font> <font color="black">to other wiccan web site that we have found helpfull. <font color="red">AND NOW WE ARE GOING TO ADD OUR OWN PERSONAL EMAIL ADRESS </font>SO THAT YOU CAN REACH US ANY TIME FOR ANY WICCAN NEED. ALSO <font color="red"> NEW</font> <font size="4">IF YOU HAVE ANY QUESTIONS YOU CAN ASK THEM AND <font color="red">WE WILL ANSWER THEM </font>AND <font color="red"> WE WILL POST IT ON THE QUESTION PAGE UNLESS YOU SAY OTHER WISE</font>. YOU CAN DO THAT <font color="red">2 WAYS YOU CAN EMAIL </font>US OR <font color="red">WRITE IT IN THE QUESTION IN THE GUEST BOOK!! </font> </font></font></font></p> <p><font color="black" size="5"> <img style="WIDTH: 54px; HEIGHT: 56px" height="41" src="../../images.freewebs.com/Images/Smilies/Round/biggrin.gif" width="110"> <font color="red">LOOKIE!!! LOOKIE!!!!</font><img style="WIDTH: 71px; HEIGHT: 55px" height="65" src="../../images.freewebs.com/Images/Smilies/Round/biggrin.gif" width="54">HURRAY!!! YIPPIE!!</font></p> <p><font color="red" size="5"> FINALY!!! NOW WE HAVE A FEW THINGS TO SELL!!! <font color="#000000">But it is only temporary because we want to see how it goe's were going "to test the waters" so speak. We would like to sell home made candles, herb mix's, oils,and magic kits. That are home made and blessed by the wiccans that are part of this web site (raven, annatris, anjileak, willow) and we will tell you who exactly made it and blessed them and what its for!! </font></font></p> <p><font color="red" size="5"> <font color="#000000">Yes we know that there are other wiccan ppl that sell these things but one thing is differnt with us <font color="red"> we wont charge you an arm and a leg!! </font>That reminds me also another <font color="red">NEW THING WE WANT TO DO..</font> if there is something that you need and dont see it on our site or there is something that you need just email us any time and tell us what you need and will be glad to help you example (herbs, oils, what ever) and we will make it, bless it and send it to you. </font><font color="red"> NEW also go's with the spells if you need a spell or oil or what ever and we dont have it on the site email us and we will be more than happy to email the reipe or the spell or even mail it to you if you wish 4 free<img src="../../images.freewebs.com/Images/Smilies/Round/exclamation.gif">.</font><font color="black">I know we said the sale part was temporary how ever the email is going to be a permanent thing.NEW: </font> <font face="georgia" color="black"> you can also email us any spells you have that you would like to share that goes for oils, herbs and what not. And OF CORSE <font color="red"> YOU WILL GET THE CREIDT ITS ONLY RIGHT !!! And this also goe's for any poems or what ever else you wish to share</font></font></font></p> <p><font size="5">We are very excited about all the new changes and hope that you are to and that you enjoy the site...</font></p> <p><font size="5">So dont let the constuction ruin your visit please feal free to look around and enjoy your visit.</font></p> <p><font size="5">Sincerely.... </font></p> <p> </p> <p> <img src="../../www.freewebs.com/magicalawakenings/wiccan%20hat.gif" border="0"><font face="georgia" size="5">Raven, Annatris, Anjileak, Willow</font></p> <p> </p> <p> </p> <p> </p> </div> </div> </td> </tr> </table> </td> </tr> </thead> </table> <table cellSpacing="0" cellPadding="0" width="90%" border="0" id="table3"> <thead> <tr> <td onmouseover="this.style.backgroundColor='#EFEFEF';" onmouseout="this.style.backgroundColor='';" align="left"> <table style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" cellSpacing="0" cellPadding="3" width="100%" id="table4"> <tr align="middle" bgColor="#efefef"> <td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Edit" onclick="editParagraph(96472411, 59963612);" onmouseout="this.style.backgroundColor='#EFEFEF';" width="51"> <img height="14" alt="Edit" src="../../images.freewebs.com/Images/edit.gif" width="16" align="middle"> Edit</td> <td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Delete" onclick="deleteParagraph(96472411, 59963612);" onmouseout="this.style.backgroundColor='#EFEFEF';" width="72"> <img height="17" alt="Delete" src="../../images.freewebs.com/Images/delete.gif" width="16" align="middle"> Delete</td> <td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Move Up" onclick="moveupParagraph(96472411, 59963612)" onmouseout="this.style.backgroundColor='#EFEFEF';" width="95"> <img height="16" alt="Move Up" src="../../images.freewebs.com/Images/moveUp.gif" width="12" align="middle"> Move Up</td> <td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Move Down" onclick="movedownParagraph(96472411, 59963612)" onmouseout="this.style.backgroundColor='#EFEFEF';" width="110"> <img height="16" alt="Move Down" src="../../images.freewebs.com/Images/moveDown.gif" width="12" align="middle"> Move Down</td> <td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Insert Paragraph" onclick="insertParagraph(96472411, 59963612,2, false);" onmouseout="this.style.backgroundColor='#EFEFEF';" width="140"> <img height="16" alt="Insert Paragraph" src="../../images.freewebs.com/Images/insertParagraph.gif" width="16" align="middle"> Insert Paragraph</td> </tr> </table> <table id="table5" cellSpacing="0" cellPadding="0" width="90%" border="0"> <tr> <td> <div class="fw-paragraph"> <h2>Welcome ... </h2> <div class="fw-text"> <font face="georgia" color="aliceblue" size="4"> <font face="georgia" size="4"> <p> <font face="comic sans ms" color="blue"> to the site....</font></p> <p> <font face="comic sans ms" color="blue"> Merry meet to one and all. This site is new and we hope the site is very helpful to you. We have all kinds of information on Wicca and other things that have to do with it.. Hopefully soon we will have great things to sell, we have great hopes for this site. So you should come back every once in a while to see what’s new because we are always adding new things and information. </font></p> <p> <font face="comic sans ms" color="blue"> We have information that we have added from our own individual books of shadows and questions we have been asked. So in short this is a book of shadows from several Wicca’s/ witch’s</font></p> <p><font face="comic sans ms"> <font color="black"> <font color="blue">There are</font> <font color="deeppink"><em>**some** </em></font></font> <font color="blue">spells and formulas that we each have made and used many of times. . Soon we would like to sell things like incense and burners, and oils, and other Wiccan needs,</font></font></p> <p> <font face="comic sans ms" color="blue"> so stop by and have a look. Don’t be shy!! Sign the guest book and tell us what you think . And if you think we have a spell you may need and its not here drop us a email and we will be happy to help. </font></p> <p> <font face="comic sans ms" color="blue"> you can also email us any spells you have that you would like to share that goes for oils, herbs and what not. And OF CORSE YOU WILL GET THE CREIDT ITS ONLY RIGHT !!!</font></p> <p> <font face="comic sans ms" color="blue"> Sadly we do not have the store portion of the site up yet. But we will…but if you live in the Reno/sparks area you should go over to shopper square and check out teas and gifts across from Ben franklins they have a lot of great stuff it’s a good store and the owners are really nice. </font></p> <p> <font face="comic sans ms" color="deeppink"> <em>(**SOME ** we place these spells, formulas, herbs, oils here for your use. The spells are free, and we are more that happy to email you what ever you need so please dont steal theim because there is no need to if they are free now is there )</em></font></p> </font></font> </div> </div> </td> </tr> </table> </td> </tr> </thead> </table> <table cellSpacing="0" cellPadding="0" width="90%" border="0" id="table6"> <thead> <tr> <td onmouseover="this.style.backgroundColor='#EFEFEF';" onmouseout="this.style.backgroundColor='';" align="left"> <table style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" cellSpacing="0" cellPadding="3" width="100%" id="table7"> <tr align="middle" bgColor="#efefef"> <td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Edit" onclick="editParagraph(97506389, 59963612);" onmouseout="this.style.backgroundColor='#EFEFEF';" width="51"> <img height="14" alt="Edit" src="../../images.freewebs.com/Images/edit.gif" width="16" align="middle"> Edit</td> <td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Delete" onclick="deleteParagraph(97506389, 59963612);" onmouseout="this.style.backgroundColor='#EFEFEF';" width="72"> <img height="17" alt="Delete" src="../../images.freewebs.com/Images/delete.gif" width="16" align="middle"> Delete</td> <td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Move Up" onclick="moveupParagraph(97506389, 59963612)" onmouseout="this.style.backgroundColor='#EFEFEF';" width="95"> <img height="16" alt="Move Up" src="../../images.freewebs.com/Images/moveUp.gif" width="12" align="middle"> Move Up</td> <td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Move Down" onclick="movedownParagraph(97506389, 59963612)" onmouseout="this.style.backgroundColor='#EFEFEF';" width="110"> <img height="16" alt="Move Down" src="../../images.freewebs.com/Images/moveDown.gif" width="12" align="middle"> Move Down</td> <td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Insert Paragraph" onclick="insertParagraph(97506389, 59963612,3, false);" onmouseout="this.style.backgroundColor='#EFEFEF';" width="140"> <img height="16" alt="Insert Paragraph" src="../../images.freewebs.com/Images/insertParagraph.gif" width="16" align="middle"> Insert Paragraph</td> </tr> </table> <table id="table8" cellSpacing="0" cellPadding="0" width="90%" border="0"> <tr> <td> <div class="fw-paragraph"> <h2>the beginning </h2> <div class="fw-text"> <p> </p> <font face="Tahoma" color="royalblue" size="4"> <font face="Tahoma" size="4"> <p> </p> </font><font face="Tahoma" size="4"> <p><font face="comic sans ms">Is the best place to start …..so lets go there shall we.....</font></p> <p><font face="comic sans ms">This is were we have great info on all kinds of Wicca things for you to know, learn and find out. We found out some thing's we had </font></p> <p><font face="comic sans ms">for gotten about over time, and even learned some other things we did not know about while getting all the information that was needed for this site along with what was in our<em> <font color="darkorchid">** b.o.s.’s**</font> </em></font></p> <p><font face="comic sans ms">So we hope that You find what you need.</font></p> <p><font face="comic sans ms">Maybe you will learn from what is on this site or maybe you just needed a little refreshing you memory, lol Zeus knows that I did I needed a little refresh and learn at the same time in putting this together.</font></p> <p><font face="comic sans ms">There is lots of information and more to come. We say we a lot because Im not alone in this path of making the site</font></p> <p><font face="comic sans ms">page or learning the craft. I and my sister (annatris)and good friend (willow) are still learning as much as we can. </font></p> <p> <font face="comic sans ms" color="darkorchid"> <em>**BOS** Book Of Shadows</em></font></p> </font></font> </div> </div> </td> </tr> </table> </td> </tr> </thead> </table> </div> </div> <h2> </h2> </div> </div> </div> <div class="clear"> </div> <div id="seas"> <div id="seas-one"> </div> <div id="seas-two"> </div> <div id="seas-three"> </div> <div class="clear"></div> </div> </div> <div id="copyright"> <p>Copyright © 2007. Magical Awakenings all rights reserved</p> </div> </div> </body> </html>
Last edited by DakDuif; Jan 10th, 2008 at 4:50 am.
The simplest way is to have that content section an iframe then to load that you would set the link's target attribute to the id of the iframe ie.,
html Syntax (Toggle Plain Text)
<a href="test.html" target="MyIFrame">Open this in the content</a>
GCS d- s+ a-->? C++(++++) UL+++ P+>+++ L+++ E--- W+++
N+ o K w++(---) O? !M- V PS+>++ PE+ Y+ PGP !t- 5? X- R tv+
b+>++ DI+ D G++>+++ e+ h+>++ r y+
PMs asking for help will not be answered, post on the forums. That's what they're there for.
N+ o K w++(---) O? !M- V PS+>++ PE+ Y+ PGP !t- 5? X- R tv+
b+>++ DI+ D G++>+++ e+ h+>++ r y+
PMs asking for help will not be answered, post on the forums. That's what they're there for.
![]() |
Similar Threads
- Anchoring problem in Firefox, it crops my browser after clicking the link (HTML and CSS)
- Order Of DIV Tag And SEO (Search Engine Optimization)
- The div method for columns doesn't always work (HTML and CSS)
- Java based Itellitext (JavaScript / DHTML / AJAX)
- I Need Help Please. Adding PHP Code To My Site. (PHP)
- Amazing Website Designs - How do they do this? (Site Layout and Usability)
- How do I open a web page with several layers to a spacific layer? (JavaScript / DHTML / AJAX)
- Image Position (Site Layout and Usability)
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: Displaying cookie contents in safari?
- Next Thread: Trouble with AJAX including PHP
| Thread Tools | Search this Thread |
acid2 ajax ajaxcode ajaxhelp animate array automatically beta box bug calendar cart checkbox class codes column cookies createrange() css cursor date debugger decimal design dom download dropdown editor element enter error events explorer firefox focus form frameworks getselection google gwt html htmlform iframe image() images index internet java javascript jawascriptruntimeerror jquery jsf jsfile jsp jump listbox maps masterpage math menu microsoft mimic mp4 object onmouseover parent php player post problem programming progressbar prototype rating redirect regex runtime safari scale scriptlets search select session shopping size sql starrating text textarea toggle validation variables w3c web website window windowofwords windowsxp wysiwyg \n






