As far as I can tell, there seems to be a distinct lag time in IE before the switch from the 'off' to the 'on' image, and vice versa, which doesn't seem to exist in Mozilla.
Is this something that can be fixed by tweaking the script?
The script, btw, is pretty ancient, so I expect it may contain some outdated stuff. I found it years ago when looking for a script that would allow me to easily customize the number of target images changed by a single onmouseover/onmouseout action. Since I don't actually know javascript, I tend to stick with the ones I've learned to at least do basic customization of.
This line is meant to be used in conjunction with a loop routine in <script> brackets within the main <body>. What it should do is display a file pictures and then play its mpg file on a mouseover, for a generic filename that can be changed. That i can do. The problem is within the line ...
Here i want to play the mpg and keep its height at 75. The problem is that it doesn't work. I think that the two document strings should be surrounded by "...
However because i'm using the "+genericname+" command within the line, i can't use " to surround the two document strings. I've tried to do it as a function, but i can't get it to work as a generic function.
Does anyone know how to set up an IFRAME to scroll with mouseovers on links? For example, a text link that says "up" will scroll the frame up, a text link that says "down" will scroll the frame down.
I'm trying to get sounds to play on image mouseovers using dreamweaver 8, and I found out that the code it generates to do this only works for IE. Is there a way to do this so that it will work with most of the popular browsers? I don't care if it can be done with dreamweaver or if I have to hand code or copy code from somewhere, I just want it to work.
Here is what DW creates:
function MM_controlSound(x, _sndObj, sndFile) { //v3.0 var i, method = "", sndObj = eval(_sndObj); if (sndObj != null) { if (navigator.appName == 'Netscape') method = "play"; else { if (window.MM_WMP == null) { window.MM_WMP = false; for(i in sndObj) if (i == "ActiveMovie") { window.MM_WMP = true; break; } } if (window.MM_WMP) method = "play"; else if (sndObj.FileName) method = "run"; } } if (method) eval(_sndObj+"."+method+"()"); else window.location = sndFile; }
I am having a problem changing the color of 2 differnt table cells when mouseing over of 1cell. The issue is I want to change the bgcolor of my cell that I am mouseing over as well as an adjacent cell, but not the whole row. The script changes only one, whichever the 1st one is and does not execute the 2nd mouseover, it is probably a syntax problem but I was wondering if anyone had any ideas
We're developing an ASP.NET / C# intranet application. All users use Internet Explorer 6.0 and JavaScript is always enabled.
In a HTML table, we use an onclick event on each tablerow and in that onclick event (javascript) we save some values in hidden fields.
Most of the time, this works very fast, but it also happens a lot of times that the internet browser respons very slow or gets stuck. We really don't know what causes this, because in the javascript we do only simple things such as setting values in hidden fields.
Is there anyone who recognizes this problem and knows some possible solutions?
Images are cached by the browser depending on the headers sent by the server. If the server does not send sufficient information for the browser to decide the image is cacheable, the browser will check if the image has been updated every time you change the src of an image (in some user settings). To overcome this you must send suitable headers.
Has anyone else had this issue? Basically, the preload of images for a rollover effect for the navigation is really really slow when using IE 6.0 but when i view the site using Netscape, it's fast like it should be(no lag!)
My problem is that since 96% of users use IE, i need to figure a way to fix this. Below is the javascript currently being used. The arguments are passed in before the script is called.
function gn_rollover_preload(){ //preloads middle images for the navigation if (document.images){ var argLength = gn_rollover_preload.arguments.length;
for (arg=0; arg < argLength; arg++){ eval(arguments[arg] + "_off = new Image()"); eval(arguments[arg] + "_on = new Image()"); eval(arguments[arg] + "_left = new Image()"); eval(arguments[arg] + "_right = new Image()");
// Now Preload all "corner" images for faster swapping corner1 = new Image(); corner2 = new Image(); corner2_both = new Image(); corner3 = new Image(); corner3_both = new Image(); corner4 = new Image(); corner4_both = new Image(); corner5 = new Image();
I've got the following site that loads great in FF and Chrome (no surprise), but is terribly slow in IE7. It's even quick in IE6, but not 7. Here's the site code...
Now I'm using JQuery in a couple places, but it's by no means nothing crazy. The page is fairly simple.
I thought of preloading the main content images, but even after they are loaded in the cycle, the loading time is still slow.
I have a div that is invisible all the time, and when one popup is activated, that div will fade in to darken the website background, like this: And I'm using the following code when the darkness appears:
PHP Code: function raiseOpacity(obj,counter) { obj.style.opacity = counter/100; counter +=2; //Raise 2% each time if(counter < 100) setTimeout(function() {raiseOpacity(obj,counter)},10); //Repeat the incrementation again}raiseOpacity (document.getelementbyid('example'),0); //Just an example of how the function is called.
But it is too slow, the browser hangs alot while doing this. Is there a faster way to do this fade in stuff? I've seen a lot of websites that do this and the browsers is fast, but I couldn't extract the code from them.
i've encountered a problem with the way the drag events are handled in this file, but it had an easy fix. I have a slider (a draggable div) and dragging it involves a lot of processing power. The problem arises if the mouse pointer seperates itself somehow from the element being dragged (by, say, a spike in CPU usage or something). the x_drag library file registers a mouseup listener on the object which is being dragged, but that doesn't do any good if the mouse pointer tracks so much as one pixel off the dragged element.
I've encountered this in almost every situation where i have draggable elements. Thankfully, it's a real easy problem to solve: if the mouseup events are registered on the document itself, there's nothing to worry about, because any old mouseup will end the drag.
I put a javascript for a preload in it and it hasnt helped the front page. Right now the header is swish and we took that out and it still took over 2 minutes to download on DSL. I do have the JS anthology book but the script in there didn't work for us. Come to think of it I have almost all of the sitepoint books. Does anyone have any suggestions.
I have installed Lightbox 2 Lightbox 2 for a client's site redo, and we are concerned about the opening speed of Lightbox for those on a slower Internet connection. Lightbox is only for those visitors who want to see images in a larger view. Is this something we should be concerned about? Are their other choices that would be better?
Recently submitting forms (specifically forms which have javascript attached to them with the submit function) has become very slow. The browser appears to sit there for seveal seconds doing nothing (the page also becomes non responsive) and then suddely loads quickly. This happens on all of my computers... What's happened to javascript? Is there some setting that's been turned on that I'm missing?
I am attempting to modify the style of an element (its width) as the window is being resized, in firefox.
Long story short, I've tried to use CSS but one particular part of the layout just won't do what I need.
The javascript solution assigns a function to window.onresize that sets the inline style, it works with one problem -- the handler only gets called after the resizing stops, and so there is noticeable lag before it redraws.
It is not the function that is taking a long time to execute, its appears to be firefox's handling. It doesn't call it as frequently as I expected.
Is there another javascript method to accomplish this without the extra lag?
I have a problem with the jQuery.ajax() function combined with a keyup event (i think key events in general). I'm binding an keyup event to an input field so that on every change the current input is send via the ajax function and receives new data from the server, displaying it in a selectbox.
when I'm typing very fast it seems that the ajax function is too slow for this and shows up old result elements. After triggering the event another time, e.g. via UP,DOWN,.. it receives and displays the correct data.
I have following code to have a scroll animation effect. The cod eis triggered e.g. by a click.[code]...
The problem is, that the browser (tested in FF, Chrome, IE9) just jumps to the scroll target, no effect is viewable. I googled the code in different places, everybody else seems to have no probs with it.
Please the link to see what I have done so far...[URL]... It is a day planner, where various places can be dragged on to the day planner. It works, but it seems very slow. Running firebug profile when dragging a simle place into a single slot tells me that over 35,000 calls were made.
I've read a lot about how slow IE7/javascript is, but I thought I'd share this test. I have a complex page with about 15 tables of class XYZ. I timed this:
I have a div of 300px of height. I'm trying to make a automatic scroll when I put the mouse cursor at the div's top (y>0 && y<50) and the div's bottom (y > 250 && y<300), but the reaction is too slow I'm trying to use timer but nothing changes.
I need to slow down my flyout menu on hover with some JS? Is this possible? Here is what I got! I have a pure css flyout (flyin - what ever you call it) menu, and I simply am looking for some JavaScript that will enable it to fly in a little slower. You know, with CSS, it's either there or it's not. So I'd like to animate it a little more.
I want use two jquery tags menu in one page.I tested each one alone, even more than 10 pages, they all loading correctly. When I open the page, then can stay in the div position they should stay.But when I conbain them together, there will be caused that when I open the page, the pictures will drop down untill all the pictures have been loaded. Then they come back to the position where they should stay.
