Re: [jQuery] Drag and Drop and Remember Position?
West
The way that I was doing it was to store the HTML into the database.
Once I get to work I can get an example if you would like?
Thanks
Chris Owen
Sent from my iPhone
On 8 Jan 2010, at 06:52, West415 wrote:
bump...
West415 wrote:
Hi,
I have a page where users can drag and sort a set of divs. Each
div is
like a widget and the code below allows you to move divs around
pretty
easily. The problem for me is I want to somehow store and retrieve
the
position each div is in so when the page reloads they appear in the
same
order or when the user logs out and comes back in, they are in the
same
order.
How can this be done?
I have the following code:
$(function() {
$("#sortable").sortable({
revert: true
});
});
Panel A
Panel B
Panel C
Thanks,
-West
--
View this message in context:
http://old.nabble.com/Drag-and-Drop-and-Remember-Position--tp27010297s27240p27072008.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com
.
[jQuery] Re: How do i get this mega dropdown with jQuery??
I wouldn't really call that a "mega" dropdown. All it is is 2 divs, the second one hidden and sliding into view when you mouseover the first. The menu items themselves appear to be completely irrelevant as far as the dropdown effect is concerned. On Jan 6, 8:37 am, 123gotoandplay wrote: > Hi all, > > I am trying to get this mega dropdown menu: > see textielmuseum.nl/ > > So far i have: > bldd.nl/prototypes/megamenu/test2.html > > But i can´t get the hoverIntent to work? > here´s my try W.I.P > bldd.nl/prototypes/megamenu/test4.html > > Any tips, ideas how i to get my mega dropdown to work on hover and > hide it??? > > Regards,
[jQuery] Re: Superfish - Multiple Columns
On Nov 22, 11:25 am, Charlie wrote: > : simplest case -- you can put just about any element into an LI, , floating > your internal elements with 1/2 the width of the LI/UL they are in will make > 2columns > Chris wrote:How would you useSuperfishto make a dropdown menu that > containsmultiplecolumnsof menu items? Thanks, you're right. Turned out to be entirely a CSS/HTML issue.
[jQuery] Superfish - Multiple Columns
How would you use Superfish to make a dropdown menu that contains multiple columns of menu items?
[jQuery] Re: How to avoid page refresh with jquery in typo3 ?
If you do have a direct link to a tutorial/article/documentation of how you avoid page reloads/refresh with JQ (or any other AJAX lib) in typo3 Front-end sites, please do share it !
[jQuery] Re: How to avoid page refresh with jquery in typo3 ?
mhh .. yeah well, GIYF and RTFM ... would it really have taken you that much more time to answer the question instead of lecturing me ? in any case thx for taking the time to respond ... i did google my fingers bloody on this issue and read a variety of manuals of several JS libraries, however i'm not a very skilled Javascript programmer, i know my way around typo3 but not so much around complex code, so unfortunately after a couple of days of researching i turned up nothing except the link posted above that has much to do with using AJAX with typo3. i'm near the point of giving up ... i know it's possible (see the weblink posted above) but it seems to be a secret well buried or to complicate for me to find/ understand so pardon me if before i read another entire set of manuals and loose days i ask a couple of simple questions to the masters: can this be done with Jquery ? Is it hard/complicated/laborious to do ? How do you do it step by step ? Where do i start ? thx if you can bother to share your wisdom :)
[jQuery] How to avoid page refresh with jquery in typo3 ?
hello, i am completely new to jquery .. what i would like to do is one simple thing, have my page contents load without a browser refresh on a typo3 site. Is this very hard to do ? I couldn't find any extension that easily allows to do this ... i would like something like this site: http://typo3.lexmarketing.eu/index.php?id=startseite can someone explain to me the basic steps i need to get this to work ? Thanks for any help with this, i've been trying unsucessfully for the last 2 days to find a tutorial or info about using AJAX libs to avoid pagerefresh and load content in the background and then just replace the content in the page instead of reloading a full page. maybe this is really simple to do ?
[jQuery] looking for a plugin or code that displays text slowly
Hello everyone. I'm looking for a plugin or code that will display the text contents slowly so it will simulate a live eent. For example: The fight begins... << brief pause>> Fighter 1 throws a stiff jab followed by an upper cut! << brief pause>> Fighter 2 tries a takedown!!! etc. Does anything like this exist? If not, would it be difficult to create using jQuery?
[jQuery] Re: cross domain getJSON nothing happens
Hi, I was perusing the group looking to help a colleague with a
similar problem.
One thing I noticed here, and maybe this has no bearing at all, was
the difference between the syntax in the first two posts:
jayQuery wrote:
$.getJSON('http://site1:/myjson.json?format=json&callback=?', {},
function(data) { alert(data.result); })
Mike Alsup wrote:
$.getJSON('http://site1:/myjson.json?format=json&callback=?',
function(data) {
alert(data.result);
});
Those are different from one another. jayQuery passes an empty set of
braces as second argument to getJSON, whereas Mike's passes the data
function as the 2nd argument. Also, jay's overall wrapper function is
not closed with a semicolon.
Not sure if it has any bearing at all, just noting that one says his
works and the other says his doesn't, but they are different.
On Oct 23, 8:47 am, Mike Alsup wrote:
> > the json file named "myjson.json" (I've reduced its contents to its
> > minimum for testing purposes and it validates in JSONLint):
> > {"result": "true"}
>
> > The javascript:
> > $.getJSON('http://site1:/myjson.json', {}, function(data) { alert
> > (data.result); })
>
> > I'm testing it in a local server (MAMP), and the code above works as
> > expected.
>
> > The problem is when I place the query that contains the callback (?
> > format=json&callback=?), as I understand correctly, this is the way to
> > get cross domain json:
>
> > $.getJSON('http://site1:/myjson.json?format=json&callback=?', {},
> > function(data) { alert(data.result); })
>
> > It doesn't show the alert, either when in my local server or in an
> > outside server.
>
> > By looking at the firebug console/net panel, I can see that the
> > response + json are correct, but the alert simply doesn't happen...
> > All this because of the cross domain query.
>
> > I've tried all the other ways ($.ajax(), $.get(), $.post()) and after
> > adding the callback query nothing happens!
> > I've even tryed adding the "( )" and doing an eval, but nothing...
> > Anything I put inside the function(data) {} is ignored.
>
> Both of these methods work fine for me:
>
> $.getJSON('http://site1:/myjson.json?format=json&callback=?',
> function(data) {
> alert(data.result);
>
> });
>
> $.ajax({
> url: 'http://site1:/myjson.json?format=json',
> dataType: 'jsonp',
> success: function(data) {
> alert(data.result);
> }
>
> });
[jQuery] jQuery Tabs - retain tabs on browser refresh
I have created a page that uses the jQuery UI tabs widget and an accordion. I'm creating tabs dynamically when an item is clicked in the accordion and loading a page into the tab. I have seen that there is a cookie facility for the tabs to provide the ability to retain the selected tab but I'm wondering if there is a way to retain my dynamic tabs when the browser is refreshed?
[jQuery] Another quick update to CFJS
Hey folks, I've made another quick update to the DateFormat function in CFJS. You can read about it on my blog if you like (http://cjordan.us/index.cfm/CFJS). It's at version 1.1.12, and as always is available from http://cfjs.riaforge.org. Cheers! Chris
[jQuery] A quick note about CFJS
I just wanted to let everyone know that CFJS 1.1.11 is now available. There was a small bug in two of the list functions (ListContains and ListContainsNoCase). You can read about the changes here<http://cjordan.us/index.cfm/2009/10/15/CFJS---Bug-Fix-Release>. You can download the latest version of CFJS here <http://cfjs.riaforge.org>. Thanks, Chris
[jQuery] Color based on table data
I have a table of data brought in through lift and in it is a status
column. I am wondering if there is an easy way to color a row based
on the contents of that column. Any status of broken was red, edited
was yellow and finalized was green. It seems like I could write a
widget for doing this, but I don't know how it would work and have
little experience with creating my own widgets.I don't think linking
any of my code would really help the cause, but here is the
initialization which includes functions for mouseover color changes.
$(document).ready(function() {
// Adds "over" class to rows on mouseover
$(".tablesorter tr").mouseover(function(){
$(this).addClass("rowHover");
});
// Removes "over" class from rows on mouseout
$(".tablesorter tr").mouseout(function(){
$(this).removeClass("rowHover");
});
$('.tablesorter selectThisRow').click(function() {
$(this).parent('tr').addClass('selected');
});
$("#claims").tablesorter(
{
sortList:[[4,0],[6,0]],
widgets: ['zebra'],
headers: {
0: { sorter: false },
1: { sorter: false },
2: { sorter: false },
3: { sorter: false },
5: { sorter: false },
7: { sorter: false },
8: { sorter: false }
}
})
.tablesorterPager({container: $("#pager")});
});
I'm working with scala and lift as well so I'm bringing in the table
data from a database when the page loads.
Any advice would be helpful here, whether you think a widget is how to
make the colors adjust, or creating more JS functions for doing it.
Thanks in advance,
Chris
[jQuery] Looking for Awesome Frontend Engineers
Web Application Engineer Standard Nine Inc. San Francisco, CA We're a small but well-funded startup that's changing the face of learning content. Our existing team is a mix of people from Harvard, MIT, Apple, Google and Facebook, and our cash comes from a veritable who's who of Silicon Valley investors. We're looking for some talented and intelligent engineers who want a dynamic, super-fast-paced, fun work environment. The successful candidate will get a healthy chunk of pre-Series-A equity, a salary, benefits and all the goodness that comes with working at an exciting startup in San Francisco. Responsibilities will be broad and tailored to the skills and passions of the candidate, and will include the following: Responsibilities: - Take the lead role in implementing a new class of rich web applications - Interface with the design team to bring their user experience designs to life - Target a specific browser engine, probably WebKit, to push its limits and make rich applications - Manage the lifecycle of the web-based applications Skills and Experience: - The number of years of experience you have is not as important as your raw intelligence - You can point to compelling examples of your work that are online today - Experience with bleeding edge web technologies, especially HTML 5 - Strong JavaScript proficiency and experience with JS frameworks, such as JQuery - Experience with WebKit development would be a plus - Engineering project management skills would be valued Although this position is viewed as an individual contributor role, the company is growing, and we'd consider people with the experience to grow into management roles, too. As we're keeping a low profile, additional details on our product direction, business strategy, etc. (all things we'd expect interested parties to reasonably want to know before considering a position) would be shared in an initial face-to- face conversation. Interested? Drop us a line. j...@standardnine.com
[jQuery] Problem Clicking a next link
Hi,
I'm trying to add some keyboard navigation to an existing page.
The page has links one for 'Next' and one for 'Previous'
I've already gotten the keypress bits working properly, my next
problem is the .click() method.
Here's the code called by the keypresses:
$("a:contains('Previous')").click();
$("a:contains('Next')").click();
This returns no error code, although firefox does generate the
following warning:
Warning: Unknown pseudo-class or pseudo-element 'contains'.
[jQuery] Disabling jCarousel Image Selection
I've encountered a minor but annoying bug in jCarousel.
1. Go to http://sorgalla.com/projects/jcarousel/examples/dynamic_javascript.html
2. Double click the right arrow button.
3. Notice some of the images and middle section get the selection
"highlight".
It's almost not noticeable in this simple example, but in more
complicated examples it gets very annoying.
How would you disable the select-on-double click feature for the
jCarousel widget? I've tried doing:
$('#myCarousel').bind('dblclick', function(){ return false; });
but this has no effect.
Regards,
Chris
[jQuery] Quick announcement about CFJS for jQuery
Hi folks, I just wanted to drop a quick note letting everyone know that I've committed cfjs 1.1.10 to the repository on riaforge.org (http:// svn.riaforge.org/cfjs/). This new version includes HTMLCodeFormat() and HTMLEditFormat(). I'll be working on NumberFormat() soon as well as a short list of Array functions that have been on my to-do list for quite a while now. These include: ArrayAverage() ArrayClear() ArrayDeleteAt() ArrayInsertAt() ArraySum() You can visit the project page over at cfjs.riaforge.org, or read my blog articles about it over at http://cjordan.us/index.cfm/CFJS Hope folks are continuing to find this useful. :o)
[jQuery] Select node that is not descendant of a class
Hello! Given the following DOM How can I *efficiently* find all .myClass nodes that are *NOT* descendants of .notClass ? What I currently do is find all .myClass nodes and then run a filter on the results that checks that the node doesn't have a .notClass parent. This just seems a little inefficient, so I was wondering if there is a more efficient way to get all .myClass nodes that are not descendants of .notClass. Thanks! Best, Chris
[jQuery] This is not a function
Ok for some reason none of my jQuery is working i get these errors :
Error: $ is not a function
Source File: http://wptest.moppieillusions.com/
Line: 52
Error: $ is not a function
Source File: http://wptest.moppieillusions.com/
Line: 100
Error: $ is not a function
Source File: http://wptest.moppieillusions.com/
Line: 77
Error: jQuery("a.lightbox").lightBox is not a function
Source File:
http://wptest.moppieillusions.com/wp-content/plugins/flexible-lightbox/js/lightbox_call.js
Line: 7
Error: window.attachEvent is not a function
Source File:
http://wptest.moppieillusions.com/wp-content/themes/wpShop/js/unitpngfix.js
Line: 4
Error: window.attachEvent is not a function
Source File:
http://wptest.moppieillusions.com/wp-content/themes/wpShop/js/unitpngfix.js
Line: 4
Its like jQuery isnt loading this is the url http://wptest.moppieillusions.com/
[jQuery] Re: form elements brainteaser
That was fantastic! Thank you very much for that! On Aug 19, 5:09 pm, Peter Edwards wrote: > Hi Chris, > > I have a working example at: > > http://jsbin.com/udota/ > > I've made the number of second inputs configurable so you can test it. > All you need now is a way of checking if they all add up to 100 if you > make them "user configurable" - I'll leave that up to you though! > > Peter > > on 19/08/2009 21:17 Chris Hall said:: > > > I have a good idea of what I want to accomplish, but I'm not sure how > > to do this with jquery. > > > If you can help give me an idea of what I must do or how to accomplish > > this I would GREATLY appreciate it! > > > I have a form that can has 4 radio buttons and two sets of text > > inputs. The first set always contains 6 inputs. the second set can > > contain between 1 and 5 inputs. > > > The goal is to allow the user to enter numbers in the two groups of > > inputs that total 100 (in both groups combined, not 100 for each > > group). > > > If the first radio button is selected, I fill the first group (6 text > > inputs) with 17, 17, 17, 17, 16, 16 (easy because the number of text > > inputs in this group do not change), and place all 0's in the second > > group of text inputs. > > > If the second radio button is selected, I must count the number of > > text inputs in this group and divide 100 between this group and place > > all 0's in the first group of text boxes (and the total must equal 100 > > so some boxes may have 1 more than others). > > > If the third radio button is selected, I must count all text inputs > > (first and second group) and divide 100 between this group (and the > > total must equal 100 so some boxes may have 1 more than others). > > > If the 4th radio button is selected I make all the text boxes enabled > > (otherwise they have been disabled) and the user can enter a custom > > configuration. > > > I've went at this several different ways, but none work well. > > > Thisbrainteaserhas me pulling out what little hair I have left. > > > If you can offer any help I would *GREATLY* appreciate it.
[jQuery] jQuery Form Plugin ajax submit
Using the following code:
$('.input_all').attr("disabled", "disabled");
for input texts with the class="input_all" seems to break jQuery forms
ajax submit.
How can I fix this?
[jQuery] form elements brainteaser
I have a good idea of what I want to accomplish, but I'm not sure how to do this with jquery. If you can help give me an idea of what I must do or how to accomplish this I would GREATLY appreciate it! I have a form that can has 4 radio buttons and two sets of text inputs. The first set always contains 6 inputs. the second set can contain between 1 and 5 inputs. The goal is to allow the user to enter numbers in the two groups of inputs that total 100 (in both groups combined, not 100 for each group). If the first radio button is selected, I fill the first group (6 text inputs) with 17, 17, 17, 17, 16, 16 (easy because the number of text inputs in this group do not change), and place all 0's in the second group of text inputs. If the second radio button is selected, I must count the number of text inputs in this group and divide 100 between this group and place all 0's in the first group of text boxes (and the total must equal 100 so some boxes may have 1 more than others). If the third radio button is selected, I must count all text inputs (first and second group) and divide 100 between this group (and the total must equal 100 so some boxes may have 1 more than others). If the 4th radio button is selected I make all the text boxes enabled (otherwise they have been disabled) and the user can enter a custom configuration. I've went at this several different ways, but none work well. This brainteaser has me pulling out what little hair I have left. If you can offer any help I would *GREATLY* appreciate it.
[jQuery] Re: Detecting Selected Text
Thanks for the response Richard. I'll check out these links. :o) On Aug 19, 7:59 am, "Richard D. Worth" wrote: > See > > http://code.google.com/p/ierange/ > > For a bit of history (though a different author), you can > readhttp://marijn.haverbeke.nl/codemirror/story.html > > the last 6 paragraphs under 'Take one: Only indentation'. > > - Richard > > On Tue, Aug 18, 2009 at 4:08 PM, Chris Jordan wrote: > > > > > Is there a particularly jQuery-ish way to determine if there is text > > selected on the screen? I've googled around for some code on this > > subject, but I want to be sure that whatever I use is cross-browser > > compatible. It's been my experience that if I let jQuery do the heavy > > lifting for me, that my solutions are always compatible across the > > major browsers. > > > What I'm specifically needing to do is see if the length of what the > > user has selected in a text field is the same as the length of all of > > the text in that field. Make sense? In other words, if I've got a text > > box with fifteen characters in it, I want to know the length of their > > selection (zero to fifteen). > > > Thanks!
[jQuery] Detecting Selected Text
Is there a particularly jQuery-ish way to determine if there is text selected on the screen? I've googled around for some code on this subject, but I want to be sure that whatever I use is cross-browser compatible. It's been my experience that if I let jQuery do the heavy lifting for me, that my solutions are always compatible across the major browsers. What I'm specifically needing to do is see if the length of what the user has selected in a text field is the same as the length of all of the text in that field. Make sense? In other words, if I've got a text box with fifteen characters in it, I want to know the length of their selection (zero to fifteen). Thanks!
[jQuery] "Unsaved Changes" form validation
This is not JQuery specific per se, but a generalized JavaScript problem. I happen to be using JQuery in my application, so the solution will most certainly be implemented with JQuery. I have a multi-page form which I allow the user to navigate freely before validating and submitting. There is a "save and continue" button, but also an html nav menu that allows navigation w/o saving. Customer has requested that the nav menu also save so users are never suprised to learn they lost any changes they made. I need a way to monitor the form fields for changes (fields consist of text, select, and textareas only) and then on click in the html nav menu prompt the user for unsaved changes. I'm just looking for a basic methodology on how to set this up. I am thinking I'll need an event listener to monitor the form fields for onkeyup and onchange events which would flip a value somewhere from 0 to 1 (not edited to edited), and then onclick of the html menu prompt the user with an alert warning them to save before continuing. Is there any easier way to accomplish this? Thanks.
[jQuery] Re: Looking for a Good JavaScript Editor that Supports JQuery
+1 Aptana. excellent for javascript in general, comes with support for jquery 1.3 enhanced code support. excellent html and css editor as well. built on eclipse framework without all the java editor bulk. 2009/8/2 cfddream <371486...@qq.com> > Aptana? > > -- > Ever > Now > .. > > > > -- Original -- > *From: * "S2"; > *Date: * 2009年8月2日(星期天) 上午9:21 > *To: * "jQuery (English)"; > *Subject: * [jQuery] Looking for a Good JavaScript Editor that Supports > JQuery > > > Does anyone know of a good JavaScript editor that supports JQuery? > Anyone sucessfully integrate JQuery into Eclipse/WTP or JSEclipse? > -- Christopher Thatcher
[jQuery] Re: Loading a Page in an Iframe with BlockUI
Thanks JohnZ/Eric. That works perfectly!
Chris
On Wed, Jul 29, 2009 at 1:23 PM, Eric Martin wrote:
>
> Chris,
>
> Regarding SimpleModal, wouldn't this accomplish what you are looking
> for?
>
> $.modal('http://www.ericmmartin.com"; id="iframeTest"
> name="iframeTest" height="450" width="830" style="border:0" />', {
> closeHTML:"",
> overlayClose:true,
> containerCss: {height:450, width:830}
> });
>
> That's with SimpleModal v1.3.
>
> -Eric
>
> On Jul 29, 7:24 am, Chris wrote:
>> How would you load a separate page in an iframe with BlockUI?
>>
>> I tried:
>> forceIframe:true,
>> iframeSrc:'/iframepage.html'
>>
>> but BlockUI still creates the default "Please wait..." overlay, but
>> also creates a seemingly separate iframe overlay, but without applying
>> any of the CSS properties to it.
>>
>> If BlockUI doesn't have this functionality, so any of the other
>> overlay plugins support it? I've tried jqModal and SimpleModal, but
>> none of them seem to explicitly support this.
>>
>> Regards,
>> Chris
> >
>
[jQuery] jCarousel Unable to Hide List Bullets
I noticed the default CSS in the jCarousel examples include "list- style: none;" However, if you hide the img tags, you'll noticed IE7, Safari4, and FF3.5 all show the list bullets. Is there something I'm missing here? I'd expect "list-style: none;" to be pretty simple to interpret, but I find it hard to believe all the major browsers get it wrong. The one element I noticed is the bullets are hidden for non-floating tags. It's only when the tags are set to float when the browsers refused to hide bullets. Is "list-style: none;" only honored if the tags aren't floating?
[jQuery] Loading a Page in an Iframe with BlockUI
How would you load a separate page in an iframe with BlockUI? I tried: forceIframe:true, iframeSrc:'/iframepage.html' but BlockUI still creates the default "Please wait..." overlay, but also creates a seemingly separate iframe overlay, but without applying any of the CSS properties to it. If BlockUI doesn't have this functionality, so any of the other overlay plugins support it? I've tried jqModal and SimpleModal, but none of them seem to explicitly support this. Regards, Chris
[jQuery] Re: Hiding the cancel button in Ratings plugin, v.3.12
Hi Lee,
I found that uncommenting and setting the option 'required' to true on
line 332 did just this. Of course, remember to add in the required
comma at the end of line 328 to delimit the array options correctly.
Thanks
Chris
On Jun 24, 12:13 pm, leefw wrote:
> Hi
>
> Right to the point:
>
> I don't want to use the cancel button functionality of the ratings
> plugin (version 3.12) so I don't want it showing in front of the
> stars. I was expecting to find a configuration setting for this, but
> didn't (did I miss it)? I added a line [control.cancel.hide()] to the
> draw() function in the source code on line 256 which did the trick,
> but I was wondering if there is a better way to do this (preferably
> through configuration)? My source code now looks like this:
>
> 251
> 252 else
> 253 $(control.inputs).removeAttr('checked');
> 254 // Show/hide 'cancel' button
> 255 control.cancel[control.readOnly ||
> control.required?'hide':'show']
> ();
> 256 control.cancel.hide();
> 257 // Add/remove read-only classes to remove hand pointer
> 258
> this.siblings()[control.readOnly?'addClass':'removeClass']('star-
> rating-readonly');
> 259 }, // $.fn.rating.draw
> 257 ...
>
> Anyone?
>
> Regards
> Lee Francis
[jQuery] Re: Simple selector problem
That was it. When I turn Firebug off, it returns 3. Thanks. On Jul 10, 2:50 pm, Brett Ritter wrote: > On Fri, Jul 10, 2009 at 11:34 AM, Chris wrote: > > I'm using jQuery 1.3.2. In IE, this returns 3. In Firefox, it > > returns 4. > > Are you running Firebug or any add-on that modifies the DOM in Firefox? > -- > Brett Ritter / SwiftOne > swift...@swiftone.org
[jQuery] Simple selector problem
$(document).ready(function {
alert($("div").length);
});
--
div 1
div 2
div 3
I'm using jQuery 1.3.2. In IE, this returns 3. In Firefox, it
returns 4.
What's going on?
[jQuery] Re: SuperFish for Joomla - SlideUp Animation
hi charlie,
first of all, many thanks for your reply on my questions.
i tried out several settings with the animation param, but didn't get
(as you said the is no option in-code) slideUp to work.
so, if i understood you correctly - there would be a modification of
hideSuperfishUI() necessary, to get the desired results?
thanks, chris
On 1 Jul., 15:02, Charlie wrote:
> using the animation option you can get effects on the opening of sub menus
> example:
> jQuery('ul.sf-menu').superfish({animation:{height: "show"},speed : 1000});//
> produces 1 second slide down effect, use opacity for fades, margins for
> positions etc
> to reverse for the slideUp there is no option in code for this as it is set
> to hide();
> you can however go into superfish.js and modify the function
> hideSuperfishUl()
> if it's the hide() you want to work with I have a modified script file that
> might help
> example;
> Chris wrote:Dear developers, dear community, in order to complete my design,
> I'd like to kindly ask you if there's a possibility to use JQuery's SlideUp
> animation within a horizontal menu created by SuperFish. I tried to modify
> the mod_superfishmenu.xml to be able to set parameters within the "animation"
> - dropdown list, but i can't find the type-definitions :(. Is there a
> possibility to create a custom animation below in the specific field? Many
> thanks in advance and your great work, Chris
[jQuery] SuperFish for Joomla - SlideUp Animation
Dear developers, dear community, in order to complete my design I would like to kindly ask you what I have do, if i want to a set up a SlideUp effect for Superfish Menu, using it on a Joomla! installation? I tried to modify mod_superfishmenu.xml in order to be able, to select a new option from "Animation" dropdown-list, but didn't know where to set the correct params. Is there a chance, to achieve my goal by setting up a custom animation? Many thanks in advance, as well as for your great work, Chris
[jQuery] SuperFish for Joomla - SlideUp Animation
Dear developers, dear community, in order to complete my design, I'd like to kindly ask you if there's a possibility to use JQuery's SlideUp animation within a horizontal menu created by SuperFish. I tried to modify the mod_superfishmenu.xml to be able to set parameters within the "animation" - dropdown list, but i can't find the type-definitions :(. Is there a possibility to create a custom animation below in the specific field? Many thanks in advance and your great work, Chris
[jQuery] Re: jQuery i18n
check out the data picker from jquery-ui. It has excellent i18n. http://jqueryui.com/demos/datepicker/#localization On Mon, Jun 29, 2009 at 8:16 AM, Chris Ford wrote: > Are you sure that you need to worry about i18n in your jQuery? So long as > you haven't hardcoded any copy into your javascript or used any effects that > presuppose a particular text direction then I would have assumed that i18n > should be handled by your server-side code. > > Chris > > 2009/6/28 Mike > > >> Hi guys, i need to develop an aplication with i18n, so i want to ask >> you what do you think is the best way/plugin to accomplish i18n l10n >> with jQuery? >> by the way, i need to have multiple languages,so a bilingual solution >> won't work for me :/ >> > > -- Christopher Thatcher
[jQuery] jqPlot 0.8.5 adds Zooming and 9 Y Axes
jqPlot is an open source plotting plugin for jQuery. The 0.8.5 release add support for plot zooming and up to 9 y axes (introduced in 0.8.0). jqPlot is highly customizable jQuery plotting plugin with many features including: * Rotated axis text. * Vertical and horizontal bar charts. * Stacked bar and line charts. * Automatic trend line computation. * Data point highlighting. * Cursor tool tips showing data and grid position. * Drag and drop data points. The jqPlot homepage is at http://www.jqplot.com/ The downloads page is at http://bitbucket.org/cleonello/jqplot/downloads/
[jQuery] Re: jQuery i18n
Are you sure that you need to worry about i18n in your jQuery? So long as you haven't hardcoded any copy into your javascript or used any effects that presuppose a particular text direction then I would have assumed that i18n should be handled by your server-side code. Chris 2009/6/28 Mike > > Hi guys, i need to develop an aplication with i18n, so i want to ask > you what do you think is the best way/plugin to accomplish i18n l10n > with jQuery? > by the way, i need to have multiple languages,so a bilingual solution > won't work for me :/ >
[jQuery] Re: cluetip + livequery (or other rebinding method)
thanks, Karl. You are the best.
It does have a callback, but I'm not sure what I would need to include
to have it rebind.
Do you have any suggestions?
On Jun 17, 1:28 pm, Karl Swedberg wrote:
> Hi Chris,
>
> I went tohttp://www.sprymedia.co.uk/article/DataTablesbut I
> coujldn't find the fnReloadAjax function in the documentation. Does it
> have a callback argument? If so, you could rebind the cluetip in there.
>
> --Karl
>
>
> Karl Swedbergwww.englishrules.comwww.learningjquery.com
>
> On Jun 17, 2009, at 11:10 AM, Chris Hall wrote:
>
>
>
> > Hello everyone.
>
> > I've searched and the posts about rebinding cluetip and thought
> > livequery would be a good option, but it just seems to work on the
> > first load?
>
> > Background:
> > I'm using the cluetip plugin along with the dataTable plugin.
> > DataTable is pulling its table info from ajax after the page loads
> > using this in the ready event:
>
> > attributes_Table = $('#attributes').dataTable( {
> > "bStateSave": true,
> > "bProcessing": true,
> > "bPaginate": false,
> > "bLengthChange": false,
> > "bFilter": false,
> > "bSort": false,
> > "bInfo": false,
> > "aoColumns": [
> > { "sClass": "attr", "sTitle":
> > "Attribute" },
> > { "sClass": "center", "sTitle": "Level" }
> > ],
> > "sAjaxSource":
> > '/ajax.php?action=get_attributes&id=122'
> > } ) ;
>
> > cluetip is bound in the ready event using:
>
> > $('a.attr').livequery(function(){
> > $(this).cluetip({
> > cluetipClass: 'rounded',
> > dropShadow: false,
> > positionBy: 'mouse',
> > arrows: true
> > })
> > })
>
> > When the page loads, the table is populated correctly and the cluetips
> > inside the table work great. But when an ajax call is made to refresh
> > the table using:
>
> > attributes_Table.fnReloadAjax();
>
> > cluetip no longer seems to work. No errors are in the error console.
>
> > Is there a way to force livequery to rebind a.attr after I reload the
> > ajax?
>
> > Is there a better way to force the rebind after I reload the ajax?
>
> > Any help is greatly appreciated!
[jQuery] Re: get email and send email?
just to make things terribly confusing ;)
javascript is actually ecmascript, which can be used anywhere an
implementation of the scripting engine is available. On the server you can
use spidermonkey (a c++ implementation from mozilla), rhino(a java
implementation also from mozilla), etc. On the client, all browsers support
javascript, but the client-side javascript is 'enhanced' with additional
apis to manipulate the DOM, use AJAX, etc.
also all browsers (IE6/7 *cough*) make it extra difficult by deviating from
the w3c standard for the enhanced client-side api. libraries like jquery
hide these differences as well as provide elegant patterns that reduce your
general effort to write useful code.
im only saying this because if you are new to web development you may decide
to lower your barrier of entry by learning a single language, javascript,
and using it on both the client and the server.
sorry for the fog, hope the muddy water settles for you soon
thatcher
On Wed, Jun 17, 2009 at 12:49 PM, waseem sabjee wrote:
> JQuery is a JavaScript Library.
> JavaScript is a form of client side scripting.
>
> PHP is a form of server side scripting.
>
> they are not the same.
>
> JQuery is not a library for PHP, however you can use JQuery and PHP in
> combination.
>
> for example.
> // this is a php block of code
> $y = 5;
> $x = 2 * y; // note this is a php variable x
> // we know have to export this to the JavaScript
> ?>
>
> // this is a JavaScript block of code
> $(function() { // note the dollar sign here is not from PHP
>
> /*
> we declare a variable in JavaScript
> the value we are assigning to this variable is from a pre-declared php
> variable
> then we just alert it to the user
> we are importing the php variable
> */
> var myAnswer = ;
> alert(myAnswer);
>
> });
>
>
>
> On Wed, Jun 17, 2009 at 6:40 PM, inkexit wrote:
>
>>
>> Thanks for all your help guys. A recomendation is import because I'm
>> a complete noob when it comes to web programming. FWIW, I do have a
>> lot of experince with C++ though.
>>
>> One question. I thought jQuery was a php library? One poster here
>> said that jQuery will only run in the client's browser, but another
>> poster said I could use php on the server side to read email.
>> Confused...
>
>
>
--
Christopher Thatcher
[jQuery] cluetip + livequery (or other rebinding method)
Hello everyone.
I've searched and the posts about rebinding cluetip and thought
livequery would be a good option, but it just seems to work on the
first load?
Background:
I'm using the cluetip plugin along with the dataTable plugin.
DataTable is pulling its table info from ajax after the page loads
using this in the ready event:
attributes_Table = $('#attributes').dataTable( {
"bStateSave": true,
"bProcessing": true,
"bPaginate": false,
"bLengthChange": false,
"bFilter": false,
"bSort": false,
"bInfo": false,
"aoColumns": [
{ "sClass": "attr", "sTitle":
"Attribute" },
{ "sClass": "center", "sTitle": "Level" }
],
"sAjaxSource":
'/ajax.php?action=get_attributes&id=122'
} ) ;
cluetip is bound in the ready event using:
$('a.attr').livequery(function(){
$(this).cluetip({
cluetipClass: 'rounded',
dropShadow: false,
positionBy: 'mouse',
arrows: true
})
})
When the page loads, the table is populated correctly and the cluetips
inside the table work great. But when an ajax call is made to refresh
the table using:
attributes_Table.fnReloadAjax();
cluetip no longer seems to work. No errors are in the error console.
Is there a way to force livequery to rebind a.attr after I reload the
ajax?
Is there a better way to force the rebind after I reload the ajax?
Any help is greatly appreciated!
[jQuery] Re: Jcarousel - Can I make a jcarousel completely reset and reload!
Try doing something like this;
var theModelCarousel = null;
function modelCarousel_initCallback(carousel) {
theModelCarousel = carousel;
// Callback functuions if needed
};
jQuery(document).ready(function() {
jQuery('#modelCarousel').jcarousel({
initCallback: modelCarousel_initCallback
// Other settings if needed
});
});
function clearModelCarousel() {
theModelCarousel.reset();
theModelCarousel.add(0,someImageURL1);
theModelCarousel.add(1,someImageURL2);
theModelCarousel.size(2);
}
I set a global variable reference to the carousel from the init
callback funtion. The global can then be accessed from your other
functions.
On Apr 24, 11:57 am, TomDB wrote:
> I'm also trying to have access to thejcarouselobject. there are a
> couple of methods accessbile via a callback function, but since I'd
> like to call them from an other objects callback function - I'd need
> them to be accessble directly. Unless somebody has an other solution?
>
> On Feb 28, 2:01 am, Alextronic
> wrote:
>
> > Oh I'm having the same problem, exactly.
>
> > I have been working on this for a long time, me not being proficient
> > in jQuery.
> > I'm trying to do something very much like your tabs loading new sets
> > of items.
> > The carousel gets confused, the items seem to persist, and I can'treloadit
> > without having the old number of items.
> > Did you get to a solution?
> > Thank you
>
> > Alex
>
> > On 13 feb, 09:19, FruitBatInShades wrote:
>
> > > I am having terrible trouble gettingajcarouselto reset. I have a
> > > series of tabs that when clicked get thejcarouselto load witha new
> > > set of items. I have been trying for days, trying the ajax demos and
> > > just replacing the content by setting the html() but to no avail. it
> > > works but the carousel gets confused. Even if I walk the list and
> > > remove all the items they still seem to be there.
>
> > > 1. How do I get a reference to the carousel object via jquery
> > > 2. How do I get it clear itself and the dom of its items
> > > 3. How do Ireloadit without it still having the old number of items
> > > etc.
>
> > > Many thanks
>
> > > Lee
[jQuery] jqPlot 0.7.0 adds pie chart support
jqPlot is an open source plotting plugin for jQuery. The 0.7.0 release adds pie chart support. jqPlot is built from the ground up as a plugable plotting plugin with many features including: * Rotated axis text. * Vertical and horizontal bar charts. * Stacked bar and line charts. * Automatic trend line computation. * Data point highlighting. * Cursor tooltips showing data and grid position. * Drag and drop data points. The jqPlot homepage is at http://www.jqplot.com/ The downloads page is at http://bitbucket.org/cleonello/jqplot/downloads/ The mailing list/Google group is at http://groups.google.com/group/jqplot-users
[jQuery] Re: jQuery, ajax, json, php
$json = $_POST['json'];
$user = json_decode($json);
echo $user['name'];
2009/6/11 Val Cartei
>
> with data.name (data is the json object you pass to your success
> function). Like:
>
> success: function(data) {
>alert(data.name);
>}
>
> Val
>
> On Thu, Jun 11, 2009 at 12:40 PM, David .Wu wrote:
> >
> > If I send a json format to php, how to get the value from php? for
> > example
> >
> > front page
> >
> > var jsonStr = '{"name": "David", "age", "23"}';
> > $.ajax({
> >url: 'json.php',
> >type: 'POST',
> >cache: false,
> >data: {json: jsonStr},
> >success: function(data) {
> >alert(data);
> >}
> > });
> >
> >
> > php page
> > > $json = $_POST['json'];
> >
> > // it's get {"name":"David","age": "23"}, but how to gete name?
> > ?>
>
>
>
> --
> Valentina Cartei
> Telephone Numbers:
> University +44 (0) 1273 877560
> Work +44 (0) 1273 206306
> Mobile +44 (0)796 6882820
>
--
Chris
[jQuery] Re: jQuery broken in FF3.5b99 (Preview)
On Jun 9, 9:10 pm, John Resig wrote: > It looks like it may have already been > fixed:https://bugzilla.mozilla.org/show_bug.cgi?id=496790 I had the same problem (coincidentally, about the same time Benjam posted his message) and can confirm that the latest nightly (20090610032606) fixes this. -- Chris Scott > > Thanks for the heads-up, though! > > --John > > On Tue, Jun 9, 2009 at 6:09 PM, benjam wrote: > > > I'm sure support for a beta release is a bad thing to be asking for, > > but I mostly just want to make sure I'm not going crazy (and to inform > > the devs of a possible issue). > > > I have the current FF 3.5b99 (Preview Release) and am playing around > > on a WordPress (v2.7.1) installation on my dev box, and it seems that > > when I try to open the media library while editing a page, it opens in > > a new window (which it should open in a shadowbox type modal window). > > > I've also noticed that some of the menu fly outs and some other > > various JS things aren't working right. > > > It all works in Google Chrome just fine. So I'm sure it's a FF issue, > > but just wanted the devs to be aware of this before FF 3.5 and it's > > new JavaScript engine were released and broke lots of stuff all over > > the place. > > > Here is the error I get in FireBug when I load the page: > > cannot access optimized closure - /wordpress/wp-includes/js/jquery/ > > ui.core.js?ver=1.5.2 > > > I am not 100% sure this is a jQuery bug, it may be one of the plugins > > I'm using, but the fact that it works in Chrome makes me wonder. > > > Anywho... if anybody else wants to confirm this issue and inform the > > devs, it would help to ease my current state of confusion. > > > If any more detail is required, please let me know and I'll try and > > get it. > >
[jQuery] Re: jQuery's code first lin e (function(){・・・・・
Its called an anonymous closure and prevents jquery from leaking variables
into the global scope. The anonymous closure is a function that is defined
without a name.
//named functions a very common
//they are just functions assigned to a variable
var myfunction = function(){};
//the anonymous function is not assigned to a variable
//it's legal and the following lines show several legal but
//relatively useless lines of script that execute just fine but
//have no effect, they are all anonymous statements
(function(){ var foo; });
(6+1);
('hello '+'world');
//The anonymous function is a little special because
//it can be executed immediately by adding ();
//with firebug enabled the following line would print\
//'hello world' to the console
(function(){ var foo; console.log('hello world'); })();
So why go through all that trouble? The answer is to keep the global scope
clean and uncluttered. variable defined in the anonymous closure are
available inside that scope but not outside it, so variable
collision/confusion between libraries and your code can be avoided and
memory leaks more easily avoided as well.
//global or outer scope
(function(){
//anonymous or inner scope.
var foo = 'hello world';
})();
//true
if(foo === undefined){
console.log('now I understand anonymous closures!');
}
Hope that helps!
Thatcher
On Tue, Jun 9, 2009 at 8:39 AM, darwin liem wrote:
> its javascript, it got nothing to do with jQuery.
> for example
>
> function funcname1(){ /* do something here */ }
>
> now we do something else like setTimeout to trigger the funcname1
> setTimeout("funcname1",1000); <-- this will delay until 1 second to trigger
> the function
>
> another way to call it
> setTimeout(function(){ funcname1(); },1000); <-- this will do the same.
>
> basically function is to do a code that was need to be executed as string
> yet written as normal code... at least that what i learned so far. and it
> got nothing to do with jQuery it's part of javascript. jQuery use the same
> coding rules / grammar so that programmer do not need to familiarize with
> new function as parameter calling. yup, botrh sample i show explain that it
> use the function as parameter of another function (in this case setTimeout()
> function).
>
> hope it helps
>
> Best Regards
> Darwin Liem
>
> --- On *Tue, 6/9/09, wangsuya * wrote:
>
>
> From: wangsuya
> Subject: [jQuery] jQuery's code first line (function(){・
> To: "jQuery (English)"
> Date: Tuesday, June 9, 2009, 3:19 AM
>
>
> Hi everyone
>
> Know I try to study javascript using jQuery code,but first I do not
> know why jQuery start with (function(){
> What is "(" function? Why using (function(){
> start jQuery? Thanks in advance.
>
> Wang Suya
>
>
>
--
Christopher Thatcher
[jQuery] [autocomplete] populating multiple inputs
Hi All,
I just spent more time finding the right plug-in than getting it to
work. jQuery is becoming an amazing and mature resource for web
developers! I'm writing this post in hopes that the next "me" who
comes along trying to get autocomplete working will find the info.
Be sure to download the plug-in from
http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
Big thanks to Jörn for this plug-in!! Since I had problems finding
sample working code, I thought I would share some:
I'm writing a phone order page for our internal webserver...
$('input.sku').autocomplete("autocomplete_sku.php")
.result(function(event, data, formatted) {
// alert( $.dump(data) );
// Array (
// 0 => "12-0012"
// 1 => "Brake Light Switch"
// 2 => "19.00"
// )
var id=$(this).parent().parent().attr("id");
$('tr#'+id+' > td > input.item').attr("value",data[1]);
$('tr#'+id+' > td > input.price').attr("value",data[2]);
});
I just found the jQuery dump plug-in and it works really well. The
author of autocomplete plugin also has a troubleshooting
recommendation: console.log(arguments);Navigating the DOM is my
latest frustration with java and jQuery. Today I finally figured out
the use of > in the selector.
Here is php code snippet serving the info... multiRow is my own
combination of mysql_query() and mysql_fetch_assoc()
$val ){
$$field=$val;
}
echo "$sku|$desc|$price\n";
}
} ?>
[jQuery] Re: Superfish IE6 and IE7 failures
Jeremy: the menu does work pretty well in ie6. It's a bit of a tangle to skin and develop a drop down menu. I've found that building the menu alone would isolate your problems. There are sometimes styles that you've applied to the menu previously that effect the functionality of the menu. So create a page with the menu by itself and style it from there. 1. RE: it doesn't start in IE 6: dropShadows: true, // completely disable drop shadows by setting this to false ^ You've left a dangling comma in your initialization script. IE 6 doesn't build the menu if there are any javascript errors. 2. Finally, check the superfish documentation website again. There's a hoverintent script that resolves the menu's disappearing instantly. You can also set your delay to a longer number. 1000-2000ms might be optimal. Good luck with your menu. - Chris On Jun 8, 1:32 am, Jeremy Schultz wrote: > I'm having two issues with Superfish in IE6 and IE7: > > 1. It doesn't work at all in IE6, though it appears from other posts > that this is to be expected. Is there any way for it to degrade more > gracefully and have some functionality? > > 2. In IE7 the menus show up fine but disappear instantly when the > mouse leaves the top level menu item. > > Not sure what to do at this point. Here's the link: > > http://www.jeremyschultz.com/client/orchardplace/website/beta/ > > Jeremy
[jQuery] Re: I need a copy of jquery.js file.
Can you not just download it from: http://code.google.com/p/jqueryjs/downloads/list Chris. On Sat, Jun 6, 2009 at 7:24 PM, BrownPrince wrote: > > Please could anyone send me a copy of jquery.js file with other jquery > library scripts. Pls send to t.una...@yahoo.co.uk >
[jQuery] Re: event
current domElement
2009/6/6 runrunforest
>
>if(o.btnGo)
>$.each(o.btnGo, function(i, val) {
>$(val).click(function() {
>return go(o.circular ? o.visible+i : i);
>});
>});
>
>
> Hi,
>
> I wonder whats the second parameter, val, in the function means ?
>
--
Chris
[jQuery] jQuery powering the new Library of Congress Metasearch App
Hey jQuery Community, I wanted to announce another feather in jQuery's hat. The new Library of Congress Metasearch application was quietly released today and the interface is entirely driven with jquery and jquery-claypool. It's a single url app that is all ajax after that so make sure you turn off firebug unless you want a big performance hit. cheers to the jQ Links: http://www.loc.gov/ This is the general Library of Congress site. To access the app, just use the search box in the upper left. http://www.loc.gov/fedsearch/metasearch/ This is the application itself. http://www.loc.gov/fedsearch/metasearch/?cclquery=resig -- Christopher Thatcher
[jQuery] Re: Already Exist jquery plugin
why 2009/6/3 jsuggs > > You are going to have to be more specific than that. Where are the > values for user or email stored? In a database? If so, then you'd > probably need to make an ajax call with the values that you would want > to check. You might want to take a look at one of my other posts > where I show you how I do something similar: > > > http://groups.google.com/group/jquery-en/browse_thread/thread/17e6f22477bcbb32/9340ed6fa8cac46a?hl=en&lnk=gst&q=murmp#9340ed6fa8cac46a > > On Jun 2, 1:04 am, bharani kumar > wrote: > > Hi All , > > Name of Plug in for User or Email already exist , > > > > -- > > Regards > > B.S.Bharanikumarhttp://php-mysql-jquery.blogspot.com/ > -- Chris
[jQuery] Re: jqPlot - New charting plugin
I've made significant updates to the jqPlot plotting plugin: data tooltips, rotated axis text, customizable date formatters, vertical and horizontal bar charts and many other features. Visit the home page, http://www.jqplot.com/ or the project page, http://www.bitbucket.org/cleonello/jqplot/ if you are interested. There are a slew of dynamically generated unit tests and examples at http://www.jqplot.com/tests/ also. On Apr 10, 4:36 am, Chris Leonello wrote: > I've added an examples page demonstrating some of the current features > ofjqPlot. It is here: > > http://www.hacknack.com/jqplot/examples.html > > Note, it doesn't demonstrate how to create a plugin forjqPlot. I'll > get to that too. > > On Apr 8, 10:32 pm, Ralph Whitbeck wrote: > > > Hey Chris, > > > So the difference betweenjqPlotand Flot is thatjqPlotis extensible or > > that your plugin will take plugins of it's own? > > > That's pretty cool if I got that right. > > > Are there other differences? CanjqPlotdo the same examples as > > Flot's?http://people.iola.dk/olau/flot/examples/ > > > Ralph > > > On Wed, Apr 8, 2009 at 8:23 PM, Chris Leonello > > wrote: > > > > Hi, > > > > I'd like to announcejqPlot, a new charting plugin for jQuery. jqPlot > > > was inspired by Flot, but has a more extensible plugin like > > > architecture. For example, logarithmic axes are supported through a > > > logAxes plugin renderer. > > > > There is a loose coupling between user inputs, data handling, and > > > drawing of the chart objects. All graph elements are created through > > > "renderers". This means that, independent of thejqPlotcore code, a > > > new renderer to e.g. draw spider graphs can be written and plugged in. > > > > ThejqPlothome page can be found here:: > > > >http://code.google.com/p/jqplot/ > > > > Documentation is here: > > > >http://www.hacknack.com/jqplot/ > > > > and I've set up a discussion group at: > > >http://groups.google.com/group/jqplot-users > > > >jqPlotis fully functional, but is still under heavy development. > > > There may be bugs and not all features are implemented yet. Some of > > > the currentjqPlotfeatures: > > > > * Line/scatter graphs. > > > * Customizable line markers and line styles. > > > * Dual x/y axis support. > > > * Logarithmic x/y axis support (through plugin). > > > * Axis customizations including turning off tick marks and sprintf > > > style tick label formatting. > > > * Chart title, legend and grid formating and customization. > > > > Features I'm currently working on: > > > > * Better, stronger, faster documentation. > > > * Automatic trend line calculation. > > > * Bar/Column charts. > > > * Hi lo close (candlestick) charts. > > > * Bubble charts. > > > * Interactive features including highlighting and event support. > > > > Take a look. Give it a try. Let me know what you think. All > > > comments, criticisms and feedback are welcome. > >
[jQuery] Re: jQuery ajax 404 error
are you sure the url is available?? 2009/6/2 Jonathan Vanherpe (T & T NV) > > raymond wrote: > >> Hi, all. >> I have extremely annoying issue for my project, which made me keeping >> 3 days on it. >> I used jQuery.ajax, but it gets all time 404 error, although target >> url is still available. >> When I have checked with firebug console, yes, it shows target url >> with red color, which might mean that no file on this url. >> But when I expand this request, I can see the response which I wanna >> get. >> I really do not understand what s going on there. >> >> Any tips on this situation? >> dataType is set as text and what I wanna get is letter like "P", "T", >> etc. >> >> Thank you. >> > > If you load it directly, does firebug still show a 404 error for the > request? > > Jonathan > -- > Jonathan Vanherpe - Tallieu & Tallieu NV - jonat...@tnt.be > -- Chris
[jQuery] Ann: jqPlot 0.6.2 released
jqPlot is an open source plotting plugin for jQuery. The 0.6.2 release adds many new features including: Rotated axis text. Vertical and horizontal bar charts. Automatic trend line computation. Data point highlighting. Cursor tooltips showing data and grid position. And many other features. The jqPlot homepage is at http://www.jqplot.com/ The downloads page is at http://bitbucket.org/cleonello/jqplot/downloads/ The mailing list/Google group is at http://groups.google.com/group/jqplot-users jqPlot is built from the ground up as an extensible and plugable plugin. Handling of data, drawing of plot elements, events, virtually everything is handled by a plugin. This means you can enhance or swap out core functionality without touching the core code.
[jQuery] dynamically-generated images
this has to be simple, I'm just brain-cramping on a Friday...
I have a link that generates an image dynamically. What I want to do
is have the image show up in another place on the same page. So
something like this:
generate
And then my JS looks like:
$(document).ready( function () {
$("a").click(function(event) {
$('#document-image').attr('src', this.href)
event.preventDefault();
});
});
But when i do this, I get a message from my app server (Django)
telling me that I've got a broken pipe. Am I on the right track?
[jQuery] Re: just a shout out
Thanks to Jack and Rey, I have posted several thank you's to the jquery-en list and/or the jquery-dev list and/or individual developers for jquery. jQuery has provided an outlet for me as a programmer as much as an artist like a painter, etc enough. Jack I thank you for your thank-you, and Rey I thank you for your thank-you for thank-you's. (Thank You All)*2 Thatcher On Thu, May 28, 2009 at 10:46 PM, Rey Bango wrote: > > Thanks Jack. These type of emails are such great motivation for the team. > > We really appreciate it. :) > > Rey... > > > Jack Killpatrick wrote: > >> >> I've been majorly head's-down in a jQuery-driven AIR app for the last few >> weeks. I've been using jQuery almost daily since very early on (2+ yrs?). It >> works great for my web apps and great for this AIR app, which is _very_ >> heavy js/jQuery. >> >> Great work! Thanks, kudos, etc to the jQuery and jQuery UI teams!! >> >> Now, back to my custom plugins and chaining events ;-) >> >> - Jack >> >> >> >> -- Christopher Thatcher
[jQuery] Re: Code Review: slideshow plugin using JSON
totally behind schedule as I'm in the process of moving. please remind me if I don't get back to you this week some time. apologies. On Thu, May 21, 2009 at 3:02 PM, Stefan Hayden wrote: > > You have to love the public domain. > > Thanks again and I look forward to your feedback. > > Stefan > > On May 21, 2:49 pm, chris thatcher > wrote: > > nice work stefan, i checked out the example and will look under the > covers > > sometime tonight. I'm actually at the library of congress (i work here) > so > > it was great to see those images from our prints and photographs > division. > > > > > > > > On Thu, May 21, 2009 at 12:01 PM, Stefan Hayden > wrote: > > > > > I was looking for a jQuery slideshow that worked the way I wanted and > > > didn't find one. I figured you can never have too many slideshow > > > plugins so I've tried to make my first jQuery plugin and was hoping > > > people with a bit more jQuery experience could look it over and give > > > some suggestions before I go around telling people about it. > > > > > This slideshow requires the first slide to be in the HTML and then it > > > preloads the next image in the rotation just before showing it making > > > the initial page load time faster. It also has previous/next and > > > pagination interfaces and well as an option to show a animated > > > caption. > > > > > plugin homepage:http://stefanhayden.com/shermanstravel_slideshow/ > > > plugin source: > > >http://stefanhayden.com/shermanstravel_slideshow/jquery.ShermansTrave. > .. > > > > > any feedback would be welcome. > > > > > Stefan Hayden > > > > -- > > Christopher Thatcher > -- Christopher Thatcher
[jQuery] Re: Apply or remove style
Given your table is named #foo:
$(#foo tr:first) // this selector would select the first row
or this would work as well $('#foo tr:eq(0)');
You could then chain it with a native jquery function, "addClass" to
add the class. Or as well as toggleClass.
The following would result:
$('table#foo tr:first').addClass('items_first_entry); // This should
add the class "items_first_entry";
- @Chrisjlee
On May 24, 5:20 pm, "Dave Maharaj :: WidePixels.com"
wrote:
> I have a php for each loop that creates rows of data, each row is using the
> class .items
>
> How can apply a style to the very first .item only or add attach a extension
> to the .item class so it renders .items_first_entry for the first one?
>
> Thanks to all
>
> Dave
[jQuery] Re: Rollover Effects instead of alternate images
Maybe you could run an effect on all images at load time to have a transparency value say 99%, then use the transparency 100% on hover? On Fri, May 22, 2009 at 2:43 PM, dnagir wrote: > > Hi, > > Just wondering if there's some effect in JQ that we can use to > simulate rollover. > Usually when user hovers a mouse over a link/image it changes its src/ > background to another one (for example arrow.png -> arrow_o.png). > So users feels like it is highlighted or similar. > > But we always must have 2 images (similar ones). Maybe there's some > effect that can simulate this highligting/hover for user so we don't > need to have 2 images. > > I understand it will never be as good as alternative image, but still. > > Thanks, > Dmitriy.
[jQuery] Re: Code Review: slideshow plugin using JSON
nice work stefan, i checked out the example and will look under the covers sometime tonight. I'm actually at the library of congress (i work here) so it was great to see those images from our prints and photographs division. On Thu, May 21, 2009 at 12:01 PM, Stefan Hayden wrote: > > I was looking for a jQuery slideshow that worked the way I wanted and > didn't find one. I figured you can never have too many slideshow > plugins so I've tried to make my first jQuery plugin and was hoping > people with a bit more jQuery experience could look it over and give > some suggestions before I go around telling people about it. > > This slideshow requires the first slide to be in the HTML and then it > preloads the next image in the rotation just before showing it making > the initial page load time faster. It also has previous/next and > pagination interfaces and well as an option to show a animated > caption. > > plugin homepage: http://stefanhayden.com/shermanstravel_slideshow/ > plugin source: > http://stefanhayden.com/shermanstravel_slideshow/jquery.ShermansTravel_Slideshow.js > > any feedback would be welcome. > > > Stefan Hayden > > > -- Christopher Thatcher
[jQuery] Re: How to print json data, key and value
$.each(data, function(index, item){
var name;
for(name in item){ console.log(name + " = " + item[name]);}
});
On Wed, May 20, 2009 at 5:51 AM, Massimiliano Marini wrote:
>
> Hi Charlie,
>
> > I'm not good at explaining the exact terms javascript definitions for
> > "value and key" but they are javascript identifiers? change it to
> > what their values are in the array, works great
>
> what I want to do is to print the "name" and the "value" of a json
> object without knowing what the object has inside.
>
> The only thing I know is that inside the json object there are only
> [{name:value,name:value,name:value}], the object is not fixed lenght
> and the name:value are not always the same.
>
> Is it possible?
>
> --
> Massimiliano Marini
>
--
Christopher Thatcher
[jQuery] Re: XSLT problem in JQuery
of course it is based on johann burkards plugin, but just optimized for what
i needed it for.
On Tue, May 19, 2009 at 7:53 PM, chris thatcher <
thatcher.christop...@gmail.com> wrote:
> i have an active jquery-xslt project that is used in production settings.
> its setup to have the xslt precompiled once for heavy reuse, and created a
> jquery-plugin as the result. i use it to transform xml to json.
>
> it also provides a callback for post transform, and does not autmatically
> append the result to the document.
>
> http://github.com/thatcher/jquery-xslt/tree/master
>
> it has an example, let me know if you need more help.
>
>
> On Tue, May 19, 2009 at 4:01 PM, Ricardo wrote:
>
>>
>> There are different versions of XSLT plugins out there, I assume
>> you're using this one:
>>
>> http://johannburkard.de/blog/programming/javascript/xslt-js-version-3-0-released-xml-xslt-jquery-plugin.html
>>
>> As per that post, there is no callback available, you should modify
>> the code yourself or contact the author, he might be willing to help.
>>
>> cheers,
>> ricardo
>>
>> On May 19, 2:29 pm, Amod wrote:
>> > Hi
>> >
>> > I am using jquery xslt plugin and the problem I am having is that when
>> > I perform xslt i.e
>> > $('#outputDiv').xslt('PPPoE.xml','PPPoE.xsl');
>> >
>> > the browser continues execution of the lines following this line(ie
>> > xslt line) and when the execution is finished it displays the xslt
>> > result.
>> >
>> > I want that the xslt to be performed at the time of call and not at
>> > the last, since eqCol() method is called and it adjusts the height of
>> > #rightCol
>> >
>> > making the output half visible. I can set the height of #outputDiv to
>> > some fixed value but I am trying to avoid hardcoded values.
>> >
>> > if($(this).attr("href").indexOf("#")!=-1){
>> > switch($(this).attr('title')){
>> >
>> >case 'WAN' : $("#rightCol").empty();
>> > $("#rightCol").append($wanTabs);//Append the
>> tabs
>> > tabEvents(this);//Assign click events to the
>> tabs
>> > try
>> > {
>> >
>> $('#outputDiv').xslt('NM_Web_PPPoE.xml','NM_Web_PPPoE.xsl');//
>> > Perform XSLT and display in #outputDiv
>> > // I want XSLT to be finished before it reaches
>> 'break'. Have tried
>> > using timer but browser still displays
>> > // the result at the end of execution.
>> > }
>> > catch (e)
>> > {
>> > alert(e);
>> > }
>> > break;
>> >
>> > case 'OSPF':$("#rightCol").empty().append($ospfTabs);
>> > tabEvents(this);
>> > break;}
>> >
>> > function eqCol(){
>> > $("#leftCol").height("auto");
>> > $("#rightCol").height("auto");
>> > var lcol = $("#leftCol").height();
>> > var rcol = $("#rightCol").height();
>> > if(lcol>rcol){
>> > $("#rightCol").height(lcol+"px");
>> > }else{
>> > $("#leftCol").height(rcol+"px");
>> > }
>> >
>> > }
>>
>
>
>
> --
> Christopher Thatcher
>
--
Christopher Thatcher
[jQuery] Re: XSLT problem in JQuery
i have an active jquery-xslt project that is used in production settings.
its setup to have the xslt precompiled once for heavy reuse, and created a
jquery-plugin as the result. i use it to transform xml to json.
it also provides a callback for post transform, and does not autmatically
append the result to the document.
http://github.com/thatcher/jquery-xslt/tree/master
it has an example, let me know if you need more help.
On Tue, May 19, 2009 at 4:01 PM, Ricardo wrote:
>
> There are different versions of XSLT plugins out there, I assume
> you're using this one:
>
> http://johannburkard.de/blog/programming/javascript/xslt-js-version-3-0-released-xml-xslt-jquery-plugin.html
>
> As per that post, there is no callback available, you should modify
> the code yourself or contact the author, he might be willing to help.
>
> cheers,
> ricardo
>
> On May 19, 2:29 pm, Amod wrote:
> > Hi
> >
> > I am using jquery xslt plugin and the problem I am having is that when
> > I perform xslt i.e
> > $('#outputDiv').xslt('PPPoE.xml','PPPoE.xsl');
> >
> > the browser continues execution of the lines following this line(ie
> > xslt line) and when the execution is finished it displays the xslt
> > result.
> >
> > I want that the xslt to be performed at the time of call and not at
> > the last, since eqCol() method is called and it adjusts the height of
> > #rightCol
> >
> > making the output half visible. I can set the height of #outputDiv to
> > some fixed value but I am trying to avoid hardcoded values.
> >
> > if($(this).attr("href").indexOf("#")!=-1){
> > switch($(this).attr('title')){
> >
> >case 'WAN' : $("#rightCol").empty();
> > $("#rightCol").append($wanTabs);//Append the tabs
> > tabEvents(this);//Assign click events to the tabs
> > try
> > {
> >
> $('#outputDiv').xslt('NM_Web_PPPoE.xml','NM_Web_PPPoE.xsl');//
> > Perform XSLT and display in #outputDiv
> > // I want XSLT to be finished before it reaches
> 'break'. Have tried
> > using timer but browser still displays
> > // the result at the end of execution.
> > }
> > catch (e)
> > {
> > alert(e);
> > }
> > break;
> >
> > case 'OSPF':$("#rightCol").empty().append($ospfTabs);
> > tabEvents(this);
> > break;}
> >
> > function eqCol(){
> > $("#leftCol").height("auto");
> > $("#rightCol").height("auto");
> > var lcol = $("#leftCol").height();
> > var rcol = $("#rightCol").height();
> > if(lcol>rcol){
> > $("#rightCol").height(lcol+"px");
> > }else{
> > $("#leftCol").height(rcol+"px");
> > }
> >
> > }
>
--
Christopher Thatcher
[jQuery] Re: non-recursive find?
Nodes_A = $("> NodeType_2, > NodeType_4", xml);
Nodes_B = $("> NodeType_1, > NodeType_5", xml);
On Tue, May 19, 2009 at 9:16 AM, ryan.j wrote:
>
> could get NodeType_1 then get it's .siblings()?
>
>
> On May 19, 8:49 am, Ari wrote:
> > Hi,
> > I parse XML with JQuery and my XML looks like this:
> >
> >
> >
> >
> >
> >
> >
> >
> >
> >
> >
> >
> >
> > I need to group first level of nodes by their types according certain
> > rules. So I have now something like this:
> > Nodes_A = $(xml).children().find("NodeType_2,NodeType_4");
> > Nodes_B = $(xml).children().find("NodeType_1,NodeType_5");
> >
> > The problem is that find is recursive and I only need the first level.
> > Is there a way to do this with JQuery?
> >
> > I'll appreciate any help,
> > Ari
>
Nodes_A = $("> NodeType_2, > NodeType_4", xml);
Nodes_B = $("> NodeType_1, > NodeType_5", xml);
--
Christopher Thatcher
[jQuery] Re: Events - Live -v- Livequery
fascinating, i didn't even know you could do that...
On Mon, May 18, 2009 at 11:56 AM, Brandon Aaron wrote:
>
> Only Live Query supports calling a function when an element is matched
> (or unmatched). If you need this functionality, then you'll need to
> stick with Live Query.
>
> --
> Brandon Aaron
>
>
> On Mon, May 18, 2009 at 9:58 AM, Meander365
> wrote:
> >
> > Hi all,
> >
> > I normally do this with livequery:
> >
> >$('.mylink').livequery(function(event) {
> >$(this).mycustomFunction();
> >});
> >
> > So any new .mylink's on a page would also be bound with my custom
> > function.
> >
> > How can I do this with the new LIVE event? or is it even possible?
> >
> > Thanks in advance!
> >
> >
>
--
Christopher Thatcher
[jQuery] Re: Asynchronous page loading + slide!
I saw a tutorial like this: http://srobbin.com/blog/jquery-pageslide/ It might be something you can modify or add functionality. - Chris On May 17, 12:08 pm, blackjak231 wrote: > i forgot to add the > image:http://www.casimages.com/img.php?i=090517055258648972.png
[jQuery] Re: jQuery iPhone Flick Action (for mouse)
No ideas anyone? On May 16, 12:55 am, "Chris J. Lee" wrote: > I've been looking for a plugin to be able to use the mouse and > eventually theiphoneto flick and navigate through a page. > > Does anyone know if there are examples that exist currently. I think > i'd probably have to implement it using the scrollTo plugin to do the > scrolling. > > With luck i was able to find that there is aniPhoneonly flick type > plugin already written but nothing yet for the mouse. > > Anyone have ideas?
[jQuery] jQuery iPhone Flick Action (for mouse)
I've been looking for a plugin to be able to use the mouse and eventually the iphone to flick and navigate through a page. Does anyone know if there are examples that exist currently. I think i'd probably have to implement it using the scrollTo plugin to do the scrolling. With luck i was able to find that there is an iPhone only flick type plugin already written but nothing yet for the mouse. Anyone have ideas?
[jQuery] Cycle Plugin and Flash Videos
I am trying to create a slideshow where each slide would have a video
(embedded vimeo video to be exact)
My basic structure is
EMBED CODE
HTML BLURB
...
I've set pause to 1 so that when the mouse is over the slides it
doesn't advance, but if the user is watching the video and they move
their mouse out of the slideshow area the slides advance.
How do I stop the slideshow if the video is playing?
I have tried setting the click event on the "slide_video" div but it
never fires when clicking on the flash video. It seems the flash
blocks the click getting through to the div
Here is my code:
$(document).ready(function() {
$('#slides').cycle({pause:1});
});
Thanks for your help,
Chris
[jQuery] is there any concept called 'controller' in jQuery for debugging?
Hi all, description of my problem : I have to maintain a big application, which is not build by me, and this application has so many javascript files and all scripts using jQuery. My difficulty is, I don't know how to identify, which javascript function is called whenever an action / event is fired. Even though I know how to use Firebug to do javascript debugging, but I don't know where to put breakpoint, since I don't know which function is being called. Initial solution: In java, there's concept called controller, where every action would start from this controller, as the main gateway. So, to know which action is being called, I just put breakpoint in this controller, and step through. My question: Is there any such concept like this in jQuery ? Or anyone knows how to find which function / routine is being called in jQuery whenever an action / event fired ? Thank you in advance.
[jQuery] Problems with JQuery Cycle Plugin and IE6
Hi, I am having a problem with IE6 and the cycle plugin. In IE6 it shows a black background over my div background image (I set via css a background image to a master div). cleartype set to false, cleartypeNoBg to true. I am cycling transparent png images. In IE7+ and Firefox everything is ok. Any tip? Thanks Chris
[jQuery] Re: The jQuery Prototype Object and Working with Others' jQuery Plug-Ins
blah my keyboard had is heavy and i hit send before i meant to. continuing
for roddy inline
On Thu, May 7, 2009 at 8:06 PM, chris thatcher <
thatcher.christop...@gmail.com> wrote:
> roddy, nice to meet you. reponse is inline
>
> On Thu, May 7, 2009 at 7:31 PM, kiusau wrote:
>
>>
>> QUESTION ONE: When is use of the jQuery prototype object appropriate,
>> and when is it not?
>
>
> i am not a jquery core or ui developer so this response must be taken with
> a grain of salt.
>
> it is appropriate for the static jQuery namespace when the function is
> either 'generally useful' or 'highly reusable in instance context where the
> context is a dom node'
>
> for the latter case ('highly reusable in instance context where the context
> is a dom node') i am way over-specific; however, the jquery core has
> basically cornered this market. the core dev team is highly aware of basic
> issues and most everything you could think of is already there.
>
> 'polluting' the core namespace is the responsiblity of plugins. the term
> 'pollution' is used to mean only that every name you put on the namespace
> has the probability of conflicting in the future if it doesn't already
> exist.
>
> if you make sure a name doesn't already exist on the jquery namespace, and
> if you think the new property (which may be a function, object, array,
> simple type, or a hetergeneous object/array/function jquery-like collection)
> is useful enough to be in the core library, please feel free to ask the
> jquery-dev list
>
the chances are they will point to a thread that exists already and/or they
will question the concept by usually
1) pointing to an existing solution
2) providing context for why the question is still open
3) ask you to create a ticket to fix it
4) tell you it's a perfect use of the plug-in architecture an point you to a
great reernce for how to publish it correctly
>
>
>> BACKGROUND: I am still trying very hard to identify the error that is
>> prohibiting me from incorporating a jQuery plug-in into my site in a
>> manner similar to the way that the author of the plug-in has
>> incorporated it into his. Although I have sought consultation with
>> the author, he appears uninterested in working with me.
>
> post a link. you did below and i'm just about to look at it; however, it
'should' be the first thing you post. reduce the problem to a simple
example and post the url. the community will help you in most cases in just
a few minutes. on the other hand if you post something analogous to 'I
HAVE A MAJOR PROBLEM!!! CAN YOU HELP??? NOW!!!
2...@#$%!#&#$%&%^%$$*$...@#%257
well chances are
no
the reason is we need you to help us help you. if you want the most basic
question answered please use this list:
jquery-ment...@googlegroups.com
>>
>> My still fledgling knowledge of jQuery tells me that the author of the
>> plug-in and my implementation of his plug-in are constructed
>> differently. Whereas I use jQuery's prototype property to reference
>> my method and then assign my method anonymously to my HTML document as
>> follows: $().myJQMethod(). The author of the plug-in does something
>> very different.
>>
>> Please compare the isolated code that I have extracted from the
>> author's plug-in and my implementation of it. Links to the source
>> pages have been included.
>>
>>
>> CONSTRUCT A (The jQ_Impromptu Plug-In):
>>
>> (function($) {
>>$.prompt = function(message, options) {
>> })(jQuery);
>>
>> SOURCE:
>> http://homepage.mac.com/moogoonghwa/Imagine_Prototype/JavaScript/jQ_Impromptu-2.5.js
>>
>>
>>
>> CONSTRUCT B (My implementation of the jQ_Impromptu Plug-In)
>>
>> (function($) {
>>$.fn.getBrowserInformation = function() {
>> })(jQuery);
>>
>> SOURCE:
>> http://homepage.mac.com/moogoonghwa/Imagine_Prototype/JavaScript/jQ_browserIdentification.js
>>
>>
>> QUESTION TWO: Although I am able to implement the author's method, it
>> is not performing as it should. When the alert box appears with focus
>> the hosting HTML page is suppose to show through with dimmed opacity.
>> My implementation does not achieve this effect. Firebug has alerted
>> to me to the following breakpoint, but I am poorly unable to interpret
>> it.
>>
>> jQuery.cache[ id ][ name ] :
>>
>> Could someone help?
>>
>> SOURCE HTML:
>> http://homepage.mac.com/moogoonghwa/Imagine_Prototype/Content/
>>
>> Roddy
>>
>>
>
>
> --
> Christopher Thatcher
>
--
Christopher Thatcher
[jQuery] Re: The jQuery Prototype Object and Working with Others' jQuery Plug-Ins
roddy, nice to meet you. reponse is inline
On Thu, May 7, 2009 at 7:31 PM, kiusau wrote:
>
> QUESTION ONE: When is use of the jQuery prototype object appropriate,
> and when is it not?
i am not a jquery core or ui developer so this response must be taken with a
grain of salt.
it is appropriate for the static jQuery namespace when the function is
either 'generally useful' or 'highly reusable in instance context where the
context is a dom node'
for the latter case ('highly reusable in instance context where the context
is a dom node') i am way over-specific; however, the jquery core has
basically cornered this market. the core dev team is highly aware of basic
issues and most everything you could think of is already there.
'polluting' the core namespace is the responsiblity of plugins. the term
'pollution' is used to mean only that every name you put on the namespace
has the probability of conflicting in the future if it doesn't already
exist.
if you make sure a name doesn't already exist on the jquery namespace, and
if you think the new property (which may be a function, object, array,
simple type, or a hetergeneous object/array/function jquery-like collection)
is useful enough to be in the core library, please feel free to ask the
jquery-dev list ()
>
> BACKGROUND: I am still trying very hard to identify the error that is
> prohibiting me from incorporating a jQuery plug-in into my site in a
> manner similar to the way that the author of the plug-in has
> incorporated it into his. Although I have sought consultation with
> the author, he appears uninterested in working with me.
>
> My still fledgling knowledge of jQuery tells me that the author of the
> plug-in and my implementation of his plug-in are constructed
> differently. Whereas I use jQuery's prototype property to reference
> my method and then assign my method anonymously to my HTML document as
> follows: $().myJQMethod(). The author of the plug-in does something
> very different.
>
> Please compare the isolated code that I have extracted from the
> author's plug-in and my implementation of it. Links to the source
> pages have been included.
>
>
> CONSTRUCT A (The jQ_Impromptu Plug-In):
>
> (function($) {
>$.prompt = function(message, options) {
> })(jQuery);
>
> SOURCE:
> http://homepage.mac.com/moogoonghwa/Imagine_Prototype/JavaScript/jQ_Impromptu-2.5.js
>
>
>
> CONSTRUCT B (My implementation of the jQ_Impromptu Plug-In)
>
> (function($) {
>$.fn.getBrowserInformation = function() {
> })(jQuery);
>
> SOURCE:
> http://homepage.mac.com/moogoonghwa/Imagine_Prototype/JavaScript/jQ_browserIdentification.js
>
>
> QUESTION TWO: Although I am able to implement the author's method, it
> is not performing as it should. When the alert box appears with focus
> the hosting HTML page is suppose to show through with dimmed opacity.
> My implementation does not achieve this effect. Firebug has alerted
> to me to the following breakpoint, but I am poorly unable to interpret
> it.
>
> jQuery.cache[ id ][ name ] :
>
> Could someone help?
>
> SOURCE HTML:
> http://homepage.mac.com/moogoonghwa/Imagine_Prototype/Content/
>
> Roddy
>
>
--
Christopher Thatcher
[jQuery] Re: Parsing XML and appending to an array?
i think what you want is $('image', responsexml).each()
otherwise you are asking for each response element of which there is only
one.
On Thu, May 7, 2009 at 4:47 PM, Alan at DSI wrote:
>
> I'm new to jQuery and what I am trying to do is take the XML response
> below and obtain the src attribute from each image. I then want to
> append that value to an array which can be used later. Now my issue is
> when it gets to
>
> Code:
>
> $('response', returnedXMLResponse).each(function(){ ... }
>
> it only iterates to the first row in the XML document and gives me
> 001.jpg when I output tmpImageSrc to console. It won't cycle through
> the rest of the image tags as the alert only appears once with a value
> of 0. What am I missing? Am I not using the proper .each? How can I
> build my array from the XML response?
>
> XML:
>
>
>
>
>
>
>
>
>
>
>
> jQuery:
>
>
>var imageList = [];
>var i = 0;
>$(document).ready(function(){
>// Get data and parse it into an array
>$.ajax({
>url: 'xmlResponse.xml',
>type: 'GET',
>dataType: 'xml',
>success: function(returnedXMLResponse){
>console.log(returnedXMLResponse);
>$('response', returnedXMLResponse).each(function()
> {
>var tmpImageSrc = $(this).find("image").attr
> ("src");
>console.log(tmpImageSrc);
>imageList.push(tmpImageSrc);
>alert(i);
>i++;
>})
>} // End Success
>}); // End AJAX
>//console.log(imageList);
>});
>
>
--
Christopher Thatcher
[jQuery] Re: The jQuery Object, Namespaces, and Program Modules -- Connecting the Dots Between jQuery and Javascript
5) learn to depend on firebug. its an extension to firefox as a plugin and
even though safari 4 beta , ie8, and opera 10 all have built-in debugging
environments, firebug is still the best. i have a feeling it will be built
into firefox soon too. you can inspect the live dom, any elements compiled
css hierarchy ( including showing what was overrided based on weight of
selector ), network activity including headers of ajax calls and responses,
dom properties of seleted elements, a logging hook, a full-fledged
(better-than-visual-studio-by-miles ide for debugging step-by-step if you
need to) etc
http://getfirebug.com/
On Wed, May 6, 2009 at 6:13 PM, kiusau wrote:
>
> On May 6, 10:34 am, dhtml wrote:
>
> > var time = new (function(x){
> > this.timeStamp = +new Date;
> > this.end = new Date(x); // Invalid Date.
> > })(Infinity);
>
> How do you explain that both time.timeStamp and time.end are returned
> without error in the following:
>
> var time = new (function(x){
>this.timeStamp = + new Date;
>this.end = new Date(x); // Invalid Date.
> })(1241646503107);
> alert(time.timeStamp);
> alert(time.end);
>
> but the following results when no integer is entered:
>
> 1) (time) // invalid date, with no error
> 2) () // invalid date with no error
> 3) (time.timeStamp) // error
> 4) (time()) // error
>
> REFERENCE:
> http://homepage.mac.com/moogoonghwa/practice/JavaScript/js_parentheticalOperator.html
>
>
>
>
--
Christopher Thatcher
[jQuery] Re: The jQuery Object, Namespaces, and Program Modules -- Connecting the Dots Between jQuery and Javascript
i would recommend studying jquery.collections by ariel flesler.
http://flesler.blogspot.com/2008/01/jquerycollection.html
i recommend this for several reasons:
1) it's a plugin - understanding plugins is part of the core architectural
pattern.
2) it mimicks jquery's core architecture - a collection is a jquery-ish
object. so you will understand why the jquery object is both a static object
with it's own methods, and how those are reused on the jquery instance,
which an array-like object with its own scope of
functions like the jquery
3) it may teach you how to use namespace (or named closure)
jquery uses this anonymous function pattern heavily. so do good plugins.
jQuery.noConflict();
//anonymous function executed at load time
(function($){
//$ is jQuery
})(jQuery);//semi colon should be included
//$ is not jQuery
you can create the same pattern with a plugin that uses an additional
namesapce to prevent pollution on the jquery namespace:
jQuery.noConflict();
//anonymous function executed at load time
(function($, _){
//$ is jQuery
//_ is MyNamespace
})(jQuery, MyNamespace);//semi colon should be included
//$ is not jQuery
On Tue, May 5, 2009 at 11:40 PM, Matt Kruse wrote:
>
> On May 5, 5:36 pm, kiusau wrote:
> > It helps enormously, as well as everything that came before it.
>
> Glad it helped. Anyone can feel free to paraphrase what I wrote and
> wiki it if you wish ;)
>
> > What
> > alert($) returns, however, is the following:
> > function (selector, context) {
> > return new (jQuery.fn.init)(selector, context);
> > }
>
> In some browsers.
>
> > I also
> > understand that methods and properties are pretty much treated the
> > same by the object in which they are contained.
>
> Yes, methods are always object properties.
>
> > What I do not
> > understand is why jQuery.fn.init is not written as jQuery.fn.init()
> > where init() is a method of the jQuery.fn prototype object.
>
> First, I do notice that FF alerts what you have written, yet IE does
> not. Doesn't matter how they are represented internally, though,
> because they are the same thing. In the actual source, the code is:
>
> function( selector, context ) {
> // The jQuery object is actually just the init constructor
> 'enhanced'
> return new jQuery.fn.init( selector, context );
> }
>
> Since
> jQuery.fn.init === (jQuery.fn.init)
> then either representation means the same thing.
>
> Now, as for why "init" is a property of the jQuery.fn (aka
> jQuery.prototype) object and then its prototype set to jQuery.fn
> itself, I don't know. Seems like an odd coding decision to me, but
> perhaps there is some reasoning behind it? I would be curious to know.
> Separating out the init() method to just a stand-alone constructor
> function called jQuery() works fine and would seem cleaner.
>
> Any other questions? :)
>
> Matt Kruse
>
--
Christopher Thatcher
[jQuery] jquery-claypool
Announcing jQuery-Claypool (http://docs.jquery.com/Plugins/Claypool) jquery-claypool is a small, concise, fast, railable javascript application framework, built as a jquery-plugin that provides all the usual important patterns for large, long-lived client-side apps, server-side apps, or something strangely, beautifully in the middle. like django, rails, and spring but built for jquery. jquery-claypool provides a powerful routing framework, simple scanners for nearly-zero configuration, highly optimized category logging, aspect oriented filters, automagically managed inversion of control, single point of entry, swappable environments and minimal requirement mvc. and if all of those big words don't scare you away, jquery-claypool will make your life simpler, cheaper, and most importantly lazier. cheers to lazy. jquery-claypool is both a client (browser) and server-side framework that fits in a compressed, gzipped file that is smaller than jquery itself. we can achieve this by simply allowing you to use whatever model and view plugins you love the most, while simultaneously letting you write controllers the same way you would write event handler without jquery-claypool. i.e. there is no notion of framework required extension patterns. you decide how you like to write and we just wire it up cleanly and most importantly, transparently. dependencies * works with jquery 1.2.6 and 1.3.2(client) * requires livequery (soon we will add live()) Download / fork / watch jquery-claypool at github http://github.com/thatcher/jquery-claypool/tree/master Join the discussion group / mailing list at Google Groups: http://groups.google.com/group/jquery-claypool Report any bugs you find on the bug tracker http://claypooljs.lighthouseapp.com/ Documentation is being constructed at jquery plugins http://docs.jquery.com/Plugins/Claypool * Small, 14K gzipped. * MIT/GPL Style License. * Scales memory effeciency. * Powered by jQuery. jquery-claypool comes with template projects to get you rolling in minutes. Client Example Project http://github.com/thatcher/jquery-claypool-client/zipball/master http://github.com/thatcher/jquery-claypool-client/tarball/master Server Example Project (see it being used at http://www.claypooljs.com ) http://github.com/thatcher/jquery-claypool-server/zipball/master http://github.com/thatcher/jquery-claypool-server/tarball/master -- Christopher Thatcher http://www.claypooljs.com
[jQuery] Re: SlideToggle Callback Help
On Apr 22, 9:15 pm, Shane Riley wrote:
> So what you're trying to do is ensure that the slideToggle is done
> animating before you add/remove a class? If so, you'd do something
> like this:
>
> $('.open-post-info').click(function() {
> var id = $(this).attr('id');
> $('.post-info-' + id).slideToggle("medium", function()
> {
> $(this).toggleClass("toggled");
> });
> return false;
>
> });
Perfect! Thank you sir!
[jQuery] SlideToggle Callback Help
I have this simple slide toggle.
$('.open-post-info').click(function() {
var id = $(this).attr('id');
$('.post-info-' + id).slideToggle("medium");
return false;
});
What I want is when I run the function that after it runs to add CSS
class and when I close/toggle up that the class gets removed. Help
please.
[jQuery] Re: recommendation for lightbox
It's not a plug-in, but I would suggest FancyZoom. http://www.cabel.name/2008/02/fancyzoom-10.html On Apr 16, 9:20 am, iceangel89 wrote: > what do u recommend for a lightbox plugin? there are alot out there
[jQuery] jQuery can't catch 302 status in IE, but works in Firefox
To keep the story short :
After every AJAX call, I want to check the status. If the status is
302 (redirect), I want my AJAX to redirect to an URL set on "Location"
header.
My code is like this :
jQuery("#session_timeout_gtbportal").ajaxComplete(function(event,
request, settings){
alert(request.status);
if(request.status=="302"){
alert("302 inside");
location.href=request.getResponseHeader("Location");
return false;
}
});
In Firefox, 302 status can be catch perfectly ( alert("302 inside")
will be executed ), and browser can redirect to location specified by
"Location" header. But in Internet Explorer ( I use IE 7), alert("302
inside") is never executed. I always get 200 as status-code. I use
jQuery 1.2.6.
Anyone can help me with hint /idea how to make IE to behave exactly
the same like Firefox ?
Thank you
[jQuery] Re: jqPlot - New charting plugin
I've added an examples page demonstrating some of the current features of jqPlot. It is here: http://www.hacknack.com/jqplot/examples.html Note, it doesn't demonstrate how to create a plugin for jqPlot. I'll get to that too. On Apr 8, 10:32 pm, Ralph Whitbeck wrote: > Hey Chris, > > So the difference between jqPlot and Flot is that jqPlot is extensible or > that your plugin will take plugins of it's own? > > That's pretty cool if I got that right. > > Are there other differences? Can jqPlot do the same examples as > Flot's?http://people.iola.dk/olau/flot/examples/ > > Ralph > > On Wed, Apr 8, 2009 at 8:23 PM, Chris Leonello > wrote: > > > > > > > Hi, > > > I'd like to announce jqPlot, a new charting plugin for jQuery. jqPlot > > was inspired by Flot, but has a more extensible plugin like > > architecture. For example, logarithmic axes are supported through a > > logAxes plugin renderer. > > > There is a loose coupling between user inputs, data handling, and > > drawing of the chart objects. All graph elements are created through > > "renderers". This means that, independent of the jqPlot core code, a > > new renderer to e.g. draw spider graphs can be written and plugged in. > > > The jqPlot home page can be found here:: > > >http://code.google.com/p/jqplot/ > > > Documentation is here: > > >http://www.hacknack.com/jqplot/ > > > and I've set up a discussion group at: > >http://groups.google.com/group/jqplot-users > > > jqPlot is fully functional, but is still under heavy development. > > There may be bugs and not all features are implemented yet. Some of > > the current jqPlot features: > > > * Line/scatter graphs. > > * Customizable line markers and line styles. > > * Dual x/y axis support. > > * Logarithmic x/y axis support (through plugin). > > * Axis customizations including turning off tick marks and sprintf > > style tick label formatting. > > * Chart title, legend and grid formating and customization. > > > Features I'm currently working on: > > > * Better, stronger, faster documentation. > > * Automatic trend line calculation. > > * Bar/Column charts. > > * Hi lo close (candlestick) charts. > > * Bubble charts. > > * Interactive features including highlighting and event support. > > > Take a look. Give it a try. Let me know what you think. All > > comments, criticisms and feedback are welcome.
[jQuery] Re: jqPlot - New charting plugin
> So the difference between jqPlot and Flot is that jqPlot is extensible or > that your plugin will take plugins of it's own? Both. jqPlot is new from the ground up. I did not base it off of the Flot code. I need to expand the documentation to show how to use it and how to write plugins. Coming soon! > Are there other differences? Can jqPlot do the same examples as > Flot's?http://people.iola.dk/olau/flot/examples/ I will put together a example page, it will probably serve as good documentation also. There are other differences. Most of the coding was done in the last 2 weeks, so much of the feature set is not yet implemented. For example, Flot does bar graphs and zooming. I have implimented log axes, with Flot you need a custom patch. I do plan on implementing many of the same features because I need them on my projects. The main difference with Flot is the way the code is structured. If someone needs some custom capability, say striping rows on the grid, it would be easy for the programmer to implement this as a custom grid renderer plugin in jqPlot. He wouldn't have to worry about updates in the core code breaking his customizations. His plugin could also (if desired) be offered to everyone else as a new jqPlot feature without having to be merged into jqPlot. On Apr 8, 10:32 pm, Ralph Whitbeck wrote: > Hey Chris, > > So the difference between jqPlot and Flot is that jqPlot is extensible or > that your plugin will take plugins of it's own? > > That's pretty cool if I got that right. > > Are there other differences? Can jqPlot do the same examples as > Flot's?http://people.iola.dk/olau/flot/examples/ > > Ralph > > On Wed, Apr 8, 2009 at 8:23 PM, Chris Leonello > wrote: > > > > > > > Hi, > > > I'd like to announce jqPlot, a new charting plugin for jQuery. jqPlot > > was inspired by Flot, but has a more extensible plugin like > > architecture. For example, logarithmic axes are supported through a > > logAxes plugin renderer. > > > There is a loose coupling between user inputs, data handling, and > > drawing of the chart objects. All graph elements are created through > > "renderers". This means that, independent of the jqPlot core code, a > > new renderer to e.g. draw spider graphs can be written and plugged in. > > > The jqPlot home page can be found here:: > > >http://code.google.com/p/jqplot/ > > > Documentation is here: > > >http://www.hacknack.com/jqplot/ > > > and I've set up a discussion group at: > >http://groups.google.com/group/jqplot-users > > > jqPlot is fully functional, but is still under heavy development. > > There may be bugs and not all features are implemented yet. Some of > > the current jqPlot features: > > > * Line/scatter graphs. > > * Customizable line markers and line styles. > > * Dual x/y axis support. > > * Logarithmic x/y axis support (through plugin). > > * Axis customizations including turning off tick marks and sprintf > > style tick label formatting. > > * Chart title, legend and grid formating and customization. > > > Features I'm currently working on: > > > * Better, stronger, faster documentation. > > * Automatic trend line calculation. > > * Bar/Column charts. > > * Hi lo close (candlestick) charts. > > * Bubble charts. > > * Interactive features including highlighting and event support. > > > Take a look. Give it a try. Let me know what you think. All > > comments, criticisms and feedback are welcome.
[jQuery] how to handle redirect request caused by session timeout in web SSO environment
hi all,
I'm newbie in jQuery, have been doing research about jQuery API but
not really sure about the answer of my problems. I have a web
application using single sign-on provided by WebSSO. The problem is,
whenever there is an AJAX call and session already time-out, WebSSO
will sent redirect request and it will make the AJAX break since AJAX
can't handle redirect response.
Is there anyway to handle 302 redirect, so I can redirect the
browser to "Location" header returned by Web SSO ?
jQuery.ajax(
{
url: "/blabla/blah.jsp",
complete: function(xhr, textStatus){
if(xhr.status=="302"){
location.href=xhr.getResponseHeader("Location");
return false;
}
}
}
);
Thank you in advance.
[jQuery] jqPlot - New charting plugin
Hi, I'd like to announce jqPlot, a new charting plugin for jQuery. jqPlot was inspired by Flot, but has a more extensible plugin like architecture. For example, logarithmic axes are supported through a logAxes plugin renderer. There is a loose coupling between user inputs, data handling, and drawing of the chart objects. All graph elements are created through "renderers". This means that, independent of the jqPlot core code, a new renderer to e.g. draw spider graphs can be written and plugged in. The jqPlot home page can be found here:: http://code.google.com/p/jqplot/ Documentation is here: http://www.hacknack.com/jqplot/ and I've set up a discussion group at: http://groups.google.com/group/jqplot-users jqPlot is fully functional, but is still under heavy development. There may be bugs and not all features are implemented yet. Some of the current jqPlot features: * Line/scatter graphs. * Customizable line markers and line styles. * Dual x/y axis support. * Logarithmic x/y axis support (through plugin). * Axis customizations including turning off tick marks and sprintf style tick label formatting. * Chart title, legend and grid formating and customization. Features I'm currently working on: * Better, stronger, faster documentation. * Automatic trend line calculation. * Bar/Column charts. * Hi lo close (candlestick) charts. * Bubble charts. * Interactive features including highlighting and event support. Take a look. Give it a try. Let me know what you think. All comments, criticisms and feedback are welcome.
[jQuery] Re: Find and replace image problem
As I said that doesn't work.
On Mar 18, 11:48 am, James wrote:
> var new_src = $(this).attr("src").replace(imagename, fileObj.name);
>
> will store the String value of that into new_src, so you just set your
> image source to it.
>
> $(this).attr("src", new_src);
>
> On Mar 18, 7:56 am, Chris K wrote:
>
> > I have the image name in a variable and want to replace it but not
> > sure how to do this.
>
> > Currently I can replace the image src with:
> > var new_src = $(this).attr("src").replace(/ship.png$/i, fileObj.name);
>
> > I want to do something like this (which doesn't work):
> > var new_src = $(this).attr("src").replace(imagename, fileObj.name);
>
> > Any help is appreciated.
>
> > Chris
[jQuery] Find and replace image problem
I have the image name in a variable and want to replace it but not
sure how to do this.
Currently I can replace the image src with:
var new_src = $(this).attr("src").replace(/ship.png$/i, fileObj.name);
I want to do something like this (which doesn't work):
var new_src = $(this).attr("src").replace(imagename, fileObj.name);
Any help is appreciated.
Chris
[jQuery] Custom Error placement with jQuery form validation??
I am using jQuery form validation and it works great, but it displays the error message to the right of each form element. I actually want the error message for each form element to be in a specific div that I customize. For example: If anyone can tell me how you would do that it would be greatly appreciated. Sincerely, Chris
[jQuery] Re: remove radio buttom
Doh
Thanks so much for bringing that to my attention. I must have looked
at that a million times and was convinced the issue was elsewhere.
On Mar 16, 9:12 am, Paul Mills wrote:
> Hi Chris,
> Your .empty() refers to .gloves_wear - but the class on the is
> wear_gloves !
>
> Otherwise code looks OK.
> Paul
>
> On Mar 16, 2:59 am, Chris Hall wrote:
>
> > I'm trying to remove radio buttons under a specific circumstance, but
> > I'm not having much luck.
>
> > Here are the appropriate snippets:
>
> > alert("testing"); // just to ensure we are here
> > $("div.gloves_wear").empty();
>
> > ...
>
> >
> > Gloves Worn
> >
>
> > None (no bonus)
> > Big Bear
> > gloves (+1 Strength)
> >
> >
>
> > I get the alert, but it doesn't appear that the empty ever occurs. I
> > get no errors in the javascript console, so I'm sure I'm just
> > referencing it incorrectly or something.
>
> > Any help is appreciated.
[jQuery] remove radio buttom
I'm trying to remove radio buttons under a specific circumstance, but
I'm not having much luck.
Here are the appropriate snippets:
alert("testing"); // just to ensure we are here
$("div.gloves_wear").empty();
...
Gloves Worn
None (no bonus)
Big Bear
gloves (+1 Strength)
I get the alert, but it doesn't appear that the empty ever occurs. I
get no errors in the javascript console, so I'm sure I'm just
referencing it incorrectly or something.
Any help is appreciated.
[jQuery] Multipart forms, file uploads and the accept header
Morning,
I have a simple file upload form. It works exactly as expected
without javascript. It *almost* works as expected when I convert it
to an ajax form, with something like form.ajaxSubmit(options). My
options contain a dataType definition, {'dataType' : 'json'}. I
believe that this directly relates to the HTTP Accept header and lets
my server know the type of data that I'm expecting to get back. If I
don't select a file to upload and hit submit then the Accept header is
populated correctly ("application/json, text/javascript, */*"). If I
do select a file to upload and hit submit then the Accept header
ignores my dataType and appears to default to the browser default
(something like "text/html,application/xhtml+xml,application/
xml;q=0.9,*/*;q=0.8"). In practice, this means that although the file
is uploaded correctly, I'm unable to determine the the type of
response required from the server (in Rails I can't use respond_to to
detect a request for a js response). I'm wondering whether this is by
design or whether something's wrong here.
Does anyone have any thoughts?
Cheers,
Chris
[jQuery] Re: splitter plugin: messes up the layout
noone? On Mar 1, 2:02 pm, Chris wrote: > I have prepared a downloadable package that should make the problem > really visible:http://tinyurl.com/adjp4r > > On Mar 1, 12:36 pm, Chris wrote: > > > Maybe I should mention that I'm using Firefox 2. > > > On Mar 1, 12:34 pm, Chris wrote: > > > > Hi, > > > > I have problems getting the splitter plugin work the way it should. > > > I'm using this version:http://methvin.com/splitter/ > > > > What I try to achieve is to split a given div container with a fixed > > > size as many times as I wish. Turns out I can only split it a couple > > > of times because at some point it'll start going beyond the borders of > > > the outer-div-container with the fixed size. Thats not supposed to > > > happen. > > > > Here is an example that's still working:http://tinyurl.com/djdzt6 > > > Here is another one thats not:http://tinyurl.com/dxrrdz > > > > Just ignore the content, its not meant to make sense. What you see on > > > the second link is that on the right side its already looking strange. > > > Moreover, if you try to slide the splitbar over there down to the > > > bottom, it'll mess up the layout. > > > > What am I doing wrong? > > > > Regards, > > > Christian
[jQuery] Re: splitter plugin: messes up the layout
I have prepared a downloadable package that should make the problem really visible: http://tinyurl.com/adjp4r On Mar 1, 12:36 pm, Chris wrote: > Maybe I should mention that I'm using Firefox 2. > > On Mar 1, 12:34 pm, Chris wrote: > > > Hi, > > > I have problems getting the splitter plugin work the way it should. > > I'm using this version:http://methvin.com/splitter/ > > > What I try to achieve is to split a given div container with a fixed > > size as many times as I wish. Turns out I can only split it a couple > > of times because at some point it'll start going beyond the borders of > > the outer-div-container with the fixed size. Thats not supposed to > > happen. > > > Here is an example that's still working:http://tinyurl.com/djdzt6 > > Here is another one thats not:http://tinyurl.com/dxrrdz > > > Just ignore the content, its not meant to make sense. What you see on > > the second link is that on the right side its already looking strange. > > Moreover, if you try to slide the splitbar over there down to the > > bottom, it'll mess up the layout. > > > What am I doing wrong? > > > Regards, > > Christian
[jQuery] Re: splitter plugin: messes up the layout
Maybe I should mention that I'm using Firefox 2. On Mar 1, 12:34 pm, Chris wrote: > Hi, > > I have problems getting the splitter plugin work the way it should. > I'm using this version:http://methvin.com/splitter/ > > What I try to achieve is to split a given div container with a fixed > size as many times as I wish. Turns out I can only split it a couple > of times because at some point it'll start going beyond the borders of > the outer-div-container with the fixed size. Thats not supposed to > happen. > > Here is an example that's still working:http://tinyurl.com/djdzt6 > Here is another one thats not:http://tinyurl.com/dxrrdz > > Just ignore the content, its not meant to make sense. What you see on > the second link is that on the right side its already looking strange. > Moreover, if you try to slide the splitbar over there down to the > bottom, it'll mess up the layout. > > What am I doing wrong? > > Regards, > Christian
[jQuery] splitter plugin: messes up the layout
Hi, I have problems getting the splitter plugin work the way it should. I'm using this version: http://methvin.com/splitter/ What I try to achieve is to split a given div container with a fixed size as many times as I wish. Turns out I can only split it a couple of times because at some point it'll start going beyond the borders of the outer-div-container with the fixed size. Thats not supposed to happen. Here is an example that's still working: http://tinyurl.com/djdzt6 Here is another one thats not: http://tinyurl.com/dxrrdz Just ignore the content, its not meant to make sense. What you see on the second link is that on the right side its already looking strange. Moreover, if you try to slide the splitbar over there down to the bottom, it'll mess up the layout. What am I doing wrong? Regards, Christian
[jQuery] Re: File Input field Help
*sighs* on behalf of spam. :(
Anyone know have suggestions as to what I am doing wrong.
On Feb 27, 2:11 am, saifullah hanif wrote:
> http://tinyurl.com/cyecufhttp://tinyurl.com/ahvxzc
>
> http://tinyurl.com/8rwmkr
>
> http://tinyurl.com/7wbm8o
> On 2/26/09, Chris wrote:
>
>
>
> > I tried this:
>
> > $("#form_container").click(function(event) {
> > event.stopPropagation();
> > $("#id_content").trigger('click');
> > });
>
> > AND This:
>
> > $("#form_container").bind("click", function(event){
> > event.stopPropagation();
> > $("#id_content").trigger('click');
> > });
>
> > But receive the same recursion error.
>
> > On Feb 24, 7:21 pm, mkmanning wrote:
> > > The click event is bubbling, try adding event.stopPropagation()
>
> > > On Feb 24, 1:07 pm, Chris wrote:
>
> > > > Hello so I am trying to create an image that once clicked will trigger
> > > > the file input field but I am getting an error Here is what I am
> > > > doing:
>
> > > > # Set the image in the div
> > > > $("#form_container").css({"background-image": "url(input.png)",
> > > > "width": "126px",
> > > > "height": "150px",
> > > > 'cursor': 'pointer'
>
> > > > });
>
> > > > # set the field input out of viewable site.
> > > > $('input[type=file]').css({'overflow':'none',
> > > > 'position': 'relative',
> > > > 'opacity': '0',
> > > > 'top':'-1000px', // place element of
> > > > the grid
> > > > '-moz-opacity': '0'
>
> > > > });
>
> > > > # When the div container is clicked, trigger the default file input
> > > > field action.
> > > > $("#form_container").click(function() {
> > > > $("#id_content").trigger('click');
>
> > > > });
>
> > > > HTML:
> > > >
> > > >
> > > >
>
> > > > Here is the error that I receive when clicking:
>
> > > > Firebug's log limit has been reached. %S entries not shown.
> > > > Preferences
> > > > too much recursion
> > > > [Break on this error] (function(){var R=/((?:\((?:\([^()]+\)|[...
> > > > (J,typeof K==="string"?K:K+"px")}})})();
> > > > jquery-12.min.js (line 19)
> > > > too much recursion
> > > > [Break on this error] var msg = "Error in hook: "+ exc +" fn=\n"+fn
> > > > +"\n stack=\n";
>
> > > > Any thoughts?
>
> > > > Thanks!
[jQuery] Re: File Input field Help
I tried this:
$("#form_container").click(function(event) {
event.stopPropagation();
$("#id_content").trigger('click');
});
AND This:
$("#form_container").bind("click", function(event){
event.stopPropagation();
$("#id_content").trigger('click');
});
But receive the same recursion error.
On Feb 24, 7:21 pm, mkmanning wrote:
> The click event is bubbling, try adding event.stopPropagation()
>
> On Feb 24, 1:07 pm, Chris wrote:
>
> > Hello so I am trying to create an image that once clicked will trigger
> > the file input field but I am getting an error Here is what I am
> > doing:
>
> > # Set the image in the div
> > $("#form_container").css({"background-image": "url(input.png)",
> > "width": "126px",
> > "height": "150px",
> > 'cursor': 'pointer'
>
> > });
>
> > # set the field input out of viewable site.
> > $('input[type=file]').css({'overflow':'none',
> > 'position': 'relative',
> > 'opacity': '0',
> > 'top':'-1000px', // place element of
> > the grid
> > '-moz-opacity': '0'
>
> > });
>
> > # When the div container is clicked, trigger the default file input
> > field action.
> > $("#form_container").click(function() {
> > $("#id_content").trigger('click');
>
> > });
>
> > HTML:
> >
> >
> >
>
> > Here is the error that I receive when clicking:
>
> > Firebug's log limit has been reached. %S entries not shown.
> > Preferences
> > too much recursion
> > [Break on this error] (function(){var R=/((?:\((?:\([^()]+\)|[...
> > (J,typeof K==="string"?K:K+"px")}})})();
> > jquery-12.min.js (line 19)
> > too much recursion
> > [Break on this error] var msg = "Error in hook: "+ exc +" fn=\n"+fn
> > +"\n stack=\n";
>
> > Any thoughts?
>
> > Thanks!
[jQuery] Re: Selectbox Manipulation...Works in FF but not in IE6 or IE7
James,
Thanks for the response. I don't know why I didn't see it before, but
your comment about the conditional check got me thinking. I did try
$this.attr("selected", "selected");
and that works just as well as my original, but the conditional is
where my problem was. FF understood the 'textContent' attribute, but
IE6&7 only understood 'text'. Honestly, when I was looking at the
thing originally in FF, I just didn't see 'text' I saw only
'textContent' so that's what I used. Thankfully though FF and IE6&7
understand $this.attr("text"), so I'm all good now.
Thanks,
Chris
On Feb 26, 3:32 pm, James wrote:
> I'm not sure about the:
> if($this.attr("textContent") == PublishTo)
> part. It sounds very custom. Provided this conditional check is
> working correctly, how about trying:
> $this.attr("selected", "selected") ;
> to set the value.
>
> Or if you can get the actual options value, you can set the value of
> the select drop-down:
> $("select").val(1);
>
> On Feb 26, 11:24 am, Chris Jordan wrote:
>
> > I just realized I may need to explain a little further.
>
> > I've got a table on the same page. Clicking on a record in that table
> > populates a small form on the page with the information from that
> > record. The text and check boxes are easy enough to populate, but
> > telling the select box which of it's options is now selected as a
> > result of that user click is a little harder it seems.
>
> > The code snippet in my original post fires when a user clicks on a
> > record in the table, and in FireFox 3.0.6 it works just fine, but in
> > IE6 and IE7 it fails. I should also probably mention that I'm using
> > jquery 1.2.6 packed.
>
> > Thanks,
> > Chris
>
> > On Feb 26, 3:11 pm, Chris Jordan wrote:
>
> > > Hi folks,
>
> > > I'm trying to manipulate which item in a select box is selected using
> > > jQuery. The following code snippet works great in FF but fails miserably
> > > in
> > > IE6 and IE7
>
> > > // select the publish to option
> > > $("#PublishToID > option").each(function(){
> > > $this = $(this);
> > > if($this.attr("textContent") == PublishTo){
> > > $this.attr("selected", true)
> > > }
>
> > > });
>
> > > Given that I have a select box that looks like this:
>
> > >
> > > Some Page Title
> > > Some Other Page Title
> > > Page 5
> > > Page 1
> > > Page 2
> > >
>
> > > --http://cjordan.us
[jQuery] Re: Selectbox Manipulation...Works in FF but not in IE6 or IE7
I just realized I may need to explain a little further.
I've got a table on the same page. Clicking on a record in that table
populates a small form on the page with the information from that
record. The text and check boxes are easy enough to populate, but
telling the select box which of it's options is now selected as a
result of that user click is a little harder it seems.
The code snippet in my original post fires when a user clicks on a
record in the table, and in FireFox 3.0.6 it works just fine, but in
IE6 and IE7 it fails. I should also probably mention that I'm using
jquery 1.2.6 packed.
Thanks,
Chris
On Feb 26, 3:11 pm, Chris Jordan wrote:
> Hi folks,
>
> I'm trying to manipulate which item in a select box is selected using
> jQuery. The following code snippet works great in FF but fails miserably in
> IE6 and IE7
>
> // select the publish to option
> $("#PublishToID > option").each(function(){
> $this = $(this);
> if($this.attr("textContent") == PublishTo){
> $this.attr("selected", true)
> }
>
> });
>
> Given that I have a select box that looks like this:
>
>
> Some Page Title
> Some Other Page Title
> Page 5
> Page 1
> Page 2
>
>
> --http://cjordan.us
