I want to show the contents of the frame.html file in my extension folder in an iframe on the standalone page where I'm running the extension. But it is looking for this frame.html file in the source of the site and cannot find it so I'm getting a 404 not found error. Regardless of the relevant page, how can I access the frame.html file embedded in the extension file?
Let me show you in the picture what i want;
What I want
On the left is an ordinary web page on which the extension will be activated. Red area is my iframe that activated on the web site due to my extension. This area contents is in the frame.html at extension folder.
when I use <iframe src="extension_src/html/frame.html"></iframe>
I get a "www.......com/extension_src/html/frame.html" not found error
You can point the src to your local file using the template shown below.
<iframe src="chrome-extension://{{id-of-your-extension}}/path-to-file/frame.html"></iframe>
You extension id will be constant when published to the chrome store. When developing locally you can find the extension id by going to the chrome://extensions
I'm on a Hostgator server, trying to display a svg image, but the image doesn't display, I only get a 'broken image' icon.
When I'm accessing the svg-file directly, it shows a 403 - forbidden error.
Does this only occur on Hostgator servers? I didn't have have a any problems displaying it on my local machine, before upload.
I have searched Google and Stack Overflow, but had no luck in finding a fix for this.
Make sure that the file permission is correct and their aren't any firewall role that blocks the SVG files.
you can try another svg file.
also you can try to upload a test file with SVG extension to see that is the problem.
I have a style defined as:
<Style id="style1">
<BalloonStyle><text>$[description]</text></BalloonStyle>
<IconStyle><Icon><href>http://maps.google.com/mapfiles/kml/paddle/red-circle-lv.png</href></Icon></IconStyle>
</Style>
and placemark description as:
<description><![CDATA[
<table width="400"><tr>
<td>Open Image<br><img src="img/test.png" width=200 /></td>
<td>Some Text Goes Here</td>
</tr></table>
]]></description>
Is it possible to make it so that when they click on the image it opens up in the default viewer or in another browser page? Right Click (open in new window, open image, open) doesn't seem to do anything. The images are in the KMZ file.
Peter
Peter - I just duplicated your setup and I saw the same behavior.
After doing some tests, it appears the web browser is only accessed when your link references something on the Internet, not local files (like your img/test.png). Additionally, you need to include the http:// at the beginning of the URL.
I tried using Google and it didn't work. Once I changed the link to Google, then it worked.
So my conclusion is that you need to host your images on a web server somewhere and reference them with a full URL for Google Earth to automatically open the web browser.
Let me try to explain my problem/question.
We have a Zenphoto gallery that when a user on on an Album, we provide them with some embed html that they can use on their own site.
eg
http://spoilertv.co.uk/images/fringe/season-4/promotional-episode-photos/episode-4.01-neither-here-nor-there/
This is great and works well.
However, we recently had to move an album, and this caused an issue with broken image links
see here for example
http://itsawesometv.com/blog/2011/04/07/hawaii-5-0-1-22-hoohuli-naau-poze-promotionale/
You will see that the images are broken and the links take you to a Zenphoto page saying "Object Not Found".
Now what I would like to do is to have some sort of catchall image and link redirect. So that if we have to move album again we won't get loads of 404 errors and broken image links.
eg
So that rather than displaying a broken image on the site that has embeded the old code, that they get a little icon for each broken image. This would stop the 100's of 404 errors in my server log.
Also it would be great if when they clicked on the icon, that rather than go to the Object Not Found page, that it redirects to the Gallery Homepage.
Any suggestions about how I can do this? Links/examples most welcomed.
When I go to our web site through HTTPS mode, Chome is reporting an error saying that the page contains secure and not secure items. However, I used Firebug, Fiddler, and HttpDebuggerPro, all which are telling me that everything is going through HTTPS. Is this a bug in Chrome?
Sorry but I'm unable to give out the actual URL.
A bit late to the party here but I've been having issues recently and once I had found a http resource and changed it was still getting the red padlock symbol. When I closed the tab and opened a new one it changed to a green padlock so I guess Chrome caches this information for the lifetime of the tab
Current versions of Chrome will show the mixed content's URL in the error console. Hit CTRL+Shift+J and you'll see text like:
"The page at https://www.fiddler2.com/test/securepageinsecureimage.htm contains insecure content from http://www.fiddler2.com/Eric/images/me.jpg."
I was having the same issue: Chromium showing the non-secure static files, but when everything was http://.
Just closing the current tab and re-opening the page in another new tab worked, so I think this is a Chromium/Chrome bug.
Cheers,
Diogo
Using Chrome, if you open up the Developer Tools (View > Developer > Developer Tools) and bring up the Console and choose to filter to warnings, you'll see a list of offending URLs.
You'll see something like the following if you do have insecure content
The page at https://mysite/ displayed insecure content from http://insecureurl.
For the best experience in finding the culprit, you'll want to start your investigation in a new tab.
It is possible that a non-secure URL is referenced but not accessed (e.g. the codebase for a Flash <object>).
I ran into this problem when Jquery was being executing a a few seconds after page load which added a class containing a non-secure image background. Chrome must continually to check for any non-secure resources to be loaded.
See the code example below. If you had code like this, the green padlock is shown in Chrome for about 5 seconds until the deferred class is applied to the div.
setTimeout(function() {
$("#some-div").addClass("deferred")
}, 5000);
.deferred
{
background: url(http://not-secure.com/not-secure.jpg"
}
Check the source of the page for any external objects (scripts, stylesheets, images, objects) linked using http://... rather than https://... or a relative path. Change the links to use relative paths, or absolute paths without protocol, i.e. href="/path/to/file".
If all that if fine, it could be something included from Javascript. For example, the Google Analytics code uses document.write to add a new script to the page, but it has code to check for HTTPS in case the calling page is secure:
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
On the release of Chrome version 53 on Windows, Google has changed the trust indications to initiate the circle-i. Afterward, Google has announced a new warning message will be issued when a website is not using HTTPS.
From 2017 January Start, Popular web browser Chrome will begin
labeling HTTP sites as “Not Secure” [Which transmit passwords / ask
for credit card details]
If all your resources are indeed secure, then it is a bug. http://code.google.com/p/chromium/issues/detail?id=72015 . Luckily it was fixed.