when I visit the page most of the times it is ok .
but some times when I keep pressing refresh or for example if I am in a another page and then came back to that page via a link , page wont be shown right ,look likes it could not load the CSS file .
I delete the CSS and then I reload the page and I saw page is just like those times that I mention above , so I am pretty sure it is about page's CSS .
Next when page is disorder I click on refresh and page gets right
another thing I should add is ,always I have this problem with large screens browsers like in laptop or pc but never experience this problem with tablet or phone and small devices
I design that web site with Nice page so every page has 2 CSS (nicepage.css and page.css)files ,and 2
JS files
you can visit the page here :
https://www.drhosseinchi.ir/docs/first/
so what can I do ?
Looks like you are a beginner to web development. You need to read more about "cache". Browsers usually cache files such as css to save user's data. Try renaming your css file or make it internal by moving it to page header section and everything should work.
Related
Recently, I've been working on a WordPress website powered by the Divi theme and builder. Some of the pages have a menu with the URLs set to ID's of certain sections of the page (anchor links) but when clicked, the page refreshes and then scrolls to the relevant section.
What would cause a page to refresh when an anchor link is clicked? I'm baffled!
I've tried changing the URLs (to the below) but still have the same problem.
https://www.domain.co.uk/tables/#breakpoint-one
https://www.domain.co.uk/tables#breakpoint-one
In static HTML, coding something like this would take a matter of minutes so I cannot understand why the page refresh occurs.
Is the refreshing ocurring only the first time you click on an anchored link? or does it happen every time.
Perhaps you have POST data present (like you arrived on the page after submitting a form). I think the behaviour you describe matches that scenario.
I am trying to download my webpage which I made on WIX. When I use CTRL+S to save the complete webpage and I load the site from my computer, not everything works. Is there some code missing when you save the webpage like this?
The original site looks like this:
https://i.gyazo.com/c4465c93bfcfe19fb07876aed9791d93.mp4
The saved site looks like this:
https://i.gyazo.com/d42aa6bae9e31572e48e42ce8768e784.mp4
So the only thing that is different, is that the background isn't moving and the subscribe box at the bottom is missing at the saved page.
Sorry if this is not the place to ask this, but I thought it might has something to do with the code.
You can view the full html code at the original website (it's too much for the thread) https://jippie1912.wixsite.com/1912sites
well,luckily i got the solution for the problem,but might take too long if your site has a lot of pages.You have to go to all your site pages and download them,so this way you can fix this without any advanced code.Tell me if it worked
I am currently trying to make a transition between pages on a website.
Eg: If a user were on www.example.com/About and they clicked on a link to go to www.example.com/Contact, the about page would fly out to the left, whilst the contact page would fly in from the right.
So far all I could find online was how to do this on the same page with hashtags. But I want to do this with separate pages.
is it possible?
if not is there an alternative and how to do it?
UPDATE
Ok so I did a bit more research and I found this thing called barba.js(http://barbajs.org) that seemed to do what I'm looking for. So I installed the js script file followed the instructions on the site...and it didn't work! All it did was not load my pages correctly and didn't do what it was supposed to do. Anyone know how I can use this(or if there is a better option than barba.js).
-Thanks!
I don't think you can do that with pure html & js, as you load the entire page each time you click on a link if it's not an anchor.
However you can load just a part of the page, and so apply a transition of your choice with Ajax and js
But in the end, you won't really switch from page to page, but only load the parts that you want to update. This is approximately how modern front end frameworks like Angular, React,... are working
Here is a pure js example http://www.w3schools.com/js/tryit.asp?filename=tryjs_ajax_first
Here is a jQuery example http://www.w3schools.com/jquery/ajax_ajax.asp
You are talking about is page transition and it normally happens in SPA (Single Page Application) where there is no hard refresh.
If you are not working in a SPA application I don't think you can do that where you are moving from one page to another by link/button click and a hard refresh happens.
You can choose angularjs one of the famous spa/mvc framework in jvascript and us ui-router to move from one page to another. there are many other you can explore.
I'm not much of a programming person so forgive me if I don't explain this well.
I have a web site with a home page. There are a couple of menus across the top, each with a submenu. When you select one of the submenus, that "page" comes up in the center of the page. So, for example, if I select the menu item biography, the "page_BIO" will load into the main part of the screen. The script looks like this:
Band Bio
It works perfectly . . . all's good in the world when you're on the page.
HOWEVER . .
If I want to have a link to my "biography" from another site or page, it will open http://www.mydomain.com/index#!/page_BIO BUT it won't launch the actual "onclick" script. It basically just loads the index.html page and, from there, you can select what you want.
I'm trying to find a way to launch the index.html page but WITH the BIO page loaded. So, if this makes sense, I want to launch the onclick that resides on one page withe a link from another page.
Does this make sense? Is this possible?
stu
On the index.html, you can read the parameters being passed using the code here: Get escaped URL parameter
If a certain parameter is detected, you can then invoke your JavaScript to load the bio page.
From the referring page, you can then pass the required parameter.
Hope this helps!
I'm using Web2py and using the "PLUGIN_JQMOBILE/LAYOUT.HTML" as the base layout file.
The problem is that when I click on a link, jquery-mobile takes me to the next page -- all fine here.
When I view the source for the page, I see that it still has <title> from the older page.
I caught the problem since I'm using lockerz(addToAny.com) and when users try to share the page on Facebook, the title was coming completely incorrect.
I used the FB developers debug page & saw the title shown.
I can add the og:title, etc, but this problem is biting me for Google+ as well.
Am I doing something incorrect or is that a side-effect of jquery-mobile.. ?
This is because of the Ajax loading by default in jQuery Mobile. You can avoid this problem by using data-ajax="false" in your links or by using a jQuery script to change the page title after loading.