[jQuery] How to open links in a box with the fade effect?
I have downloaded also the plugin JQmodal. This effect I like, its
super. I use it for a reaction form to my guestbook.
What I also want, is a quickreply function for my news messages on the
frontpage. But then, the link has to pass values. Since it needs to
load : quickreply.php?id=[here the id]. How, or with what function
can I do this? Im not really into javascript and of Jquery I know
almost nothing.
I now use:
script
$().ready(function() {
$('#ex2').jqm({ajax: 'extern/2.html', trigger: 'a.ex2trigger'});
});
/script
But I dont see how I can adjust this function to pass variables and to
trigger it with the click on the link.
Can anybody help me on my way?
[jQuery] Sortable + Draggable/Sortable
Hi all, I have two unordered lists and both its listitems are draggable and droppable on the other list. Until this point everything is working exactly as it should. But, one of the lists should be sortable, and thats where it goes wrong. The list isn't sortable and i get a lot of different errors. Can anybody help me? Example at: http://dev.danielpunt.nl/IA/lib/jQueryTest/
[jQuery] Re: Error in Ajax Queue plugin
Well I tried it, and it seems to work, however it triggers the 'error'
handler too:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleUntitled Document/title
script type=text/javascript src=js/jquery-1.2.1.js/script
script type=text/javascript src=js/plugins/jquery.ajaxQueue.js/
script
script type=text/javascript
jQuery(function(){
$.ajaxQueue({
url: '/inc/inc.text.html',
type: 'GET',
mode: 'sync',
error: function() {
alert('error on call 1');
},
success: function(data){
$('body').html(data);
}
});
$.ajaxQueue({
url: '/inc/inc.text2.html',
type: 'GET',
mode: 'sync',
error: function() {
alert('error on call 2');
},
success: function(data){
$('body').html(data);
}
});
});
Odd
On Dec 5, 7:52 pm, [EMAIL PROTECTED] [EMAIL PROTECTED]
wrote:
Thanks - I'll give it a go...
On Dec 5, 5:41 pm, J�rn Zaefferer [EMAIL PROTECTED] wrote:
[EMAIL PROTECTED] schrieb: Hi
I'm trying to use the Ajax Queue plugin with the following code:
But everytime it runs I get an error saying 'jQuery.dequeue is not a
function' and doesn't implement the second part to the queue. Any
ideas?
You could give this update a
try:http://dev.jquery.com/view/trunk/plugins/ajaxQueue/jquery.ajaxQueue.js
Its not compatible with the plugin that Mike released, but should run
with latest jQuery. Use $.ajax instead of $.ajaxQueue and provide an
additional mode option, eg. mode: queue.
J�rn
[jQuery] FadeTo enchancement
Hi I've noticed that the fadeTo effect only seems to fade out to the value to pass in. Is there anyway of fading IN to a certain value? Cheers
[jQuery] hiding page elements instantly on page load
Hi guys, I use php to fetch a menu out of a mysql database. Basically the menu is made up of a lot of nested unordered lists (ul). I'm using jQuery to hide any submenu. This means that when a user visits the webpage he only sees the first ul. When he clicks a li, the submenu (again an ul) is shown. This works great on my localhost. However, when I publish online I experience a problem: on page load the whole ul is shown for a second, including all nested ul submenu's, before it is hidden by jQuery. I guess this is because all ul elements need to be loaded into the DOM before the jQuery code is started? Is there anything I can do to solve this problem? Thanks for any advice!
[jQuery] Re: Drag'n'Drop assistance needed
Since this post, I have mamaged to make some headway. http://www.markdw.com/jquery/drag_drop7.php I wonder if anyone would care to comment on the way I have done it, and suggest any improvements. It seems to work very nicely, with a few occasional oddities that I haven't ironed out yet. many thanks, Mark
[jQuery] Strange unwanted delay problem
Hello all,
I have several div's which are animated on mouseover:
$('.pan').mouseover(function() {
$(this).animate( { marginLeft:-182px }, 1000);
});
I then have another div laying behind the animated ones that on a
mouseover reverts the animation:
$('##pancontainer').mouseover(function() {
$('#pan1').animate( { marginLeft:0px }, 200);
$('#pan2').animate( { marginLeft:0px }, 200);
$('#pan3').animate( { marginLeft:0px }, 200);
$('#pan4').animate( { marginLeft:0px }, 200);
$('#pan5').animate( { marginLeft:0px }, 200);
$('#pan6').animate( { marginLeft:0px }, 200);
});
So far so good - it works like a charm.
Then inside the animated divs I put several links. Now if I hover over
one or more of the links inside the div before taking the mouse of -
the function which reverts the animation is several seconds delayed.
If i just mouseover the div without hovering the link it works like it
should.
This is driving me mad, as I can't understand why it behaves like
this. I don't have any other jquery or js scripts other than the ones
above.
You can have a look yourselves at http://intern.idl.no:65241
If anyone could help me solve this I'd appreciate it very much.
[jQuery] Re: Flot plugin on Ajaxian
Very cool, I'll have to check the source later :) Ariel Flesler On Dec 5, 2:03 pm, Rey Bango [EMAIL PROTECTED] wrote: Be sure to show your support and please don't let any trolls get to you: http://ajaxian.com/archives/plotting-in-jquery Rey
[jQuery] Simple loop through JSon object.
What's the quickest way to iterate over a very siple JSon object? My object looks like: [data1,data2,data3] All I want to do is get each data element out. Cheers
[jQuery] Re: FadeTo enchancement
If the element's opacity currently exceeds the value you wish to fadeTo then
you won't see any effect. But you can do something like this:
$('#myDiv').css('opacity',0).fadeTo('slow', .5);
Mike
On Dec 6, 2007 6:31 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
Hi
I've noticed that the fadeTo effect only seems to fade out to the
value to pass in. Is there anyway of fading IN to a certain value?
Cheers
[jQuery] Re: FadeTo enchancement
If the element's opacity currently exceeds the value you wish to fadeTo then you won't see any effect. But you can do something like this: I should rephrase that - you won't see an in effect with your fade (you'll see an out effect).
[jQuery] [PLUGIN] jQuery Chart
Found this one today on DZone and it's been around for awhile. Surprised I missed it. Very good stuff. jQuery Chart http://www.reach1to1.com/sandbox/jquery/jqchart/ Rey...
[jQuery] Re: Simple loop through JSon object.
Tom,
The most efficient way to iterate an array like this is just a simple
for loop.
// where arr = [data1,data2,data3]
for (var i=0; i arr.length; i++) {
var o = arr[i];
// do something with o
}
What's the quickest way to iterate over a very siple JSon object?
My object looks like:
[data1,data2,data3]
[jQuery] [PLUGINS] More from DZone
Found some more on Dzone that I've never seen: Simple Drawing: http://www.openstudio.fr/Library-for-simple-drawing-with.html Splitter by Dave Methvin http://methvin.com/jquery/splitter/default.html
[jQuery] Re: jChess
OK have registered, but can't login to the jQuery plugins site.
[jQuery] Superfish: Keep a menu open on selected page.
Hi, Instead of navigating to the menu everytime, can I keep a menu option with a child item selected for a particular page, like for tabs? It would be great to have. Many thanks, Ibrahim
[jQuery] fxFade + tabsRotate
Okay guys, kinda new to this whole discussiongroup thing, so if i'm
completely posting something in the wrong section or anything, then
please forgive fot my ignorance..
I have a small problem with the tabsRotate function from jQuery, it
all works fine except the order of witch the tabs rotate in is kinda
messed up. At first i just used the #fragment-1 id's from the demo,
but they had the same problem.
I'd really apprecieate the effort if anyone would be so kind to check
it out for me, cause when it comes to javascript i'm kind off a
retard. You can find it at http://fmnewmedia.nl/project/wrnl/ (it's at
the right bar beneeth .Klassement (and yes i know the design still
sucks for IE6, planning on sorting that out though)
This is what i put into my head code.
[code]link rel=stylesheet href=styles/default/ui.tabs.css
type=text/css media=print, projection, screen
script src=jscript/jquery-1.2.1.pack.js type=text/
javascript/script
script src=jscript/ui.tabs.js type=text/javascript/
script
script src=jscript/ui.tabs.ext.js type=text/javascript/
script
script type=text/javascript
$(function() {
$('#klassement ul').tabs({ fxFade:
true }).tabsRotate(1000);
});
/script[/code]
And here is how i'm using it
[code]div id=klassement
h1.Klassement/h1
div class=tabs
ul
lia href=#f1F1/a/li
lia href=#a1gpA1GP/a/li
lia href=#motogpMotoGP/a/li
/ul
/div
div id=f1
ul
lispan class=pla1./spanspan
class=vlaimg src=images/
flags/finland.gif alt=finland //spanspan
class=naaK.Räikkönen/spanspan class=pun125/span/li
lispan class=pla2./spanspan
class=vlaimg src=images/
flags/engeland.gif alt=engeland //spanspan
class=naaL.Hamilton/spanspan class=pun123/span/li
lispan class=pla3./spanspan
class=vlaimg src=images/
flags/spanje.gif alt=spanje //spanspan class=naaF.Alonso/
spanspan class=pun117/span/li
lispan class=pla4./spanspan
class=vlaimg src=images/
flags/duitsland.gif alt=duitsland //spanspan
class=naaN.Heidfeld/spanspan class=pun87/span/li
lispan class=pla5./spanspan
class=vlaimg src=images/
flags/italie.gif alt=italie //spanspan
class=naaG.Fisichella/spanspan class=pun78/span/li
lispan class=pla6./spanspan
class=vlaimg src=images/
flags/brazilie.gif alt=brazilie //spanspan class=naaF.
Massa/spanspan class=pun76/span/li
div class=clear/div
/ul
/div
div id=a1gp
ul
lispan class=pla1./spanspan
class=vlaimg src=images/
vlaggen/nz.gif alt=nieuw zeeland //spanspan class=naaNieuw
Zeeland/spanspan class=pun37/span/li
lispan class=pla2./spanspan
class=vlaimg src=images/
vlaggen/za.gif alt=zuid afrika //spanspan class=naaZuid
Afrika/spanspan class=pun36/span/li
lispan class=pla3./spanspan
class=vlaimg src=images/
vlaggen/en.gif alt=engeland //spanspan class=naaEngeland/
spanspan class=pun31/span/li
lispan class=pla4./spanspan
class=vlaimg src=images/
vlaggen/ne.gif alt=nederland //spanspan class=naaNederland/
spanspan class=pun31/span/li
lispan class=pla5./spanspan
class=vlaimg src=images/
vlaggen/fr.gif alt=frankrijk //spanspan class=naaFrankrijk/
spanspan class=pun29/span/li
lispan class=pla6./spanspan
class=vlaimg src=images/
vlaggen/zw.gif alt=zwitserland //spanspan
class=naaZwitserland/spanspan class=pun29/span/li
div class=clear/div
/ul
/div
div id=motogp
ul
lispan class=pla1./spanspan
class=vlaimg src=images/
vlaggen/nz.gif alt=nieuw zeeland //spanspan class=naaNieuw
Zeeland/spanspan class=pun37/span/li
lispan class=pla2./spanspan
class=vlaimg src=images/
vlaggen/za.gif alt=zuid afrika //spanspan class=naaZuid
Afrika/spanspan class=pun36/span/li
lispan class=pla3./spanspan
class=vlaimg src=images/
vlaggen/en.gif alt=engeland //spanspan class=naaEngeland/
spanspan class=pun31/span/li
lispan class=pla4./spanspan
class=vlaimg src=images/
vlaggen/ne.gif alt=nederland
[jQuery] Re: adding a class to the label of a checked radio button
I thought I'd update the community with the working code. In order to
get this working in Safari I took advise from the following thread and
created a trigger on the label as well as the input element.
http://groups.google.com/group/jquery-en/browse_thread/thread/149c4f8a32a846a2/
Here's my final code:
$(document).ready(function() {
$('#searchLabels').addClass('active'); // allows styling when JS is
enabled
$('#searchLabels :radio[id]').click( function() {
var selectedInput = $(this).attr(id);
$('#searchLabels label').removeClass(selected);
$('#searchLabels label[for=' + selectedInput +
']').addClass(selected);
});
$('#searchLabels label').click( function() {
$('#searchLabels label').removeClass(selected);
$(this).addClass(selected);
});
});
and here it is in action in the top search area (turn off JS to see
how nicely it degrades):
http://deliciouslivingmag.com/
On Dec 3, 12:39 pm, sperks [EMAIL PROTECTED] wrote:
I think that this bit of script is adding a class to the for
attribute, but I'm wanting to add the class to the element that has
that for attribute. Can anyone help me do the targeting better?
Thanks
$(document).ready(function() {
$('div#searchLabels').addClass('active'); // allows me to style the
radio buttons differently when JS is enabled
$('div#searchLabels :radio[id]').click( function() {
var selectedInput = $(this).text();
$('div#searchLabels label').removeClass(selected);
$('div#searchLabels label.attr(for,' + selectedInput +
')').addClass(selected);
});
});
[jQuery] Re: FadeTo enchancement
Thanks Mike :D On Dec 6, 1:28 pm, Mike Alsup [EMAIL PROTECTED] wrote: If the element's opacity currently exceeds the value you wish to fadeTo then you won't see any effect. But you can do something like this: I should rephrase that - you won't see an in effect with your fade (you'll see an out effect).
[jQuery] [NEWS] Getting jQuery Adopted in Corporations
jQuery UI team member Marc Grabanski has an excellent writeup on how to build acceptance for jQuery in Corporate America: http://marcgrabanski.com/article/92/Getting-jQuery-into-Big-Corporations The 2 biggest points he mentions are the cross-browser rendering and the list of notable companies/sites using jQuery. Excellent post Marc. Rey
[jQuery] Re: hiding page elements instantly on page load
You'll need to use PHP to hide those elements when they are created in the HTML output. The simplest (but ugliest) way to do this would be to add a style=display: none; to each of the elements (or parent elements) that you want hidden. This should work assuming you're using one of jQuery's native show()/hide() (or something similar) commands that change this display attribute. On Dec 6, 6:05 am, bytte [EMAIL PROTECTED] wrote: Hi guys, I use php to fetch a menu out of a mysql database. Basically the menu is made up of a lot of nested unordered lists (ul). I'm using jQuery to hide any submenu. This means that when a user visits the webpage he only sees the first ul. When he clicks a li, the submenu (again an ul) is shown. This works great on my localhost. However, when I publish online I experience a problem: on page load the whole ul is shown for a second, including all nested ul submenu's, before it is hidden by jQuery. I guess this is because all ul elements need to be loaded into the DOM before the jQuery code is started? Is there anything I can do to solve this problem? Thanks for any advice!
[jQuery] Re: Simple loop through JSon object.
Thanks Mike,
That actually doesn't seem to work. It splits it in to every
character.
I will keep playing though.
On Dec 6, 1:32 pm, Mike Alsup [EMAIL PROTECTED] wrote:
Tom,
The most efficient way to iterate an array like this is just a simple
for loop.
// where arr = [data1,data2,data3]
for (var i=0; i arr.length; i++) {
var o = arr[i];
// do something with o
}
What's the quickest way to iterate over a very siple JSon object?
My object looks like:
[data1,data2,data3]
[jQuery] Quick Question... (got a meeting in 30 minutes)
What jQuery plug-in(s) can provide a full-screen or almost full-window of a large, panorama image that is larger than the view port? I've searched around but don't have time to figure out the answer before my client meeting. It's for virtual tours of homes of panoramic photos. Dimensions could figure out how large to make the display. What could make the left to right smooth image scroll and fade to the next image? Thanks! Rick
[jQuery] Toggle on TR.onclick but not on content link
Hi,
I'm facing a stupid stuff.
I have a table. When I click on a TR, it displays another TR containing
datas :
table
tr id=clickme_1 class=clickme
td
Data - Data -
http://www.site.com Link
- Data
/td
/tr
tr id=showme_1 class=showme
td
div id=showmore_1 class=showmore
Extra Data -
divAnother Div/div
- http://www.site.com Extra Data
- Extra Data
/div
/td
/tr
/table
It works perfectly with a toggle :
$(document).ready(function() {
$(tr.clickme).click( function()
{
var ids = $(this).attr('id').split('_');
var id = (ids[(ids.length-1)]);
$(#showme_+id+ div).each(function(){ $(this).toggle(); });
$(#showme_+id).toggle();
} );
});
But, when I click on a link (ID:link_1) inside the TR (ID:clickme_1), it
triggers the toggle effect.
I whish I could :
- click anywhere on the TR and trigger the toggle
- not trigger the toggle if i clicked on a link (juste open the new window)
The problem is that the first triggered effect is the TR click and I can't
find the way to prevent the effect when the link is clicked.
Can anyone help me ?
Freud
--
View this message in context:
http://www.nabble.com/Toggle-on-TR.onclick-but-not-on-content-link-tf4956507s27240.html#a14193890
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: cluetip plugin prevents click event
driven wrote:
I am using cluetip to put tooltips on the links in a search results
page. I have the 'activation' setting as 'hover' but unfortunately
cluetip cancels the normal click event and I can't actually follow the
links. I don't see any examples or settings that will let me actually
click on the links. Is this possible?
I'm not 100% sure, but I seem to recal that this might be what you're
looking for:
onActivate: function(e) {return true;}
That should be the default though, so not sure if you've overridden it.
~ ~ David
[jQuery] Re: Quick Question... (got a meeting in 30 minutes)
Rick, I am not sure if one currently does all that, you can probably mod out the jqModal to have a scroll bar on the bottom and then style the scroll for will, I can't think of the name, but the scroll bar plugin. But if you want it to pan automatically, probably put just animate it margin:0 to margin: what ever the math is to get the other end in site and once that is done, fade out and fade in new image. Sorry if this is not any REAL help, I know how it is when going into a meeting and needing to come up with something on the fly. Good luck. On 12/6/07, Rick Faircloth [EMAIL PROTECTED] wrote: What jQuery plug-in(s) can provide a full-screen or almost full-window of a large, panorama image that is larger than the view port? I've searched around but don't have time to figure out the answer before my client meeting. It's for virtual tours of homes of panoramic photos. Dimensions could figure out how large to make the display. What could make the left to right smooth image scroll and fade to the next image? Thanks! Rick -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com http://www.benjaminsterling.com
[jQuery] Re: Simple loop through JSon object.
I had to go with:
var uploadedFiles = eval(( + server_data + ));
for (var i = 0; i uploadedFiles.length; i++)
{
alert(uploadedFiles[i]);
}
Where server_data is my json structured content.
This seems a bit verbose, but does the job.
On Dec 6, 2:56 pm, Tom Holder [EMAIL PROTECTED] wrote:
Thanks Mike,
That actually doesn't seem to work. It splits it in to every
character.
I will keep playing though.
On Dec 6, 1:32 pm, Mike Alsup [EMAIL PROTECTED] wrote:
Tom,
The most efficient way to iterate an array like this is just a simple
for loop.
// where arr = [data1,data2,data3]
for (var i=0; i arr.length; i++) {
var o = arr[i];
// do something with o
}
What's the quickest way to iterate over a very siple JSon object?
My object looks like:
[data1,data2,data3]
[jQuery] Re: jChess
if (window.Node Node.prototype !Node.prototype.contains) {
Node.prototype.contains = function (arg) {
return !!(this.compareDocumentPosition(arg) 16)
}
}
(function($) {
//Make nodes selectable by expression
$.extend($.expr[':'], { chess: (' '+a.className+' ').indexOf(' game-
chess ') });
$.fn.chess = function(o) {
return this.each(function() {
new $.chess(this,o);
});
}
//Macros for external methods that support chaining
var methods = destroy,enable,disable,refresh.split(,);
for(var i=0;imethods.length;i++) {
var cur = methods[i], f;
eval('f = function() { var a = arguments; return
this.each(function() { if(jQuery(this).is(.game-chess))
jQuery.data(this, game-chess)['+cur+'](a); }); }');
$.fn[chess+cur.substr(0,1).toUpperCase()+cur.substr(1)] = f;
};
//get instance method
$.fn.chessInstance = function() {
if($(this[0]).is(.game-chess)) return $.data(this[0], game-
chess);
return false;
};
$.chess = function(el,o) {
this.element = el;
this.set = [];
var options = {};
var layout = [];
layout[standard] = {
gridSize: 8,
description: A standard game of chess on an 8x8 board,
pieces: [rook, knight, bishop, queen,
king,pawn],
startgrid: rnbqkbnr//8/8/8/8//RNBQKBNR
}
layout[grand] = {
gridSize:10,
description: A game of Grand chess on an special 10x10
board,
pieces: [rook, knight, bishop, queen,
king,pawn,cardinal,marshall],
startgrid:
r8r/1nbqkmcbn1/pp/10/10/10/10/PP/
1NBQKMCBN1/R8R
}
layout[omega] = {
gridSize: 10,
description: A game of Omega chess on an special 10x10
board,
pieces:[rook, knight, bishop, queen,
king,pawn,champion,wizard],
specials: [W,W,w,w],
startgrid:
crnbqkbnrc/pp/10/10/10/10/10/10/PP/
CRNBQKBNRC
}
var images = [];
var self = this;
$.data(this.element, game-chess, this);
$(el).addClass(game-chess);
$.extend(options, o);
$.extend(options, {
serverURL:null,
highlight:[],
imagePath:options.imagePath != undefined ?
options.imagePath:
standard,
imageSize:options.imageSize != undefined ?
options.imageSize: 24,
check: [],
moveID:1,
pawnDirection:1,
checkRoute:[],
incheck: [],
KingCoords: [],
previousPiece:,
whosmove:white,
letters:[],
revletters: ,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O.split(,),
items: options.items || ' table tr td.square',
gametype: options.gametype != undefined ?
options.gametype:
standard,
containment: options.containment ? (options.containment
== 'game-
chess' ? el : options.containment) : null,
zIndex: options.zIndex || 1000,
_start: function(h,p,c,t,e) {
self.start.apply(t, [self, e]); // Trigger the
onStart
callback
},
_beforeStop: function(h,p,c,t,e) {
self.stop.apply(t, [self, e]); // Trigger the
onStart callback
},
_drag: function(h,p,c,t,e) {
self.drag.apply(t, [self, e]); // Trigger the
onStart callback
},
startCondition: function() {
return !self.disabled;
}
});
//Get the items
var items = $(options.items, el);
for (i=0;ioptions.revletters.length;i++){
options.letters[options.revletters[i]]=i;
}
//Add current items to the set
items.each(function() {
self.set.push([this,null]);
});
this.options = options;
this.layout = layout;
this.images = images;
this.start();
}
$.extend($.chess.prototype, {
[jQuery] Re: jChess
html
head
script src=jquery.js/script
script src=jQuery.chess.js/script
script
$(document).ready(
function(){
$(#chessboard).chess();
}
);
/script
style
table.board{border:1px solid black}
table.board td{border:1px solid black;display:table-cell}
table.board td.legend{background-color:white;border:1px solid
white;text-align:center;}
table.board td.white{border:1px solid black;background-color:#f66}
table.board td.black{border:1px solid black;background-color:#666}
table.board td.black.highlight, table.board td.white.highlight
{border:1px solid black;background-color:lightblue}
table.board td.black.incheck, table.board td.white.incheck {border:
1px solid black;background-color:blue}
div.piece {display:none}
td.square {border:1px solid black;text-align:center;}
td.blackMove, td.whiteMove {vertical-align:top}
ul#gameoptions li {border:1px solid #006;background-
color:#00a;color:#fff;margin:5px;padding:5px}
ul#gameoptions li:hover {border:1px solid #006;background-
color:#00f;color:#fff}
/style
/head
body
div id='chessboard'/div
/body
/html
[jQuery] Re: Data containing ? at the start getting converted to jsonp.... by ajax() call
Is this the wrong forum for this question? Should I take it to the
dev list or put it in the bug tracker?
Thanks,
-ben
On Dec 4, 2:00 pm, Ben Bennett [EMAIL PROTECTED] wrote:
This is my first post so I really should thank everyone for a
fanatastic library.
However, I think I have found a bug...
Using jQuery 1.2.1, if I have:
$.ajax({
type: POST,
url: test.html,
dataType: json,
data: {query: queryString},
});
When queryString starts with a ? it will get converted to
jsonp1231234124...
This is clearly happening because of the code at line 2226 of the full
release version:
// Build temporary JSONP function
if ( s.dataType == json (s.data
s.data.match(jsre) || s.url.match(jsre)) ) {
jsonp = jsonp + jsc++;
// Replace the =? sequence both in the query
string and the data
if ( s.data )
s.data = s.data.replace(jsre, = +
jsonp);
s.url = s.url.replace(jsre, = + jsonp);
...
But I see no way to prevent that from happening.
Now... one might suggest that I should avoid a leading ? in my option
names. But I am taking them from input boxes and ? is a valid thing
for a user to type. Unfortunately there seems to be no good way to
escape the string to prevent this behavior (without teaching the
called code how to unescape it).
Also, the docs don't mention that the =? escaping happens to a json
dataType... I see it for jsonp.
Is this behavior intentional? If so, there should be a way to
suppress it or at a way for the calling code to escape the values to
cause a leading ? to be passed to the server.
-ben
[jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations
Thanks for the link Rey. This is a process I'm going through at the moment to encourage our studio to be looking forwards in using jQuery as the foundation of our future javascript enhanced builds. Although I keep coming up against the following: 1. Is jQuery going to be here for the long term? 2. Why not use prototype, what are the benefits of jQuery over it? I've tried to answer these the best I can to my team, but if anyone else fancies helping me convince them post up some more reasons on why jQuery is the right framework to use. I tried telling them it makes javascript fun again, but they look at me with a confused look on their faces :D Rey Bango wrote: jQuery UI team member Marc Grabanski has an excellent writeup on how to build acceptance for jQuery in Corporate America: http://marcgrabanski.com/article/92/Getting-jQuery-into-Big-Corporations The 2 biggest points he mentions are the cross-browser rendering and the list of notable companies/sites using jQuery. Excellent post Marc. Rey
[jQuery] Re: hiding page elements instantly on page load
This works great on my localhost. However, when I publish online I
experience a problem: on page load the whole ul is shown for a
second, including all nested ul submenu's, before it is hidden by
jQuery. I guess this is because all ul elements need to be loaded
into the DOM before the jQuery code is started?
Are you using the onload event or jQuery's document ready method? If
you're using onload then you need to wait until all assets like
images, flash movies have downloaded before the hide() function runs.
The jQuery method will hide the nested ul as soon as the dom is ready
to be manipulated
$(document).ready(function(){
$(ul ul).hide();
});
--dave
[jQuery] xml parsing bug or feature?
when in the root node of xml file i have only one node with text in it, when i parse this xml using jquery, i' am unable to get the included node... for example Data item name=testtext/item /Data when i try then $(item, Data, xml).size() i will receive 0. why that happens? that's quite illogical...
[jQuery] Re: xml parsing bug or feature?
Equand, I think you need to do: $(Data item, xml).size() On 12/6/07, Equand [EMAIL PROTECTED] wrote: when in the root node of xml file i have only one node with text in it, when i parse this xml using jquery, i' am unable to get the included node... for example Data item name=testtext/item /Data when i try then $(item, Data, xml).size() i will receive 0. why that happens? that's quite illogical... -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com http://www.benjaminsterling.com
[jQuery] Re: xml parsing bug or feature?
but what's the difference? do i need to write separate parsing functions for one and several items? or i can use $(Data item, xml) selector for both cases? On Dec 6, 5:31 pm, Benjamin Sterling [EMAIL PROTECTED] wrote: Equand, I think you need to do: $(Data item, xml).size() On 12/6/07, Equand [EMAIL PROTECTED] wrote: when in the root node of xml file i have only one node with text in it, when i parse this xml using jquery, i' am unable to get the included node... for example Data item name=testtext/item /Data when i try then $(item, Data, xml).size() i will receive 0. why that happens? that's quite illogical... -- Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjaminsterling.com
[jQuery] Re: Data containing ? at the start getting converted to jsonp.... by ajax() call
Ben, (its like talking to myself)
Put cache:true into your ajax call, the ? is to prevent caching.
On 12/6/07, Ben Bennett [EMAIL PROTECTED] wrote:
Is this the wrong forum for this question? Should I take it to the
dev list or put it in the bug tracker?
Thanks,
-ben
On Dec 4, 2:00 pm, Ben Bennett [EMAIL PROTECTED] wrote:
This is my first post so I really should thank everyone for a
fanatastic library.
However, I think I have found a bug...
Using jQuery 1.2.1, if I have:
$.ajax({
type: POST,
url: test.html,
dataType: json,
data: {query: queryString},
});
When queryString starts with a ? it will get converted to
jsonp1231234124...
This is clearly happening because of the code at line 2226 of the full
release version:
// Build temporary JSONP function
if ( s.dataType == json (s.data
s.data.match(jsre) || s.url.match(jsre)) ) {
jsonp = jsonp + jsc++;
// Replace the =? sequence both in the query
string and the data
if ( s.data )
s.data = s.data.replace(jsre, = +
jsonp);
s.url = s.url.replace(jsre, = + jsonp);
...
But I see no way to prevent that from happening.
Now... one might suggest that I should avoid a leading ? in my option
names. But I am taking them from input boxes and ? is a valid thing
for a user to type. Unfortunately there seems to be no good way to
escape the string to prevent this behavior (without teaching the
called code how to unescape it).
Also, the docs don't mention that the =? escaping happens to a json
dataType... I see it for jsonp.
Is this behavior intentional? If so, there should be a way to
suppress it or at a way for the calling code to escape the values to
cause a leading ? to be passed to the server.
-ben
--
Benjamin Sterling
http://www.KenzoMedia.com
http://www.KenzoHosting.com
http://www.benjaminsterling.com
[jQuery] Image Opacity 60 Percent on Hovering Images inside a link tag
I'd like to do this with minimal code and so a plugin that has a whole lot of other features would not be ideal. Could someone get me started with some jQuery code that would do this? Here's the html: a href=link.html class=linkFadeImageOnHoverimg class=imageFadeOnHover srcfilename.jpg/a
[jQuery] Re: Simple loop through JSon object.
Not sure why you think that's verbose, but you could always use
getJSON to tighten it up (assuming you're doing a 'get' and returning
an array as you're JSON data):
$.getJSON(myURL, function(data) {
for (var i=0; i data.length; i++)
alert(data[i]);
});
On Dec 6, 2007 11:03 AM, Tom Holder [EMAIL PROTECTED] wrote:
I had to go with:
var uploadedFiles = eval(( + server_data + ));
for (var i = 0; i uploadedFiles.length; i++)
{
alert(uploadedFiles[i]);
}
Where server_data is my json structured content.
This seems a bit verbose, but does the job.
On Dec 6, 2:56 pm, Tom Holder [EMAIL PROTECTED] wrote:
Thanks Mike,
That actually doesn't seem to work. It splits it in to every
character.
I will keep playing though.
On Dec 6, 1:32 pm, Mike Alsup [EMAIL PROTECTED] wrote:
Tom,
The most efficient way to iterate an array like this is just a simple
for loop.
// where arr = [data1,data2,data3]
for (var i=0; i arr.length; i++) {
var o = arr[i];
// do something with o
}
What's the quickest way to iterate over a very siple JSon object?
My object looks like:
[data1,data2,data3]
[jQuery] Re: Image Opacity 60 Percent on Hovering Images inside a link tag
$(.imageFadeOnHover).hover(
function()
{
$(this).css(opacity, 0.6);
},
function()
{
$(this).css(opacity, 1.0);
}
);
and don't forget to realise IE 5.5 equivalent DX filter.
or to fade try
$(.imageFadeOnHover).hover(
function()
{
$(this).fadeTo(fast,0.6);
},
function()
{
$(this).fadeTo(fast,1.0);
}
);
On Dec 6, 5:52 pm, cfdvlpr [EMAIL PROTECTED] wrote:
I'd like to do this with minimal code and so a plugin that has a whole
lot of other features would not be ideal. Could someone get me
started with some jQuery code that would do this?
Here's the html:
a href=link.html class=linkFadeImageOnHoverimg
class=imageFadeOnHover srcfilename.jpg/a
[jQuery] Re: Toggle on TR.onclick but not on content link
Hi Freud,
You might want to try adding an event argument to the click handler:
$(document).ready(function() {
$(tr.clickme).click( function(event)
{
if ( !$(event.target).is('a') ) {
var ids = $(this).attr('id').split('_');
var id = (ids[(ids.length-1)]);
$(#showme_+id+ div).each(function(){ $(this).toggle(); });
$(#showme_+id).toggle();
}
} );
});
This first makes sure that event.target is not a link before it does
the toggle.
Hope that helps.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Dec 6, 2007, at 10:09 AM, Freud wrote:
Hi,
I'm facing a stupid stuff.
I have a table. When I click on a TR, it displays another TR
containing
datas :
table
tr id=clickme_1 class=clickme
td
Data - Data -
http://www.site.com Link
- Data
/td
/tr
tr id=showme_1 class=showme
td
div id=showmore_1 class=showmore
Extra Data -
divAnother Div/div
- http://www.site.com Extra Data
- Extra Data
/div
/td
/tr
/table
It works perfectly with a toggle :
$(document).ready(function() {
$(tr.clickme).click( function()
{
var ids = $(this).attr('id').split('_');
var id = (ids[(ids.length-1)]);
$(#showme_+id+ div).each(function(){ $(this).toggle(); });
$(#showme_+id).toggle();
} );
});
But, when I click on a link (ID:link_1) inside the TR
(ID:clickme_1), it
triggers the toggle effect.
I whish I could :
- click anywhere on the TR and trigger the toggle
- not trigger the toggle if i clicked on a link (juste open the new
window)
The problem is that the first triggered effect is the TR click and I
can't
find the way to prevent the effect when the link is clicked.
Can anyone help me ?
Freud
--
View this message in context:
http://www.nabble.com/Toggle-on-TR.onclick-but-not-on-content-link-tf4956507s27240.html#a14193890
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
[jQuery] Re: hover and className
Well it sounds like you are in a better place than last week. :) Let us know if there is anything else we can help with. Best, Glen On Dec 5, 2007 7:47 PM, DaveG [EMAIL PROTECTED] wrote: Glen Lipka wrote: Let's start at the beginning. Let's assume (work with me here) that autogeneration of sprites and css is the path to ruin. Actually, I don't agree with this statement. Auto-generation get you the sprite and positioning css, which is nice, and is useful. One of the primary benefits though is automation -- a consistent, theoretically error free management of the process. It's the same reason people prefer to automate build processes. Take the chance of tedium induced errors out of the equation. Let's assume 100 images should be manageable in a very easy way. (When you add new images it should take under 3 minutes to update things) Okay. Here a beginning... http://www.commadot.com/jquery/hoverSprite.php Structure is everything. When you set up a good architecture, maintenance is easy. So, basically we have a large grid structure with a single image in each cell. Since the grid is statically sized, we have a fixed offset to apply for the hover effect. So far in the demo I have. 1. Images are variable size, currently width is variable, if height is variable that is fine, but I would like to see the range of possible heights/widths. 2. Some are hoverable and some not. I use the canHover class and the button class in tandem to achieve the right selection. This approach clearly makes the markup cleaner, and makes the hover js simpler as well. I haven't run any performance metrics, but I'd suspect this approach is quicker, but the difference is probably not user noticeable, even on 100's of images. So we now have a cleaner coded solution, but have lost the benefit of automation, and with it incurred a larger testing effort, every time an image is added/removed. In our case I'm not sure this is an appropriate trade-off, given the relatively small amount of code simplification we gained. Look at the source and go slow. I am sure this doesn't scale for some reason. Show me the images to add and I will show you how it scales. I think it does scale, although at some point there's going to be an overhead due to the 'whitespace' around the smaller images. PNG seems to do pretty well at compressing this though, so a few k at the most. PS. This technique works for a sprite I manage. Rows: 80, Cols: 8. Its gigantic and super easy to manage. Thanks for sharing your approach -- it certainly helped me think some things through, and it's always good to bounce the idea around for a sanity check. Oh, and I did realize a fundamental assumption I made way early on. For some reason I decided that the initially combined over/out sprites needed to be separated in order to use the large sprite idea. Not true. In fact keeping the over/out sprite combined as a single image, and merging that image into the larger sprite would have opened another option, of simply off-setting the initial image by the image width (or height depending on how the over/out sprite was stacked). ~ ~ David
[jQuery] Re: cluetip plugin prevents click event
Hi guys,
The default is to return false on a link click if the href and the
tipAttribute (which is rel by default) are equal.
Your request seems like a reasonable one, though, so I've added (yet
another) option called clickThrough. If you set it to true, clicking
on the link should open the linked page (provided you don't have
activation set to click).
I haven't bundled it up yet, because I'm still ironing out the details
on another new feature (mouse tracking), but it's in svn, if you want
to give it a whirl:
http://jqueryjs.googlecode.com/svn/trunk/plugins/cluetip/jquery.cluetip.js
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Dec 6, 2007, at 10:15 AM, DaveG wrote:
driven wrote:
I am using cluetip to put tooltips on the links in a search results
page. I have the 'activation' setting as 'hover' but unfortunately
cluetip cancels the normal click event and I can't actually follow
the
links. I don't see any examples or settings that will let me actually
click on the links. Is this possible?
I'm not 100% sure, but I seem to recal that this might be what
you're looking for:
onActivate: function(e) {return true;}
That should be the default though, so not sure if you've overridden
it.
~ ~ David
[jQuery] Show/Hide Div with checkbox options providing same results
I'm completely versed in the show/hide options available, but have a
problem I haven't been able to figure out. I'm hoping jquery will have
the answer. I have 5 checkbox input options, the first two options
providing the same show div. For example,
html
head
script type=text/javascript
!--
function showMe (it, box) {
var vis = (box.checked) ? block : none;
document.getElementById(it).style.display = vis;
}
//--
/script
/head
body
form
input type=checkbox name=modtype value=value1
onclick=showMe('div1', this) /value1
input type=checkbox name=modtype value=value2
onclick=showMe('div1', this) /value2
input type=checkbox name=modtype value=value3
onclick=showMe('div2', this) /value3
input type=checkbox name=modtype value=value4
onclick=showMe('div3', this) /value4
input type=checkbox name=modtype value=value5
onclick=showMe('div4', this) /value5
div class=row id=div1 style=display:noneShow Div 1/div
div class=row id=div2 style=display:noneShow Div 2/div
div class=row id=div3 style=display:noneShow Div 3/div
div class=row id=div4 style=display:noneShow Div 4/div
/form
/body
/html
As you can see, the first two options should show the same div.
Selecting one or both isn't a problem, the div appears as should, but
when deselecting one of the checkboxes, the div disappears even though
one of the checkboxes is still selected.
Does anyone have an idea as to how I can get the div to remain
selected when one of the two checkboxes is deselected? Or, if either
of the checkboxes are selected, to provide just one result?
Thanks!
[jQuery] Re: Sortable + Draggable/Sortable
danielpunt wrote: Hi all, I have two unordered lists and both its listitems are draggable and droppable on the other list. Until this point everything is working exactly as it should. But, one of the lists should be sortable, and thats where it goes wrong. The list isn't sortable and i get a lot of different errors. Can anybody help me? Example at: http://dev.danielpunt.nl/IA/lib/jQueryTest/ I tried doing something similar to this but using only sortables: http://test.adaptavist.com I ran in to this problem: http://dev.jquery.com/ticket/2004 (and a few others that you'll quickly spot)
[jQuery] Re: hover and className
Glen Lipka wrote: Well it sounds like you are in a better place than last week. :) Absolutely -- thanks for your help.
[jQuery] Re: horizontal accordion menu
The menu needs a specific width set for the contentwidth portion of the slider. Do you know how I could make my content widths variable? or to just display the content inside the container? Does this make sense? Here is a link to the code: http://architexture.ca/_burnkit/index.html You will see that when you click About Us the same content width is applied to Partners and it shows the background next to Contact. I also need to add a wider section to Approach, so you can see my need for a variable widths. sherman wrote: Hello, I'm in desperate need for help with a horizontal accordion menu that functions similar to the vertical More Showing, More Hiding (option 1) tutorial on the learningjquery.com site. The simpler the better so I can apply the css around it. Any help or direction would be greatly appreciated as I am very new to jQuery. Thanks, Jamie -- View this message in context: http://www.nabble.com/horizontal-accordion-menu-tf4954129s27240.html#a14197944 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Data containing ? at the start getting converted to jsonp.... by ajax() call
Sadly. That doesn't do it either.
I am deliberately trying to send a ? (since the bug occurred when a
user typed it into an input box that I use as the basis of an AJAX
request). The bug occurs because jQuery is treating =? as a special
string, but it can happen for mundane reasons, and there is no way to
disable the behavior.
-ben
On Dec 6, 11:30 am, Benjamin Sterling
[EMAIL PROTECTED] wrote:
Ben, (its like talking to myself)
Put cache:true into your ajax call, the ? is to prevent caching.
On 12/6/07, Ben Bennett [EMAIL PROTECTED] wrote:
Is this the wrong forum for this question? Should I take it to the
dev list or put it in the bug tracker?
Thanks,
-ben
On Dec 4, 2:00 pm, Ben Bennett [EMAIL PROTECTED] wrote:
This is my first post so I really should thank everyone for a
fanatastic library.
However, I think I have found a bug...
Using jQuery 1.2.1, if I have:
$.ajax({
type: POST,
url: test.html,
dataType: json,
data: {query: queryString},
});
When queryString starts with a ? it will get converted to
jsonp1231234124...
This is clearly happening because of the code at line 2226 of the full
release version:
// Build temporary JSONP function
if ( s.dataType == json (s.data
s.data.match(jsre) || s.url.match(jsre)) ) {
jsonp = jsonp + jsc++;
// Replace the =? sequence both in the query
string and the data
if ( s.data )
s.data = s.data.replace(jsre, = +
jsonp);
s.url = s.url.replace(jsre, = + jsonp);
...
But I see no way to prevent that from happening.
Now... one might suggest that I should avoid a leading ? in my option
names. But I am taking them from input boxes and ? is a valid thing
for a user to type. Unfortunately there seems to be no good way to
escape the string to prevent this behavior (without teaching the
called code how to unescape it).
Also, the docs don't mention that the =? escaping happens to a json
dataType... I see it for jsonp.
Is this behavior intentional? If so, there should be a way to
suppress it or at a way for the calling code to escape the values to
cause a leading ? to be passed to the server.
-ben
--
Benjamin
Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjaminsterling.com
[jQuery] Re: xml parsing bug or feature?
jQuery only takes two parameters on $(). (the second one is optional) $(expression, context) http://docs.jquery.com/Core/jQuery#expressioncontext so your first attempt had 3 parameters. The last one was ignored. The second one became the context so jQuery was looking for a tag item in the string Data which of course it couldn't find. Maybe what you wanted was $(item,Data, xml) which will return a last of item and Data in one jQuery object. It's a matter of placing the quotes in the right place. One last comment, jQuery can look through XML but can't parse it so: $(dataitemtext/item/data) won't work in IE and is buggy in FF. The xml created by an ajax request should work fine though. David On Dec 6, 8:37 am, Equand [EMAIL PROTECTED] wrote: but what's the difference? do i need to write separate parsing functions for one and several items? or i can use $(Data item, xml) selector for both cases? On Dec 6, 5:31 pm, Benjamin Sterling [EMAIL PROTECTED] wrote: Equand, I think you need to do: $(Data item, xml).size() On 12/6/07, Equand [EMAIL PROTECTED] wrote: when in the root node of xml file i have only one node with text in it, when i parse this xml using jquery, i' am unable to get the included node... for example Data item name=testtext/item /Data when i try then $(item, Data, xml).size() i will receive 0. why that happens? that's quite illogical... -- Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjam...- Hide quoted text - - Show quoted text -
[jQuery] Re: horizontal accordion menu
Possibly a styled version of the horizontal accordion plugin? http://dev.portalzine.de/index?/Horizontal_Accordion--print Glen On Dec 6, 2007 10:16 AM, sherman [EMAIL PROTECTED] wrote: The menu needs a specific width set for the contentwidth portion of the slider. Do you know how I could make my content widths variable? or to just display the content inside the container? Does this make sense? Here is a link to the code: http://architexture.ca/_burnkit/index.html You will see that when you click About Us the same content width is applied to Partners and it shows the background next to Contact. I also need to add a wider section to Approach, so you can see my need for a variable widths. sherman wrote: Hello, I'm in desperate need for help with a horizontal accordion menu that functions similar to the vertical More Showing, More Hiding (option 1) tutorial on the learningjquery.com site. The simpler the better so I can apply the css around it. Any help or direction would be greatly appreciated as I am very new to jQuery. Thanks, Jamie -- View this message in context: http://www.nabble.com/horizontal-accordion-menu-tf4954129s27240.html#a14197944 Sent from the jQuery General Discussion mailing list archive at Nabble.com .
[jQuery] Re: Show/Hide Div with checkbox options providing same results
I whipped a demo. Does this do what you want?
http://www.commadot.com/jquery/checkBoxShow.php
Couple of tips:
1. Try to avoid putting onclick handlers in your html. jQuery does
this really easily and makes your html easier to read.
2. getElementByID can be expressed as $(#yourID).dosomething...
Much more concise and jQuery-ish. :)
3. The toggle function will automatically show if hidden and hide if
shown without the IF shatement.
Hope these help. When I first started jQuery, I had to forget everything I
knew about JS (which wasn't much). It just did it all without the muss.
Glen
On Dec 6, 2007 8:30 AM, Ryan [EMAIL PROTECTED] wrote:
I'm completely versed in the show/hide options available, but have a
problem I haven't been able to figure out. I'm hoping jquery will have
the answer. I have 5 checkbox input options, the first two options
providing the same show div. For example,
html
head
script type=text/javascript
!--
function showMe (it, box) {
var vis = (box.checked) ? block : none;
document.getElementById(it).style.display = vis;
}
//--
/script
/head
body
form
input type=checkbox name=modtype value=value1
onclick=showMe('div1', this) /value1
input type=checkbox name=modtype value=value2
onclick=showMe('div1', this) /value2
input type=checkbox name=modtype value=value3
onclick=showMe('div2', this) /value3
input type=checkbox name=modtype value=value4
onclick=showMe('div3', this) /value4
input type=checkbox name=modtype value=value5
onclick=showMe('div4', this) /value5
div class=row id=div1 style=display:noneShow Div 1/div
div class=row id=div2 style=display:noneShow Div 2/div
div class=row id=div3 style=display:noneShow Div 3/div
div class=row id=div4 style=display:noneShow Div 4/div
/form
/body
/html
As you can see, the first two options should show the same div.
Selecting one or both isn't a problem, the div appears as should, but
when deselecting one of the checkboxes, the div disappears even though
one of the checkboxes is still selected.
Does anyone have an idea as to how I can get the div to remain
selected when one of the two checkboxes is deselected? Or, if either
of the checkboxes are selected, to provide just one result?
Thanks!
[jQuery] Re: Strange unwanted delay problem
I am having trouble reproducing the error. I see a different weird
behavior.
Hover on the links or not doesnt seem to change this.
If I mouse over the column and mouseout before it finishes animating, then
it never closes.
Could you elaborate a little on the problem you are seeing?
I am in FF
Glen
On Dec 6, 2007 5:03 AM, Trond Ulseth [EMAIL PROTECTED] wrote:
Hello all,
I have several div's which are animated on mouseover:
$('.pan').mouseover(function() {
$(this).animate( { marginLeft:-182px }, 1000);
});
I then have another div laying behind the animated ones that on a
mouseover reverts the animation:
$('##pancontainer').mouseover(function() {
$('#pan1').animate( { marginLeft:0px }, 200);
$('#pan2').animate( { marginLeft:0px }, 200);
$('#pan3').animate( { marginLeft:0px }, 200);
$('#pan4').animate( { marginLeft:0px }, 200);
$('#pan5').animate( { marginLeft:0px }, 200);
$('#pan6').animate( { marginLeft:0px }, 200);
});
So far so good - it works like a charm.
Then inside the animated divs I put several links. Now if I hover over
one or more of the links inside the div before taking the mouse of -
the function which reverts the animation is several seconds delayed.
If i just mouseover the div without hovering the link it works like it
should.
This is driving me mad, as I can't understand why it behaves like
this. I don't have any other jquery or js scripts other than the ones
above.
You can have a look yourselves at http://intern.idl.no:65241
If anyone could help me solve this I'd appreciate it very much.
[jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations
1. Is jQuery going to be here for the long term? Yes, with a large and active community jQuery is in it for the long run. Help is always easy to find. 2. Why not use prototype, what are the benefits of jQuery over it? jQuery simplifies and reduces code size, and offers a plugin system that rapidly increases development time. ~Sean
[jQuery] Re: xml parsing bug or feature?
yeah i'm using ajax ) thank you very much, now i see i was using pretty unstable selector, thank you ;) On Dec 6, 7:17 pm, David Serduke [EMAIL PROTECTED] wrote: jQuery only takes two parameters on $(). (the second one is optional) $(expression, context) http://docs.jquery.com/Core/jQuery#expressioncontext so your first attempt had 3 parameters. The last one was ignored. The second one became the context so jQuery was looking for a tag item in the string Data which of course it couldn't find. Maybe what you wanted was $(item,Data, xml) which will return a last of item and Data in one jQuery object. It's a matter of placing the quotes in the right place. One last comment, jQuery can look through XML but can't parse it so: $(dataitemtext/item/data) won't work in IE and is buggy in FF. The xml created by an ajax request should work fine though. David On Dec 6, 8:37 am, Equand [EMAIL PROTECTED] wrote: but what's the difference? do i need to write separate parsing functions for one and several items? or i can use $(Data item, xml) selector for both cases? On Dec 6, 5:31 pm, Benjamin Sterling [EMAIL PROTECTED] wrote: Equand, I think you need to do: $(Data item, xml).size() On 12/6/07, Equand [EMAIL PROTECTED] wrote: when in the root node of xml file i have only one node with text in it, when i parse this xml using jquery, i' am unable to get the included node... for example Data item name=testtext/item /Data when i try then $(item, Data, xml).size() i will receive 0. why that happens? that's quite illogical... -- Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjam...Hide quoted text - - Show quoted text -
[jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations
Wow, the digg this story thing worked. :) http://digg.com/programming/Getting_jQuery_into_Big_Corporations Glen On Dec 6, 2007 10:12 AM, Sean Catchpole [EMAIL PROTECTED] wrote: 1. Is jQuery going to be here for the long term? Yes, with a large and active community jQuery is in it for the long run. Help is always easy to find. 2. Why not use prototype, what are the benefits of jQuery over it? jQuery simplifies and reduces code size, and offers a plugin system that rapidly increases development time. ~Sean
[jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations
Dugg _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Glen Lipka Sent: Thursday, December 06, 2007 12:53 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations Wow, the digg this story thing worked. :) http://digg.com/programming/Getting_jQuery_into_Big_Corporations Glen On Dec 6, 2007 10:12 AM, Sean Catchpole [EMAIL PROTECTED] wrote: 1. Is jQuery going to be here for the long term? Yes, with a large and active community jQuery is in it for the long run. Help is always easy to find. 2. Why not use prototype, what are the benefits of jQuery over it? jQuery simplifies and reduces code size, and offers a plugin system that rapidly increases development time. ~Sean
[jQuery] Re: xml parsing bug or feature?
Thanks for explaining that Dave. On 12/6/07, Equand [EMAIL PROTECTED] wrote: yeah i'm using ajax ) thank you very much, now i see i was using pretty unstable selector, thank you ;) On Dec 6, 7:17 pm, David Serduke [EMAIL PROTECTED] wrote: jQuery only takes two parameters on $(). (the second one is optional) $(expression, context) http://docs.jquery.com/Core/jQuery#expressioncontext so your first attempt had 3 parameters. The last one was ignored. The second one became the context so jQuery was looking for a tag item in the string Data which of course it couldn't find. Maybe what you wanted was $(item,Data, xml) which will return a last of item and Data in one jQuery object. It's a matter of placing the quotes in the right place. One last comment, jQuery can look through XML but can't parse it so: $(dataitemtext/item/data) won't work in IE and is buggy in FF. The xml created by an ajax request should work fine though. David On Dec 6, 8:37 am, Equand [EMAIL PROTECTED] wrote: but what's the difference? do i need to write separate parsing functions for one and several items? or i can use $(Data item, xml) selector for both cases? On Dec 6, 5:31 pm, Benjamin Sterling [EMAIL PROTECTED] wrote: Equand, I think you need to do: $(Data item, xml).size() On 12/6/07, Equand [EMAIL PROTECTED] wrote: when in the root node of xml file i have only one node with text in it, when i parse this xml using jquery, i' am unable to get the included node... for example Data item name=testtext/item /Data when i try then $(item, Data, xml).size() i will receive 0. why that happens? that's quite illogical... -- Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjam...Hide quoted text - - Show quoted text - -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com http://www.benjaminsterling.com
[jQuery] Re: cluetip plugin prevents click event
Karl,
Thank you for making the modification. I'm trying to do the same thing
as driven. Your modification works great in my situation.
Spencer
On Dec 6, 9:30 am, Karl Swedberg [EMAIL PROTECTED] wrote:
Hi guys,
The default is to return false on a link click if the href and the
tipAttribute (which is rel by default) are equal.
Your request seems like a reasonable one, though, so I've added (yet
another) option called clickThrough. If you set it to true, clicking
on the link should open the linked page (provided you don't have
activation set to click).
I haven't bundled it up yet, because I'm still ironing out the details
on another new feature (mouse tracking), but it's in svn, if you want
to give it a whirl:
http://jqueryjs.googlecode.com/svn/trunk/plugins/cluetip/jquery.cluet...
--Karl
_
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Dec 6, 2007, at 10:15 AM, DaveG wrote:
driven wrote:
I am using cluetip to put tooltips on the links in a search results
page. I have the 'activation' setting as 'hover' but unfortunately
cluetip cancels the normal click event and I can't actually follow
the
links. I don't see any examples or settings that will let me actually
click on the links. Is this possible?
I'm not 100% sure, but I seem to recal that this might be what
you're looking for:
onActivate: function(e) {return true;}
That should be the default though, so not sure if you've overridden
it.
~ ~ David- Hide quoted text -
- Show quoted text -
[jQuery] Making a jQuery plugin
I can't seem to remember since it has been ahile since I want to do this, how
do i make a jQuery plug that i can access like
var paginator = $.paginator({/*data*/});
paginator.next_page();
//etc...
currently my code is like this:
(function($)
{
initialize= function(options)
{
$.extend(this.options, options);
};
options =
{
'url': null,
'replace_id': null,
'load_file': null,
'total_items': 0,
'items_per_page': 10,
'total_pages': 0,
'current_page': 0,
'new_page': 0;
};
}(jQuery);
I also need to make sure that the initialize function is called when i
create the object. Thanks.
--
View this message in context:
http://www.nabble.com/Making-a-jQuery-plugin-tf4958186s27240.html#a14199613
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: autocomplete bug when focus called
Shelane Enos schrieb: Sorry it took a while. I had a very busy day. This example shows the focus bug: http://education.llnl.gov/jquery/adv_auto2.lasso This example shows the other bug: http://education.llnl.gov/jquery/adv_auto3.lasso This bug is the bug where the first set of results will override the second. I watch in firebug after I typed in mod a get was called for mo (my minimum number of letters) and then a get request was called for mod. The results from mod came back quicker (because the results set was smaller or the query was faster). Then the first mo were returned and replaced the second. Just type mod and let it sit there. Thanks for looking. Okay, thanks for the description. I think this is easy to fix: Just include jquery.ajaxQueue.js on your site. It enhances jQuery's $.ajax method and the autocomplete uses its abort-mode when available. That way an active previous autocomplete request is canceled when a new one starts. That should fix your problem. Thanks for bringing it up, I'll add something to the docs about it. http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.ajaxQueue.js Jörn
[jQuery] Re: Show/Hide Div with checkbox options providing same results
Actually, what I need it to do is show one instance of Div 4, not
two. I'm using the div for a text field, so I only need to show one
version of it. The checkboxes showing the div are independent of each
other in value, but have the same corresponding text field which
should be filled out if either or both of these checkboxes are
selected. Does that make sense?
On Dec 6, 12:36 pm, Glen Lipka [EMAIL PROTECTED] wrote:
I whipped a demo. Does this do what you
want?http://www.commadot.com/jquery/checkBoxShow.php
Couple of tips:
1. Try to avoid putting onclick handlers in your html. jQuery does
this really easily and makes your html easier to read.
2. getElementByID can be expressed as $(#yourID).dosomething...
Much more concise and jQuery-ish. :)
3. The toggle function will automatically show if hidden and hide if
shown without the IF shatement.
Hope these help. When I first started jQuery, I had to forget everything I
knew about JS (which wasn't much). It just did it all without the muss.
Glen
On Dec 6, 2007 8:30 AM, Ryan [EMAIL PROTECTED] wrote:
I'm completely versed in the show/hide options available, but have a
problem I haven't been able to figure out. I'm hoping jquery will have
the answer. I have 5 checkbox input options, the first two options
providing the same show div. For example,
html
head
script type=text/javascript
!--
function showMe (it, box) {
var vis = (box.checked) ? block : none;
document.getElementById(it).style.display = vis;
}
//--
/script
/head
body
form
input type=checkbox name=modtype value=value1
onclick=showMe('div1', this) /value1
input type=checkbox name=modtype value=value2
onclick=showMe('div1', this) /value2
input type=checkbox name=modtype value=value3
onclick=showMe('div2', this) /value3
input type=checkbox name=modtype value=value4
onclick=showMe('div3', this) /value4
input type=checkbox name=modtype value=value5
onclick=showMe('div4', this) /value5
div class=row id=div1 style=display:noneShow Div 1/div
div class=row id=div2 style=display:noneShow Div 2/div
div class=row id=div3 style=display:noneShow Div 3/div
div class=row id=div4 style=display:noneShow Div 4/div
/form
/body
/html
As you can see, the first two options should show the same div.
Selecting one or both isn't a problem, the div appears as should, but
when deselecting one of the checkboxes, the div disappears even though
one of the checkboxes is still selected.
Does anyone have an idea as to how I can get the div to remain
selected when one of the two checkboxes is deselected? Or, if either
of the checkboxes are selected, to provide just one result?
Thanks!
[jQuery] Remy's been hiding something
So stud jQuery coder Remy Sharp has been hiding something. Something that he let out of the bad today. Its a new site that will help designers become proficient in jQuery. http://jqueryfordesigners.com/ Very stealthy Remy! Rey...
[jQuery] Re: horizontal accordion menu
Thanks for the response. That plugin has equal width for all content areas. I need my content areas to only be as wide as the content inside that specific area. See my example to know what im talking about: http://architexture.ca/_burnkit/index.html You will notice Approach is the widest, so the other section follow. You will see why I need my content areas to be vary. Glen Lipka wrote: Possibly a styled version of the horizontal accordion plugin? http://dev.portalzine.de/index?/Horizontal_Accordion--print Glen On Dec 6, 2007 10:16 AM, sherman [EMAIL PROTECTED] wrote: The menu needs a specific width set for the contentwidth portion of the slider. Do you know how I could make my content widths variable? or to just display the content inside the container? Does this make sense? Here is a link to the code: http://architexture.ca/_burnkit/index.html You will see that when you click About Us the same content width is applied to Partners and it shows the background next to Contact. I also need to add a wider section to Approach, so you can see my need for a variable widths. sherman wrote: Hello, I'm in desperate need for help with a horizontal accordion menu that functions similar to the vertical More Showing, More Hiding (option 1) tutorial on the learningjquery.com site. The simpler the better so I can apply the css around it. Any help or direction would be greatly appreciated as I am very new to jQuery. Thanks, Jamie -- View this message in context: http://www.nabble.com/horizontal-accordion-menu-tf4954129s27240.html#a14197944 Sent from the jQuery General Discussion mailing list archive at Nabble.com . -- View this message in context: http://www.nabble.com/horizontal-accordion-menu-tf4954129s27240.html#a14198714 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Can figure out the diference between input button and button
Hi list
Long time lurker, first time poster, so here it goes:
I have a simple form that call a $.get, if I have a input
type=button my code works but if I have a button/button it
doesn't ... can anyone tell me what I'm doing wrong? here's the code:
script type=text/javascript src=../../assets/jquery.js/script
script type=text/javascript
$(document).ready(function(){
$(#btSubmit).click(function () {
var id = $(#user_id).val();
var number2 = $('#number2').attr('value');
$.get(a_edit.php, { userid: id, number2: number2 },
function(data){
alert(Data Loaded: + data);
$(#edit_response).append(data);
});
});
});
/script
and the html that works
form
input type=hidden name=user_id id=user_id value=10 /
input type=button id=btSubmit value== /
/form
div id=edit_response/div
and the html that don't work:
form
input type=hidden name=user_id id=user_id value=10 /
button type=submit id=btSubmitimg
src=../../images/btAdicionar.gif width=94 height=16 alt=subit
form //button
/form
div id=edit_response/div
TIA
Marcelo Wolfgang
[jQuery] Re: Datepicker and autocomplete not playing nice together?
Shawn, What is the order in which you're importing the js files? Dan On Dec 3, 7:12 pm, Shawn [EMAIL PROTECTED] wrote: Sorry, maybe this was misleading. I have a form that looks something like so: Employee: Start Date: ___ # The employee field would be the autocomplete field, and the start date would have the date picker. With the dimensions plugin, the calendar will slide down properly below the date field, but then snap above it. Not a very large problem - unless the date field is near the top of the page causing the calendar DIV to have a negative value for it's TOP position. (making it partly hidden and not accessible). Turning off the dimensions plugin (removing the script include) makes the date-picker work properly but now I'm getting the list.scrollTop error when doing the autocomplete on the employee field. I'm digging through my CSS files to make sure I haven't done something bone-headed, but so far it seems proper... Thanks for the input. Shawn Dan M wrote: Shawn, Are you able to turn off the auto complete for your date picker fields? I couldn't see it being very useful there anyway... Dan On Dec 3, 12:22 am, Shawn [EMAIL PROTECTED] wrote: I have a couple of forms that require both an autocomplete field, and a date picker field. I'm using the ui.datepicker and Jorn's autocomplete. The problem is that Jorn's autocomplete requires the dimensions plugin. When the dimensions plug in is in place, the datepicker is getting given the wrong values for the top position of the calendar. If I take the dimension plugin out, the calendar behaves properly, but the autocomplete throws an error. ( list.scrollTop is not a function ). With dimensions, the calendar slides down as usual, but once sliding is complete the calendar snaps above the text box - with parts of the calendar off the visible area of the page (i.e. hiding behind the toolbars). Any simple way to resolve this? Shawn
[jQuery] Cluetip bug in IE7 - browsers title displays
I'm trying to use the Cluetip plugin to display data on mouseover of
the tr tag. The data displayed is stored in the title attribute. It
works great in FireFox, but in IE7 the browsers default title displays
along with the Cluetip. Am I missing an option that would allow
Cluetip to override the browsers default title display?
$('tr.toolTipTitle').cluetip({
cluetipClass: 'jtip',
clickThrough: true, /* Set to true for allowing click to go through
*/
width: 360,
arrows: true,
dropShadow: true,
hoverIntent: true,
sticky: false,
mouseOutClose: true,
splitTitle: '|',
waitImage: true,
tracking: false,
fx: {
open: 'fadeIn',
openSpeed: ''
},
hoverIntent: {
sensitivity: 3,
interval: 100,
timeout: 30
}
});
tr class=toolTipTitle title=This is the title|Content that goes
below the title
Thanks.
[jQuery] Re: Error in Ajax Queue plugin
[EMAIL PROTECTED] schrieb: Well I tried it, and it seems to work, however it triggers the 'error' handler too: If you'd be actually using the version I pointed to, there would be an error saying $.ajaxQueue is not a function. Please check that you are actually using the right version. And to get a bit more feedback about the error you could log the arguments to the error callback. Jörn
[jQuery] Re: jChess
aldur,
Let's see a demo, dude! :o)
-Chris
On Dec 6, 2007 9:05 AM, aldur [EMAIL PROTECTED] wrote:
html
head
script src=jquery.js/script
script src=jQuery.chess.js/script
script
$(document).ready(
function(){
$(#chessboard).chess();
}
);
/script
style
table.board{border:1px solid black}
table.board td{border:1px solid black;display:table-cell}
table.board td.legend{background-color:white;border:1px solid
white;text-align:center;}
table.board td.white{border:1px solid black;background-color:#f66}
table.board td.black{border:1px solid black;background-color:#666}
table.board td.black.highlight, table.board td.white.highlight
{border:1px solid black;background-color:lightblue}
table.board td.black.incheck, table.board td.white.incheck {border:
1px solid black;background-color:blue}
div.piece {display:none}
td.square {border:1px solid black;text-align:center;}
td.blackMove, td.whiteMove {vertical-align:top}
ul#gameoptions li {border:1px solid #006;background-
color:#00a;color:#fff;margin:5px;padding:5px}
ul#gameoptions li:hover {border:1px solid #006;background-
color:#00f;color:#fff}
/style
/head
body
div id='chessboard'/div
/body
/html
--
http://cjordan.us
[jQuery] Re: Data containing ? at the start getting converted to jsonp.... by ajax() call
I am doing something encodeURIComponent(url) in a wordpress plugin, would
that help?
On 12/6/07, Ben Bennett [EMAIL PROTECTED] wrote:
Sadly. That doesn't do it either.
I am deliberately trying to send a ? (since the bug occurred when a
user typed it into an input box that I use as the basis of an AJAX
request). The bug occurs because jQuery is treating =? as a special
string, but it can happen for mundane reasons, and there is no way to
disable the behavior.
-ben
On Dec 6, 11:30 am, Benjamin Sterling
[EMAIL PROTECTED] wrote:
Ben, (its like talking to myself)
Put cache:true into your ajax call, the ? is to prevent caching.
On 12/6/07, Ben Bennett [EMAIL PROTECTED] wrote:
Is this the wrong forum for this question? Should I take it to the
dev list or put it in the bug tracker?
Thanks,
-ben
On Dec 4, 2:00 pm, Ben Bennett [EMAIL PROTECTED] wrote:
This is my first post so I really should thank everyone for a
fanatastic library.
However, I think I have found a bug...
Using jQuery 1.2.1, if I have:
$.ajax({
type: POST,
url: test.html,
dataType: json,
data: {query: queryString},
});
When queryString starts with a ? it will get converted to
jsonp1231234124...
This is clearly happening because of the code at line 2226 of the
full
release version:
// Build temporary JSONP function
if ( s.dataType == json (s.data
s.data.match(jsre) || s.url.match(jsre)) ) {
jsonp = jsonp + jsc++;
// Replace the =? sequence both in the query
string and the data
if ( s.data )
s.data = s.data.replace(jsre, = +
jsonp);
s.url = s.url.replace(jsre, = + jsonp);
...
But I see no way to prevent that from happening.
Now... one might suggest that I should avoid a leading ? in my
option
names. But I am taking them from input boxes and ? is a valid thing
for a user to type. Unfortunately there seems to be no good way to
escape the string to prevent this behavior (without teaching the
called code how to unescape it).
Also, the docs don't mention that the =? escaping happens to a json
dataType... I see it for jsonp.
Is this behavior intentional? If so, there should be a way to
suppress it or at a way for the calling code to escape the values to
cause a leading ? to be passed to the server.
-ben
--
Benjamin
Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjaminsterling.com
--
Benjamin Sterling
http://www.KenzoMedia.com
http://www.KenzoHosting.com
http://www.benjaminsterling.com
[jQuery] Re: Making a jQuery plugin
Ok, I have looked at other code and still get get it to work
(function($)
{
$.fn.extend(
{
paginator: function(options)
{
$.extend(this.options, options);
//this.go_to_page(this.options.current_page);
}
});
})(jQuery);
$(document).ready(function()
{
var paginator = $.paginator({
'url':
'/lib/ajax/trip_search/load_users.php',
'replace_id':
'user_paginator',
'total_items':
'?php echo $total_items; ?',
'items_per_page': '10',
'total_pages':
'?php echo $total_pages; ?'
});
});
But this code tells me there is an error that paginator is not a function,
what is wrong here?
Eridius wrote:
I can't seem to remember since it has been ahile since I want to do this,
how do i make a jQuery plug that i can access like
var paginator = $.paginator({/*data*/});
paginator.next_page();
//etc...
currently my code is like this:
(function($)
{
initialize= function(options)
{
$.extend(this.options, options);
};
options =
{
'url': null,
'replace_id': null,
'load_file': null,
'total_items': 0,
'items_per_page': 10,
'total_pages': 0,
'current_page': 0,
'new_page': 0;
};
}(jQuery);
I also need to make sure that the initialize function is called when i
create the object. Thanks.
--
View this message in context:
http://www.nabble.com/Making-a-jQuery-plugin-tf4958186s27240.html#a14201039
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Making a jQuery plugin
Do $.extend instead of $.fn.extend to get the result that you want.
--John
On Dec 6, 2007 4:02 PM, Eridius [EMAIL PROTECTED] wrote:
Ok, I have looked at other code and still get get it to work
(function($)
{
$.fn.extend(
{
paginator: function(options)
{
$.extend(this.options, options);
//this.go_to_page(this.options.current_page);
}
});
})(jQuery);
$(document).ready(function()
{
var paginator = $.paginator({
'url':
'/lib/ajax/trip_search/load_users.php',
'replace_id':
'user_paginator',
'total_items': '?php echo $total_items; ?',
'items_per_page': '10',
'total_pages': '?php echo $total_pages; ?'
});
});
But this code tells me there is an error that paginator is not a function,
what is wrong here?
Eridius wrote:
I can't seem to remember since it has been ahile since I want to do this,
how do i make a jQuery plug that i can access like
var paginator = $.paginator({/*data*/});
paginator.next_page();
//etc...
currently my code is like this:
(function($)
{
initialize= function(options)
{
$.extend(this.options, options);
};
options =
{
'url': null,
'replace_id': null,
'load_file': null,
'total_items': 0,
'items_per_page': 10,
'total_pages': 0,
'current_page': 0,
'new_page': 0;
};
}(jQuery);
I also need to make sure that the initialize function is called when i
create the object. Thanks.
--
View this message in context:
http://www.nabble.com/Making-a-jQuery-plugin-tf4958186s27240.html#a14201039
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Possible to do specific ajaxStart/Stop effects??
Im puzzled by this part.. when you do something such as $
('img').ajaxStart(function(){ // code }); this is called every time
an ajax request is sent.. what if i just want it related to a specific
ajax request only? this does not seem very piratical to have
everything change at once
[jQuery] Re: Passing extra data to AJAX handler functions
Can anyone think of a way to pass the value of a variable, not a
reference to that variable (since the value of the variable might
change after the AJAX request is sent) to an anonymous function
defined for a success callback for AJAX? Or, is the only way to do
this to have my /ajax/asset/insert callback return this ID back to me
in the JSON response?
Thanks,
Rob
On Nov 28, 10:06 am, RobRoy [EMAIL PROTECTED] wrote:
After I posted my message, I tried that but I want to capture the
current value of 'id' at the time of function definition, not a
reference to it since it could change by the time the handler gets
called. This seems like it should be easy, but I'm kinda confused. How
do I capture the value of 'id' at the time I define that handler
function?
Thanks for the reply!
On Nov 27, 1:57 pm, Erik Beeson [EMAIL PROTECTED] wrote:
You could wrap your real callback in an anonymous function that adds the
parameters that you want. Maybe something like (untested):
$.post('/ajax/asset/insert', {
folder_tid : lastUploadedFolderTID,
link : linkQueue[id]
}, function(data, status) { handleAddLinkComplete.call(this, data,
status, 123); }, 'json');
Good luck with it.
--Erik
On 11/27/07, Rob Barreca [EMAIL PROTECTED] wrote:
I commonly want to pass an ID or some other information I know to an AJAX
success handler.
$.post('/ajax/asset/insert', {
folder_tid : lastUploadedFolderTID,
link : linkQueue[id]
}, handleAddLinkComplete, 'json');
In this example, I want to pass an ID to handleAddLinkComplete function. I
know I can do the following, but they seem crufty to me.
1. I can set a global variable with the link ID, but what if I have
a bunch of post calls, there are synchronous issues (I know I can do
async :
false too)
2. I could have my /ajax/asset/insert callback return the link ID
back to me in the response, but it seems silly if I already know it.
I would love to do something like...
$.post('/ajax/asset/insert', {
folder_tid : lastUploadedFolderTID,
link : linkQueue[id]
}, { callback : handleAddLinkComplete, arguments : [123] }, 'json');
or something.
What is the best way here or is my dream a reality?
Cheers,
-Rob
[jQuery] Re: cluetip plugin prevents click event
Thanks Karl for the modification. This works perfectly for me too!
-Dan
On Dec 6, 1:38 pm, Spencer [EMAIL PROTECTED] wrote:
Karl,
Thank you for making the modification. I'm trying to do the same thing
as driven. Your modification works great in my situation.
Spencer
On Dec 6, 9:30 am, Karl Swedberg [EMAIL PROTECTED] wrote:
Hi guys,
The default is to return false on a link click if the href and the
tipAttribute (which is rel by default) are equal.
Your request seems like a reasonable one, though, so I've added (yet
another) option called clickThrough. If you set it to true, clicking
on the link should open the linked page (provided you don't have
activation set to click).
I haven't bundled it up yet, because I'm still ironing out the details
on another new feature (mouse tracking), but it's in svn, if you want
to give it a whirl:
http://jqueryjs.googlecode.com/svn/trunk/plugins/cluetip/jquery.cluet...
--Karl
_
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Dec 6, 2007, at 10:15 AM, DaveG wrote:
driven wrote:
I am using cluetip to put tooltips on the links in a search results
page. I have the 'activation' setting as 'hover' but unfortunately
cluetip cancels the normal click event and I can't actually follow
the
links. I don't see any examples or settings that will let me actually
click on the links. Is this possible?
I'm not 100% sure, but I seem to recal that this might be what
you're looking for:
onActivate: function(e) {return true;}
That should be the default though, so not sure if you've overridden
it.
~ ~ David- Hide quoted text -
- Show quoted text -
[jQuery] Re: Show/Hide Div with checkbox options providing same results
I dont get it. :)
Say it again as a use case:
1. click on X
2. expect results: div Y does something.
Glen
On Dec 6, 2007 11:22 AM, Ryan [EMAIL PROTECTED] wrote:
Actually, what I need it to do is show one instance of Div 4, not
two. I'm using the div for a text field, so I only need to show one
version of it. The checkboxes showing the div are independent of each
other in value, but have the same corresponding text field which
should be filled out if either or both of these checkboxes are
selected. Does that make sense?
On Dec 6, 12:36 pm, Glen Lipka [EMAIL PROTECTED] wrote:
I whipped a demo. Does this do what you
want?http://www.commadot.com/jquery/checkBoxShow.php
Couple of tips:
1. Try to avoid putting onclick handlers in your html. jQuery does
this really easily and makes your html easier to read.
2. getElementByID can be expressed as $(#yourID).dosomething...
Much more concise and jQuery-ish. :)
3. The toggle function will automatically show if hidden and hide if
shown without the IF shatement.
Hope these help. When I first started jQuery, I had to forget
everything I
knew about JS (which wasn't much). It just did it all without the muss.
Glen
On Dec 6, 2007 8:30 AM, Ryan [EMAIL PROTECTED] wrote:
I'm completely versed in the show/hide options available, but have a
problem I haven't been able to figure out. I'm hoping jquery will have
the answer. I have 5 checkbox input options, the first two options
providing the same show div. For example,
html
head
script type=text/javascript
!--
function showMe (it, box) {
var vis = (box.checked) ? block : none;
document.getElementById(it).style.display = vis;
}
//--
/script
/head
body
form
input type=checkbox name=modtype value=value1
onclick=showMe('div1', this) /value1
input type=checkbox name=modtype value=value2
onclick=showMe('div1', this) /value2
input type=checkbox name=modtype value=value3
onclick=showMe('div2', this) /value3
input type=checkbox name=modtype value=value4
onclick=showMe('div3', this) /value4
input type=checkbox name=modtype value=value5
onclick=showMe('div4', this) /value5
div class=row id=div1 style=display:noneShow Div 1/div
div class=row id=div2 style=display:noneShow Div 2/div
div class=row id=div3 style=display:noneShow Div 3/div
div class=row id=div4 style=display:noneShow Div 4/div
/form
/body
/html
As you can see, the first two options should show the same div.
Selecting one or both isn't a problem, the div appears as should, but
when deselecting one of the checkboxes, the div disappears even though
one of the checkboxes is still selected.
Does anyone have an idea as to how I can get the div to remain
selected when one of the two checkboxes is deselected? Or, if either
of the checkboxes are selected, to provide just one result?
Thanks!
[jQuery] Re: Making a jQuery plugin
Cool, thanks.
Now if i want to extend the $.paginator to add a function so i could don't
something like this
this.go_to_page(this.options.current_page);
would i do:
$.paginator.extend(
{
go_to_page: function(number)
{
this.option.new_page = number;
this.reload_content();
}
});
or something else?
John Resig wrote:
Do $.extend instead of $.fn.extend to get the result that you want.
--John
On Dec 6, 2007 4:02 PM, Eridius [EMAIL PROTECTED] wrote:
Ok, I have looked at other code and still get get it to work
(function($)
{
$.fn.extend(
{
paginator: function(options)
{
$.extend(this.options, options);
//this.go_to_page(this.options.current_page);
}
});
})(jQuery);
$(document).ready(function()
{
var paginator = $.paginator({
'url':
'/lib/ajax/trip_search/load_users.php',
'replace_id': 'user_paginator',
'total_items': '?php echo $total_items; ?',
'items_per_page': '10',
'total_pages': '?php echo $total_pages; ?'
});
});
But this code tells me there is an error that paginator is not a
function,
what is wrong here?
Eridius wrote:
I can't seem to remember since it has been ahile since I want to do
this,
how do i make a jQuery plug that i can access like
var paginator = $.paginator({/*data*/});
paginator.next_page();
//etc...
currently my code is like this:
(function($)
{
initialize= function(options)
{
$.extend(this.options, options);
};
options =
{
'url': null,
'replace_id': null,
'load_file': null,
'total_items': 0,
'items_per_page': 10,
'total_pages': 0,
'current_page': 0,
'new_page': 0;
};
}(jQuery);
I also need to make sure that the initialize function is called when i
create the object. Thanks.
--
View this message in context:
http://www.nabble.com/Making-a-jQuery-plugin-tf4958186s27240.html#a14201039
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
--
View this message in context:
http://www.nabble.com/Making-a-jQuery-plugin-tf4958186s27240.html#a14201915
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: cluetip plugin prevents click event
Ahh. Music to my ears. :-)
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Dec 6, 2007, at 3:36 PM, Dan wrote:
Thanks Karl for the modification. This works perfectly for me too!
-Dan
On Dec 6, 1:38 pm, Spencer [EMAIL PROTECTED] wrote:
Karl,
Thank you for making the modification. I'm trying to do the same
thing
as driven. Your modification works great in my situation.
Spencer
On Dec 6, 9:30 am, Karl Swedberg [EMAIL PROTECTED] wrote:
Hi guys,
The default is to return false on a link click if the href and the
tipAttribute (which is rel by default) are equal.
Your request seems like a reasonable one, though, so I've added (yet
another) option called clickThrough. If you set it to true,
clicking
on the link should open the linked page (provided you don't have
activation set to click).
I haven't bundled it up yet, because I'm still ironing out the
details
on another new feature (mouse tracking), but it's in svn, if you
want
to give it a whirl:
http://jqueryjs.googlecode.com/svn/trunk/plugins/cluetip/jquery.cluet
...
--Karl
_
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Dec 6, 2007, at 10:15 AM, DaveG wrote:
driven wrote:
I am using cluetip to put tooltips on the links in a search
results
page. I have the 'activation' setting as 'hover' but unfortunately
cluetip cancels the normal click event and I can't actually follow
the
links. I don't see any examples or settings that will let me
actually
click on the links. Is this possible?
I'm not 100% sure, but I seem to recal that this might be what
you're looking for:
onActivate: function(e) {return true;}
That should be the default though, so not sure if you've overridden
it.
~ ~ David- Hide quoted text -
- Show quoted text -
[jQuery] Re: Can figure out the diference between input button and button
Perhaps try button type=button ... instead of button type=submit
Haven't tested, but it looks like maybe your form is trying to submit before
the AJAX gets a chance to resolve.
- jake
On Dec 6, 2007 1:53 PM, Marcelo Wolfgang [EMAIL PROTECTED] wrote:
Hi list
Long time lurker, first time poster, so here it goes:
I have a simple form that call a $.get, if I have a input
type=button my code works but if I have a button/button it
doesn't ... can anyone tell me what I'm doing wrong? here's the code:
script type=text/javascript src=../../assets/jquery.js/script
script type=text/javascript
$(document).ready(function(){
$(#btSubmit).click(function () {
var id = $(#user_id).val();
var number2 = $('#number2').attr('value');
$.get(a_edit.php, { userid: id, number2: number2 },
function(data){
alert(Data Loaded: + data);
$(#edit_response).append(data);
});
});
});
/script
and the html that works
form
input type=hidden name=user_id id=user_id value=10 /
input type=button id=btSubmit value== /
/form
div id=edit_response/div
and the html that don't work:
form
input type=hidden name=user_id id=user_id value=10 /
button type=submit id=btSubmitimg
src=../../images/btAdicionar.gif width=94 height=16 alt=subit
form //button
/form
div id=edit_response/div
TIA
Marcelo Wolfgang
[jQuery] Re: autocomplete bug when focus called
So that I can optimize my autocomplete, I'd like your opinion.
There are cases where there might be a couple hundred results - even if the
full name of a person is typed in (like Miller or Johnson). Most of the
time there are *that* many. But as I type, Mi ... l ... e, the
results are going to be a subset of the original. matchSubset default is
true and cacheLength default is 10. Shouldn't it *not* sent a 2nd request
to the server for the additional letters?
This are the current settings I'm using:
$('#user').autocomplete(tools/people.lasso, {minChars: 2, delay: 150,
formatResult: formatResult, formatItem: formatItem, max: 2000, width: 300});
On 12/6/07 11:41 AM, Jörn Zaefferer [EMAIL PROTECTED] wrote:
Shelane Enos schrieb:
Sorry it took a while. I had a very busy day.
This example shows the focus bug:
http://education.llnl.gov/jquery/adv_auto2.lasso
This example shows the other bug:
http://education.llnl.gov/jquery/adv_auto3.lasso
This bug is the bug where the first set of results will override the second.
I watch in firebug after I typed in mod a get was called for mo (my minimum
number of letters) and then a get request was called for mod. The results
from mod came back quicker (because the results set was smaller or the query
was faster). Then the first mo were returned and replaced the second.
Just type mod and let it sit there.
Thanks for looking.
Okay, thanks for the description. I think this is easy to fix: Just
include jquery.ajaxQueue.js on your site. It enhances jQuery's $.ajax
method and the autocomplete uses its abort-mode when available. That way
an active previous autocomplete request is canceled when a new one
starts. That should fix your problem.
Thanks for bringing it up, I'll add something to the docs about it.
http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.ajaxQueue.js
Jörn
[jQuery] Autocomplete bigiframe
Has anyone found a way to solve this display problem on IE: http://education.llnl.gov/jquery/bigiframe.png Demoed here: http://education.llnl.gov/jquery/adv_auto3.lasso (type mod)
[jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations
Freudian slip, of course I had intended to either say, increases development speed, or decreases development time. Thanks for correcting me. ~Sean On Dec 6, 2007 3:51 PM, tlphipps [EMAIL PROTECTED] wrote: Sorry, I have to say it: ** jQuery simplifies and reduces code size, and offers a plugin system ** that rapidly increases development time. I would prefer it to DECREASE my development time! :) On Dec 6, 12:55 pm, Andy Matthews [EMAIL PROTECTED] wrote: Dugg _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Glen Lipka Sent: Thursday, December 06, 2007 12:53 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations Wow, the digg this story thing worked. :) http://digg.com/programming/Getting_jQuery_into_Big_Corporations Glen On Dec 6, 2007 10:12 AM, Sean Catchpole [EMAIL PROTECTED] wrote: 1. Is jQuery going to be here for the long term? Yes, with a large and active community jQuery is in it for the long run. Help is always easy to find. 2. Why not use prototype, what are the benefits of jQuery over it? jQuery simplifies and reduces code size, and offers a plugin system that rapidly increases development time. ~Sean
[jQuery] Code feedback... Callbacks for timing...
Hi all, I hope my question is not too silly... I just wanted to get a
little feedback -- basically wondering what I am doing wrong here:
...snip...
$('#' + what).fadeOut('slow', function() {
$(this).load(this.href, {'targ': what}, function() {
$(this).fadeIn('slow');
});
});
...snip...
Basically, I want to fade-out a div, then .load(), then fade the div
back in... The above code is returning errors, but I am not sure what
I am doing wrong.
I can post more code if need be.
Any help, tips, rtfm's, and/or links would be spectacular. :)
Many TIA's.
Cheers,
Micky
[jQuery] Re: [PLUGINS] More from DZone
Rey Bango wrote:
Splitter by Dave Methvin
http://methvin.com/jquery/splitter/default.html
It's a pity there isn't an easy way to deal with snapping of divs to
their containing element...
Something like:
$('#div1').snap('top'); // sets width to that of container and snaps the
div to the top of container
$('#div2').snap('left'); // sets height to that of container and snaps
the div to the left of the container
$('#div3').snap('client'); // sets width and height to that of container
and snaps div to 0,0 of the container
Adding a few simple events would then make it super easy to create
border layouts - a splitter would just be a div snapped to one of the
edges (top/bottom/left/right) with some drag ability - as it's dragged,
events would cause the other divs to resize accordingly.
I've got some old actionscript code lying around somewhere that
implements a snapping framework (including stuff like splitters, etc) -
I'll find it and post it online if anyone is interested in doing a
snapping plugin?
Guy
[jQuery] Trying to create a horizontal menu...
Basically, I got it to where I hide all visible ul li ul but I only
want to do that when a user hovers over the root ul li a,
In other words, I only want it active on the first set of ul li a,
not the sub menus.
I want ul li ul li a to remain visible when I hover over a ul li ul
li a.
Any ideas how to go about this?
JQUERY
$(document).ready(function(){
$(ul li a).hover(function(){
$(#menu li ul:visible).hide()
});
$(#menu li a).hover(function(){
$(this).next(ul:hidden).fadeIn(fast)
});
$(#content).hover(function(){
$(#menu li ul:visible).hide()
});
});
HTML
div id=menu
ul
li
a href=#Home/a
/li
li
a href=#Item 1/a
ul
li
a href=#Item 1 A/a
/li
li
a href=#Item 1 B/a
/li
/ul
/li
li
a href=#Item 2/a
ul
li
a href=#Item 2 A/a
/li
li
a href=#Item 2 B/a
/li
/ul
/li
/ul
/div
[jQuery] Re: Can figure out the diference between input button and button
My question has been hijacked with another! :)
On Dec 6, 4:36 pm, Jake McGraw [EMAIL PROTECTED] wrote:
Perhaps try button type=button ... instead of button type=submit
Haven't tested, but it looks like maybe your form is trying to submit before
the AJAX gets a chance to resolve.
- jake
On Dec 6, 2007 1:53 PM, Marcelo Wolfgang [EMAIL PROTECTED] wrote:
Hi list
Long time lurker, first time poster, so here it goes:
I have a simple form that call a $.get, if I have a input
type=button my code works but if I have a button/button it
doesn't ... can anyone tell me what I'm doing wrong? here's the code:
script type=text/javascript src=../../assets/jquery.js/script
script type=text/javascript
$(document).ready(function(){
$(#btSubmit).click(function () {
var id = $(#user_id).val();
var number2 = $('#number2').attr('value');
$.get(a_edit.php, { userid: id, number2: number2 },
function(data){
alert(Data Loaded: + data);
$(#edit_response).append(data);
});
});
});
/script
and the html that works
form
input type=hidden name=user_id id=user_id value=10 /
input type=button id=btSubmit value== /
/form
div id=edit_response/div
and the html that don't work:
form
input type=hidden name=user_id id=user_id value=10 /
button type=submit id=btSubmitimg
src=../../images/btAdicionar.gif width=94 height=16 alt=subit
form //button
/form
div id=edit_response/div
TIA
Marcelo Wolfgang
[jQuery] pull in link url as well as image url from xml file when loading images dynamically
I'm able to use the dynamic loading method to create an xml file via php that gives me the list of image urls. However, i'd also like to pull in another node from the xml file 'pid' to help me construct the link that will be associated with each image. the xml i'm creating is below: ?xml version=1.0? data total11/total pid221/pid imagehttp://www.thisismysite.com/wp-content/finds/thumbs/ homegoods_001_1__1.jpg/image pid229/pid imagehttp://www.thisismysite.com/wp-content/finds/thumbs/ IMG_7146.JPG/image pid230/pid imagehttp://www.thisismysite.com/wp-content/finds/thumbs/ IMG_7145.JPG/image pid239/pid imagehttp://www.thisismysite.com/wp-content/finds/thumbs/ bathmat.jpg/image pid240/pid imagehttp://www.thisismysite.com/wp-content/finds/thumbs/ trunkred.jpg/image pid253/pid imagehttp://www.thisismysite.com/wp-content/finds/thumbs/ DSC04849.JPG/image pid340/pid imagehttp://www.thisismysite.com/wp-content/finds/thumbs/ ico_wc.jpg/image pid342/pid imagehttp://www.thisismysite.com/wp-content/finds/thumbs/ image_case1.jpg/image pid343/pid imagehttp://www.thisismysite.com/wp-content/finds/thumbs/ image_act1.jpg/image pid346/pid imagehttp://www.thisismysite.com/wp-content/finds/thumbs/ screenshot_01.jpg/image pid347/pid imagehttp://www.thisismysite.com/wp-content/finds/thumbs/ screenshot_01_1.jpg/image /data thanks in advance!
[jQuery] Re: global error handler
I ended up doing modifications to the jQuery core to make this possible. Thank you for the response. I think I'll try my callback method described (sorta) above, if no one else can come up with a better solution. I'd rather write more code now and stay on the upgrade path!
[jQuery] newbie question
I have a javascript function like MyFunc(btn), and I would like to
associate a click event to all my button with button1 class in the
page to this function. I tried the following code and is not working
for me:
$([EMAIL PROTECTED]'button'].button1).each(function()
{
this.click(function(){MyFunc(this);});
});
what's wrong with my code? any help would be greatly appreciated.
[jQuery] Re: hiding page elements instantly on page load
Thanks guys. I use the document.ready function. Actually, it only
happens on IE (both 6 and 7), not on Firefox or Safari.
I used the display:none css rule tiphipps pointed out and now I have
the opposite problem: the current menu is hidden and after a second
pops out. It's not ideal, but it's a lot nicer already.
On 6 dec, 17:05, sawmac [EMAIL PROTECTED] wrote:
This works great on my localhost. However, when I publish online I
experience a problem: on page load the whole ul is shown for a
second, including all nested ul submenu's, before it is hidden by
jQuery. I guess this is because all ul elements need to be loaded
into the DOM before the jQuery code is started?
Are you using the onload event or jQuery's document ready method? If
you're using onload then you need to wait until all assets like
images, flash movies have downloaded before the hide() function runs.
The jQuery method will hide the nested ul as soon as the dom is ready
to be manipulated
$(document).ready(function(){
$(ul ul).hide();
});
--dave
[jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations
[EMAIL PROTECTED] wrote: Although I keep coming up against the following: 1. Is jQuery going to be here for the long term? 2. Why not use prototype, what are the benefits of jQuery over it? We're hitting those two questions on a regular basis. The first is pretty easy to deal with - jQuery is growing rapidly both in terms of available plugins and sites using it. It also has books, blogs and vibrant community. As for the second one, that's a problem. Prototype is entrenched in a lot of organisations and developers don't like ditching their tried and tested libraries for something new. However, in certain circumstances Prototype is a major nightmare because it's not namespaced - drop it in to a portal environment and generally everything goes pearshaped. Guy
[jQuery] Re: Show/Hide Div with checkbox options providing same results
This part works:
Select X, get Div 1
or
Select Y, get Div 1
or
Select X and Y, get Div1
This part doesn't:
When X and Y are selected, Div1 is showing
If X is unselected and Y remains selected, Div1 is still showing
Basically, if X and Y are selected and then X is unselected, I want
Div1 to remain showing because Select Y, get Div1 still holds true.
This is where I'm having a problem. When X is unselected, it hides
Div1. Make sense?
On Dec 6, 3:37 pm, Glen Lipka [EMAIL PROTECTED] wrote:
I dont get it. :)
Say it again as a use case:
1. click on X
2. expect results: div Y does something.
Glen
On Dec 6, 2007 11:22 AM, Ryan [EMAIL PROTECTED] wrote:
Actually, what I need it to do is show one instance of Div 4, not
two. I'm using the div for a text field, so I only need to show one
version of it. The checkboxes showing the div are independent of each
other in value, but have the same corresponding text field which
should be filled out if either or both of these checkboxes are
selected. Does that make sense?
On Dec 6, 12:36 pm, Glen Lipka [EMAIL PROTECTED] wrote:
I whipped a demo. Does this do what you
want?http://www.commadot.com/jquery/checkBoxShow.php
Couple of tips:
1. Try to avoid putting onclick handlers in your html. jQuery does
this really easily and makes your html easier to read.
2. getElementByID can be expressed as $(#yourID).dosomething...
Much more concise and jQuery-ish. :)
3. The toggle function will automatically show if hidden and hide if
shown without the IF shatement.
Hope these help. When I first started jQuery, I had to forget
everything I
knew about JS (which wasn't much). It just did it all without the muss.
Glen
On Dec 6, 2007 8:30 AM, Ryan [EMAIL PROTECTED] wrote:
I'm completely versed in the show/hide options available, but have a
problem I haven't been able to figure out. I'm hoping jquery will have
the answer. I have 5 checkbox input options, the first two options
providing the same show div. For example,
html
head
script type=text/javascript
!--
function showMe (it, box) {
var vis = (box.checked) ? block : none;
document.getElementById(it).style.display = vis;
}
//--
/script
/head
body
form
input type=checkbox name=modtype value=value1
onclick=showMe('div1', this) /value1
input type=checkbox name=modtype value=value2
onclick=showMe('div1', this) /value2
input type=checkbox name=modtype value=value3
onclick=showMe('div2', this) /value3
input type=checkbox name=modtype value=value4
onclick=showMe('div3', this) /value4
input type=checkbox name=modtype value=value5
onclick=showMe('div4', this) /value5
div class=row id=div1 style=display:noneShow Div 1/div
div class=row id=div2 style=display:noneShow Div 2/div
div class=row id=div3 style=display:noneShow Div 3/div
div class=row id=div4 style=display:noneShow Div 4/div
/form
/body
/html
As you can see, the first two options should show the same div.
Selecting one or both isn't a problem, the div appears as should, but
when deselecting one of the checkboxes, the div disappears even though
one of the checkboxes is still selected.
Does anyone have an idea as to how I can get the div to remain
selected when one of the two checkboxes is deselected? Or, if either
of the checkboxes are selected, to provide just one result?
Thanks!
[jQuery] Re: Data containing ? at the start getting converted to jsonp.... by ajax() call
Sadly... no.
If I were to do that then I would get double escaped data...
The code that converts an object to a serialized form is already
calling encodeURIComponent on the key names and the values... (see
http://dev.jquery.com/browser/trunk/jquery/src/ajax.js line 454ish)
-ben
On Dec 6, 3:27 pm, Benjamin Sterling
[EMAIL PROTECTED] wrote:
I am doing something encodeURIComponent(url) in a wordpress plugin, would
that help?
On 12/6/07, Ben Bennett [EMAIL PROTECTED] wrote:
Sadly. That doesn't do it either.
I am deliberately trying to send a ? (since the bug occurred when a
user typed it into an input box that I use as the basis of an AJAX
request). The bug occurs because jQuery is treating =? as a special
string, but it can happen for mundane reasons, and there is no way to
disable the behavior.
-ben
On Dec 6, 11:30 am, Benjamin Sterling
[EMAIL PROTECTED] wrote:
Ben, (its like talking to myself)
Put cache:true into your ajax call, the ? is to prevent caching.
On 12/6/07, Ben Bennett [EMAIL PROTECTED] wrote:
Is this the wrong forum for this question? Should I take it to the
dev list or put it in the bug tracker?
Thanks,
-ben
On Dec 4, 2:00 pm, Ben Bennett [EMAIL PROTECTED] wrote:
This is my first post so I really should thank everyone for a
fanatastic library.
However, I think I have found a bug...
Using jQuery 1.2.1, if I have:
$.ajax({
type: POST,
url: test.html,
dataType: json,
data: {query: queryString},
});
When queryString starts with a ? it will get converted to
jsonp1231234124...
This is clearly happening because of the code at line 2226 of the
full
release version:
// Build temporary JSONP function
if ( s.dataType == json (s.data
s.data.match(jsre) || s.url.match(jsre)) ) {
jsonp = jsonp + jsc++;
// Replace the =? sequence both in the query
string and the data
if ( s.data )
s.data = s.data.replace(jsre, = +
jsonp);
s.url = s.url.replace(jsre, = + jsonp);
...
But I see no way to prevent that from happening.
Now... one might suggest that I should avoid a leading ? in my
option
names. But I am taking them from input boxes and ? is a valid thing
for a user to type. Unfortunately there seems to be no good way to
escape the string to prevent this behavior (without teaching the
called code how to unescape it).
Also, the docs don't mention that the =? escaping happens to a json
dataType... I see it for jsonp.
Is this behavior intentional? If so, there should be a way to
suppress it or at a way for the calling code to escape the values to
cause a leading ? to be passed to the server.
-ben
--
Benjamin
Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjam...
--
Benjamin
Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjaminsterling.com
[jQuery] Re: hiding page elements instantly on page load
I've always found the best solution is to build the navigation as you
would like it to appear without JavaScript enabled and then manipulate
it with jQuery. Since the css doesn't have to wait for the DOM to be
built like jQuery, the effects will kick in instantly.
Example:
ul id=nav
lia href=link 1/a
ul
lia href=link 1a/a/li
/ul
/li
/ul
style
#nav ul { display: none; }
#nav a:hover ul { display: block; }
Doing this allows for graceful degradation too.
On Dec 6, 7:22 pm, bytte [EMAIL PROTECTED] wrote:
Thanks guys. I use the document.ready function. Actually, it only
happens on IE (both 6 and 7), not on Firefox or Safari.
I used the display:none css rule tiphipps pointed out and now I have
the opposite problem: the current menu is hidden and after a second
pops out. It's not ideal, but it's a lot nicer already.
On 6 dec, 17:05, sawmac [EMAIL PROTECTED] wrote:
This works great on my localhost. However, when I publish online I
experience a problem: on page load the whole ul is shown for a
second, including all nested ul submenu's, before it is hidden by
jQuery. I guess this is because all ul elements need to be loaded
into the DOM before the jQuery code is started?
Are you using the onload event or jQuery's document ready method? If
you're using onload then you need to wait until all assets like
images, flash movies have downloaded before the hide() function runs.
The jQuery method will hide the nested ul as soon as the dom is ready
to be manipulated
$(document).ready(function(){
$(ul ul).hide();
});
--dave
[jQuery] Re: newbie question
To get this to chain with the .click() method, you need to wrap it
in $() so it looks like: $(this)
Better still, don't bother with the .each().
$([EMAIL PROTECTED]'button'].button1).click(function(){MyFunc(this);});
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Dec 6, 2007, at 6:36 PM, FrenchiINLA wrote:
I have a javascript function like MyFunc(btn), and I would like to
associate a click event to all my button with button1 class in the
page to this function. I tried the following code and is not working
for me:
$([EMAIL PROTECTED]'button'].button1).each(function()
{
this.click(function(){MyFunc(this);});
});
what's wrong with my code? any help would be greatly appreciated.
[jQuery] Re: Show/Hide Div with checkbox options providing same results
Ahh, I think I get it.
Input 1 and 2 both are controlling the first div.
Input 3 controls div 2
input 4 controls div 3
input 5 controls div 4
Yes? I can modify the demo.
Glen
On Dec 6, 2007 2:46 PM, Ryan [EMAIL PROTECTED] wrote:
This part works:
Select X, get Div 1
or
Select Y, get Div 1
or
Select X and Y, get Div1
This part doesn't:
When X and Y are selected, Div1 is showing
If X is unselected and Y remains selected, Div1 is still showing
Basically, if X and Y are selected and then X is unselected, I want
Div1 to remain showing because Select Y, get Div1 still holds true.
This is where I'm having a problem. When X is unselected, it hides
Div1. Make sense?
On Dec 6, 3:37 pm, Glen Lipka [EMAIL PROTECTED] wrote:
I dont get it. :)
Say it again as a use case:
1. click on X
2. expect results: div Y does something.
Glen
On Dec 6, 2007 11:22 AM, Ryan [EMAIL PROTECTED] wrote:
Actually, what I need it to do is show one instance of Div 4, not
two. I'm using the div for a text field, so I only need to show one
version of it. The checkboxes showing the div are independent of each
other in value, but have the same corresponding text field which
should be filled out if either or both of these checkboxes are
selected. Does that make sense?
On Dec 6, 12:36 pm, Glen Lipka [EMAIL PROTECTED] wrote:
I whipped a demo. Does this do what you
want?http://www.commadot.com/jquery/checkBoxShow.php
Couple of tips:
1. Try to avoid putting onclick handlers in your html. jQuery
does
this really easily and makes your html easier to read.
2. getElementByID can be expressed as $(#yourID).dosomething...
Much more concise and jQuery-ish. :)
3. The toggle function will automatically show if hidden and hide
if
shown without the IF shatement.
Hope these help. When I first started jQuery, I had to forget
everything I
knew about JS (which wasn't much). It just did it all without the
muss.
Glen
On Dec 6, 2007 8:30 AM, Ryan [EMAIL PROTECTED] wrote:
I'm completely versed in the show/hide options available, but have
a
problem I haven't been able to figure out. I'm hoping jquery will
have
the answer. I have 5 checkbox input options, the first two
options
providing the same show div. For example,
html
head
script type=text/javascript
!--
function showMe (it, box) {
var vis = (box.checked) ? block : none;
document.getElementById(it).style.display = vis;
}
//--
/script
/head
body
form
input type=checkbox name=modtype value=value1
onclick=showMe('div1', this) /value1
input type=checkbox name=modtype value=value2
onclick=showMe('div1', this) /value2
input type=checkbox name=modtype value=value3
onclick=showMe('div2', this) /value3
input type=checkbox name=modtype value=value4
onclick=showMe('div3', this) /value4
input type=checkbox name=modtype value=value5
onclick=showMe('div4', this) /value5
div class=row id=div1 style=display:noneShow Div 1/div
div class=row id=div2 style=display:noneShow Div 2/div
div class=row id=div3 style=display:noneShow Div 3/div
div class=row id=div4 style=display:noneShow Div 4/div
/form
/body
/html
As you can see, the first two options should show the same div.
Selecting one or both isn't a problem, the div appears as should,
but
when deselecting one of the checkboxes, the div disappears even
though
one of the checkboxes is still selected.
Does anyone have an idea as to how I can get the div to remain
selected when one of the two checkboxes is deselected? Or, if
either
of the checkboxes are selected, to provide just one result?
Thanks!
[jQuery] ajax post request in custom method?
Hi,
I've made a custom method with addMethod to check a captcha.
Basically, the captcha image is made in php and its value is sent to a
session variable. So I make an AJAX post request to a php page which
checks the input's value against that session variable.
verify: function(value, element) {
$.post(scripts/verification-check.php, {inputString:
value},
function(data){
//data will be equal to true or false if the
input's value is
equal to the session variable
return data;
});
},
My problem is that the error shows up before the AJAX request is
finished...I think. 'Cause the way I have it now, no matter what, the
error label always shows up - even if 'data' is true.
So, is there a way to 'delay' the event that inserts the error label
until the AJAX call is finished?
Thanks :)
[jQuery] Re: Show/Hide Div with checkbox options providing same results
Ok, I updated it. I made it Very jQuery.
$(input[type=checkbox]).click(function(){
divClass = $(this).attr(class);
if ($(this).is(:checked)) {
$(# + divClass).show();
}
else if($(this).not(:checked)) {
$(# + divClass).hide();
}
});
I refactored it three times. I kept thinking, hmm, I think this should be
shorter.
I think there is probably a way to make it even shorter with Toggle.
Anyone?
Glen
On Dec 6, 2007 8:22 PM, Glen Lipka [EMAIL PROTECTED] wrote:
Ahh, I think I get it.
Input 1 and 2 both are controlling the first div.
Input 3 controls div 2
input 4 controls div 3
input 5 controls div 4
Yes? I can modify the demo.
Glen
On Dec 6, 2007 2:46 PM, Ryan [EMAIL PROTECTED] wrote:
This part works:
Select X, get Div 1
or
Select Y, get Div 1
or
Select X and Y, get Div1
This part doesn't:
When X and Y are selected, Div1 is showing
If X is unselected and Y remains selected, Div1 is still showing
Basically, if X and Y are selected and then X is unselected, I want
Div1 to remain showing because Select Y, get Div1 still holds true.
This is where I'm having a problem. When X is unselected, it hides
Div1. Make sense?
On Dec 6, 3:37 pm, Glen Lipka [EMAIL PROTECTED] wrote:
I dont get it. :)
Say it again as a use case:
1. click on X
2. expect results: div Y does something.
Glen
On Dec 6, 2007 11:22 AM, Ryan [EMAIL PROTECTED] wrote:
Actually, what I need it to do is show one instance of Div 4, not
two. I'm using the div for a text field, so I only need to show one
version of it. The checkboxes showing the div are independent of
each
other in value, but have the same corresponding text field which
should be filled out if either or both of these checkboxes are
selected. Does that make sense?
On Dec 6, 12:36 pm, Glen Lipka [EMAIL PROTECTED] wrote:
I whipped a demo. Does this do what you
want?http://www.commadot.com/jquery/checkBoxShow.php
Couple of tips:
1. Try to avoid putting onclick handlers in your html. jQuery
does
this really easily and makes your html easier to read.
2. getElementByID can be expressed as
$(#yourID).dosomething...
Much more concise and jQuery-ish. :)
3. The toggle function will automatically show if hidden and
hide if
shown without the IF shatement.
Hope these help. When I first started jQuery, I had to forget
everything I
knew about JS (which wasn't much). It just did it all without the
muss.
Glen
On Dec 6, 2007 8:30 AM, Ryan [EMAIL PROTECTED] wrote:
I'm completely versed in the show/hide options available, but
have a
problem I haven't been able to figure out. I'm hoping jquery
will have
the answer. I have 5 checkbox input options, the first two
options
providing the same show div. For example,
html
head
script type=text/javascript
!--
function showMe (it, box) {
var vis = (box.checked) ? block : none;
document.getElementById(it).style.display = vis;
}
//--
/script
/head
body
form
input type=checkbox name=modtype value=value1
onclick=showMe('div1', this) /value1
input type=checkbox name=modtype value=value2
onclick=showMe('div1', this) /value2
input type=checkbox name=modtype value=value3
onclick=showMe('div2', this) /value3
input type=checkbox name=modtype value=value4
onclick=showMe('div3', this) /value4
input type=checkbox name=modtype value=value5
onclick=showMe('div4', this) /value5
div class=row id=div1 style=display:noneShow Div 1/div
div class=row id=div2 style=display:noneShow Div 2/div
div class=row id=div3 style=display:noneShow Div 3/div
div class=row id=div4 style=display:noneShow Div 4/div
/form
/body
/html
As you can see, the first two options should show the same div.
Selecting one or both isn't a problem, the div appears as
should, but
when deselecting one of the checkboxes, the div disappears even
though
one of the checkboxes is still selected.
Does anyone have an idea as to how I can get the div to remain
selected when one of the two checkboxes is deselected? Or, if
either
of the checkboxes are selected, to provide just one result?
Thanks!
[jQuery] Code Review For Cloning Exercise
Hi;
I've sussed out a solution with cloning rows that are are part of a
form submit and I'd appreciate any feedback you might have.
Here's an image to follow along with:
http://www.hinde.net/images/jqueryhelpgraph.png
I have an application where users enroll in a class. After a search is
done, a list of matching classes is presented. If they click a
checkbox, a list of family members is presented, via a select, and
the user can chose the family member to enroll in the class. It's not
unusual to enroll two kids in the same sort of class, but different
sessions for different age groups...
But what if two family members want to take the same class? Up to now,
the user would have to finish enrolling the first person and then
start over to add the second.
jQuery clone(true) to the rescue.
I've added a fam fam add button and some jQuery clone magic and now
the user can duplicate a class and enroll as 2nd person in the same
class with a single form submit.
But that's a problem on with the form submit. I've got two field sets
(the checkbox to indicate the class and the select to indicate the
user) with the same id name.
This is what I've come up with:
function addRow(me){//'me' is the button to add a row.
counter++;
var myId = $(me).attr(id);
var myDashLoc = myId.indexOf(_)+1;//This should
always be '3'
var cbid = myId.slice(myDashLoc);
var newri = ri+counter+_+cbid+clone;
$(#ri_+cbid).clone(true).insertBefore($(#ri_+cbid)).attr(id,newri);//clone
the row, insert the clone before the base row and set the clone's id
to 'newri'
$(#ri_+cbid+ td
input:checkbox).attr(id,ssclone+counter+_+cbid);//rename id for
the checkbox
$(#ri_+cbid+ td
input:checkbox).attr(name,ssclone+counter+_+cbid);//rename the
name for the checkbox
$(#ri_+cbid+ td:nth-child(2) span
select).attr(id,enclone+counter+_+cbid);//rename id for the
select
$(#ri_+cbid+ td:nth-child(2) span
select).attr(name,enclone+counter+_+cbid);//rename name for the
select
/*
This leaves the clone with the original's name. The
buttons all
keep the same id, but they all point to the same clone, so it appears
to be working.
*/
};
Does this seem like a reasonable approach? I had a heck of a time with
the selectors, was there an easier way?
Thanks.
- Lee
