Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
Is there a way to make a non-refreshing menu like facebook with javascript or something?.
I want to put my radio player in a non-refreshing div or section. i've been looking but nothing. Only i got is load jquery function but that's not what i want. I want url changes.
Here there's a example website. It has a non-refreshing section on top and bottom. http://enladisco.com
Saludos and forgive my english.
The simple method.
<header>
My persistent header
</header>
<div>
<iframe src="actualPageContent.html"></iframe>
</div>
When links are clicked, the browser does navigation inside the frame. The downside is that the address bar doesn't change.
Use the script from this answer to dynamically load content into your main section, while leaving the header intact, and changing URLs in the browser. The back button also works here.
Go with this if you can.
That page is actually loading the content via ajax with $.ajax (which is what $.load will call) and not refreshing the page. check Modify the URL without reloading the page to see how to modify the URL without triggering a refresh.
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about a specific programming problem, a software algorithm, or software tools primarily used by programmers. If you believe the question would be on-topic on another Stack Exchange site, you can leave a comment to explain where the question may be able to be answered.
Closed 8 years ago.
Improve this question
Explanation
I have a HTML page and it contains the basic features which any home page or new tab page should have. It contains basic HTML and some CSS and Javascript commands.
I use Google Chrome and I want to set my webpage as the new tab page, or alternatively, I can set it as the homepage and open my page on start-up!
Is there code in any language which I can use to set it as my homepage. HTML and Javascript are preferred by me.
Example Code
<html>
<title> New Tab </title>
<!---The code for making homepage or start-up page --->
<!---Other statements --->
</html>
In google chrome click on the top-right menu icon and select settings. Now under appearance check Show Home button option. Now click on the change link under it. Here you can select a url of the home page for your chrome browser.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
So I'm guessing this happens with.. many.. somewhat old-tech things like this, but I have a javascript only website based on backbone, and have shopping pages I'd like to get some validated badges on, case in point: [A Comodo Trustlogo][1]
Basically, when I follow the instructions, it completely wipes out the page, replacing the entire body with a white page and the logo itself, instead of kindly inserting itself into a div or whatnot.
Anyone have an idea on how to get it to inline properly?
This is to do with where you have placed your Comodo code. Where you've placed it, both document.write and document.writeln will destroy the page.
Move it to the top of the <body> element or whereever in the <body> element (not outside, not in <head>, not directly in <html> nor on the outside) you prefer.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
I want to change the text in the header of my page (the header sticks to the top) when scrolling down that page.
Each time you pass the bottom of the current div, the text in the header changes again.
This is a prefect example of what I want: prss.com.
I'm pretty bad with javascript and jQuery, so if annybody has a solution...
Thanks in advance,
Jasper
You can simply use the .scroll() event of the jQuery to detect the user scroll and then do whatever you want based on the scroll position. The latter one you can get using the .scrollTop() function of jQuery.
Here is the JSFiddle, which demonstrates the functionality similar to the one you've provided.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I would like to know how (if even possible) to keep my javascript running after i've continued to the next page.
My situation:
Javascript clicks next button.
I'm now on a new page.
But the javascript stops running and all my functions/variables are gone.
I want to be able to push the button with javascript and then continue running the code that comes after that .click() part.
If its not possible can you maybe suggest a way to do this programmaticly?
No.
Once you leave the page, any JavaScript running on that page will also stop running.
You have two options.
Store any variables or settings you need using cookies, and continue running the same script on the next page.
Don't actually leave the page. You can use AJAX to load new information on the page, or perhaps change part of the page content using an IFRAME while the host page continues to load.
As #mike-edwards has said in the comments, you need a single page app.
You can use frameworks like AngularJS or Knockout.js to make your life easier.
As you said, whenever a new page loads in the browser, all your variables etc from the previous page will be lost. The only way to preserve your variables is to not change the page. You can do this using these frameworks and the HTML5 History infrastructure.
With AngularJS, history support comes out of the box. As far as I know, Knockout.js does not have history API support so you would need to use another JS plug-in like Davis.js for that.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I want to use 2 different open source plugins for my website, a gallery and a calendar, both uses JQuery to work.
But when i put both of their javascript together in my website, it clashes and only one will be able to appear.
Is there any ways to specific if that javascript file just works for one DIV only? Or any work around to have both in my website.
Is there any ways to specific if that javascript file just works for one DIV only?
No, there is a single execution environment for a given HTML document. The only way to sandbox JavaScript is to put it in an iframe (even then, there are APIs that allow other documents to be affected)
Or any work around to have both in my website.
Edit the source of the respective scripts to change which elements they affect and to make them use the same version of jQuery and any other libraries they might depend on.