Here is a simple version of the relevant line of my code:
[Code]....
There is no response for onmouse down, but onmouseup generates the appropriate alert. why onmousedown doesn't work?
I am trying to let the user drag a rectangle over an image, which will
then let the user zoom in on the dragged area. However, I am doing
something wrong in implementing the onmousedown and onmouseup events.
Everything is very simple so far. I just defined an onMouseDown event to
record the event's x and y locations as the starting point, and an
onMouseUp event to record the x and y of the end point, and this function
gives me the results of both in an alert box.
The problem is, that the OnMouseUp event does not get fired if I move the
mouse while holding the left button down. This only works if I click down
and then up at the same point, which is not what I want.
What could be wrong? Why does the browser not recognize the mouse up when
the mouse is moved while holding the left button down? How do I fix this?
my script looks something like this:
<body onmouseup="b.innerHTML='2';">
<button id="b" onmousedown="this.innerHTML='1';"/>
now the problem is that if the user presses the button, and while he have not released the button, he Alt-Tab to another window and release the mouseclick at the other window. And when he returned to my webpage, the mouseup event never occured and is "lost"!how do we stop this from happening?
I'm trying to experiment with some javascript to do some custom
dragdrop handling. I wish to use the onMouseDown event to trigger the
start of my drag, and onMouseup for a potentential drop. I hope to
turn on the onmouseup only in onmousedown. And eventually go one step
further and incorporate onmousemove for a true drag workflow.
I'm running into a problem however, where after mousedown, mouseup will
not fire when I release the mouse button. It will however fire if I
click again. So the event isn't being tracked until I release the
mouse the first time apparently. Which ruins my dragDrop of course.
Below is the code. You can see a move() method that would incorporate
onmousemove, but for the most basic test I'm just using beginDrag and
endDrag.
Any ideas why onmouseup won't fire until I release the button, then
click again?
We're attempting to load a snippet of XHTML into a container on a page via .load() from a fancyBox pop-up.
Here's the bit of jQuery we're using:
[Code]...
I have a simple problem that I can't solve. I am trying to code a "More Info" button/link to display some more technical details of an item, if required or wanted. I haven't tried incorporating any code in to my web site yet, first I am trying to test how it can be done in a seperate file.
What I have right now is a table with two cells. In one cell is static text, in the other is a hyperlink. The onClick event calls a JS function called "more_info()" in which a global varible is altered to contain the value 1.
Directly after these two cells is more JS (this is before the table ends). The JS here is checking to see whether the value of the global variable has been changed. If the value is 1, display information. There is no "else" clause because I don't want information displayed unless the variable is equal to 1, so it is not required.
I think I know what the problem might be. The browser is reading the code in question before I ever click the link and has already been executed before the variable is changed. I know JS is object oriented so it will not sit there waiting for me to click the button before reading the logical statements.
[Code]...
The very simple code (below) works fine in Safari (and Chrome, Firefox etc.), but it doesn't work in Mobile Safari. Why?(You can find a working example at: http:[url]....)
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>[code]......
I recently made a simple tool that opens a website in an iFrame and tells the user how long the page took to load. I made it out of a premade stopwatch
When i run the test in most browsers (Chrome, Firefox 3.6 and older, IE) it works fine with the output textbox going from "Please run the test" to "Test Running" to [TIME TAKEN FOR PAGE TO LOAD] but in firefox 3.7 (Minefield) it goes from "Please run the test" to "0" every time and the page in the iFrame doesn't load.
I've read that Firefox 3.7 has a new Javascript Engine
The test is at [URL] and the problem code is on THIS PAGE (Use View Source in your browser)
I've got jQuery and 2 plugin libraries running on my website. One runs the navigation and the other runs a dropdown search box. Everything works great on my localhost, but when I copied the directory to the external server none of the jQuery worked. I'm not getting any Errors in my error log, and the directory has been copied exactly. [URL]
View 3 Replies View RelatedThis is a makeshift sort function for a table. I want to replace a div contents with a javascript function call. It works fine if I define the individual case, but the general case doesn't work. The problem lies with the +divHold+ part. It never converges to the passed value on the 2nd iteration. This is my Div:
[Code]...
The "Permission denied" cross site issue.
I have to check from my external domain if a service is running on localhost:8080 of a local machine.
I'm using XMLHttpRequest to do it.
I'm checking a local-web-server, not a file.
Every browser doesn't work, but Firefox. So I'm looking for a work-aorund.
An iframe? a flash swf? an applet java? HTA applications?
A side question is, why does FF work? Because it's a local-web-server?
I've this script:
When I press again the "a.item_add" link it doesn't work (doesn't fadein the div again). how can I "restart" the script ?
Why doesnt the following code work in IE. There is an error on the same row as fillText. It says object doesnt support this property or method.
<html>
<head>
<title></title>
<script type="text/javascript" src="excanvas.js"></script>
</head>
<body>
<canvas id='chart' width='500' height='200'>
[Code]...
Trying to replace text in a different div on a focus and change it back on blur. The first replace works, however the second doesn't. If I just comment out the focus then the blur works.[code]
View 1 Replies View RelatedI'm pretty new at this - been using JQuery about three weeks full-time with good success. But. Some of the elements in my HTML can be selected by their ID's, using the $("#some-id") syntax, and some can't (the selector returns an empty set). In the debugger (Visual Studio) at a break point in the Javascript, I copy the ID value directly out of the html into theimmediate window and run something like to print out the length property of the wrapped set: ?$("#unfindable").length and get zero. I can do the same thing on other ID's and JQuery finds them as I would expect, and Ican't see the difference between the ones that JQuery findsand the ones it doesn't: for instance, they might both be divs. These aren't form input fields - for those I use something like $(":input[id='some-id']") and it works consistently. I don't do anything fancy like changing ID's at runtime - this is all simple static HTML, so I know that the element is there in the DOM and that it has the ID I'm looking for.
View 4 Replies View Relatedi'm wondering why this hiding and showing function works on IE (6) but
it doesn't work in Mozilla Firebird (0.7)
function fnc_show(num){
for(i=1;i<7;i++){
eval("t_" + i + ".style.display = "none"");
}
eval("t_" + num + ".style.display = "inline"");
}
t_1, t_2 ...t_7 are the ids for TR elements in a table, i.e. with
fnc_show(3), it will show only t_3. This works without a problem on IE, but
it seems to do nothing in Mozilla, i only get an error telling that t_1 is
not defined.
I'm wondering too, if there is a better way to do it, cause i read that eval
function is inefficient .
Can't figure this out.HTML code for the element in question:
<a href="#" id="nRight">RECENT NEWS</a>
jquery mouseover statement:
$('#nRight').mouseover(function() {
nextRight = '#newsRight';
});
[code]....
I am doing a final project so I've been asking a lot of questions! This image displays and the rollover works in firefox, but the image doesn't display at all in IE. I was hoping someone had a suggestion what is wrong. Below is my function:
<script type="text/javascript">
function rollImage()
{
document.woman.src="girlPic.jpg"
[Code].....
I was trying to make simple JS script, but it seems like i have problem.
I have really basic html:
Code:
<?xml version="1.0" encoding="ISO-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[Code]....
AS you see, i have ONE div element, and Firefox alerts the 1 as result, which is correct. But Opera (9) and Ie(7) returns length of 0. How is that possible?
this is intresting. I tryed to use '*' instead of 'div', to search for all elements. FF alerts HEAD, BODY and DIV elements, while opera only first two, and not Div.
i downloaded a script from jquery tools which is the above: PHP Code:
$(".scrollable").scrollable();
$(".items img").click(function() {
// see if same thumb is being clicked
if ($(this).hasClass("active")) { return; }
// calclulate large image's URL based on the thumbnail URL (flickr specific)
var url = $(this).attr("src").replace("_t", "");
[Code]...
this doesnt works in i.e
I'm loading images one time after another on the click without AJAX It works fine on GOOGLE CHROME, but not on IE. The images load fine. The background <div> doesn't. It loads the size of the previous image. This is when I goto the nextButton and prevButton function. I also read it is because the image hasn't loaded fully yet. How do I wait until the image has loaded before it continues? If this is correct.
[Code]....
I've been working on this for about four hours (two today, two yesterday) and keep hitting the brick wall. I'm trying to create a function that will add an attribute to specified tags. As the title says, it works great in FF and not at all in IE7. Probably the first question you'll ask after you see my code is "why?" Well, I've got a form with over 100 form fields in it, and if I can avoid manually adding an attribute to all of them, I'll take the JS route.
[Code]...
I had php form in a page and I make the submit function using a javascript function ( some thing like protypes.js ). It is working fine in IE , Opera ... Nut doesn't in Firefox. Here is the code...
View 1 Replies View RelatedI'm using an xmlhttp request to get information from a database. Everything works fine in Firefox, and it works in IE until you try to refresh the page. If a news post (thats what it is getting from the database) is deleted it will continue to show the same information. I can't really post all of the script because it (along with the html and php) are spread out through many different pages:
[Code]...
I put iCal on my site which works great in Firefox but doesnt seem to display in IE, is there any way this can be fixed? Events | PrimaryCareCommunity
View 7 Replies View RelatedI am trying to make comments system and i want to add smileys.the content of each comment is written in TEXTAREAI have a JS code that gets a "smiley code" like :) and adds it into the TEXTAREA. i mean it adds :) :( XD ;) or what i sent to the function.the TEXTAREA code:
Code:
function Add_Smiley(smiley)
{
[code]....