Modal popup used to show up, no longer does in any browser - html

Here is the page in question: https://www.matejkadesign.com/pricing.php
When you click on the "what's this" icons, an exitable modal popup should fade in on the same page. It has been broken since 2 days ago (It does not pop up in any browser). Has there been some browser/coding upgrade done to disable my code? I checked with my Web-host, and they cannot help me.
If you view page source, you will find the code for my Modal boxes at the bottom, and you'll be able to see where they are linked to for activating them.
I would appreciate it if somebody could look into it. I'm half expecting people to say something like "but the modal boxes work for me, it must be just your computer." It would be great if that were the case, I have no way of knowing.
thanks.

According to the console, https://code.jquery.com/jquery-latest.pack.js returns 404. When the "what's this" is clicked, the Console shows the error $ is not defined, which also tells us that jQuery never loaded.The https version of the page currently has an incorrect security certificate, so if you use http://code.jquery.com/jquery-latest.pack.js, you'll be fine.

The problem is with the jquery web-site. I would just put these into your page:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
Which come from google.

Related

HTML Link Dropping the Anchor Part

I have a link on a page like this
use our contact form.
Then in about-us.php I have
<div class="extra" id="contactform">
When I click the link, the browser takes me to the correct page BUT
The address bar momentarily flashes up "about-us.php#contactform"
Then it falls back to "about-us.php#" and the browser doesn't move to the anchor.
This is so simple, yet I can't see what is causing it. I have several other anchors with exactly the same format that are working. I also have a link that is called from PHP to the same anchor, and that works.
Mystified!
PROBLEM SOLVED
It was the PHP and Javascript bit of the overall page code that caused the problem. It was overriding the anchor link. Having wrapped the javascript in a PHP if() statement, it is under control.
Moral of the story: look at everything and not just the bits close to the apparent problem.

Tumblr custom theme disappears when logged out

I made a custom theme for a client's tumblr, but the blog is not showing up when the viewer is logged out of tumblr. When logged in, it looks perfect. The blog is http://www.openharborpictures.tumblr.com.
It seems to be related to the "Follow openharborpictures" and "Tumblr" buttons that appear at the top right (perhaps something in them is overriding my custom HTML?) but it could also just be a coincidence. Could not post all of the code, so it's here: http://pastebin.com/U5jctrVK. Any thoughts? Thanks in advance!
I don't think there's anything wrong with your code. Tumblr inserts more code using server scripts, something you can't do anything about. So for some reason parts of the new code is interfering with your code. It could be the Follow thing you mentioned, but we can't say for sure.
What I would suggest you do is in the custom theme panel, scroll right down to the bottom and click on "Advanced" tab, and then uncheck the "Promote Tumblr" option. This should disable the follow button when you are not signed in to Tumblr.
I can't guarantee that this will solve the problem. But it's worth a try. Let me know how it goes.
Set the body height to 100%
body { height: 100% }

I can not access some html code of a page

I’m trying to make web scraping in a web page, but there is code that I can’t reach. The part of the code of the page that I cannot achieve is accessed through an anchor tag. In the html is:
<a class="MTLink" href="#d192633539-47" title="example" >
But when I click on "#d192633539-47" does not appear what is intended, ie not appear that appears when I click on the link on the page. Instead appears another page.
Related to this I have also
<li id="d192633539-47" class="MainTabContent Hidden" tnIndex="192633539">
Someone can help me? What could be happening?
This element is controlled by JavaScript. Without tracing the JS code you cannot determine the intention of the click event.
There might be a problem with wrong cookie handling. Check it out.

hash link reloads page

I have a code snippet that is installed on third party websites. I can't get into the details, but it loads HTML, CSS and JS onto the page through the use of a <script> tag.
Part of the code is a JS function that executes when this link is clicked:
?
If there are JS errors on the page that prevent the function from executing, clicking the link obviously just adds the hash to the URL and takes the user to the top of the page. This is the expected fallback behavior.
However, on one third party site with a multitude of JS errors, clicking the link removes everything after the top level domain, adds the hash, and directs to that page (the home page). For example, the link would take the user from:
http://www.example.com/2010/05/14/very-interesting-blog-post/
to
http://www.example.com/#
Notably, the issue occurs in Firefox and Chrome, but not IE9. I know it may be impossible to properly diagnose the issue without more detailed code, but I'm not at liberty to provide it. I'm just hoping to get some kind of reasonable explanation for this strange browser behavior.
If it helps at all, the site in question is a WordPress blog. Thanks in advance.
EDIT: This is apparently not caused by any JS on the site, because turning off JS and adding the link with the inspector produced the same behavior.
I had a similar error where clicking on any <a href="#"> causes a full page reload. I managed to solve this by removing the <base href="/"> tag from the <head> of the page. I couldn't find any informations on this (yet). I'll add more if I can find any additional info.
This problem happens when you use windows.onpopstate to handle back or forward buttons and load page using ajax. Try to solve your js code for handling history.

HTML page shows up as "view source" when pressing "back" in browser

I have this strange error - the page on the site will sometime show up as source (e.g. pure html) when the "back" button is pressed..
This is happening with Rails app..
Any ideas why that would be happening?
Thanks
it happens with Passenger. If I go to the page, then press back and then forward I get the source..
I am not sure what you mean by ajax sudo navigation.. there is a script which checks through ajax the contents of the controller (and depending on results renders the page), otherwise it is classic MVC.. model/show/ etc..
please let me know if I need to add some more info.. thanks!