Showing favicon on page in IE - javascript

I have a page whereby a user uploads a favicon (.ico) icon, and then I show the icon to the user embedded on the page. To do this, I am using the typical image tag with the path to the .ico file.
This works perfectly fine in Chrome & Firefox, however in IE I am getting a broken image symbol instead of the .ico.
Has anyone ever encountered this issue? I know that usually you need to use the link tag to show the favicon near the address bar, however I need to show a preview to the user before actually the user saving. I cannot seem to find any information online on how to show the favicon in an image tag on IE.
Thanks
EDIT:
I am using IE11, not sure if this issue is just for this version.

Related

FireFox Android: After coming back from external link to installed PWA, above html remains empty space from address bar

So my problem only persists in one of three Android browsers. Chrome and Samsung Internet are fine, but in Firefox (v105.2.0) my PWA doesnt look as before, when coming back from an external webpage.
First picture: PWA as intened
Second: external Link (with added address bar)
Third: history back to my PWA (space from addressbar was not reclaimed by my app)
Thing is, it is not a margin or something that persists, it looks like the whole viewport was shifted down.
In the last two pictures, one can see, that it is indeen only shifted (image height).
Pictures taken with Firefox Dev Tools hover over opening tag.
Tested this with other PWA (computerbase.de) and tried it with the link to facebook at their footer, but it does not happen as well there...
What could be my Problem?
Thanks for your help.
[nodejs, plain JS and HTML]

Opening Preview in Safari From Brackets

I'm new to using Brackets. I'm currently using it to write Javascript code and I would like to open my website previews in Safari. Currently when I click the lightening bolt to preview my website opens up in Google Chrome. I prefer to view my code in Safari is there a way to change this? I checked settings but I was not able to find anything that could change the browser that previews my code.
As of Brackets v1.14 you can't.
Live Preview connects Brackets to your browser. It launches a preview
of your HTML file in the browser, then updates the preview instantly
as you edit your code.
In this early version of Brackets, Live Preview only works with Google
Chrome and updates live as you edit CSS or HTML files. Changes to
JavaScript files are automatically reloaded when you save.

Should JavaScript/jQuery objects disappear when download hyperlink is clicked

We use Atalasoft's web image viewing SDK to display TIF images in a web page. We recently upgraded to their client-side, JavaScript/jQuery based component and discovered some odd behavior. After initializing the control, if a link is clicked to a resource that should be downloaded, the control(s) clear themselves out. The issue exists in Chrome and IE 11 that I have tested.
Since it is a paid SDK, the easiest way to test this is to go to their demo at:
http://www.atalasoft.com/demos/dotimagewebdemo/
Once the page finishes loading, open a developer console and paste in the following (simply adds a download link to a file on their site):
$("body").append($("<div style='position:absolute;right:5px;top:5px;'><a href='/Gallery/WebViewingDemo.zip'>DOWNLOAD</a></div>"))
Clicking the download link will wipe out their controls on the page.
Adding download to the anchor tag resolves the issue in Chrome, but not IE.
Adding target='_blank' resolves the issue in both, but creates an ugly blank window first (that in my experience does not always close).
I am setting headers server-side to tell the browser to download the file rather than displaying it.
I guess my questions are two-fold:
Is it normal for JavaScript/jQuery based objects to disappear/destroy/whatever when a link is clicked to download a file or is this a problem with their implementation?
and
What is the best solution for this (preferably without the blank page showing up)? We need to support mainly Chrome, FF, and IE (most popular desktop versions).
Thanks in advance!

jpg images are not displayed on safari pc / iphone

my website including jpg´s is displayed correctly on IE,FF & Chrome.
Safari on PC and iphone does not display all images.
If i clear safari cache and load page again the other images are not displayed as before.
I cant find any repeating mechanism which images are displayed or possibly not.
If you open the missing image in a new tab, then the image is correctly displayed. That works in all cases.
http://digikamera.yweb.at/public/uploads/image.php?width=178&image=/public/uploads/Canon-EF-100mm-f-2.8-USM-Macro-Lens-340x225.jpg
I already tired to add missing height definition of images and alt tags. But that did not help. Debugger does not show errors. Whats wrong in my code?
PLease check the issue on:
http://digikamera.yweb.at/Dslr
Please, can anyone help?
Code was fixed but the problem was still not solved. I found out that the issue was in the image resize script.
They show up fine when I test it in Safari.
However, there are a lot you can do in the XHTML markup to make it more likely to work in different browsers. For example, you are mixing HTML and XHTML, you are using duplicate id:s, you use height on tables and table cells.
The W3C validation service found 482 errors in the markup. Plenty of them are of course duplicates, but it's still a lot: http://validator.w3.org/check?uri=http%3A%2F%2Fdigikamera.yweb.at%2FDslr&charset=%28detect+automatically%29&doctype=Inline&group=0
Safari Wierdness: 340k jpg wasn't displaying, even after clicking the refresh icon. However, if I click in the URL box and then hit ENTER, voila! The jpg displays. But still not when using the refresh button.
iPad Wierdness: If I clear the cache and hit enter after putting in the URL, jpg displays. However, even if jpg is displaying, when I click on the refresh icon, the jpg doesn't display in the reloaded page, although I see by the progress bar in the URL box that it was trying.
So, I placed the jpg into a new file with nothing else and it loads normally, even with the refresh button.
Something in my code is preventing proper caching. I'll figure it out.
24 HOURS LATER: Turns out, I had changed the url reference pointing to the jquery file and didn't put the jquery file in that folder. Sure hopes this helps someone else!

Opening a WMV file with window.open, in firefox; how can I prevent blank window from opening or close after file downloads?

When you download a file on CNET.com, a message will display on the page to wait a moment and the download will start; if it doesn't, click the link. That's very similar to the page with which I'm working.
The user clicks a link and this page appears with a similar message to CNETs. The only difference is the file is a WMV file and it automatically opens and plays. It works fine in IE. It's not working correctly in Firefox. In Firefox, if the user goes Tools->Options->Applications and selects "Use Windows Media Player" for Windows Media Video File, it plays in the external WMP. If the user uses the WMP plugin, however, the page opens up a blank window and then plays the video in the external WMP.
window.open("test.wmv");
Is there a way to prevent it from opening a window or how can I close the window after the wmv is downloaded and played?
Thank you very much.
Update
I found a link, here, that may be related to this issue. It states that the blank window is a bug with how Firefox handles the WMP plugin, with respect to ASX files. The only difference between the link and my question is one file is of type WMV and the other is of type ASX. The link is dated 2007 and the problem is reported on Firefox 1.5, but perhaps it still has merit. Maybe Mozilla has not addressed this bug, ever (FYI: I'm using Firefox 9.0.1).
I'm starting to think there is no direct solution. I can put a disclaimer, inform the user to turn off the WMP plugin in Firefox. Would a modal window or iFrame be helpful?

Categories

Resources