Shadowing

Hey guys I've been working on this all day and I can't figure out why I'm having this issue. If I had any hair id be tearing it out Here is my jsfiddle example When you hit start and then hover your mouse over the black square an image will be placed next to the cursor as I slowly move the mouse towards the edge of the top,right or bottom of the map it will stop the building from going off the edge but if you move it little harder past the edge it glitches past it. If you move the cursor to the left it will stop correctly. I'm thinking how im trying to do this is just way wrong. Right now if its to far one direction it pushes it back. That seems kind of bad route to take in general. http://jsfiddle.net/hgXVq/70/ so idk at a huge wall atm hopefully someone has some suggestions. It seems I have to offset the picture little away from the cursor other wise the picture messes up with moving with the cursor

Thanks Ingolme Ya that's the only way I could fix the issue making a switch like that. I think I will just use this approach cause it still feels good. Plus the doors open so fast anyways so there won't be any confusion against the user if they did spam click it. Thanks guy. and thanks davej for your responce

Ya hitting the start button really fast. This was just a example. Being used in Stargate System Lords the game. There is about 50 buttons that trip this function. Preventing the animation only griping so often is plan b but will kinda ruin the flow of the gameHttp://www.systemlords.com

I'm having issue that is about to drive me insane made a jsfiddle example If you hit the start button slowly over and over again the images will open up like doors but if you really spam hit the button crazy fast they will disappear. I've tried checking if animated, tried testing where its current margin location is at and tried using stop() wondering if anyone here can figure this out. http://jsfiddle.net/uGHe4/43/

ehh i found a solution element or parent element { /* prevent font boosting on mobile devices */ width: 100%; height: auto; min-height: 1px; max-height: 999999px; }

I'm having a issue i can't seem to find a solution with google. www.systemlords.com when going to my home page the font that slowly appears increases in font after a few seconds. Its caused from me using text scaling setting on google moible chrome but i would like is to ignore it wondering if anyone has any experiance with this. thanks

nevermind i figured out a solution. i just made my own function

idk i think im going to just make my own function that puts in the correct format. I think this route on their example is showing how to change the line graph dynamticly which isnt really what im doing since im echoing in the html on each view

I'm trying to get a plug in to work that I grabed on line and I can't figure out a certain part of that is unclear They supplied a function that is suppose to change the format of my array so it works with their plug inIdk this function is beyond my understanding lol.Either way they say it can take an array and make it look like[[[x1, sin(x1)], [x2, sin(x2)], ...]] My array that is coming from php via ajax looks like Object {1362713346="153.549", 1362761347="153.549", 1362761401="103.549"} var plot = function() { var data = [[]]; for (var i=0; i<13; i+=0.5) { data[0].push([i, Math.sin(i)]); } return data; }; so i tried inserting my array 3 differant ways. only first one doesnt throw an error. returns function() thoughdata = [[array]]data = [array]data =[array here's the link of showing all thishttp://www.jqplot.com/tests/data-renderers.php

Thanks for the responce DarkxPunk. I tried that couldnt get it to turn truetested while scroll bar was active if (document.height > document.body.offsetHeight) { return true; }else{ return false; } What i was trying to do in the first place was trying to see if the body was overflowing but couldnt get that work eitherby setting body to overflow:hidden; Then finding a way to tell if its clipping or not

Hey guy's i'm having problems getting the scrollHeight from the document. The html tags my main objective though is just to detect rather or not the document scroll bar is active or not. So i dont know maybe someone has another idea cause I dont actually need any numbers returned.

ahh i got it figured out var hotkey = function(e) { if (e.keyCode == 77) { console.log("test"); return false; }} $(document).keydown(hotkey);$('input, textarea').focus(function(){ $(document).unbind('keydown', hotkey); });$('input, textarea').blur(function(){ $(document).bind('keydown', hotkey); }); });

Hey guys im trying to set up hot keys and I dont want them to affect when someone types in a input or text area The only way i can figure out how to do this is to have it where it disables the hot keys when a textarea/input is focus and then enable back again on blur but I cant figure out how to do this with bind and unbind var hotkey = function() { $(document).keydown(function(e){ if (e.keyCode == 77) { console.log("test"); return false; } }); } $('input').bind('focus', hotkey); $('input').unbind('blur', hotkey);

if i use this before the on statement $('#sector_input_x').off(); then it disables it all together no longer works anymore

Hey guys I'm having a wierd issue that i cant quite understand. I have code that makes text appear and dissapear as you focus on itthe problem is the field dynamticly changes I have a map with a x and y axis and im displaying the x and y when a user focus on one it will go blank and then on blur display the axisthe problem is when i flip my map to another sector the X axis will be differant which displays fine but for some reason when i click on and then off it displays the axis number from the last sector. I'm assuming its because the function is still active from the last sector. so i have to like disable it some how $('#sector_input_x').on({ focus: function() { if (this.value === session_x) this.value = ''; }, blur: function() { if (this.value === '') this.value = session_x; } });

Hey guys I noticed that when using chrome all my input submit buttons don't push in when you click on it. Is there a normal reason for this?

Hey guys I'm trying to do this below and can't get it to work. Looked at a ton of examples online but none seem to work. $('body').css({'-webkit-transition-scale':'.85'});

cant really send a link would require loging in and i dont have any sort of public test set up but i might have to set something up to help solve this issue

Thanks Ingolme. I needed to hear it from a pro to make sure yah i decided to just use java script. Which is actually a better solution in this case. allows me to do more then one type of animation with the same pics this way and a way smaller file size

really wierd. it loads all the java script pages according ot developing tools. but it just doesnt work. It works on my local host test server though. So need to figure out whats diffearnt from live server vs test server

I put together a example to show what fire fox does load the link below and then refresh the page it wont play the animation a 2nd time http://i1123.photobucket.com/albums/l545/Shadowing1983/move2.gif

Hey guys ever since i upgraded to windows 7 ive been able to test out IE9 I ran into a issue where IE9 doesnt load any java script on the first load. If I refresh the screen it works. is there a common issue with IE9 on this? im loading alot of java script links in the head of the page. about 26 of them. im using on page load. example below $(function(){ });

ya that might be where im messing up at. Geez CS5 flash is so un userfriendly at first glanceI also have flash builder 4 that i havnt tried out yet maybe see what that is

this is how im running the function var params = { wmode: "transparent", menu: "false"}; swfobject.embedSWF("images/figures/big/case_open1.swf", "myContent", "800", "800", "9.0.0","expressInstall.swf", '', params);

Thanks for the replies guys I have the animation set up to play just once 1 what happends is once the animation plays. if i refresh the browser or reuse the picture the animation doesnt play from the start anymore. It doesnt play at all just shows the last frame. Works fine in IE. i google it its a common issue with FF and chrome to I believe. only way i found around the problem is adding a token to the src bleh.gif?number which prevents caching from working