Computing.Net > Forums > Web Development > Refresh Portion of the Page

Computer Problems? Computing.Net has over 1,000,000 posts about all things technology related! Over 90% answered within 24 hours! Click here to start participating now! Also, be sure to check out the New User Guide.

Refresh Portion of the Page

Reply to Message Icon

Name: killer
Date: April 21, 2005 at 03:04:10 Pacific
OS: XP
CPU/Ram: APD 64/ 512
Comment:

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



Sponsored Link
Ads by Google

Response Number 1
Name: Mark.UK
Date: April 21, 2005 at 10:12:12 Pacific
Reply:

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


0

Response Number 2
Name: Mark.UK
Date: April 21, 2005 at 10:18:18 Pacific
Reply:

An example here:

http://www.codelifter.com/main/javascript/slideshow4.html

M


0

Response Number 3
Name: -Bryan-
Date: April 21, 2005 at 11:55:40 Pacific
Reply:

I would definitely use an iframe. That would make things easy on you.


0

Response Number 4
Name: Mark.UK
Date: April 22, 2005 at 01:58:12 Pacific
Reply:

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


0

Response Number 5
Name: Randy32218
Date: April 24, 2005 at 04:13:18 Pacific
Reply:

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">


0

Related Posts

See More



Response Number 6
Name: Randy32218
Date: April 24, 2005 at 04:20:07 Pacific
Reply:

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 --]


0

Response Number 7
Name: Randy32218
Date: April 24, 2005 at 04:26:54 Pacific
Reply:

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]


0

Sponsored Link
Ads by Google
Reply to Message Icon






Post Locked

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


Go to Web Development Forum Home


Sponsored links

Ads by Google


Results for: Refresh Portion of the Page

centering the page www.computing.net/answers/webdevel/centering-the-page/2586.html

Non stop reload of a page to server www.computing.net/answers/webdevel/non-stop-reload-of-a-page-to-server/4310.html

how do i change the page title? www.computing.net/answers/webdevel/how-do-i-change-the-page-title/2753.html