My webpage looks different on a host than on my local machine - html

I am slightly confused as my https://skidaddleskidoodle.000webhostapp.com/VIP.html looks different when I open it locally i.e. "J:\websites\test site\VIP.html" vs. loading it from my web host.
This is how it looks like locally:
You can see it is meant to have a blue bar at the top and the hover effect that is a red line. Not all my website code is the exact same as on my local machine.
Any help would be great. Thanks, Dave.

You have 7 erros from css and 1 of javascript. Thus, you should correct ir before and see if it will work later.
There are two type of error that you web application is showing.
Error : Failed to load resource: the server responded with a status of 404 ()
It means that your application is not fiding this file on the web server, you need to check what kind of URL your are using, probably you are using static and not relative url.
Error: Uncaught TypeError: Cannot read property 'addEventListener' of null
at BG.js:14
It means either that css error is generating this error or that you are not setting a addEventListener.

Related

html frames fails when referenced with file:///

I have a large set of html files that I keep on my windows 10 system that I have not used in a long time. They use frames and I access them using the file:/// mechanism. These no longer works in firefox or chrome but do work with edge. I believe this is due to cross origin frame problem referenced here
SecurityError: Blocked a frame with origin from accessing a cross-origin frame
The actual error produced is
Uncaught SecurityError: Blocked a frame with origin "null" from accessing a frame with origin "null"
I have moved enough of the pages to aws web space to verify that the pages function correctly when retrieved from a web server.
My question is...
Is there any way I can make this work from my local windows 10 system other than adding a web server to it?
Is there any way I can make this work from my local windows 10 system other than adding a web server to it?
No.

Razor debug returns 404 when launched in webbroswer

I've added a view in my views, with layout and stuff. But when I launch the page through Visual Studio (or directly address the URL), the page gives a 404 error:
The resource cannot be found.
Description: HTTP 404. The resource you are looking for (or one of its
dependencies) could have been removed, had its name changed, or is
temporarily unavailable. Please review the following URL and make
sure that it is spelled correctly.
How can I fix this issue?
I had to add the page in my config file, fixed now.

Processing sketch not working on web

I have multiple processing projects up that are working great on my website, however I have two sketches in particular that do not work and don't display anything except small blank windows. The only similarity between the two that I can find is that they both require arrow keys to work, but besides that there are no similarities. You can inspect element to check the code, I can't seem to figure out why they are not working, any help would be greatly appreciated.
http://willhay.io/processing/crazy/ and
http://willhay.io/processing/MazeRunner/
Have a peak at the JavaScript Console in your browser's developer tools.
You should spot this:
Failed to load resource: the server responded with a status of 404 (Not Found)
processing.min.js:18 Processing.js: Unable to execute pjs sketch.
processing.min.js:18 Uncaught TypeError: size is not a function
Perhaps the pages are attempting to initialise the Processing sketches before the document is fully loaded and the ProcessingJS library is ready.
Try doing that when the page is fully loaded to be on the safe side

My images won't load

I'm trying to make a gallery with several image tags like so:
My img folder looks like this: Although probably a simple fix, I just can't seem to make the connection. The console states: Any help would be great thanks!
You are receiving a 403 (Forbidden) HTTP status code, which - as its name implies - means that the server has denied access to you.
Make sure that, in the img folder there is no .htaccess file that is denying access (deny from among its contents).
Note the difference between this case, and the 404 (Not found) for the stylesheet.

Using Razor with Durandal gives 404

i am trying to use cshtml with Durandal
i followed instructions on
http://bartwullems.blogspot.com/2014/03/durandaljs-enable-razor-views.html
main.js is called properly but when it goes looking for the view i get the error.
View Not Found. Searched for "views/shell" via path "text!views/shell.cshtml".
and in the console window i can see a 404 error
http:// local /App/views/shell.cshtml 404 (Not Found)
route is configured and i copied the web.config from View to App/views and the DurandalViewController is also in place.
my main.js looks like one in the example
just the last line is
app.setRoot('viewmodels/shell');
__________________________________
Structure has
App/viewmodels/shell.js
App/views/shell.cshtml
App/views/web.config
Your issue will be the routing in Asp.net.
Most likely the routing engine will be looking for shell.cshtml in http://localhost/views/shared/shell.cshtml or http://localhost/views/yourControllerName/shell.cshtml by default. You will need to add a route to tell the server side where to find the view.
Hi,
for info I had a similar issue.
Everything was working locally but when I deployed my solution to Azure Web sites I got an error:
Not Found. Searched for "views/shell" via path "text!views/shell.cshtml".
In my case it was http error 500.
Solution was to rename a file from "shell" to something else. I renamed it to base.cshtml (and base.js). It looks that somehow shell.cshtml could not be processed on Azure.