How do you enable debug mode on SourceSync embeds? - embed

I'm trying to use their new overlay experience type on my own videos, but I can't get the Player.js messages to control it. I read they have a debug mode that shows the current play time and a bunch more stuff, but I don't have access to the distribution, only the embed link. Can I turn on debugging still?

Nevermind. Found it shortly after posting this. Putting it here as their docs don't seem to show up on Google. It's in their docs here: https://docs.sourcesync.io/#/embedding
You just add debug=true to their script. i.e.
<script src="https://sourcesync.io/js/embed.js?debug=true"></script>

Related

HTML Form Occasionally Won't Type

On some browsers (mostly phone I've noticed), the HTML form will pop up the keyboard, the input fields will glitch and the keyboard disappears; all within a second. This prevents the user from typing.
Here is a video: https://youtube.com/shorts/srxawz9z1IM?feature=share
The form can be found here:
pavepro.com/order
Any and all help is appreciated.
I inspected the code, and think that it might be a viewport problem, but I can't confirm it and I am self taught. Don't know who to ask!
Can you run it with access to the debug console? You might want to try this via Browser Stack, where you can run on mobile, and have access to the debug console to be able to Inspect Elements, and check for Javascript errors. (I'm sure there are other ways to do this too). My hunch would be it's a javascript error, that is causing this odd behaviour. You may wish to initially check the developer tools on desktop - and see if anything odd is being output on the console, or any errors - even if you don't get the odd behaviour on desktop, this may give you a clue.
Further to your comment I took the follow steps:
Run under Android studio / Chrome to reproduce the problem (I didn't see any obvious errors either)
Took a copy of the page using (save as) and run it on a local server on localhost (putting in my IP address to run it through Android Studio / Chrome)
This allowed me to reproduce this locally
I then edited the file - removing everything from the header - the problem was gone.
I isolated that the issue was due to jQuery calls in the page - removing jQuery the problem goes, adding it back in it comes back.
I then put jQuery back and isolated each < script > tag in your body, I found the following causes the issues:
< script type="text/javascript" src="https://www.pavepro.com/wp-content/themes/Divi/js/scripts.min.js?ver=4.19.5" id="divi-custom-script-js" >< / script >
By removing the DIVI javascript the strange behaviour goes. Now I think you need to look into the custom Javascript that is within the form within Divi, within Wordpress. As the script is minimised it's hard to see what's actually causing the problem. Hopefully now you know what's causing the issue you can debug that jQuery/javascript code further.

How to add an onload script for MediaWiki

I installed a mediawiki and my version is 1.21.1, now I want to add some code when the page is onload using javascript. I have searched on the Internet and found we can put our scripts on the Common.js file, but I don't found Common.js in my wiki project. I have searched the whole directory and still did not find it.
Anyone could tell me how to achieve my goal?
brightbyte's answer, which worked: Enter MediaWiki:Common.js into the search box of your wiki. It will tell you the page doesn't exist - just create it. Any JS code you put in there will be executed on every page load. Of course, you have to be an administrator to create or edit that page.
This is documented at Manual:Interface/JavaScript; there are similar customisations at Manual:User group CSS and Javascript and Manual:Page customizations.

How do I open the device's default navigation app through a URL?

Good Morning, everyone
I'm dealing with a problem in an application developed using Cordova, for android. In a certain page of the application (everything is constructed using pure HTML and Javascript), I need to open a route when the user clicks a link. After many hours of research on the internet, I could find some options, but none of them dealed with it.
Here I give you what I found and tried so far. Please assume that the coordinates represent a viable location for the route..
Using the geo: schema
Example: Route
Problem: This was the one that nearly solve it. The problem here is that geo: opens the map application showing the position given in the coordinates. All fine until there, but there is no option using this schema to open with a route, as I could figure out reading the specification.
Using maps.google.com in the link domain. Example:
When trying this using the device's browser, I could open the navigation app. But using it inside a hybrid application as the on I'm building just redirects it to Google Maps site, using it's mobile version. But it happens inside my application, what now seems logical to me but really freaked me out, since it's not possible to control that. (Unfortunally an iframe is not a viable option because of the standarts that we addopt in the project.
Using a target=blank on that link didn't changed nothing.
My last try was using the google.navigation schema.
Example: <a href="google.navigation:q=45.6,32.8" target="_blank">
Again, if I test it in a common device browser everything works just fine but when I try it on my app it crashes, saying that "google.navitation is not a supported protocol."
UPDATE
I've also tried the option present here, with the following format:
Route to here
The application also crashes and I'm alerted that the comgooglemaps:// schema is not supported.
I could findthese 4 options, since everyone that had similar needs could find a solution using them. Is there any other way to do that? I really appretiate any help from you, if possible, with some documentation/specification/whatever link about that.
Thank you for your attention.

Script creating a redirect warning

I am working on my first site using google scripts. I have a script embedded that creates a UI and references a Google spreadsheet to link to pages of the same site. Whenever a link is clicked I get an interim page that says:
The previous page is sending you to
https://sites.google.com/site/gchromeat/xxxx.
If you do not want to visit that page, you can return to the previous
page.
Is there a way to get around this?
The behavior can be replicated here: https://sites.google.com/site/gchromeat/home/access
There's no way to go around this, as it seems to be a designed behavior. But there's an issue opened regarding this, you should star it to keep track of updates and kind of vote for it.
I presume you have used an Anchor object in your Google Apps Script. The reason why you get the redirect message is because the anchor object changes the link.
Browsers detect the redirect and ask for user confirmation (browser settings can be changed to avoid this).
Also see issue 1376 - which has been opened for getting rid of some undesirable side effects of this.

Is it possible to save changes in Firebug locally?

What I'm trying to do is to save the changes I make to CSS and HTML on different sites with Firebug.
Just to be clear, I don't expect Firebug to upload the changes to the server via FTP or anything. I just want to save the changes locally, so only I will be able to see them.
For example I've seen a few Firefox/Chrome extensions that add a download button under every video on Youtube, so I know it's possible to do that somehow.
If you have a different way to achieve what I'm trying to do, I'll be glad to hear about it.
(It doesn't have to be with Firebug.)
Thanks in advance!
If you don't mind using Web Developer Toolbar it's easy to save changes made to the DOM (and CSS).
When you install the toolbar, you'll get a "View Source" menu, click on that and choose "View generated source". Then just copy and paste that into a .html file.
You did not say if you alter your HTML or CSS, if CSS, FireFile is a very good addon for this.
Edit, with some Googling, i found FireDiff, which states that it can export changes made in Firebug, i have not tested it bit it's worth checking out.
You could try using Greasemonkey.
It has support for adding custom scripts that are run whenever you load a page (linked to which pages it should load on) and that can make changes to the page dynamically.
https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/
The http://chrispederick.com/work/web-developer/ web developer toolbar will let you add a user style sheet to a site which should achieve your goals.
This may or may not be exactly what you're asking for, but you can download the extension FireDiff in order to save changes made with FireBug. I made a little tutorial on how to do it here: https://www.youtube.com/watch?v=m4OmZLX2zd4
I have a somewhat simlar use-case that I solved differently. I'm not sure if it is what you are looking for or not. I'll describe the behavior and if that is helpful I'll explain exactly how I implemented it.
I changed the code that execute when you click "Run" (or Ctrl+Enter) to check to see if the first line of the code is a hard-coded string //LoadFromFile:<file path>. If it is, and the file exists then I pull the file off of the local file system and run it instead of executing the code in the console window. This way I can use an external text editor to write code.