OnDrop Event Not Working Correctly
Sep 28, 2005
Been trying to work through a simple drag and drop interface using either IMG,
SPAN or DIV tags. That way I can define blocks of text and/or graphics as
draggable and be able to drop them on a similar (img, div, span, etc.) target,
preferably an image.
I can highlight text from an "<input type=text>" field and reach a target to
trigger an event (e.g. alert();), but can't get the same response when the
dragged item is a block of text or an graphic and drop it on either of the same
targets. Code:
View 4 Replies
ADVERTISEMENT
Jul 30, 2010
All the code in my $(document).ready function is processing correctly, except for the .trigger() statement below:
$('.content-btn:nth-child(3) a').triggerHandler('click');
I've tried triggerHandler() and trigger() both, and the command runs fine if called from another event handler—the click event for that <a> works as desired.Console shows no errors, and as I said the other lines in (document).ready work fine, it's just this one thing that doesn't seem to run.
why would this command not process on (document).ready?
View 2 Replies
View Related
Jan 15, 2008
I am highlighting a url and dropping it onto a button, I would then like upon doing this to do something with this text that I have dragged onto the button.
I know the ondrop's event object has a few parameters/attributes but non of them jump out as being the way to get this text into my function.
View 9 Replies
View Related
Mar 31, 2010
I am using Lightbox+ and overall it's very good for my needs. However it has a small problem. If you goto [URL] and click on the image "Sample 2" then use the next arrow to go to "Sample 3" you have to hover off the image and then back on to get the previous and zoom icons to show again. I have been able to make the bug occur every time in both Firefox 3.6 and IE6. I am guessing the mouseover event isn't triggering correctly due to the image object moving underneath the mouse pointer but I just can't fix it.
View 2 Replies
View Related
Jul 7, 2010
I've been working on this site for learning purposes for awhile now and recently added pagination so its easier to look through submitted articles and pictures for the site. I got the pagination working originally with jquery so no page refresh needed to be done.Then I tried to use a nicer pagination look thru css as suggested by this wonderful site... nice looking css paginationI altered my javascript scripts to reflect the changes for which #div > a to intercept the click commands so ajax can be ran but it seems to not be doing so. In other words the ajax is not being ran and the whole page is being updated. Also it seems to traverse both the articles and picture sections when I try to use the pagination links for the articles.If you use firebug you can see all the source however ill submit the javascript to make it easier Functon to Show out Busy Div
function showBusy(){
$('#ajax-content').block({
message: '<h1>Processing</h1>',
[code].....
View 1 Replies
View Related
Nov 2, 2004
Somebody can tell me what do i have to add at the 'onDrop : function' in the below script to drop the button at the cursor position after the user released the button ?
var windowObserver =
{
onDragStart : function (element, transferData)
{
var Button = document.getElementById('Button');
transferData.data = new TransferData();
transferData.data.addDataForFlavour('Button-ID', Button);
},
getSupportedFlavours : function ()
{
var flavours = new FlavourSet();
flavours.appendFlavour('Button-ID');
return flavours;
},
onDrop : function (){},
};
View 8 Replies
View Related
Nov 29, 2011
I am having a play around with javascript and the html5 canvas to evaluate the feasibility of using it for a few personal projects.I have tried using both setInterval or setTimeout to set up a very rough framerate for an animation.The framerate is fine when coupled with a simple delta timing to smooth out the changes however when running under a large load (large images) I cannot seem to capture keyboard events very easily.
If I wiggle around the mouse a bit, it makes the keyboard more responsive but is there any way to get the window to poll the inputs rather than wait for an event to fire?This is much worse on Linux but the issue is still around on Windows.
View 3 Replies
View Related
Jul 19, 2010
I'm using the code from the Fancy Form Design book, but i'm having trouble getting the code to make the slideDown and slideUp work in IE. In Chrome it's perfect, in FF it's ok but there's some kind of artifact on the bottom of the code? If you click 'send me post' it doesn't work in IE 8 (or IE 7 compat). Code below.
[Code]....
View 2 Replies
View Related
Apr 22, 2011
I have some javascript code:
first it gets string of the url in the address bar
then it splits the string at the ? and grabs the right half
it then makes an IFrame go to that string(which is yet another url I would manually insert)
here is the code:
function redirect(){
var raw=window.document.location.href;
if(content_address_start=raw.indexOf("?")!=-1){
[Code]....
'content' is the id of the IFrame, and frame.html is the html file this code is inside.
Ok, so everything works perfectly when I test this code offline, but as soon as I load it to my website, and the .src line occurs, it just loads a blank page in the IFrame. What could be causing this? Perhaps certain sites will not allow themselves to be inside iframes? Much thanks in advance. I hope I gave enough information and relayed my problem clearly.
EDIT: It seems that the code works on other sites, just not youtube. Why would it do this and are there any ways around it?
View 5 Replies
View Related
Nov 17, 2006
I am opening a new window using window.open. I need the new window to
open on top of the parent everytime. I cannot use onBlur b/c the user
will need to click back to the parent for information. I just need it
to open on top everytime. I am using this line in the body
<body onload="window.focus()" bgColor="#0077d6"
ms_positioning="GridLayout">
The window.focus doesn't work everytime. I can open it and it may
work. I will completely close the app, start it again and it will not
work, but the next time it might. It is inconsistent. How do I get it
to not give focus back to the parent after it opens?
How can I get the parent to relinquish focus?
View 7 Replies
View Related
Mar 28, 2011
I have a function with the following code:
function saveRecord(){
$("#weekSheet tbody tr").each(function(){
$('td').each(function(i,o){
[code]....
View 4 Replies
View Related
Feb 10, 2010
$j('div.LeftNavArrowRt').parent().hover(
function() {
var selector = ".sub_" + $j(this).attr('id');
[code]....
View 3 Replies
View Related
Dec 9, 2009
I have some JavaScript that calls an AJAX function that in turn refreshes a DIV. I have a working model of this for a comment box. When a user types in a comment and hits send, the data is sent to a server and only the div refreshes; not the entire page
I need to add one more level of functionality to this working model. But when I change it a bit to fit what I need it does not work!
Each comment is related to a specific mediaID, and when comments are listed they all have the same mediaID. The mediaID is changed by clicking on a flash video link which in turn calls a method that "should" refresh the comments box with the correct comments. The problem is the DIV does not refresh with the php page that I provide it; instead, it puts the home page in the DIV. In my working model the DIV refreshes with the php page that I provide it.
In the head of my page I have:
Code:
<script src="<?php echo $vars['url']; ?>mod/vcomments/views/default/js/vcomments_change.js" type="text/javascript"></script>
<script type="text/javascript">
function delvePlayerCallback(playerId, eventName, data) {
[Code]....
try the comments box - you will see it update correctly - but then select a new video - and the home page loads in it.
View 4 Replies
View Related
Apr 29, 2009
if it displays -Infinity or Infinity, it wont say "Invalid entry" and it wont keep going past -Infinity or Infinity. and if it says NaN it doesnt go past NaN and say "Invalid entry"
function checkNum(str) {
for (var i = 0; i < str.length; i++) {
var ch = str.substring(i, i+1)
if (ch < "0" || ch > "9") {
[Code.....
View 3 Replies
View Related
Jan 30, 2011
I am trying to get the following image fade code to work but can't seem to figure out what the problem is. The images appear quickly (don't fade one to the other) in Firefox and Google and in IE8 when the image fades, even though the images are the same size, the new image starts out smaller and grows to the final size.
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
[Code]....
View 1 Replies
View Related
Aug 28, 2011
I have to build a small contactform validator in JS, which checks the fields' values when submit is clicked. I am experiencing problems with getting the email validation to work properly. This is what I've got:
When I don't fill in anything in the email field, I indeed get the proper alert. But when I fill in a string between 1 and 7 characters, the (document.contact.email.length < 7) is not met. The same goes for the last two conditions: (!document.contact.email.indexOf("@")) || (!document.contact.email.indexOf(".")). Even when (one of) these two conditions are not met, it is possible to submit the form...
View 6 Replies
View Related
Sep 28, 2010
http://facetofacetutoring.com/navtest/ogs_nav.htmlGo to the products link...
View 1 Replies
View Related
May 10, 2009
The following method below seems to behave unexpectedly under certain conditions.
$('#myDiv').empty().append(someText); I beleive, (imho), that the empty() function requires some time to execute and interferes with the append() function. I say this because adding a setTimeout() to delay the append() will correct the eratic behaviour.
[Code]...
View 2 Replies
View Related
May 12, 2009
I have this snippet:
[Code]...
that is sent when a very simple form (one value and button) is sent. The thing is, it works on my local webserver, but when I upload it to my webhost, it wont work. It works if add data.php?nick=Test, then the
data will be added into my database but not when called from .ajax.
View 9 Replies
View Related
Mar 20, 2010
I have an html form where IE and Firefox work very differently. So, it'd be useful to know what browser is in use. I found this script and put it in my html code...
In the php I do a echo code... but it's always empty... I figure I've got something obvious goofed up, but what?
ALSO, when I run it in IE 8.0, on screen it says "Microsoft Internet Explorer", but it SAYS Browser version: 4 - But I'm using version 8.
AND, when I run it in Firefox version 3.5.5 it SAYS "Netscape" and Browser Version: 5.
View 2 Replies
View Related
Jul 23, 2010
Just working on this page - [URL]
In Opera, the dynamic resize of the iframe isn't working correctly. As you can see in the code, I have set a minimum height of 200px so the iFrame should always be a minimum height but if the content requires it will increase. It works fine in IE8, Safari, FF, Chrome but not in Opera. In Opera it just sets the height at 200px.
View 9 Replies
View Related
Feb 15, 2011
I added a jquery megamenu to my site, but now my thichbox script is not working correctly.trying to get it to work. I added a noconflict statement and changed $ to jQuery in my jquery.js file, but it is still not working correctly.
http:[url]....
--------------------------
<script type="text/javascript" src="http://homecomforts.com/js/jquery.js"></script>
<script type="text/javascript" src="http://homecomforts.com/js/thickbox.js"></script>
<script> [code]......
View 1 Replies
View Related
Jul 15, 2009
I want to use the Ajaxify-Plugin ( URL... ) for my new Website. It fits exactly my needs.Sadly the animations are not working correctly.When your Internet-connection is too fast, you don't see animations at all (on a local machine also). I putted up a demo: URL...The content is supposed to fade out, then the new content gets loaded and then this new content should fade in nicely again, like in my own example, which I got from a tutorial that is just using pure jQuery resources: URL... [code]
The author of the plugin himself is using a server delay to overcome the sideeffect ( URL... - click some links under "New v2 features"), but i think that's the wrong way to go for production.Sadly im not good enough in JavaScript-programming to tweak the plugin by myself, to get it to work like in the second example... I tried it now for 6 hours.I would really like to use Ajaxify, because it has all the features I need united in it. The only thing that is not working are this animations.
View 1 Replies
View Related
Nov 17, 2011
I'm trying to use a :not statement, so if you click anywhere else on the page BUT the element in the :not a div will disappear. When i use the same statement without the not, it works fine (click that one element and the div in the function hides).I'm assuming that the :not statement isn't working because the element is a child of its parent, so when you click it, essentially you are still clicking the parent which isn't included in the :not.
j(':not(.arrow)').live('click', function(e) {
j('.label').hide();
});
View 9 Replies
View Related
Apr 19, 2011
Having trouble getting this plugin to work. jparallax - see here for more info [URL]...Now I have this plugin working separately, on its own page, just fine. see here -
http://bit.ly/hPpSAC But when I went back, to my own page, and tried to incorporate it into the background of my site, I was able to get the look fine, but the movement isn't working. see here -
http://bit.ly/ee52Iv I've tried everything I could to get it working.. Maybe someone here could troubleshoot?
View 3 Replies
View Related
May 13, 2010
I wrote code to resize a div element.The main aim is to resize the div element from any direction. But it is not working correctly in Mozilla. Even in IE it is working fine only if the mouse is dragged slowly. If we drag the mouse fast it is loosing the control. Are there any browser issues to be fixed. Please check it. I'm including the file.
Code:
========================HTML File============================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>[code]..........
View 3 Replies
View Related
