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!
Related
I know you can check for useragents with javascript, but can you also check to see if plugins have been blocked from operating on your page?
The page in question loads the Sibelius Scorch Plugin, and it loads properly for Firefox, Safari, and IE... but Chrome automatically blocks the plugin, and continues to do so until you have selected "Continue to Block" or "Allow this Plugin"
Since some of the users of this site don't read at all, I would like to add a styled status message that alerts the user "HEY, can't see the plugin working? Click ALLOW in the upper right hand corner of your Chrome browser".
Like I said, this error only occurs in Chrome, other browsers automatically allow the plugin to execute.
Thank you very much in advance.
I'm working on some dashing widgets in a dashboard project.
Normally if I work on a coffeescript and I save it, I have to reload the page in the browser, and I can see the effect of my changes in the widget.
For some time the change won't do any effect in the browser. I thought, it may be a browser cache issue and I tried clear the cache, but nothing changed. I tried another browser, same issue.
I can see my changes in the browser only if I change the classname off the widget.
Is there any simpler method?
I encountered a similar issue. The widget would not refresh to reflect my html changes (new <h2> tag). Restarting / clear-cache were the first things I tried. I use Chrome and I found this note in the Dashing-Workshop :
Note: Chrome is sometimes weird, and it's possible that your browser isn't showing the number anymore in the widget. If that's the case load dashing in a brand new tab to clear the cache.
I resolved my issue by turning off caching "Developer Tools > Networking > Disable cache [x]"
It shall work, Use chrome developer tool to debug it
console.log to print to console
use inspect element to see the html/css
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!
I'm creating a website for a kiosk, and I need to make the bar that shows the page address you are about to go to at the bottom of Firefox or IE disappear. Please see the image.
Is it possible to make this bar disappear?
EDIT:
Thanks to everyone's reply. I have tried the code Chris and Mrtsherman suggested, I'm not sure I missed something unfortunately none of it worked for me. Is it really not possible to hide the status bar for Firefox in the kiosk mode?
The problem I'm having is that I've got three divs on one page, so it goes like a photoslide when each div is clicked, the first div is an a tag entirely so the status bar is showing all the time. If making the status bar disappear not possible, is there any way I can set the cursor off the screen so that the status bar doesn't show all the time on the first div? Thanks a lot.
If you'd like to use Internet Explorer, just create a shortcut in the client's startup folder that points to iexplore -k http://example.com. This will start IE in Kiosk Mode at the designated page, as soon as the kiosk machine starts.
Alernately, you could have the first page open a pop-up with code like this:
window.open(filename,"","width="+winwidth+",height="+winheight+",scrollbars=yes ,menubar=no,location=no,left=0,top=0")
to open a window with no UI chrome.
Option 3:
Try this, not sure if it will work. In firefox you can enable an option to allow the status text to be changed via javascript:
Tools -> Preferences -> Content -> Enable Javascript(click on the 'Advanced' Button) -> Change status bar text
Once you've done that in Firefox, add this snippet to your achor tags:
onmouseover="window.status=''; return true;"
I make no guarantees this will work as desired.
You can't force that to go away. It is a function of the browser and provides the very useful feature of telling the user where a link is leading.
Here is a userscript that apparently works for FF.
#namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#statusbar-display:not([label^="Looking"]):not([label^="Connecting"]):not([label^="Connected"]):not([label^="Transferring"]):not([label^="Waiting"]):not([label^="Read"])
{opacity: 0 !important; }
http://userstyles.org/styles/43764/firefox-10-only-hide-hovered-link-target-urls
"useful feature"? awho the hell cares, where a link points to? this is just a huge annoyance in any browser. no normal user cares about this and even if they did, most URL are not readable anyway.
so this should be off by default and possible to switch on for developers...
I'm using this code to change the status bar of IE.
Google
But the problem is when i'm using a menu (links inside a div) it doesn't change anymore the status bar. Is there any way to fix it?
Most modern browsers allow the user to decide, if she wants the status bar being overwritable. If it is disabled (which is, I assume, the default in many browsers), you have no way to bypass this (other than finding a zero day exploit).
Here's an awesome solution
<a href="//./ Woo status bar" onclick="this.href='http://google.com'">
No, but really though - this practice this a little outdated. Users expect to be able to see the URL of the link they're about to click to ensure it is legit. If you want to give people more information about a link, encode it either in the paragraph (eg: "take a look at this big search engine or this up-and-coming one"), or use the title attribute on the link. The text you enter there will appear in a tooltip if the user hovers on the link.
onmouseover="window.status='Google';
works only for IE. It doesn't seem to work for FF. What browser are you testing it?
I suspect, this works in only IE but it won't work for other browsers.
Link 4
This worked for me on Chrome/IE(7/8)/FF.