jpg images are not displayed on safari pc / iphone - javascript

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!

Related

Image is not being displayed on test server/

I have a weird problem where an image is displayed in other platforms but the image is not being displayed on the test server. I have thoroughly checked the code and there is no problems with the code. Any ideas or anyone had this issue before?
Image is displayed like this but only on the test server. The rest are working fine.
I’ve had issues like this where there were missing mime type mappings on one server vs another.
So the server was not serving the files correctly.
Possibly check your mime type mappings, not sure what server version or otherwise you’re using to help further though.
Considering your comment mentions that your files are being correctly loaded in other browsers, this isolates your problem as a caching issue.
First reload your cache by holding CTRL and pressing F5.
Second, reload your CSS cache by holding SHIFT and clicking on the borwser's refresh icon.
This should correctly restore your broken images.
Hope this helps! :)
You can try doing Empty Cache and Hard Reload.
For chrome,
1. Open Inspect interface
2. Right click on refresh icon and select the Empty Cache and Hard Reload option
You can also check if your image link is correct. Sometime placing a "/" before the link solves it.
I hope it helps

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!

Showing favicon on page in IE

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.

Why i cant see submit button; checkbox and div on IE

I have this landing page, for some reason I can't see the check box, submit button and a div that are in the code. Everything works in chrome and Firefox. I understand that IE dosen't always get media queries so I made this landing page that calls a diferent css file when it detects IE, but it made no difference.
I have a few questions:
1. What is causing this?
2. How can I fix it? Is there a file, like modernizer, that I can load to modify code for IE.
3. I am also using this js addon on the second link with a separate css file, in order to see place holders in IE. This also doesn't work, if someone could tell me why, that would be great
I see the checkbox just fine in IE. why don't you show an image of what you are seeing. Also, clear your browser cache.
To help debug, you should press F12, then click on console. make sure there are no errors. Then click Network. Make sure all css/javascript is loaded with no errors. finally, in the dom explorer, click the arrow, and click on the page and see if the elements are there.
as i see it this is the solution to my question
at the top of the css file i had this row:
#import url(http://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
once i removed it i got the mossing elemnts.
tnx for helping
Dav

JavaScript window.status

hi this is my first attempt at JavaScript:
the following function is used to display window status bar messages. it works fine on the local machine but when i upload it too the server the messages are not displayed at all.
what am i doing wrong? please help.
[website][link removed]
function displayMsg(msg){
window.status = msg;
}
what should happen is when you hover over the image it should display a message to click it and the image is then updated.
i saw this but if this is no longer possible then why does it work locally?
EDIT: thank you for your answer. i am wondering if it is possible to display a tooltip once the image over event happens? thanks,
EDIT: i have added a Title attribute and it seems to display a tooltip. what you are seeing would be most welcome input. thanks.
EDIT: Google Chrome works fine. Safari does not run javascript. im on win7.
window.status has been disabled in most (if not all) browsers for security reasons (it was possible to fake a different location for links that way).
See e.g. the MDC page on window.status:
This property does not work in default configuration of Firefox and some other browsers: setting window.status has no effect on the text displayed in the status bar. To allow scripts change the the status bar text, the user must set the dom.disable_window_status_change preference to false in the about:config screen.
it was also removed in IE 7.
As to why it works locally, I can't say. Maybe security restrictions are more relaxed there, although it's strange!

Categories

Resources