Loading content without reloading whole page

Hi Guys
I have a "one page" wordpress site. But have hit a stumbling block in my creation.
Essentially what I want is for one of the "sections" on my one page site to have it's own menu, and for each menu item to 'reveal' it's own content beneath it without re-loading the whole page.
My first thought is an Iframe, but this might be a bit dated now.
A plugin would be most ideal to simplify things.
Thanks :-)

Actually yes
I knew there was something in my previous experience to do this job and that was it... "tabs"
Atleast it gives me the correct keywords to search for to find a more suitable solution.
So unless anyone knows of any good Wordpress plugins for this, concider this topic answered :-)
(ps. I'm not after a plugin to shortcut anything.... its more the case that I need it maintanable by clients)

Similar Messages

Can I change a part of HTML page from server without reload whole page?

Hey guys!
I would like to make a page what shows a couple of information, some of these from database. I would like to refresh these datas every minute, but I don't want to reload whole page, because there are charts and other things that calculated in long time.
If I use IFRAME's than I have to use more than 10, and I don't know which is best solution.
Anyone can suggest something?
My English is bad, so if you dont understand well what I would like to, please let me know and I gonna try to explain better.
best regards,
N.

The tag is a normal HTML -tag, which causes the browser to reload that page after the specified time.
So if you put this in you HTML:
<HTML>
<HEAD>
<TITLE>Titless</TITLE>
<META http-equiv="refresh" content="60;url=this.html">
</TITLE>
<BODY ...It'll wait 60 seconds and then (re)loads the page 'this.html'...
(so this can be the same or another page).

Update a browser URL without reloading the page

Is there any way to update the browser url from flash without
reloading the page?
My main interest is in being able to use flash to change the
url variables to reflect what is currently being displayed in the
swf.
ie.
http://www.blah.com?frame=0 might be set to
http://www.blah.com?frame=10 when the swf reaches frame 10,
allowing the user to go directly to frame 10 if they return to the
page later.
Thanks
Rick

You can try a technique that is used by web designers to
prevent back button actions. Through JavaScript you can write
strings after hash "#" - like bookmarking (anchors) and then read
this variables. The advantage is that page doesn't reload and
bookmarks are saved in the browser history (back button issues).
Hope it helps.

How to send information from HTML page to JSP without reloading HTML page?

Hello,
Is it possible to send information(row number selected by user) from HTML page to JSP without reloading HTML page?
Thanks.
Oleg.

Yes, you can do this with framesets and a hidden frame.
You need a bit of JavaScritp in the "visible" frame that
sets the location of the hidden frame to the JSP.
Add the user's choice as a parameter to the JSP URL.

How to refresh a portlet without refreshing whole page?

hi
I have 3 jsp portlets on a page. Now, I can write some javascript code in a jsp and refresh it after a predetermined interval of time.
If i do this with the jsp portlet the whole page will get refreshed which is not something i want to do. i want only that jsp portlet to get refreshed.
Is it possible?
This actually is like having yahoo mail and hotmail both of them on the page and working with both of them simultaneously. Is it possible using portlets.
Pl. help
null

Hi Little Foot,
I think it is because I use a simple input button (created manually in the code), and you use an apex built-in submit button, so it submit the page.
But since I posted that solution, I have found a better way, that allow me to get upload status, it is very simple :
Create a file browse item :
Name : P3_FILE_BROWSE
Storage Type : Table WWV_FLOW_FILES
Post Element Text : <div id="upload_status"></div>
Bind event on the element that will trigger the upload
$('#your_element').click(function(){
     if ($('#P3_FILE_BROWSE').val() != '') {
          $('#wwvFlowForm').parent().append('<iframe id="upload_iframe" name="upload_iframe" style="display:none;"></iframe>');
          $('#upload_iframe').unbind('load').load(function () {
               /* upload finished, so here you can do what you want with the uploaded file
               $('#upload_status').html('<img alt="" src="'+IMAGES_PATH+'ajax-loader.gif" style="height:28px;width:28px;" /> file processing...');
               //do what you want with the file
               $('#upload_status').html('')
               $(this).remove();
          $('#wwvFlowForm').attr('target','upload_iframe').submit().removeAttr('target');
          $('#upload_status').html('<img alt="" src="'+IMAGES_PATH+'ajax-loader.gif" style="height:28px;width:28px;" /> uploading file...');
});It automatically create the hidden iframe, submit the form into it, tell the user upload is finished, and remove the hidden iframe.
your_element can be a button, an image, etc...
Hope it can helps !
Yann.

Sorting without reloading the page

Hi,
I'd like to know how processing several sorting operations without reloading and ask the database each time the sorting of the elements is made.
For that I guess a copy of the result tree obtained by the sql query, written in the xsql page, must be present in memory and always available for the several sorting processes (but is this a temporary xml document which is created? How handle and use this "copy"?). So, one and only one access to the database would be required.
But I don't know how such a thing works?
Thanks a lot to help me on this point.
Bye

You can easily do that by implementing the apex error handling function.
See this working example http://apex.oracle.com/pls/apex/f?p=46417:10
Login as test/test
By default APEX shows an javascript alert message, I actually overwrote the native alert to show a message div using jquery
function alert(message) {
// console.info(message);
var msgBox = $('#msg-box');
if (msgBox.length === 0) {
msgBox = $('<div />', { 'id': 'msg-box'}).hide().prependTo('body');
msgBox.html(message+' <a href="javascript:void(0);" onclick="$(\'#msg-box\').hide();">X</a>').fadeIn(500);
}See {message:id=10735215}

Sorting row-elements without reloading the page

Hi,
I'd like to know how processing several sorting operations without reloading and ask the database each time the sorting of the elements is made.
For that, I guess a copy of the result tree obtained by the sql query, written in the xsql page, must be present in memory and always available for the several sorting processes (but is this a temporary xml document which is created? How handle and use this "copy"?). So, one and only one access to the database would be required.
But I don't know how such a thing works?
Thanks a lot to help me on this point.
Bye
null

You can easily do that by implementing the apex error handling function.
See this working example http://apex.oracle.com/pls/apex/f?p=46417:10
Login as test/test
By default APEX shows an javascript alert message, I actually overwrote the native alert to show a message div using jquery
function alert(message) {
// console.info(message);
var msgBox = $('#msg-box');
if (msgBox.length === 0) {
msgBox = $('<div />', { 'id': 'msg-box'}).hide().prependTo('body');
msgBox.html(message+' <a href="javascript:void(0);" onclick="$(\'#msg-box\').hide();">X</a>').fadeIn(500);
}See {message:id=10735215}

Tabs on Top - When a tab reloads whole page jumps

I am trying to get used to the new tabs on top. My webmail is open all the time and reloads every 30 seconds to check for new mail. Every time it does this, the whole web page jumps down and jumps back up slightly no matter what tab I am working on.
During reload the tab becomes deeper slightly and this causes the web page I am on to move down by the same distance then go back up again once reload is complete. This is very annoying when I am reading the page or in the process of ticking a box or dotting an option as it means I miss it because it's moved.
This does not happen with tabs on bottom. If this can't be fixed I'll have no choice but to move tabs back to what they were before FF4.
Does anyone else have this? Is it fixable?

Use Firefox Button instead of Menu Bar.
Go to View Menu>Toolbars>Uncheck Menu Bar option.
You will see orange firefox button on top left with tabs moving upwards.

Site loads locally without problems, certain pages will not load when live...

I am currently designing a website for a company I work for, and i am having some problems getting the site to work live.
All files where built up from a single file i made some time ago and so all definitely use the same base coding etc... but when they are loaded onto an FTP server, some of them just give me the "Download flash" icon. None of them should load any files from any external sources and I have run out of ideas... can anyone give me a hand?

Hello Meevinman, try to disable your firewall(if you have one) and your antivirus(antispyware etc.) and check it again.
you said : ...."I'm sure you all will have fun with this one : ).." , i like people you always see the bright side of life
thank you

How to display the search result without reloading the whole page

HI,
I have separate fragments for Search Box to enter keyword and Search Result to display the result. Also I have different sections within the page to put these fragments. So how could I display the results without reloading the whole page.
Also if I have next button in my search result area, how could I display the search results in next page without reloading all other sections present in our page. Please let me know if any service or idoc function present such that result could be shown in search result section without reloading whole page.
Please let me know how to restrict page reload for every action within a page.
Thanks,
Ramesh
Edited by: Ramesh_Est on May 27, 2010 3:14 AM
Edited by: Ramesh_Est on May 27, 2010 8:39 PM

This is default behaviour of the template of your space. You can create a new page template and than you can create a region for the search results.
Or you can create a custom taskflow were you use the webcenter taskflows to search for the space.
Take a look at this white paper:
Extending webcenter spaces: http://www.oracle.com/technology/products/webcenter/pdf/owcs_r11_extend_spaces_wp.pdf
and this one:
Customizing site templates: http://www.oracle.com/technology/products/webcenter/pdf/owcs_ps1_site_template_wp.pdf
Edited by: Yannick.O on 13-Apr-2010 02:32

Reload previous page on back button - using cache control

Hi,
In my application I am using cache control to avoid the pages to be cached. But the requirement is changed and now the previous page can be re-loaded on hittinh browser's back button even after the 10 mins. i.e if user hits the back button with in 10 mins he should be allowed to see the pre-loaded contents on the previous page. After 10 mins the browser should display the page refresh warning.
a) Old code to preventing caching:
response.setHeader("Cache-Control","no-cache"); //HTTP 1.1
response.setHeader("Pragma","no-cache"); //HTTP 1.0
response.setDateHeader ("Expires", -1); //prevents caching at the proxy server
b) I am trying with the code ha changes as to get the previous page with in 10 minutes time:
response.setHeader("Cache-Control","no-cache, max-age=600"); //HTTP 1.1
response.setHeader("Pragma","no-cache"); //HTTP 1.0
The above code changes are not working. If uses "no-cache" with max-arg=600 it behaves like the code in section a).
If I uses response.setHeader("Cache-Control","max-age=600"); then even after 30 mins it load the previous page with preloaded contents.
Any help is appreciated.

I tried it lots of time by refreshing the browser's cache. I am using IE 6.0. I tested it through FireFox to get the header details. when I submit the request it displays the headers request
same as I set in the code. But when I hit the back button (after the max age time passed) still it gets the value from cache and no header values are displayed.

Loading and external php page without reloading

Hi to all,i want to load(include) php pages without reloading
the whole page?how to accomplish that in Spry?Also can we include
php pages also through the HTML PANEL in spry?forexample, i have a
link which i click it should fetch dreamweaver recordset values in
php without reloading the whole page.Is there any XML involved or
it can be done merely through HTML Panel in Spry.Kindly help me in
this regard.

You can include a whole page (or part of a page) with the
HTML Panel widget. No XML is needed for this.See the following
page
for HTML Panel examples and just replace the static pages by your
php pages.

HT1338 hi, my firefox and safari are both having difficulty loading certain parts of web pages. previous to this my firefox would freeze and state that a script was not responding. i would stop the script and reload the page and everything would be fine.

hi, my firefox and safari are both having difficulty loading certain parts of web pages. previous to this my firefox would freeze and state that a script was not responding. i would stop the script and reload the page and everything would be fine. now though the pages just load very very slowly or load leaving out certain pictures and video content. i've tried clearing my cache's and cookies, resetting my browser etc, but it seems like its a system issue as both safari and firefox are having issues. i've run Avast to screen for malware and it came up empty. any suggestions?

10.4.8's been a pain for Networking... not sure of all the reasons though, or whether all the complaints might not be MS working around Bugs/Non-compliance, but at this point I think you should get Applejack...
http://www.versiontracker.com/dyn/moreinfo/macosx/19596
After installing, boot holding down CMD+s, then when the prompt shows, type in...
applejack AUTO
Then let it do all 5 of it's things.
Fixes a lot of problems, and besides, if your Mac ever gets to the point it won't Boot... this is a life saver!
After you run that... let's see where we are.
BTW, several ISPs seem to have trouble with their DNS Servers lately, might try these insead...
208.67.222.222
208.67.220.220

Load content in remote page

Hello Experts,
We have created a HANA project wherein we have to navigate to different pages based on the response from the main page.
However, the challenge is that we have to update fields on these pages based on an action on the current page, that too, without actually navigating to those pages. That is, we need to load content in specific field on these various pages, when a button on the current page is hit.
Please can anybody suggest a way to achieve this?
Regards,
Divyata Dal

Hi Divyata,
maybe one way to achieve this is via multiple ui-areas.
Just define in your HTML different sections or divs, so you are able to create multiple views and place them in one document. On this way you have a clean separation of your view elements and also a reusable approach. Besides, you can control your views and their content from a central point in your application.
This simple example gives you a little impression of the idea.
Hope, it helps
Michael

Load image, but NOT the whole page

I have a simple html web page that I want to display a
selection of images. I want to be able to have the images load when
the next or previous buttons are clicked, but I don't want the
whole page to reload. I know that I can do this with various
server-side languages, but as this is a static website I didn't
know if was possible to do it with javascript.
Thanks

>I have a simple html web page that I want to display a
selection of images.
>I
> want to be able to have the images load when the next or
previous buttons
> are
> clicked, but I don't want the whole page to reload. I
know that I can do
> this
> with various server-side languages, but as this is a
static website I
> didn't
> know if was possible to do it with javascript.
You HAVE to use javascript, as you don't want the page to
reload.
Personally, I don't like photogalleries that do this, as I
can't link
directly to a specific image.
that said, here's an option:
http://www.huddletogether.com/projects/lightbox2/
-Darrel

Loading content without reloading whole page

Similar Messages

Maybe you are looking for