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.
[Code]...
I have been searching and trying out different javascript carousels and found JmyCarousel to be the one that best suits my needs. I made a few changes (I changed the speed, image size, and the scrolling has been set to automatic) and it works almost the way I want it to except for one problem: I can not figure out how to stop the carousel from scrolling on mouseover.I have changed the value evtStop to 'mouseover' but this has not solved the problem. I have no idea what else to change, as I have no knowledge in JavaScript.Here is the html code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[code]....
Hover effect is painfully slow IE (only IE) and table mouseover causes very high processor usage When you move the mouse over table elements flash animation stutters/pauses (making flash banners impossible)
You can se the page here: fondovi (http://investa.hr/fondovi) (there's a flash animation on the right side of the page (light grey/blue color))
The site in question: [url]
The problem: Popups work fine, as they open the mini thumbnails when you mouseover. However, as you scroll down the page, the images move with you. So, if you mouseover'd the top result (having not scrolled down) the graph would appear when it was supposed to. However, if you scrolled down 200px, and then mouseover'd the top result (or any result), the thumbnail would popup 200px lower than it should.
The guide site I used: [url]- it doesn't happen on their site.
I set up a dummy site of their site: [url]- I just copied the source code for everything and changed literally nothing. It still happens on my version of the site.
<script type="text/javascript" src="ddimgtooltip.js">
I'm trying to create a photo gallery that has a mouseover on a "next" and "previous" to scroll through the pics. I have the mouseover part figured out, but can't seem to get the scrolling through the pics. Here is my code below. I will have 5 pics to scroll through.
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Townhouse</title>
[Code]....
[Cod]...
What trying to achieve is to have a div which when you mouseover a div and h4 within will change properties.This is working but when you mouseover the div and pass over either the border of the containing div or the h4 text the animate/fadeTo repeat again. Is someone able to tell what Im doing wrong? Also you may notice the function is effecting more than one container div at a time which is not what Im going for.
Is there a way to seperate them like this or somehow?
[Code]...
i have 1 div with scrollbars and another div with a table inside. when user scroll horizontal bar in div1 i want application to scroll the table header from the same amount of pixels and in the same direction. i did not find anything under jQuery about that.. :-(
1. how can i detect in which direction the scroll is done (to the right, or to the left) ?
2. how can i determine how many pixels this scrolling is about ?
3. how to scroll the table header (table tag or th tag) from the same amount of point ?
i found just scrollLeft for now and i'm not successful to use it
how to make an image/text to scroll as the user scroll the page also? for example if the user scrolls down image/text also scrolls down and when the user scrolls up image/text also scrolls up..
View 6 Replies View RelatedIs there a way in which we can disable the history scroll functionality in IE? Basically disable the SHIFT key + Mouse Scroll combination.
View 1 Replies View RelatedDoes anyone know of a script that makes a div tag and its contents scroll down the page automatically when you scroll?
View 2 Replies View RelatedI've tested across IE7,Firefox, Chrome, Safari and the only browser I experience this issue in is Opera. I have 3 icons at the bottom of the page (facebook, rainbow, charity logo) and on mouseover the whole site expands downwards (it's not supposed to do that). I've googled for reasons why it would do this but have found none. [URL]...
View 1 Replies View RelatedWe'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.
MM_preloadImages(
'<%=assets_path%>/left_nav/manage_view_wthr_on.gif',
'<%=assets_path%>/left_nav/manage_admin_guide_on.gif',
'<%=assets_path%>/left_nav/manage_terms_cond_on.gif',
'<%=assets_path%>/left_nav/manage_reports_on.gif',
'<%=assets_path%>/left_nav/manage_account_info_on.gif',
)
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()");
eval(arguments[arg] + "_off.src = '" + ASSET_PATH_HEADER +
"button_nav_"+ arguments[arg] + "_off.gif'");
eval(arguments[arg] + "_on.src = '" + ASSET_PATH_HEADER +
"button_nav_"+ arguments[arg] + "_on.gif'");
eval(arguments[arg] + "_left.src = '" + ASSET_PATH_HEADER +
"button_nav_"+ arguments[arg] + "_left.gif'");
eval(arguments[arg] + "_right.src = '" + ASSET_PATH_HEADER +
"button_nav_"+ arguments[arg] + "_right.gif'");
}
// 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();
corner1.src = eval("'" + ASSET_PATH_HEADER +
"button_nav_corner_1.gif'");
corner2.src = eval("'" + ASSET_PATH_HEADER +
"button_nav_corner_2.gif'");
corner2_both.src = eval("'" + ASSET_PATH_HEADER +
"button_nav_corner2_both.gif'");
corner3.src = eval("'" + ASSET_PATH_HEADER +
"button_nav_corner_1.gif'");
corner3_both.src = eval("'" + ASSET_PATH_HEADER +
"button_nav_corner3_both.gif'");
corner4.src = eval("'" + ASSET_PATH_HEADER +
"button_nav_corner_1.gif'");
corner4_both.src = eval("'" + ASSET_PATH_HEADER +
"button_nav_corner4_both.gif'");
corner5.src = eval("'" + ASSET_PATH_HEADER +
"button_nav_corner_2.gif'");
}
}
Code:
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.
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.
View 3 Replies View RelatedI 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?
View 1 Replies View RelatedI am setting up a web page to collect some data via a questionnaire.
The questionnaire part is working fine, but I need some help with one
part. I have two different versions of the questionnaire (basically
just different orders of questions) and would like the users to be
redirected to one of the two versions. The idea I had was to have a
redirection page that simply had a web page counter on it (like so many
pages have now days) and based on this counter, people would
automatically be redirected to one of the two versions of my
questionnaire. Basically, if the counter was odd, the person would be
routed to version 1 and if even, they would be routed to version 2. I
thought this would be similar to redirecting people based on the type of
browser they are using or their language settings. However, I was
recently told there is not a way to do what I proposed above. So, this
leaves me with two questions:
1. Was the advice that I received accurate in stating that having a
simple script to redirect the user based on a web page counter is not
possible?
2. If so, does anyone have some advice as to how I could go about
automatically redirecting people to one of two web pages?
I have a basic web site where people can download my programs. To make it easier for them is it possible that I could add some javascript that would allow them to automatically install/run the program for them maybe with appropriate options/warnings etc.
View 6 Replies View Related<form false;">
<input type="text" name="rssurl" id="rssurl" size="40"
value='Skype'>
</form>
The code above has the value "Skype" and only after hitting Enter/
Return key, the value is submitted. How can the value "Skype" be
submitted automatically without pressing Enter/Return key?
Here's the problem when using IE for Windows: I have a website that has Word Documents to download, however these doc's open as word in the browser window. What I want: To automatically launch the save as box from a link Any dhtml tricks/advice for this?
View 1 Replies View RelatedI need to find the code that makes a web page immediately jump over to another url the moment a visitor arrives to it. I know the code is short, but I can't remember it. Anybody know what that code is?
View 3 Replies View RelatedIve got a page which for some reason needs to be refreshed before anything updates. Its a php page with mysql data on it.
At the moment ive got a script which refreshes it every few seconds, but when the user scrolls to the bottom of the page they are taken back to the top when it refreshes!
Is there a way i can make it refresh once as soon as the user comes to the page? as opposed to putting a timer which refreshes every X amount of seconds?
