The markup will be generated from a MySQL database using PHP so it
could look in many different ways.
But as I have it now:
pa href=# id=ExpandAll[+expand]/a | a href=#
id=CollapseAll[-collapse]/a/p
ul
lia href=# class=Categorycategory 1/a
ul
lia
I personally prefer jqmodal, the result is snappier. Maybe this conversion
tutorial will help you out:
http://www.pixeline.be/blog/2008/javascript-loading-external-urls-in-jqmodal-jquery-plugin/
cheers,
alexandre
LAb[au] _ *lab*oratory for *a*rchitecture and *u*rbanism
Alexandre Plennevaux
No one can help?
I tought with jquery one can select everything!
I have a table with one column. each cell contains a textbox. I want
the user to be able to use the cursor keys to move up or down the
cells. On the keyup I detect when the up key is pressed
(event.keyCode==38) and navigate to the previous cell and call focus()
on it. I am tracing the events to
this should work:
if ($(#medalist ul li:active img).length() 0) {
// has image inside li/li
}
On Oct 13, 3:52 am, jdenkaat [EMAIL PROTECTED] wrote:
Hi
If I have the following list and I want to find if the contents of li
class=active is an image how would I do it?
div
I also use jqModal i'm not sure what view you are looking
for... use which ever one makes more sense for you and is easier for
you to code/understand
functionally they do the same things (as does UI's modal)
On Oct 13, 5:01 am, bookme [EMAIL PROTECTED] wrote:
Thanks for your
Great! Thanks!
On Oct 9, 7:40 pm, Dave Methvin [EMAIL PROTECTED] wrote:
How about assigning classes to them instead of using .css()? This
might work:
input[type='text'] { background: #FF !important; }
input[type='text'].erroneous{ background: red !important; }
I am thinking that
Hi,
It's not really working here.. when I click experimental or people
some bars get added, but depending on the combination the bars added
have different widths. Deselecting all of them still leaves most of
the bars, but they stop working.
The grey box is one (or more) of the bars. When you
Using the jquery UI plugin, I have setup a list of links (anchors) to
be sortable, but after I
sort an item, the link is executed, and I am taken to the web page for
that link. Is there a way to setup the Sortable plugin to prevent
this from happening?
Not sure what you are trying to do, but you can pass a context as a
second parameter to a selector, like in:
$('#blob', window.content.document) as in $('#blob', window.document)
which is what happens by default.
- ricardo
On Oct 12, 11:38 pm, MichaelBalazs [EMAIL PROTECTED] wrote:
Hello,
I
A quick search for 'load javascript ajax' should bring you the answer,
here or on google.
http://groups.google.com/group/jquery-en/browse_thread/thread/8a8f6c139c9b7ade
cheers,
- ricardo
On Oct 12, 7:41 pm, ivframes [EMAIL PROTECTED] wrote:
I have a page that loads with jquery's .load()
There's probably a return false option in the plugin options.
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Adam
Sent: Monday, October 13, 2008 8:50 AM
To: jQuery (English)
Subject: [jQuery] sortable links
Using the jquery UI plugin, I have
i use SimpleModal! :)
http://www.ericmmartin.com/projects/simplemodal/
On Oct 13, 8:22 am, MorningZ [EMAIL PROTECTED] wrote:
I also use jqModal i'm not sure what view you are looking
for... use which ever one makes more sense for you and is easier for
you to code/understand
Hello,
I have never written a Jquery script, but have, over the last few
days, compiled the following, but was hoping someone could look over
this to see if I had problems.
$(document).ready(function () {
$(#my-form [EMAIL PROTECTED]'input']).blur(function() {
var
btw, just in case you must use a's...
then maybe something like this would solve your issue
if (sortable functionality is active)
$(#ID_of_Sortable_Container a).click(function() { return
false; });
else // sortable functionality is turned off
$(#ID_of_Sortable_Container a).unbind();
He's not talking about clicking on the link to activate it, but clcking on
it to drag and sort it.
I will say that you might be better off applying the sortable to an LI tag
which contains the link, rather than directly to the link itself.
Remember that a link isn't technically a list, but a
Does anybody know how to select multiple dates with the JQuery UI
datepicker, like this:
1. User Clicks text field. Datepicker calendar appears.
2. User Clicks on one or more dates (calendar remains open). As user
clicks dates, a text area is populated with the choices.
first off, i dont get the difference between using $.ajax, $.post or
$.get instead since the concept is the same afaik: you send a request
and receive a response. the only difference in this case is that the
response would be a JSON object... right?
anyway... i've managed to generate tons of
Try this:
var fields = $(#tel, #mobile);
fields.blur(function() {
fields.valid();
});
That triggers validation for both field when one of them is blurred.
Jörn
On Mon, Oct 13, 2008 at 12:05 PM, hcvitto [EMAIL PROTECTED] wrote:
hi
i'm using tha validation plugin on a very long form. It
Validation should always hook into the submit event, eg.
$(#myform).submit(function() { ... });
That handles both clicking the submit button as well as hitting enter
while an input field has focus.
Apart from that, the form plugin handles submitting forms via ajax and
handling the response quite
Hi
I have draggables within a div that is absolutely positioned. When I click
the draggable, the cloned images appears above the mouse pointer.
To be precise, the distance between the draggable and the mouse pointer is
the same as the distance between to top of the page and the top of the
Hi Alex,
maybe this tutorial can give you a start:
http://www.prodevtips.com/2008/08/15/jquery-json-with-php-json_encode-and-json_decode/
Personally, I use the script from here:
http://www.json.org/js.html
But I don't think you really need an extra parser - $.getJSON should
already parse the
$.post
gets some data, puts the outgoing data in the header, data comes back
as whatever
$.get
gets some data, but puts the outgoing data on the querystring, data
comes back as whatever
$.getJSON
gets some data, using get by default, data comes back and jQuery
*expects* it to be a JSON
'lo all,
We're designing a website here at the mo which was previously in the
hands of one of the other guys, who'd done a Lightbox on a gallery page
using Prototype / Scriptaculous / Lightbox from huddletogether.com.
The page in question also uses sIFR and when the Lightbox is opened, the
hi all!
greetings to everyone!
I am sorry if I missed the solution
of this problem given here already
but I searched for quite some time.
here is my problem
I have written a form with only a select box
which, when changed, should submit
its form and load the response from the
server in the same
Hi, I can't seem to get my accordion to work. I have nested ul's, and
I'd like it to close the open ul when you open another (normal
accordion function). I would appreciate any help/tips. Thanks!
Here is my jquery:
$(document).ready(function(){
$(.accordion:eq(0) li ul:gt(0)).hide();
Wouldn't the $(#my-form [EMAIL PROTECTED]'input']).blur(function() { be
my trigger?
I would like to validate as the user tabs through the form. How would
I not run the function if the field just tabbed from is blank?
Thanks for your validation of my script.
Nishan
On Oct 13, 7:30 am, Jörn
lol! Josh, I didn't even get that until today when I saw the title I
put up! That's awesome.
me-and-jQuery, your solution worked great. Thanks!
Dan
On Oct 10, 5:31 pm, Josh Nathanson [EMAIL PROTECTED] wrote:
I think when you unbind it, you should put the back of your hand to your
forehead
if you don't want the user to go anywhere when clicking on a link,
then why use a link?
On Oct 13, 9:50 am, Adam [EMAIL PROTECTED] wrote:
Using the jquery UI plugin, I have setup a list of links (anchors) to
be sortable, but after I
sort an item, the link is executed, and I am taken to the
Actually, I am applying the sortable to an LI tag which contains the
link, but if I sort and the mouse pointer is on top of the link, the
link click event is still executed.
On Oct 13, 10:09 am, Andy Matthews [EMAIL PROTECTED] wrote:
He's not talking about clicking on the link to activate it,
Ok, that worked quite well, I made following 2 functions
$.fn.block_row = function(opts) {
row = $(this)
height = row.height();
$('td, th', row).each(function() {
cell = $(this);
//$('input', cell).hide().addClass('hiddenInputByBlock');
cell.wrapInner('div class=holderByBlock
jQuery is a fast, concise, JavaScript Library that simplifies how you
traverse HTML documents, handle events, perform animations, and add
Ajax interactions to your web pages. jQuery is designed to change the
way that you write JavaScript.
Eclipse WTP support javascript code content assistance,but
$('div/') returns array of one object. Is this some kind of virtual
element? $('anything/') also returns one element.
I am using this element to make html encode (Example $('div/
').text('br/').html()).
Is this jquery bug? I didn't find any documentation of this behavior.
I don't want to rely
On Oct 12, 5:41 pm, ivframes [EMAIL PROTECTED] wrote:
I have a page that loads with jquery's .load() function.
However, that page is a form with two custom JS files attached.
When I load it separately, the JS code works. However, when used
with .load(), it does not.
What I'm missing here?
jQuery is a fast, concise, JavaScript Library that simplifies how you
traverse HTML documents, handle events, perform animations, and add
Ajax interactions to your web pages. jQuery is designed to change the
way that you write JavaScript.
Eclipse WTP support javascript code content assistance,but
great thanks!
as soon as the for is online i'll tell you the link, in case it's
useful!!
Vitto
On 13 Ott, 16:28, Jörn Zaefferer [EMAIL PROTECTED]
wrote:
Try this:
var fields = $(#tel, #mobile);
fields.blur(function() {
fields.valid();
});
That triggers validation for both field when
does this html has any flaws (from a jQuery perspective) that could
make jQuery break ??
input name=ctl00$body1$Tab_Customer1$txtAddr1 type=text
value=text value id=ctl00_body1_Tab_Customer1_txtAddr1
class=field-data /
??
Using the Validation plugin (http://docs.jquery.com/Plugins/
Validation/)
I've got checkboxes like this:
input type=checkbox name=q4 id=q4 value=1 /
input type=checkbox name=q4 id=q4 value=2 /
input type=checkbox name=q4 id=q4 value=3 /
input type=checkbox name=q4 id=q4 value=4 /
input
Well, as mentioned above use the Sortable's event handlers (sort
start, end, etc) to wire/unwire on an return false to the
anchors...
On Oct 13, 11:09 am, Adam [EMAIL PROTECTED] wrote:
Actually, I am applying the sortable to an LI tag which contains the
link, but if I sort and the mouse
Details about the default behaviour are here:
http://docs.jquery.com/Plugins/Validation/Reference#Validation_event
You can make the validation more aggresive with some custom event handling:
$(input[name=q4]).click(function() {
$(this).valid();
});
Jörn
PS: You really shouldn't use a single
I've started gathering sites using the plugin some time ago, its still
a very small list, though I'm quite sure there are a ton of unlisted
sites. You're welcome to add yours:
http://docs.jquery.com/Plugins/Validation#Sites_using_the_plugin
Jörn
On Mon, Oct 13, 2008 at 5:16 PM, hcvitto [EMAIL
Hi Martin,
The main cause of the problem is you're using the e.target as the
starting selector on the effect. So when the mouseout event occurs
the event's target can be different from what you're expecting.
So the initial fix is to change $(e.target)... to $(this)...
However, using the
hi all!
greetings to everyone!
I am sorry if I missed the solution
of this problem given here already
but I searched for quite some time.
here is my problem
I have written a form with only a select box
which, when changed, should submit
its form and load the response from the
server in the same
Actually, I am applying the sortable to an LI tag which contains the
link, but if I sort and the mouse pointer is on top of the link, the
link click event is still executed.
On Oct 13, 10:09 am, Andy Matthews [EMAIL PROTECTED] wrote:
He's not talking about clicking on the link to activate it,
Hi
If I have the following list and I want to find if the contents of li
class=active is an image how would I do it?
div id=medalist
ul
li class=activeimg src=media/nin2.jpg/a/li
lia href=media/nintendo.swf/a/li
liimg src=media/nin2.jpg/li
Hi,
I'm using .block while the content of a Div is refreshed. It's all
fine if the scrollbar of that div is a the top, but if it's not, then
the .block interface is no longer hiding the content of the grid.
How can I align the top of the block ui with the position of the
vertical scrollbar in
my form have custom attribute for configure jquery function like
form id=tform
input type=text name=email1 custom=req ,isEmail /
input type=text name=email2 custom=eq|email1 /
/form
how to collage list of value in custom attribute in tform?
Hmmm... here's some example code i worked up really quick
http://paste.pocoo.org/show/87852/
even *without* the bind and unbind it worked as it should
(dragging an li or a sorted it, just clicking it made it go to
the href)
On Oct 13, 11:52 am, Alexandre Plennevaux [EMAIL PROTECTED]
Hello,
I have a form with 5 fieldsetss Does anyone knows how to do one of the
following (or maybe a plugin)?
1. Collapse/Expand a fieldset when its legend is clicked.
2. Turn the fieldsets into tabs.
When the form is submitted I should always have access to all form
input values.
Thanks,
how about preventing event bubbling ?
$(.mydraggable).click(function(e){ e.stopPropagation();});
On Mon, Oct 13, 2008 at 5:38 PM, MorningZ [EMAIL PROTECTED] wrote:
Well, as mentioned above use the Sortable's event handlers (sort
start, end, etc) to wire/unwire on an return false to the
Thanks Mickster and MorningZ! :)
Gonna read up on those articles and functions tonight and give it a
shot! :)
I know its terrible practice but laziness always made me return AJAX
requests as CSV strings that i'd then explode and access the array's
indices (since i know in what order the values
Thanks to Felix Geisendörfer, he answered in his blog:
It's an element not attached to the document tree. Until you attach it
to an existing element it pretty much is isolated from anything else.
On Oct 13, 9:43 am, Viktar [EMAIL PROTECTED] wrote:
$('div/') returns array of one object. Is
Any security you feel like you get from JSON or CSV is flat out naive
Either one is just as insecure as plain ol text
The advantage of using the $.getJSON method (which remember, is just
$.ajax but with the dataType set to json) is that you don't need to
do anything special to parse it when
I'm not sure if this is a bug so I thought I'd ask folks and see what
they had to say.
I have some export links on a page, and despite me not using $.remote
or $.history (I use $.click) when a user clicks on these export links
in IE, if they use the browser back button afterwards, it tries to
Hi,
Rather than replace the href in the source code you could add a click
handler to call your JavaScript function.
A bit like this:
$(function(){
$('a[rel=paginate]').click(function(){
ajax_getPage($(this).attr(href).split(=)[1]);
return false;
});
});
Paul
On Oct 12, 10:56 pm,
Try:
$(document).ready(function(){
if ($('#medalist li.active').children().is('img')){
alert(true);
}else{
alert(false);
}
});
There are typos errors in your sintaxe. Double check it!
-Mensagem Original-
De: jdenkaat [EMAIL PROTECTED]
Para: jQuery (English)
hi
i'm using tha validation plugin on a very long form. It works fine
everywhere but for one little issues:
i need to trigger a function onblur of a single field: i got a tel
and a mobile input field one of which is required (at least).
How i trigger the callback after i fill the input to erase
Thanks for the reply Jose, although that won't work in my scenario. I
am using it for the very first slide so that the left arrow is
disabled, but I can't determine when the end of the photostream has
been reached in order to disable the right arrow - thats the problem
I'm having!
Check it out
true :)
short of encrypting the hell outta all my responses and then decrypting them
client-side there's nothing to do really..
and even in that case since the decryption is done client-side the algorithm
would be easily accessible :P
i guess just try not to pass sensitive information and also
I have more than 20 pictures. I'd like to show them in different
frames, let's say 5 different kinds of frames.
I want to set up showing a default picture and frame. And you can
select one of frames and hover pictures to see how it fits.
I bought two jquery books, and started reading them. So I
Thanks for your suggestions !!
Any body have any view for it
On Oct 13, 11:51 am, Alexandre Plennevaux [EMAIL PROTECTED]
wrote:
I personally prefer jqmodal, the result is snappier. Maybe this conversion
tutorial will help you
damn this has been driving me crazy all day! and i can only find you
with the same problem...
after going round in circles i have found that for some reason to
enable jCarousel in safari the code needs to be in the page rather
than an external file???
I hope someone might be able to shed a
I have a click event tied to an element and I need to access a grandparent
element that is quite a few jumps away. I could count the jumps and hard
code it but is there a way to recursively roll out until you reach a parent
that matches a given id?
Or do you manually have to do it?
Cheers in
Hiya,
I've not been able to find an answer to this online! can someone point
out the correct syntax for this:
var myRel = $(this).attr(rel);
var largePath = $('a[rel*=' + myRel +']').attr(href);
Basicly the myRel gets set correctly, but how do i use the javascript
variable as part of the
I have nested lists that are are trigged by clicking on an anchor
tag. I hardcode a specific sublist to display initially, which
works. The problem is parent anchors that have sublists get two
arrows, down and right, depending on if it's expanded or not, and I
can't get the down arrow to
Hiya,
I've not been able to find an answer to this online! can someone point
out the correct syntax for this:
var myRel = $(this).attr(rel);
var largePath = $('a[rel*=' + myRel +']').attr(href);
Basicly the myRel gets set correctly, but how do i use the javascript
variable as part of the
Even considering the TV plugin works nice ,we need some specific
features like
handling each graph (+,- ) instead of using an unique image.Plus we
need to generate
them from a Perl CGI ,using our interface.We are advanced on the
matter but I think a
check with the group would be useful.
Comments
Hello. I have appended a svg into the html. Now I want to get those
svgs in jquery wrapper but I couldnt manage to fin a way. Below is the
code. How can I get different namspace tags by jQuery.
html xmlns=http://www.w3.org/1999/xhtml;
xmlns:svg=http://www.w3.org/2000/svg;
head
That looks like the proper syntax to get your desired selector. Are you
getting an error or unexpected results?
-- Josh
- Original Message -
From: Shadi Almosri [EMAIL PROTECTED]
To: jQuery (English) jquery-en@googlegroups.com
Sent: Monday, October 13, 2008 9:32 AM
Subject:
Thanks to all of you!
But Now got more congused by. I am using jquery validation plugin in
thickbox plugin but this function :
equalTo: Enter the same password as above was not working so
planning to move to new UI modal.
can somebody tell me why this is not working?
Thanks
On Oct 13, 7:02
Hi Eric!
data[User][password]: {
required: Provide a password,
rangelength: jQuery.format(Enter at least {0}
characters)
},
data[User][password2]: {
Hi,
I have a scrollable div containing a table that can have like 100 thousands
of lines from my database. I want to have an ajax update every 5 seconds on
this data. So I tought I could update only the records which are visible in
the area of the div that the user scrolled to.
How would you
We'll need a larger code sample to help you out.
Are you using Equal To as an in-html class name? or are you using it
as a part of a Rules object that's passed to the validate() call?
-E
On Oct 13, 1:46 pm, bookme [EMAIL PROTECTED] wrote:
Thanks to all of you!
But Now got more congused by.
As described in this section of the Validation documentation,
'equalTo:' takes an expression which relates to another element, and
it goes inside the 'rules:' object in the options.
You seem to be describing the messages below. Where is your code that
defines the rules?
May I recommend posting
oops. forgot link to Validation documentation:
http://docs.jquery.com/Plugins/Validation/Methods/equalTo
On Oct 13, 2:08 pm, Eric [EMAIL PROTECTED] wrote:
As described in this section of the Validation documentation,
'equalTo:' takes an expression which relates to another element, and
it
That works now, but I have some issues with other functions.
Apparently, the problem is not in loading the external javascript
files as I previously thought, they load correctly just with .load()
function.
Problem is in window.onload function.
This part of the script is causing the problem:
I've done something similar to this, where validation is may be run at
either field level or on form submit, or both (default is both, can be
overridden by invocation setting, below).
http://beta.ksscholl.com/jquery/formvalidate.html
Routine is invoked by the following snippet in the HEAD of
So something is going very wonky with jFrame. When a page loads into
a div, and I click on an image, it spits out the longest string of
unreadable junk.
Qa2q��B�R#��3���brCS$�� ��?���Lz%�2��쩻
�`�1��H5i�G�0��E�{wd�{��M� ��TGܙi��Qn��#J���l9U[�իxw��4V�l!
�Bb�m�o r
Hi guys,
I'm new to jQuery but already see lots of potential to use it above
let's say Flash. Very excited about learning more!!
I have a question pertaining the jQuery event.preventDefault() method:
Is there a way to reinvoke the default action again? I would like to
fade out or ease out
I doubt that will work, since all of the dd elements are siblings of
the clicked dt.
Mauricio, Take a look at the nextUntil plugin. That should do what
you're looking for:
http://docs.jquery.com/JQuery_1.2_Roadmap#.nextUntil.28.29_.2F_.prevUntil.28.29
After including the plugin, you can
On Firefox 2.0, Linux, I'm seeing horrible performance issues on a
draggable div. I thought it might be due to images in the div, but I
removed all of that and even a simple div with little content performs
poorly. Interestingly enough the demo on the jqueryUI site works
great. This makes me
Exactly and thats what I did to make it work.
thanks,
Johan
On Oct 9, 8:58 am, ricardobeat [EMAIL PROTECTED] wrote:
DIVs are not allowed inside a table like that anyway, you should be
adding another tr and td for the map - right now the browser is
figuring it out and doing that job for you.
Is it possible to save the state of a draggable DIV's position?
I can make a DIV draggable as explained here:
http://docs.jquery.com/UI/Draggables
But how can I acquire the new DIV position, and save it somewhere, so
that when my web page is accessed again, the new DIV position is
remembered.
Using either $.fn.hover or $.fn.mouse(over|out), I can't figure out
how to prevent my animations from firing repeatedly. You'll see what I
mean: http://703designs.com/jQuery/port.php (view source to see what's
going on).
How would I change this so that the over/hover event can't fire until
the
I tried it out and it fixes the problem - thanks a ton Michael!
Nice work on the packager, Stuart.
It's something we've considered including in the past, but never
implemented -- except, of course, for jQuery UI.
One drawback of offering a public packager such as this one is that it
makes third-party troubleshooting and support quite a bit more
You could try something like this:
function filterPath(pathString) {
return pathString.replace(/^\//,'').replace(/\/(index\.\w{3,4})?
$/,'')
}
$('a').filter(function() {
return filterPath(this.pathname) == filterPath(location.pathname);
}).addClass('active');
Then, style an active
For actions that happen faster than the javascript transitions, is
there a way to make the javascript break it's current loop, and start
doing the new action?
@Paperboy:
Sorry, both solutions you pointed out selects ALL dd after the dt clicked. Tks!
@Karl:
The plugin you pointed out do the job. Tks!
Maurício
How about this? It creates a couple of custom events (showme and
hideme) that you trigger to set the state, and the click event just
delegates to the right one based on the current state. I just
triggered a click on CollapseAll to set the initial state; if you
didn't want the coloring to be
I am having a strange problem.
I am using jQuery 1.2.6, Flowplayer and Facebox for a little effect
that opens a Facebox when a video is done playing.
All the code seems to be right. It plays great on my dev machine. Then
when I load it to a server, again plays great.
But if I go to any other
I assume your use of braces instead of parenthesis is just a typo?
I am unable to reproduce this. This works for me:
$('body').append('div id=foobar name=foobar.../div');
$('#foobar').size(); // 1
Could you provide a sample page?
--Erik
On Mon, Oct 13, 2008 at 1:30 PM, Tim Scott [EMAIL
Given this element...
div id=foo name=foo/div
...why this does not match the element...
${'#foo'}
If I change or remove the name attribute, it does match. Is this by
design or a bug?
How can I update the data from autocomplete plugin?
I tried it with flushCache, but it doesn't work.
Someone has a example code that could show me?
--
Att,
Antonio Lazaro
... is there a way to recursively roll out until you reach a parent
that matches a given id?
It sounds like you want .parents(selector), which looks for the
ancestor elements matching the selector.
http://docs.jquery.com/Traversing/parents#expr
As Erik says, a sample page would help. I am guessing that you may be
using IE6/7, where getElementById returns elements that match the name
attribute as well. Also, what doctype are you using? I don't think any
of the common ones support a name attribute for the div element.
!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;
html lang=en
head
script src=http://jqueryjs.googlecode.com/files/
jquery-1.2.6.pack.js type=text/javascript charset=utf-8/script
script src=http://ui.jquery.com/js/ui.js;
Of course, I assumed that you needed nested accordions - so that inner
uls can be made into accordions as well.
Hey,
What I'm trying to do is create a popup that appears below an icon
when you mouseover the icon. To do this I need to get the location
of the icon (div) and then I can position the popup accordingly from
there.
The issue that I'm running into is if I don't actually directly assign
the icon
Nevermind, I've figured it out now. Turns out I just wasn't using the
right search term for the jQuery Documentation.
For anyone who is wondering, I ended up using the position() function.
Thanks again.
1 - 100 of 110 matches
Mail list logo
