Response title
This is preview!
- Screen name: jquerytil
jquerytil's Profile
62 Posts
95 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- 11-Apr-2012 07:51 PM
- Forum: Developing jQuery Core
Maybe I am the only one who finds it odd that the .on() function attributes first use the events map, and then the selector, because usually you always have the selector first, then any functions etc... for example $.each(collection, callback)...I would think it's more intuitive to change this:.on( events [, selector] [, data] , handler(eventObject) )
to this:.on( [selector,] events [, data] , handler(eventObject) )
- 02-Apr-2012 06:38 PM
- Forum: jQuery Mobile
I'm trying to make an element dragable on webkit mobile and it works okay the first time you drag, but then when you release and drag again, the element keeps reverting to somewhere near its original position.Why? It does not make sense to me.- $d = $('.draggable-div');y = {};$d.on({
- touchstart : function(evt){
- e = evt.originalEvent;
- e.preventDefault();
- e.stopPropagation();
- y.start = e.touches[0].screenY;
- y.elpos = $d.offset().top;
- },
- touchmove : function(evt){
- e = evt.originalEvent;
- e.preventDefault();
- e.stopPropagation();
- y.moveCh = e.changedTouches[0].screenY;
- y.move = e.touches[0].screenY;
- y.delta = (y.move - y.start);
- $d.css({
- '-webkit-transform' : 'translate3d(0, ' + y.delta + 'px, 0)'
- });
- },
- touchend : function(evt){
- e = evt.originalEvent;
- e.preventDefault();
- e.stopPropagation();
- }
- });
- 26-Mar-2012 07:00 PM
- Forum: Using jQuery
SO I got a couple of functions and I like doing things in JSON more or less.In line 10 below I use eval() but I am wondering, isn't there a way to do this differently, without resorting to eval?- a = {
- hop : function(){
- return 'ah';
- },
- top : function(){
- return 'ooh';
- }
- };
- b = 'top';
- alert( eval('a.'+b+'()') ); // this of course will alert "ooh"
I know it's not really a jQuery question but honestly I think people here are more knowledgeable than in javascript forums...EDIT:As is my habit, I end up answering my own question:- alert( a[b]() );
does the trick. Thanks Jason LeBrun at (http://stackoverflow.com/questions/7893983/alternatives-to-eval-for-multiple-nested-objects)- just sharing a quick solution to making an element draggable in 1.7 - instead of loading a huge UI library i just do this:
- $('#dragg').on({
- 'mousedown' : function(e){
- msedn = true;
- oX = e.offsetX;
- oY = e.offsetY;
- },
- 'mousemove' : function(e){
- if(msedn==true)
- {
- $(this).css({
- 'left' : ( e.clientX-oX ) + 'px',
- 'top' : ( e.clientY-oY ) + 'px'
- });
- }
- },
- 'mouseup' : function(e){
- msedn = false;
- }
- });
- I use .on and tried two methods, shown below.METHOD A:
- $('#parentDiv')
- .on(
- {
- click : function(e){
- $(this).addClass('clickable');
- }
- },
- '.childDiv'
- )
- ;
- $('.childDiv.clickable')
- .on(
- {
- click : function(e){
- alert('Charlie clicked me!');
- }
- }
- )
- ;
METHOD B:- $('#parentDiv')
- .on(
- {
- click : function(e){
- $(this).addClass('clickable');
- }
- },
- '.childDiv'
- )
- ;
- $('#parentDiv')
- .on(
- {
- click : function(e){
- alert('Charlie clicked me!');
- }
- },
- '.childDiv.clickable'
- )
- ;
For some reason, METHOD A does not work, the click event on doesn't fire.Anyone have an idea why that could be? The difference I am looking at is shown in green.- 26-Jan-2012 07:48 PM
- Forum: Using jQuery
Hi there,I have a carousel functionality and when you click on an element <div id="right"></div> something else slides.Let's say I'm tracking number of clicks and if you clicked 4 times, I want to disallow further clicking. I of course don't want the event anymore so I am using .off() to remove the event handlers which I store in a global variable arrEvents- arrEvents : {
- click : function(){
- slideAround(); // a custom sliding function...
- }
- }
Right now if I remove line 2 below, the second time I click the arrow, the click events I attach on line 3 fire twice. I assume this is because they are already attached from the first click so then jQuery adds two click events in this case.Is this what's going on? I would have thought adding a second 'click' event to an already existing 'click' event in the .on() function would simply overwrite the first one, not add it.- $('#right')
- .off()
- .on(arrEvents)
- .removeClass('off')
- ;
- This code
- $('button').click(function(){
- $('body').append('<div>I am working</div>');
- $.ajax({
- async:false,
- ...
- });
- });
Doesn't display the "I am working message" until the ajax call is complete.That doesn't make sense to me, I am appending before initiating the ajax, so what, going on? I thought code is executed top to bottom in javascript, is it not?In the comments section of the $.ajax() documentation someone points out that you can work around the async false by wrapping the ajax call inside a setTimeout().- $('button').click(function(){
- $('body').append('<div>I am working</div>');
- setTimeout(function(){
- $.ajax({
- async:false,
- ...
- });
- },0);
- });
I did that and it works, but I don't understand why that would be necessary?- I can't get my return string to show up. I must have a lack of understanding how return works.
- $('body').append(
- customOutput() // why isn't this displaying a string?
- )
- function customOutput(){
- $.ajax({
- //ajax stuff ..
- })
- .done(function(return){
- var output = "hello";
- return output;
- });
- // I tried putting return here but that is undefined, which doesn't surprise me
- }
thank you everybody for taking a look.- 17-Apr-2010 04:31 PM
- Forum: Using jQuery
does anyone know how to not get "permission denied" in the script when doing a $.getJSON() of a remote JSON feed? (such as the ones you get from google).
thanks for the response below - I made an error in my post and edited it, because my code actually does use getJSON() and not load().Is this one of those scriopt proxy issues? Does anyone know about these google API feeds?- 15-Apr-2010 04:36 PM
- Forum: Using jQuery
I searched and searched... unfortunately I'm just not knowledgable enough to work it out on my own...how do I load google's picasa album JSON feed from my site?In the browser I can enter this URLand it works (returns the expectd JSON).Notice I use "default" as username, which is the currently authenticated user for google, as I have successfully authenticated like this: https://www.google.com/accounts/AuthSubRequest?scope=http://picasaweb.google.com/data/&session=1&secure=0&next=http://mywebsite.com/googleauthOnce I try to load this URL (http://picasaweb.google.com/data/feed/base/user/default?alt=json&kind=album) in jquery, however, I get permission denied.I tried adding authkey parameter from my token like this:$.getJSON(g, function(data) {... etc...etc...I think I am either doing the wrong thing or I'm missing something about making the token persistent...surely someone out there knows? I do hope so...Thanks all!- 20-Jul-2009 03:42 PM
- Forum: Using jQuery
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/
TR/html4/strict.dtd">
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
$('.item').click(function(){
$('#slider').animate({ // this element is inside another DIV that
has CSS overflow:hidden;
top: '-200px'
},1200);
}
In FF3, this causes a jaggedy sliding of the elements, very ugly.
Looks like the elements are literally jumping up and down while
sliding.
Not a problem in IE7, though...
Has anyone else seen this?
I did this:
$('body').append('<iframe name="myFrameName3" src='... etc...
now I want to attach a click event to something inside that frame.
Does anyone know why the context parameter of the click() below does
not work? I can't get the alert to show up.
$('#someDiv', top.frames['myFrameName3'].document).click(function(){
alert( $(this).attr('id') );
});- 27-Jan-2009 03:36 PM
- Forum: Using jQuery
If i want to do something in a parent frame, I would do this:
$('#myDiv', top.document).hide();
but what about this following scenario? I'm inside a frame that was
created like so:
$('body', top.document).append('<iframe id="myiframe"></iframe>');
inside myiframe, I now want to know the id of my iframe, because I
would not know it.
All I am able to "see" in the DOM is the topmost document.
I could traverse through all the iframes and get their ID's but that's
useless because I wouldn't know which of them is the one I'm currently
in.
I suppose I'm simply trying to pass a variable to a child frame so it
becomes available on the frame's document.onload().- 23-Jan-2009 08:29 PM
- Forum: Using jQuery
whats the best way to find the frame name of a click event?
in FF I managed to do this:
$('#'+e.view.name, top.document)
but
e.view.name is "undefined" in IE.- 23-Jan-2009 03:31 PM
- Forum: Using jQuery
I'm using frames (don't ask) and have exhausted my abilities
(sniff)... here is some pseudo-code to illustrate the situation:
------------------------ first, CONTAINER.HTM:
<script src=jquery.js></script>
$(function(){
var module = {
something1 : function(var1){
alert(var2);
}
}
});
<iframe src=iframe1.htm></iframe>
------------------------- now, IFRAME1.HTM
<script src=jquery.js></script>
$(function(){
$('#myDiv').click(function(){
top.frames[0].document.module.something1('hello');
// this line above is the part where I'm stuck.
//why won't this darn thing cooperate and alert my variable?
});
});
<div id=mydiv>click me</div>- 22-Jan-2009 06:55 PM
- Forum: Using jQuery
I'm totally not getting it... but you might, I hope :)
I appended an iframe:
$('body').append('<iframe>...etc</iframe>');
The iframe source has jquery in the header and it works.
now I want to do something in that iframe, like hide a div. I want to
do this from the top.frame...
$('.myDiv', top.frames[0]).hide();
but, it doesn't work!??!?
I'm lost. Been googling, all I find is stuff about getting stuff to
work in the parent frame - why wouldnt the same work for a child
frame?
THanks for pointers! much obliged...
I noticed today after much fiddling that .hide() causes the parent
element to loose its height().
In other words, height() won't work on elements that have display:none
-- causing me to use .hide() only AFTER I've done my .height() - based
calculations.
I suppose that makes sense but I somehow never really thought that
element.height is an attribute that gets set to 0 if display:is set to
none...or whatever is actually going on.- 16-Jan-2009 04:38 PM
- Forum: Using jQuery
this has been discussed before, but I'm still hazy:
In FF2 and old Firebug this function ran fine with local files (no
local web server, just straight-up file on local desktop).
Now Firebug complains "Access to restricted URI denied code: 1012"
$.ajax({
type: "POST",
url: myFileName,
data: {},
dataType: "jsonp",
async: false,
success: function(ret){
JSON=eval('('+ret+')');
}
});
I added the line
dataType:"jsonp"
after reading up on this inside the list archives. This did nothing.
I don't feel like running all my stuff on a local web server just so I
can do some simple ajax - am I stuck? Should I downgrade to older
Firebug?
Any pointers much appreciated!
after searching I found this, which is close but no cigar.
http://plugins.jquery.com/node/3997
I appended an iframe to my document, and use livequery:
$('.LQelements').livequery(function(){...
which works in the top.document, but not in the iframe.
How can I re-use this? I don't want to have to copy the function into
the body of my iframe source file.- 12-Nov-2008 02:46 PM
- Forum: Using jQuery
alright, this one is a different one... I don't even know what I'm
supposed to be looking for in order to debug this. Below is a Firebug
console error.
Anyone has some insight?
much obliged!
[Exception... "Component returned failure code: 0xc1f30001
(NS_ERROR_NOT_INITIALIZED) [nsIDOMJSWindow.setTimeout]" nsresult:
"0xc1f30001 (NS_ERROR_NOT_INITIALIZED)" location: "JS frame ::
file:///C:/lib/livequery-1.0.2.js :: anonymous :: line 1" data: no]
data()(Document , "events", undefined)jquery-1.2.6.js (line 679)
remove()(Document , undefined, undefined)jquery-1.2.6.js (line 1912)
unbind()()jquery-1.2.6.js (line 2244)
each()(Object length=25 0=html 1=head 2=script 3=script 4=script,
function(), undefined)jquery-1.2.6.js (line 745)
each()(function(), undefined)jquery-1.2.6.js (line 138)
unbind()(undefined, undefined)jquery-1.2.6.js (line 2243)
(?)()()jquery-1.2.6.js (line 2414)
one()(Object originalEvent=Event unload type=unload)jquery-1.2.6.js
(line 2235)
handle()(Object originalEvent=Event unload type=unload)jquery-1.2.6.js
(line 2076)
(?)()()jquery-1.2.6.js (line 1858)
remove()(undefined)jquery-1.2.6.js (line 1317)
each()(Object length=1 0=iframe.popupDetail prevObject=Object, function
(), [])jquery-1.2.6.js (line 734)
each()(function(), [])jquery-1.2.6.js (line 138)
(?)()()jquery-1.2.6.js (line 1331)
(?)()()3DYR8yd%...e3Q%3D%3D (line 1)
(?)()()popup.htm (line 189)
handle()(Object originalEvent=Event click which=1 view=window)
jquery-1.2.6.js (line 2076)
(?)()()jquery-1.2.6.js (line 1858)
[Break on this error] jQuery.cache[ id ][ name ] :
if I have a lot of elements inside <div class"full">...</div>
and then do $('.full').empty().append ('blah');
it takes a long time. Is there a way to speed that up?
.toggler {background:#fff;}
.open {background:#000;}
$('.toggler').click(function(){
$(this).toggleClass('open');
}
It's really a CSS problem, because the DOM does toggle the classname.
But the background does not change.
<div class="toggler open">blah</div>
Only solution I can think of is not using toggleClass, but its so nice
and simple that way. Anyone know a solution by chance? Thanks a lot!- 30-Jul-2008 07:54 AM
- Forum: Using jQuery
there are plugins that show a table of results and if you scroll to
the enf it fetches more results.
I was wondering if someone knows which part is responsible for
triggering the load?
Is there some jquery ifScrollEndReached() event? I doub t it ;P
Surely this is totally obvious and basic... but I can't seem to figure
it out:
var myJSONreturnObject =
[
{Name: 'hello",Id:11},
{Name: 'hello again",Id:22,
SubItem :
[
{Thing:"something",Id:234987},
{Thing:"something else",Id:982734},
]
},
{Name: 'hello once more",Id:9},
]
I want to do some sort of query on a JSON object like "SELECT * FROM
myJSONreturnObject WHERE myJSONreturnObject.Id = 22"
i started with:
if(myJSONreturnObject.Id==22) ... and now I'm totally stumped.
hi... would you terribly mind wasting 20 seconds of your day cruising
over to
http://internalmedia.com/jq/
and letting me know if clicking the drag handle drags the box as
expected? Mouse release of course should be stopping the drag.
I'm somehow suspicious that my code actually holds up on some of the
lesser-used browsers - especially IE6.
And if this works on Safari I should be amazed+happy.
THANK YOU!
© 2012 jQuery Foundation
Sponsored by
and others.