Tom's Guide | Tom's Hardware | Tom's Games
![]() |
![]() |
![]() |
Hey, i am developing a website for the board of education. But, i have a little problem... I dont know how to refresh just the portion of the website. What i mean, is that like I will put a photo and have a link in there "NEXT", and i want when they click on NEXT then just the photo to change, not the whole page. That would be very helpful and save me a lot of time. It is just a basic WEBSITE. I have done some research on Google about this, found a little info about Iframe but it wasnt any real help. I think you understood what i mean. Thank you again for your help.
Lider

Take a look here:
http://www.mcli.dist.maricopa.edu/tut/tut27d.html
Not exactly what you want but you basically need to use Javascript and the OnClick event.
I am sure you will find the exact code on the web somewhere and all you'll have to do is replace the images with your own.
HTH
M

and here:
http://forum.weborum.com/lofiversion/index.php/t2429.html
Killer if you find the working code could you post the url here? I'm currently on a HTML Web Design & Production evening class & would be interested to see the result. Good luck.
M

I needed to do the same thing to a website I maintain, this is what I used. I put the image into a webpage and used that to display in the Iframe. It seems to center better and I am able to put a background color in if I need to. To see this script in action go to www.rockettrailers.com and click on the "Find Us" button.
Just copy and paste where you want the Iframe to display and change "YourWebPage.htm" to the name of your webpage that is to be displayed in the Iframe then, change the size attributes to the specs you need.
<SCRIPT LANGUAGE="JavaScript">

Well that post didn't work very good did it? Here is the rest of the code (I hope). Just change the [ & ] symbols to < & >. Or, just look for the code in the source file on the Rocket Trailers website and modify it as needed. Good luck.
[SCRIPT LANGUAGE="JavaScript"]
[!-- Begin
//Specify display mode (0 or 1)
//0 causes document to be displayed in an inline frame, while 1 in a new browser window
var displaymode=0//if displaymode=0, configure inline frame attributes (ie: dimensions, intial document shown
var iframecode='[iframe id="external" style="width:650px;height:545px" src="YourWebPage.htm"][/iframe]'/////NO NEED TO EDIT BELOW HERE////////////
if (displaymode==0)
document.write(iframecode)
function jumpto(inputurl){
if (document.getElementById&&displaymode==0)
document.getElementById("external").src=inputurl
else if (document.all&&displaymode==0)
document.all.external.src=inputurl
else{
if (!window.win2||win2.closed)
win2=window.open(inputurl)
//else if win2 already exists
else{
win2.location=inputurl
win2.focus()
}
}
}// End --]
[/script][!-- End New Window Code --]

You will have to forgive me, it is real early in the morning and I am not fully awake yet. Here is the link that makes it all work. Change the [&] to < & > and change the webpage name to the name of yours. Sorry for so many posts to answer this question.
[a href="javascript:jumpto('Your Webpage.htm')"]1[/a]

![]() |
![]() |
![]() |

This post is quite old and has been locked from receiving new replies. Please create a new posting instead.
| Ads by Google |