[jQuery] jQuery UI accordion

[K1]

HI all
I wanna create a accordion with jq UI with this options,
accordion have 5 header and load with header 1 by default,and I wanna
disable other headers  when user click on them.how can I disable
showing content of header when user click on that.
 thanks

[jQuery] JQuery Email Validation does not work

[iceman]

Hello
I am on JQuery 1.4.1 using validation fromawork by Jörn Zaefferer 1.6
version.
I need to send multiple comma separated emails .
It fails for the following format
FirstName Last Name [firstName dot lastName at xyz dot com]

Please guide.
Thank You
Iceman

[jQuery] Jquery Validation Email issue (validate)

[MrChambers]

It seems to be normal behaviour, but when using jquery's validate
plugin my client was not happy the a single domain suffix character
was enough to clear the valid email error. ie; tes...@googlemail.c
would validate.

To ensure that at least 2 characters had to be entered into the field
to validate I changed the email function to the following;

email: function(value, element) {
// contributed by Scott Gonzalez: 
http://projects.scottsplayground.com/email_address_validation/
return this.optional(element) || 
/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?
\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\
$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])
+)*)|((\x22)\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b
\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-
\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF
\uF900-\uFDCF\uFDF0-\uFFEF]*(((\x20|\x09)*(\x0d\x0a))?(\x20|
\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-
\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|
\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|
[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]{2}|[\u00A0-
\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF
\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-
\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/
i.test(value);
},

I'm no expert at regex but this worked for me.

Thanks,
Matt

[jQuery] jQuery Dialogbox Problem

[patelneha...@gmail.com]

Hello Everyone,

   I am new to jquery so i dont know much about it. I write a script
in which i am using the jquery's Dialog box UI on my form. The form is
about user search any product on our site and if the user in not
logged in then displaying him login dialog box otherwise showing
dialog box to save that search for future use and getting the title of
that search.

  Now everything working perfectly but i have a problem with jquery
that when i press CTRL+F5 it will reload the whole page and that time
it shows the form of the dialog box for a fraction of a second. Is
there any way to solve that problem???

[jQuery] jQuery thickbox/form plugin Chrome/Safari compatibility issue?

[jfornear]

I'm displaying a form in a Thickbox and using the jQuery form plugin
to process the form and load the results back into the same Thickbox
window.

It's working perfectly in Firefox, but when the form is submitted in
Chrome/Safari you are sent to the page in the action attribute.

This is the js in the Thickbox ajax content: (jquery.js is linked on
the original page that loads the Thickbox inside it.)




// prepare the form when the DOM is ready
$(document).ready(function() {
// bind form using ajaxForm
$('#msg_form').ajaxForm({
// target identifies the element(s) to update with the server response
target: '#sender',

// success identifies the function to invoke when the server response
// has been received; here we apply a fade-in effect to the new
content
success: function() {
$('#sender').fadeIn('slow');
}
});
});



HTML in the Thickbox ajax content:










In Firefox, this works perfectly and loads the results from sender.php
in #sender inside the original Thickbox. In Chrome/Safari it just
sends you to sender.php.

Re: [jQuery] jQuery AUTOCOMPLETE (by bassistance): submit on click

[Rob Lacey]

I'd imagine you'd want something like this?

 $('input#query').autocomplete('yoururl',{
.
your options
.
 }).result(function(event, item, formatted) {
 $(this).parents().find('form:first').submit();
 });

I hope this helps

RobL


jjunior wrote:

I'm having a problem with the plugin.  Right now, when a user clicks
on a list of suggestions from the autocomplete, it takes that
selection and puts in the input.  The user then has to click again or
hit enter to submit the form.

It seems that most search forms work on a single click system: click
on the desired entry in the list and the desired search is executed.

Can anyone offer some assistance?

Thanks!
  

[jQuery] jQuery AUTOCOMPLETE (by bassistance): submit on click

[jjunior]

I'm having a problem with the plugin.  Right now, when a user clicks
on a list of suggestions from the autocomplete, it takes that
selection and puts in the input.  The user then has to click again or
hit enter to submit the form.

It seems that most search forms work on a single click system: click
on the desired entry in the list and the desired search is executed.

Can anyone offer some assistance?

Thanks!

[jQuery] jQuery 1.4+ and FF JSON.parse() error

[Scott]

Greets.

While upgrading from jQuery 1.2.6 to 1.4.1 I encountered a problem with
some of the JSON data returned to my application. According to json
lint, it was well formed data but was producing an error. The problem
was tracked down to the JSON.parse() function in FF 3.5.7 on Linux x86.
The error seen was "script stack space quota is exhausted" when
processing large chunks of json data. Smaller chunks had no problem.

The solution was to be less secure and force the dataType to text then
eval() the result into a JS object. Hope this helps someone.

--
Scott
-- 
Scott 

[jQuery] JQuery Flot, beginners problem

[83nini]

Hi all,
I'm an absolute beginner in JQuery, and i need your kind help on
this...
i have an mvc project in asp.net, visual studio 2010
i added the jquery.js and jquery.flot.js files in the master page,
then i went to HomeController.cs and wrote the following method:

public ActionResult Example()
{
string s = "[[2003,10882],[2002,10383],[2001,10020],
[2000, 9213]]";
return Json(s, JsonRequestBehavior.AllowGet);
}

as you see i'm trying to get json object..
so in the Index.aspx i wrote the following javascript code

$(function () {
$.getJSON("../../Home/JsonValues/", function (data) {
var plotarea = $("#plot_area");
$.plot(plotarea, data);
});
});

problem is i'm getting an empty graph, i.e. data = null
i'm tracing with the firebug, and seems the problem is context =
undefined!

how do i solve this?
i've been googling the whole morning but in vain!!!

Re: [jQuery] jquery cycle plugin IE6 flicker (appears to reload elements repeatedly)

[arcadian]

I believe the problem that you are experiencing is because IE6 has issues
when background images and opacity settings are adjusted.

I was doing something similar with the jquery cycle plugin and the only way
that I found to fix it was to place an IMG tag in the rotating item and
place it behind the content, thereby simulating a background image.

There is potentially another fix that is supposed to remove background
flicker/loading in IE6, but I have not had much luck with it. See the link
included below.

http://ajaxian.com/archives/no-more-ie6-background-flicker


websymphony wrote:
> 
> I've employed the jquery cycle plugin (great work malsup!) to display
> banners for various hospitals (such as
> http://intermountainhealthcare.org/hospitals/bearriver/Pages/home.aspx).
> 
> To display the banners, I nested the call within a separate script
> containing
> 
> $(document).ready(function() {
>   (More scripts)
> $('.ih-bannerCont').cycle({fx: 'fade', speed: 750, timeout: 7000,
> before: contentOut, after: contentIn});
>   (More scripts)
> });
> 
> While the cycler works great on IE7 and FF3, IE6 chokes as it tries to
> reload the images each time the cycler changes views (this appears a
> flicker between each slide, and a white background).  I've reviewed
> the cycler on malsup's jquery site, which works with no errors in
> IE6.  Did I miss something?
> 
> -Thanks
> 
> 

-- 
View this message in context: 
http://old.nabble.com/jquery-cycle-plugin-IE6-flicker-%28appears-to-reload-elements--repeatedly%29-tp26957694s27240p27613236.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

Re: [jQuery] JQuery + TableSorter + TableSorterPager + (Container != Div) = undefined error

[rasi]

I don't know if this will solve the problem to you, but it did to me. I just
changed my script from something like:

$(document).ready(function() { 
$("table") 
.tablesorter({widthFixed: true, widgets: ['zebra']}) 
.tablesorterPager({container: $("#pager")}); 
}); 

to

$(document).ready(function() { 
$("#tableid") 
.tablesorter({widthFixed: true, widgets: ['zebra']}) 
.tablesorterPager({container: $("#pager")}); 
}); 

and, of course, added a new id="#tableid" to my table. 

-- 
View this message in context: 
http://old.nabble.com/JQuery-%2B-TableSorter-%2B-TableSorterPager-%2B-%28Container-%21%3D-Div%29-%3D--undefined-error-tp15580200s27240p27592483.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] Jquery form plugin can't find resolution

[NHARRY]

I have a form that is loaded using .load it is then posted using the
jquery form plugin. But it won't post see code:


 
$(document).ready(function() {
//shows loading screen whilst posting via ajax
$().ajaxStart($.blockUI).ajaxStop($.unblockUI);

//post form add_customer ajax
var options = {
target: '#alert',
};
   $('#add_customer').submit(function() {
$(this).ajaxSubmit(options);
return false;
});

//load form
$('#theform').hide().load('form.php', function() {
$(this).fadeIn();
 return false;
});

});


I am sure there are others that have had this problem. Help ismuch
appreciated.

Re: [jQuery] JQuery tablesorter problem

[ramesh dhage]

On 2/4/10, Nagaraju  wrote:
>
> I am facing problem with jquery.tablesorter.js
>
> It's working fine if I have more than column in sorting/header list.
>
> But if I have one column in sorting/header showing following error.
>
> o is undefined
> o.order = o.count = s[1];  (jquery.tablesorter.js  at line 421)
>
> Please suggest me fix for this
>
> Regards
> Nagaraju P
>

Re: [jQuery] jquery ui tabs - screen jumps to top when clicked

[Kai-Bone]

I was having this problem with jquery-ui-1.8rc1.custom.min but found a
quickfix solution and the cause of the problem, but I'm not quite sure what
the real fix is.

The problem:
The fx: calls inside the .tabs call: $().tabs({ fx: { opacity: 'toggle' }
});

The solution:
Remove all fx: calls so your tabs call may look something like:
$('#foo').tabs(); where #foo is your tab div id

This immediately solve the page "jumping to top" issue for me.  

So... the fx somehow are manipulating too much of the DOM and are causing
the page to want to semi-refresh, thus causing the browser the jump back to
the top.  The trouble is, I like the effects!  jQuery's fadeIn and fadeOut
functions do not cause this same issue, so something is a little messed up. 
I took a look at the code (in a minified version) and didn't have the time
to start messing with it to find a solution.  If anyone comes up with one,
it would be much appreciated.  

But at least there is a simple, quick solution.

Hope it helps!

-Kai  
-- 
View this message in context: 
http://old.nabble.com/jquery-ui-tabs---screen-jumps-to-top-when-clicked-tp20169815s27240p27554145.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] jQuery, IE 8 and the production server

[locustmotives]

I am working on a page here: www.zacharybell.net
The "read more" link uses jQuery to fadeIn text that is already there and
then (here's most of the problem) it should also fadeOut the "read more"
link.  On my development environment, the script works great, on every
browser, including IE7/8.  

On the production server, as you can see for yourself at the url above, the
fadeOut doesn't actually work.  It just runs the timer and then vanishes all
at once (the timer is set really long, just to illustrate).  Also, something
is inserting a touch of extra space between paragraphs when the script is
done.  None of this happens on my development box, not even on IE7/8. 
Wordpress powers everything, which is why I used explicit jQuery calls,
instead of $

Any help?
-- 
View this message in context: 
http://old.nabble.com/jQuery%2C-IE-8-and-the-production-server-tp27521333s27240p27521333.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] [jQuery-Form-Validator] - Problem with rules

[niagara]

Hi guys.
This is my code:
$().ready(function() {
$("#previ").validate({
submitHandler: function() {
 if(confirm('Sure?')){
$(form).submit();
return true;
  }else{
 return false;
 }
},
rules: {
id_previsione: { required:  true },
id_icona: { required: true },
id_regione: { required: $('#id_previsione').val() == 1 
}, //NOTE
THIS ROWS <-
testo_previsione: { required: true  }
},
messages: {
id_previsione: { required: "is required.." },
id_icona: { required: "is required..."},
id_regione: { required: "is required..."},
testo_previsione:  { required: "is required.," }
}
});
});

I don't riceve any error but it doesn't work as i expected.
I want that the rules id_regione { required: true } is applyed when
the val of id_prevision is == 1.
Understand my problem?

Many Thanks.
Best regards.

Re: [jQuery] JQuery Context Menu Plugin

[Asharudeen]

Hi,

I have tried the sample menu with jquery easy ui (jquery-easyui-1.0.2). But
seems, this is also (Right Click menu) not working on Opera browser. In
Opera, there is a option that 'Allow script to detect context menu events'
present in 'Tools -> Preference -> Advanced -> Content -> javascript
options'. If we enable that option , we can receive menus. But the default
Opera right click menu also appeared.

Is there any option to disable default right click menu options in Opera
browser.

Thanks in Advance.


On Sat, Feb 6, 2010 at 1:46 PM, Asharudeen  wrote:

> Hi,
>
> Thanks for your reply.
>
> I will try it and let you know my results.
>
> Thanks.
>
>
>
> On Sat, Feb 6, 2010 at 12:17 PM, stworthy  wrote:
>
>>
>> Here is another menu plugin
>> http://jquery-easyui.wikidot.com/tutorial:menu
>>
>>
>> Asharudeen wrote:
>> >
>> > Hi,
>> >
>> > I am using JQuery Right Click Context Menu plugin from the following
>> site,
>> > http://www.trendskitchens.co.nz/jquery/contextmenu/
>> >
>> > Seems it works on Firefox/IE/Chrome browsers. But it has not worked on
>> > Opera
>> > browsers.
>> >
>> > Does any one have any work around/way to make workable this plugin in
>> > Opera
>> > browsers.
>> >
>> > Thanks in Advance.
>> >
>> >
>>
>> --
>> View this message in context:
>> http://old.nabble.com/JQuery-Context-Menu-Plugin-tp27477394s27240p27477441.html
>> Sent from the jQuery General Discussion mailing list archive at
>> Nabble.com.
>>
>>
>

[jQuery] jquery css issue in IE7,IE6

[Bharani kumar srinivasan]

Hit me, test 
me

*var numStars = 15;
function change_star_image(question_id,star_id){
var count_star_rating = 0;
for (var i=1;ihttp://php-mysql-jquery.blogspot.com/
Article
JQUERY : checkbox,selectall,selectnone,invertselection,checkbox count

Re: [jQuery] JQuery Context Menu Plugin

[Asharudeen]

Hi,

Thanks for your reply.

I will try it and let you know my results.

Thanks.


On Sat, Feb 6, 2010 at 12:17 PM, stworthy  wrote:

>
> Here is another menu plugin http://jquery-easyui.wikidot.com/tutorial:menu
>
>
> Asharudeen wrote:
> >
> > Hi,
> >
> > I am using JQuery Right Click Context Menu plugin from the following
> site,
> > http://www.trendskitchens.co.nz/jquery/contextmenu/
> >
> > Seems it works on Firefox/IE/Chrome browsers. But it has not worked on
> > Opera
> > browsers.
> >
> > Does any one have any work around/way to make workable this plugin in
> > Opera
> > browsers.
> >
> > Thanks in Advance.
> >
> >
>
> --
> View this message in context:
> http://old.nabble.com/JQuery-Context-Menu-Plugin-tp27477394s27240p27477441.html
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.
>
>

Re: [jQuery] JQuery Context Menu Plugin

[stworthy]

Here is another menu plugin http://jquery-easyui.wikidot.com/tutorial:menu


Asharudeen wrote:
> 
> Hi,
> 
> I am using JQuery Right Click Context Menu plugin from the following site,
> http://www.trendskitchens.co.nz/jquery/contextmenu/
> 
> Seems it works on Firefox/IE/Chrome browsers. But it has not worked on
> Opera
> browsers.
> 
> Does any one have any work around/way to make workable this plugin in
> Opera
> browsers.
> 
> Thanks in Advance.
> 
> 

-- 
View this message in context: 
http://old.nabble.com/JQuery-Context-Menu-Plugin-tp27477394s27240p27477441.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] JQuery Context Menu Plugin

[Asharudeen]

Hi,

I am using JQuery Right Click Context Menu plugin from the following site,
http://www.trendskitchens.co.nz/jquery/contextmenu/

Seems it works on Firefox/IE/Chrome browsers. But it has not worked on Opera
browsers.

Does any one have any work around/way to make workable this plugin in Opera
browsers.

Thanks in Advance.

Re: [jQuery] JQuery tablesorter problem

[aquaone]

Please provide the code you're using to invoke tablesorter. It's likely a
syntax error.

On Thu, Feb 4, 2010 at 05:36, Nagaraju  wrote:

> I am facing problem with jquery.tablesorter.js
>
> It's working fine if I have more than column in sorting/header list.
>
> But if I have one column in sorting/header showing following error.
>
> o is undefined
> o.order = o.count = s[1];  (jquery.tablesorter.js  at line 421)
>
> Please suggest me fix for this
>
> Regards
> Nagaraju P
>

Re: [jQuery] JQuery Developer

[Bharani kumar srinivasan]

May i know the work,

Am from chennai india...

sample of my work spsmobile.co.uk

On Thu, Feb 4, 2010 at 7:11 AM, Madan  wrote:

> I am currently seeking a JQuery Developer with strong Javascript,
> HTML, CSS etc. This is a job with an enterprise level company in the
> peninsual (around Palo Alto). Please contact me ASAP. This position
> will move fast.
>
> Regards,
>
> Madan
>



-- 
Regards
B.S.Bharanikumar

http://php-mysql-jquery.blogspot.com/
Article
JQUERY : checkbox,selectall,selectnone,invertselection,checkbox count

Re: [jQuery] Jquery Image Rotator Question

[dylan.home]

Hey There Jacques,

I'm looking at the same (to avoid the use of Flash and use simple HTML!)

There's a good example at http://malsup.com/jquery/cycle/add3.html

I guess this could be changed to contain a dynamically created array (or
batches of arrays) that add specific (in my case CMS driven) images to the
collection once pre-loaded. Big benefit is that if JS off user still sees a
couple of images (I want to change this to one image but suspect it's not
going to be easy!)

Would be interested in any flash replacement you consider :)

Cheers
Dylan

Jacques-31 wrote:
> 
> My company has suggested that we replace all our flash based image
> rotators with jquery versions.
> 
> I have used Jquery cycle before
> 
> http://www.malsup.com/jquery/cycle/download.html
> 
> But have a question Do these plugins allow the images to be
> downloaded after the page has rendered?
> 
> Some of our flash rotators have hundreds of larger images in them. Can
> we use jquery to dynamically load these into a rotator after the page
> renders?
> 
> Can somebody point me to a good example if so?
> 
> Does any know of any other disadvantages to using jquery over flash
> for this type of thing other then when users have javascript disabled?
> 
> Thanks for you help!
> 
> 
> 

-- 
View this message in context: 
http://old.nabble.com/Jquery-Image-Rotator-Question-tp27444324s27240p27452191.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] JQuery tablesorter problem

[Nagaraju]

I am facing problem with jquery.tablesorter.js

It's working fine if I have more than column in sorting/header list.

But if I have one column in sorting/header showing following error.

o is undefined
o.order = o.count = s[1];  (jquery.tablesorter.js  at line 421)

Please suggest me fix for this

Regards
Nagaraju P

[jQuery] JQuery Developer

[Madan]

I am currently seeking a JQuery Developer with strong Javascript,
HTML, CSS etc. This is a job with an enterprise level company in the
peninsual (around Palo Alto). Please contact me ASAP. This position
will move fast.

Regards,

Madan

[jQuery] Jquery Image Rotator Question

[Jacques]

My company has suggested that we replace all our flash based image
rotators with jquery versions.

I have used Jquery cycle before

http://www.malsup.com/jquery/cycle/download.html

But have a question Do these plugins allow the images to be
downloaded after the page has rendered?

Some of our flash rotators have hundreds of larger images in them. Can
we use jquery to dynamically load these into a rotator after the page
renders?

Can somebody point me to a good example if so?

Does any know of any other disadvantages to using jquery over flash
for this type of thing other then when users have javascript disabled?

Thanks for you help!

[jQuery] jQuery+Cycle - IE 7 & 8 png images in rotation getting black border - applied truetype & bg - not working

[rc cola]

any help would be greatly appreciated.

[jQuery] jQuery Cycle: two cycles with different effect & one pager

[Florushj]

I'm having some trouble adjusting jQuery Cycle to my wishes. Unfortunately
I'm no jQuery hero :-(

This is what I want in short: 
It's basically this example: 
http://www.malsup.com/jquery/cycle/pager-double.html
http://www.malsup.com/jquery/cycle/pager-double.html  but with one effect
for each cycle. One 'fade' and one 'cover'.

As you can see. This code will only use 'zoom' as fx. I want the first div
to have the fx 'fade' and the second to have the fx 'cover'. How should I do
this??

Your help is very, very appreciated!!!

-- 
View this message in context: 
http://old.nabble.com/jQuery-Cycle%3A-two-cycles-with-different-effect---one-pager-tp27414204s27240p27414204.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] jQuery Cycle plugin, previous and next image preview

[tsiger]

Hello everyone,

I am using the jQuery cycle plugin to create a very basic slideshow
with 2 buttons (previous and next). Is it possible while running the
slideshow to assign somehow on these 2 buttons a preview (like a
tooltip or something) a preview of the previous and next images?

Re: [jQuery] JQuery + TableSorter + TableSorterPager + (Container != Div) = undefined error

[Michael Furmedge]

~ BigDog

I really wish you'd posted a clue to how you fixed this BigDog, I'm been
wrestling with it for hours :(
-- 
View this message in context: 
http://old.nabble.com/JQuery-%2B-TableSorter-%2B-TableSorterPager-%2B-%28Container-%21%3D-Div%29-%3D--undefined-error-tp15580200s27240p27370491.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] jQuery now integrated into Visual WebGui web/cloud platform

[NCSM]

Gizmox, the developer of Visual WebGui web/cloud applications platform
announced the release of its Visual WebGui 6.4 beta 1 version, with
expanded capabilities that include the integration of the jQuery
library for faster behavior customization and user interface
extension.  This enables developers to create Web 2.0 user interfaces
(UI) in a more expedited and easier manner. In addition, the
integration allows jQuery developers to offer a path empowering the
jQuery based UI, while maintaining the Visual WebGui server power and
security which are vital for data secured – sensitive applications.

With the original VB6 like drag and drop development practices that
earned Visual WebGui its popularity as an open source enterprise .Net
Ajax platform, the new version lends its simple VB6 like web
development empowerment to  jQuery developers.  In addition, Visual
WebGui developers will be able to develop applications using full
object oriented environment by utilizing the power of the server and
at the same time to write extensions using one of the most popular
client side frameworks.

"After a year of getting feedback from users of our free open source
versions, we’re testing the waters with this first fully featured
commercial beta version, which will enhance functionality by offering
users  enhanced features, better documentation, performance and better
UI customization,” said Navot Peled, CEO of Gizmox, the parent company
of Visual WebGui. “And more importantly, we’re fully confident that
developers will utilize the integration of jQuery in our solution to
reduce Java Script customization headaches.”

The new 6.4 beta 1 version had also gone through intensive
infrastructure optimization in order to enhance Visual WebGui’s
performance, interactivity and scalability to serve multi simulations
users. This version is the first fully featured Visual WebGui version,
which is going to go live as the first fully featured commercial
version.

6.4 beta downloads are available at www.visualwebgui.com

Re: [jQuery] JQuery Ajax serialize

[brian]

Use parse_str(). But beware that that string has a problem:

 val
 */
$pairs = explode('&', $str);

foreach($pairs as $pair)
{
$parts = explode('=', $pair);
echo "key: ${parts[0]} -- val: ${parts[1]}\n";
}

echo "\n---\n";

/* better way: parse the string into variables
 */
parse_str($str);

echo "${single}\n";  // 'Single'
echo "${multiple}\n";  // 'Multiple3' -- whoops! It takes the last value
echo "${check}\n";  // 'check2'
echo "${radio}\n";  // 'radio1'

echo "\n---\n";

/* parse values into array instead
 */
parse_str($str, $arr);

foreach($arr as $slice)
{
echo "${slice}\n";  // will get 'Array' for multiples
}


echo "\n---\n";

/* multiple element names should have '[]'
 */
$str = 
'single=Single&multiple[]=Multiple&multiple[]=Multiple3&check=check2&radio=radio1';

parse_str($str, $arr);

foreach($arr as $var)
{
if (is_array($var))
{
foreach($var as $m)
{
echo "${m}\n";
}
}
else
{
echo "${var}\n";
}
}

On Sat, Jan 23, 2010 at 1:39 PM, parot  wrote:
>
> I know this may be a silly question, but is there a "magic" way to insert
> post data via serialization into a php/mysql database?
>
> e.g. a serilized array of
> single=Single&multiple=Multiple&multiple=Multiple3&check=check2&radio=radio1
>
> yes I used the Jquery serialize page info as an example.
>
> Is is best to use PHP to explode the array? or what?
>
> Or as asked is there a "magic" way to split the array into the fields &
> values?
> --
> View this message in context: 
> http://old.nabble.com/JQuery-Ajax-serialize-tp27288727s27240p27288727.html
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.
>
>

Re: [jQuery] jQuery and div/iframe/pane content replace

[John Arrowwood]

You could probably come up with a dozen ways of doing it.  You could have
different divs all loaded but hidden, then hide and show them as needed,
which would be a very different animation than you have now.  Or you could
use ajax to load the different DIV contents (which might be nice for site
organization) and then either load them into the hidden divs or just store
them in variables for swapping in and out.

If you need fancy animations, you are going to want to do something like
hide (or fade out) the old div, and then have some custom animation that
causes the new div to appear in the way you want it to appear.

If you are aiming for search engine optimization, you probably don't want to
rely on AJAX to load the content.  You probably want to just have three (or
more) divs that start hidden.  Each has a unique ID.  You could even store a
reference to a unique 'animateShow' function attached to each div.

One
Two
Three
...
One's content
Two's content
Three's content

Assuming each div needs a custom 'show' animation, you could do this:

$('#one').data('animateShow',showOne);
$('#two').data('animateShow',showTwo);
$('#three').data('animateShow',showThree);

Then to hook it all up:

var activeContent = 'one';
$('a.leftMenu').click(function(ev){
  var targetId = $(ev.target).attr('target');
  if ( targetId != activeContent ) {
var targetDiv = $('#'+targetId)[0];
if ( targetDiv != null ) {
  $('#' + activeContent ).fadeOut('fast');
  var animation = $(targetDiv).data('animateShow');
  if ( animation ) animation( targetDiv )
  else $(targetDiv).fadeIn('fast');
  activeContent = targetId;
}
  }
  return false;
});

Hope that gets you down the road towards where you want to be.

On Fri, Jan 22, 2010 at 3:31 PM, Eugene Hourany  wrote:

> Hi everyone,
>
> I'm using jQuery to power all the nice animation effects and such. But I'm
> also using it to make my DOM life easier too.
>
> With that, here's what I want to do:
>
> When you click on a link (in this case, an ), the  to its right is
> replaced with new content. I tried to do this earlier with an  but I
> think it's overkill for what I want.
>
> I'm working on this page to get a "non-flash" version running because of
> SEO compliance: http://www.theportalgrp.com. So, for example, clicking on
> "services" will bring up the services div on the right. Would using jQuery
> objects that contain the s be better, and then do a content replace?
>
> And I don't know if .toggle() is better, or .click() or which function to
> do what I want.
>
> Any help would be greatly appreciated.
>
> Thanks!
>
> Eugene
>



-- 
John Arrowwood
John (at) Irie (dash) Inc (dot) com
John (at) Arrowwood Photography (dot) com
John (at) Hanlons Razor (dot) com
--
http://www.irie-inc.com/
http://arrowwood.blogspot.com/

[jQuery] jQuery and div/iframe/pane content replace

[Eugene Hourany]

Hi everyone,

I'm using jQuery to power all the nice animation effects and such. But I'm
also using it to make my DOM life easier too.

With that, here's what I want to do:

When you click on a link (in this case, an ), the  to its right is
replaced with new content. I tried to do this earlier with an  but I
think it's overkill for what I want.

I'm working on this page to get a "non-flash" version running because of SEO
compliance: http://www.theportalgrp.com. So, for example, clicking on
"services" will bring up the services div on the right. Would using jQuery
objects that contain the s be better, and then do a content replace?

And I don't know if .toggle() is better, or .click() or which function to do
what I want.

Any help would be greatly appreciated.

Thanks!

Eugene

Re: [jQuery] jquery 1.4 and jqueryui tabs with ajax load

[Richard D. Worth]

See
http://forum.jquery.com/topic/jquery-1-4-upgrade-issues#1473700636757

- Richard

On Mon, Jan 18, 2010 at 5:59 AM, Joris D'Huys  wrote:

> I've upgraded to jquery 1.4 and my tabs with ajax load no longer
> work.
> uncaught exception: jQuery UI Tabs: Mismatching fragment identifier.
> When I use the previous jquery version, everything works fine.
>
> Any idea on how to solve this?
>
> Thanks
>

[jQuery] jQuery pagerAnchorBuilder countSlide

[mikado11]

Hello,
how do I get the total amount of slides within cycle pagerAnchorBuilder
function ??

To generate a navigation within jQuery cycle I use the function
pagerAnchorBuilder.
This works fine.
Now I want to separate the navigation anchors with a vertical line in
between.
I do this with a css border-right on nav.a
The last anchor should have no right border!
So I want to give this specific last anchor a class noborder.

I get the total amount of slides within cycle pagerAnchorBuilder function ??

var index=0;
var imgTitles = new Array(###ARRAY_TITLE###);
var imgCredits = new Array(###ARRAY_DESCRIPTION###);
var imgLinks = new Array(###ARRAY_LINK###);
var idx=0;

function goto(id) {
 index = id;
 document.getElementById('img_title').innerHTML =  imgTitles[index];
 document.getElementById('img_credits').innerHTML =  imgCredits[index];
 document.getElementById("img_link").href = imgLinks[index];
 
}

function onBefore(curr, next, opts) {
  setTimeout(function() {
  id = opts.currSlide;
  goto(id);
  }, 10); 
}

$(function() {
$('#slideimage')
.before('')
.cycle({
fx: 'fade',
speed:  2000,
timeout: 1,
pager:  '#nav',

// callback fn that creates a thumbnail to use as pager anchor 
pagerAnchorBuilder: function(idx, slide) {
  var counter = idx+1;
  


  // Here I need the total amount of slides
  var totalslide = ???;



  if(counter < totalslide) {
return ' ' + counter + ' ';
  } else {
return ' ' + counter + ' ';
  }
},
before: onBefore
});
});
-- 
View this message in context: 
http://old.nabble.com/jQuery-pagerAnchorBuilder-countSlide-tp27274130s27240p27274130.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] JQuery Reporting Tool

[Zia]

I need Jquery Reporting Tool. If there any can anyone send me that
package?

Re: [jQuery] JQuery Trigger Event

[Asharudeen]

Hi,

Further to my previous email, In my Apache configuration file (httpd.conf),
I set

Header set X-UA-Compatible "IE=8"

And it seems, in IE8 its working fine. But it still seems not working in
IE7/IE6.

I have tried to add,

Header set X-UA-Compatible "IE=7"
Header set X-UA-Compatible "IE=5"
Header set X-UA-Compatible "IE=EmulateIE7"

but no luck.

Could any one update me, how to fix it. and make it working on IE7/IE6.

Awaiting for your reply.

Thanks.

Note: Initially, this email is failed, hence I resend it.. If you receive it
previously, sorry for that.



On Wed, Jan 20, 2010 at 8:55 PM, Asharudeen  wrote:

> Hi,
>
> I will explain my use case here.
>
> I am new to JQuery and I am currently working on listing Dynamic Tree list
> by using JQuery column navigation plugin.
>
> Please refer the following link to check the plugin demo page: (Note: The
> demo is not a dynamic tree list)
> http://source.polaris-digital.com/column-navigation/ (demo page)
> http://plugins.jquery.com/project/column-navigation (got from here)
>
> I am trying to create trees dynamically and need some help regarding this:
>
> What I am doing is, I have the following files
>
>
> _
>
> 1. PHP file (Initially Root drives will be listed here)
>
> //Some part of code here.
>
> 
> $(document).ready( function() {
> $("#myTree").columnNavigation({
> containerPosition:"relative",
> containerWidth:"790px",
> containerHeight:"350px",
> containerBackgroundColor:"rgb(255,255,255)",
> columnWidth:250,
> columnFontFamily:"'Helvetica Neue', 'HelveticaNeue', Helvetica,
> sans-serif",
> columnFontSize:"90%",
> columnSeperatorStyle:"1px solid rgb(220,220,220)",
> columnDeselectFontWeight:"normal",
> columnDeselectColor:"rgb(50,50,50)",
> columnSelectFontWeight:"normal",
> columnSelectColor:"rgb(255,255,255)",
> columnSelectBackgroundColor:"rgb(27,115,213)",
>
> columnSelectBackgroundImage:"url('styles/common/images/list-selected-background.jpg')",
> columnSelectBackgroundRepeat:"repeat-x",
> columnSelectBackgroundPosition:"top",
> columnItemPadding:"3px 3px 5px 3px",
> columnScrollVelocity:200, callBackFunction
> : function( obj ) {
> alert( $(obj).attr("href") );
> }
> });
> });
> 
>
> //Here I list the root drives like below:
>
> 
> 
> 
> 
> 
> C:/ 
> 
> 
> 
> D:/ 
> 
> 
> 
> 
>
> When the page load it will list the root drive and apply the styles of
> 'columnNavigation' when the document is ready.
>
>
> _
>
>
> 2. In the Js file, I am using Ajax calls and get the subdireectories and
> list those things.
>
> //Some part of code. Using Ajax calls I get the sub directories for C:/ and
> I will construct the html as below and append to the parent using the
> parents ID.
>
> //Construction (the following is the sample, and there could be some quotes
> issue.. pls just ignore that.)
> Listsubdirs(parent)
> {
> //AJAX send request
> }
>
> FunctionForAjaxResponse
> {
> var subtree = "";
> subtree = subtree + "";
> subtree = subtree + "";
> subtree = subtree + " onClick="javascript: Listsubdirs('C:/SubDir1')"> SubDir1 ";
> subtree = subtree + "";
> subtree = subtree + "";
> subtree = subtree + " onClick="javascript: Listsubdirs('C:/SubDir2')"> SubDir2 ";
> subtree = subtree + "";
> subtree = subtree + "";
> subtree = subtree + "";
>
> var parentelement = document.getElementById('');
>
> parentelement.innerHTML = parentelement.innerHTML + subtree;
>
> //When I do this, the html elements get correctly added. But the styles
> of 'myTree' has not applied correctly. Hence I copied the columnNavigation
> code here as below. After appending I put a function to call that code.
>
> applyStyles();
>
> //After this the styles are applied correctly. But it once again list the
> root drives. I think since it apply the styles again. Not sure how to
> automatically apply the styles. If I click on the C:/ drive again, it list
> the subdirectories.
>
> //To list the subdirectories, I trigger onclick event for parent drive
> manually
>
> $('parentID').click();
>   //Now it seems to list correctly. similarly for subdrives I trigger event
> for the parents. (for eg, if I click C:/subdir1 then I trigger event for C:/
> and then subdir1
> }
>
>
> function applyStyles() {
> $("#myTree").columnNavigation({
> containerPosition:"relative",
> containerWidth:"790px",
> containerHeight:"350px",
> containerBackgroundColor:"rgb(255,255,255)",
> columnWidth:250,
>

Re: [jQuery] JQuery Trigger Event

[Asharudeen]

Hi,

Further to my previous email, In my Apache configuration file (httpd.conf),
I set

Header set X-UA-Compatible "IE=8"

And it seems, in IE8 its working fine. But it still seems not working in
IE7/IE6.

I have tried to add,

Header set X-UA-Compatible "IE=7"
Header set X-UA-Compatible "IE=5"
Header set X-UA-Compatible "IE=EmulateIE7"

but no luck.

Could any one update me, how to fix it. and make it working on IE7/IE6.

Awaiting for your reply.

Thanks.




On Wed, Jan 20, 2010 at 8:55 PM, Asharudeen  wrote:

> Hi,
>
> I will explain my use case here.
>
> I am new to JQuery and I am currently working on listing Dynamic Tree list
> by using JQuery column navigation plugin.
>
>
> Please refer the following link to check the plugin demo page: (Note: The
> demo is not a dynamic tree list)
> http://source.polaris-digital.com/column-navigation/ (demo page)
> http://plugins.jquery.com/project/column-navigation (got from here)
>
> I am trying to create trees dynamically and need some help regarding this:
>
> What I am doing is, I have the following files
>
>
> _
>
> 1. PHP file (Initially Root drives will be listed here)
>
> //Some part of code here.
>
> 
> $(document).ready( function() {
> $("#myTree").columnNavigation({
> containerPosition:"relative",
> containerWidth:"790px",
> containerHeight:"350px",
> containerBackgroundColor:"rgb(255,255,255)",
> columnWidth:250,
> columnFontFamily:"'Helvetica Neue', 'HelveticaNeue', Helvetica,
> sans-serif",
> columnFontSize:"90%",
> columnSeperatorStyle:"1px solid rgb(220,220,220)",
> columnDeselectFontWeight:"normal",
> columnDeselectColor:"rgb(50,50,50)",
> columnSelectFontWeight:"normal",
> columnSelectColor:"rgb(255,255,255)",
> columnSelectBackgroundColor:"rgb(27,115,213)",
>
> columnSelectBackgroundImage:"url('styles/common/images/list-selected-background.jpg')",
> columnSelectBackgroundRepeat:"repeat-x",
> columnSelectBackgroundPosition:"top",
> columnItemPadding:"3px 3px 5px 3px",
> columnScrollVelocity:200, callBackFunction
> : function( obj ) {
> alert( $(obj).attr("href") );
> }
> });
> });
> 
>
> //Here I list the root drives like below:
>
> 
> 
> 
> 
> 
> C:/ 
> 
> 
>
> 
> D:/ 
> 
> 
> 
> 
>
> When the page load it will list the root drive and apply the styles of
> 'columnNavigation' when the document is ready.
>
>
> _
>
>
> 2. In the Js file, I am using Ajax calls and get the subdireectories and
> list those things.
>
> //Some part of code. Using Ajax calls I get the sub directories for C:/ and
> I will construct the html as below and append to the parent using the
> parents ID.
>
> //Construction (the following is the sample, and there could be some quotes
> issue.. pls just ignore that.)
> Listsubdirs(parent)
> {
> //AJAX send request
> }
>
> FunctionForAjaxResponse
> {
> var subtree = "";
> subtree = subtree + "";
> subtree = subtree + "";
> subtree = subtree + " onClick="javascript: Listsubdirs('C:/SubDir1')"> SubDir1 ";
> subtree = subtree + "";
> subtree = subtree + "";
> subtree = subtree + " onClick="javascript: Listsubdirs('C:/SubDir2')"> SubDir2 ";
> subtree = subtree + "";
> subtree = subtree + "";
> subtree = subtree + "";
>
> var parentelement = document.getElementById('');
>
> parentelement.innerHTML = parentelement.innerHTML + subtree;
>
> //When I do this, the html elements get correctly added. But the styles
> of 'myTree' has not applied correctly. Hence I copied the columnNavigation
> code here as below. After appending I put a function to call that code.
>
> applyStyles();
>
> //After this the styles are applied correctly. But it once again list the
> root drives. I think since it apply the styles again. Not sure how to
> automatically apply the styles. If I click on the C:/ drive again, it list
> the subdirectories.
>
> //To list the subdirectories, I trigger onclick event for parent drive
> manually
>
> $('parentID').click();
>   //Now it seems to list correctly. similarly for subdrives I trigger event
> for the parents. (for eg, if I click C:/subdir1 then I trigger event for C:/
> and then subdir1
> }
>
>
> function applyStyles() {
> $("#myTree").columnNavigation({
> containerPosition:"relative",
> containerWidth:"790px",
> containerHeight:"350px",
> containerBackgroundColor:"rgb(255,255,255)",
> columnWidth:250,
> columnFontFamily:"'Helvetica Neue', 'HelveticaNeue', Helvetica,
> sans-serif",
> col

Re: [jQuery] Jquery and Dynamic assignment

[Nathan Klatt]

On Wed, Jan 20, 2010 at 2:54 AM, West415  wrote:
> My question is how can I use jquery to assign click handlers without having
> to do this:
>
> 
> 

[jQuery] jQuery is Moving to a Forum

[John Resig]

Hello All -

After much deliberation the jQuery team has decided to close down the
Google Groups that we've been using for project discussion and move to
a unified forum instead.

The new forum can be found here:
http://forum.jquery.com/

More information about our decision to move can be found here:
http://jquery14.com/day-07/new-jquery-forum

If you have any questions concerning the move please feel free to post
them in the new meta discussion forum here:
http://forum.jquery.com/about-the-jquery-forum

Thanks for your continued support and here's to future community discussions!

--John

[jQuery] jQuery Corner Help

[mcrus]

Hello,

Completely new to jQuery. I am trying to use the corners. I have it
only half working and sure there is something simple I am missing.
When I implement a corner on a div. It is only applying to the top
corners. I have tried adding "br" to the code, but it does not show
up. Here is the way I have it in my code. This below will only round
the top corners in my browser.

Any suggestions would be greatly appreciated.

Russ





$(document).ready(function()
{
$('.rounder').corner("round 45px");

});

Re: [jQuery] JQuery Trigger Event

[Asharudeen]

Hi,

I will explain my use case here.

I am new to JQuery and I am currently working on listing Dynamic Tree list
by using JQuery column navigation plugin.

Please refer the following link to check the plugin demo page: (Note: The
demo is not a dynamic tree list)
http://source.polaris-digital.com/column-navigation/ (demo page)
http://plugins.jquery.com/project/column-navigation (got from here)

I am trying to create trees dynamically and need some help regarding this:

What I am doing is, I have the following files

_

1. PHP file (Initially Root drives will be listed here)

//Some part of code here.


$(document).ready( function() {
$("#myTree").columnNavigation({
containerPosition:"relative",
containerWidth:"790px",
containerHeight:"350px",
containerBackgroundColor:"rgb(255,255,255)",
columnWidth:250,
columnFontFamily:"'Helvetica Neue', 'HelveticaNeue', Helvetica,
sans-serif",
columnFontSize:"90%",
columnSeperatorStyle:"1px solid rgb(220,220,220)",
columnDeselectFontWeight:"normal",
columnDeselectColor:"rgb(50,50,50)",
columnSelectFontWeight:"normal",
columnSelectColor:"rgb(255,255,255)",
columnSelectBackgroundColor:"rgb(27,115,213)",

columnSelectBackgroundImage:"url('styles/common/images/list-selected-background.jpg')",
columnSelectBackgroundRepeat:"repeat-x",
columnSelectBackgroundPosition:"top",
columnItemPadding:"3px 3px 5px 3px",
columnScrollVelocity:200, callBackFunction
: function( obj ) {
alert( $(obj).attr("href") );
}
});
});


//Here I list the root drives like below:






C:/ 



D:/ 





When the page load it will list the root drive and apply the styles of
'columnNavigation' when the document is ready.

_


2. In the Js file, I am using Ajax calls and get the subdireectories and
list those things.

//Some part of code. Using Ajax calls I get the sub directories for C:/ and
I will construct the html as below and append to the parent using the
parents ID.

//Construction (the following is the sample, and there could be some quotes
issue.. pls just ignore that.)
Listsubdirs(parent)
{
//AJAX send request
}

FunctionForAjaxResponse
{
var subtree = "";
subtree = subtree + "";
subtree = subtree + "";
subtree = subtree + " SubDir1 ";
subtree = subtree + "";
subtree = subtree + "";
subtree = subtree + " SubDir2 ";
subtree = subtree + "";
subtree = subtree + "";
subtree = subtree + "";

var parentelement = document.getElementById('');

parentelement.innerHTML = parentelement.innerHTML + subtree;

//When I do this, the html elements get correctly added. But the styles
of 'myTree' has not applied correctly. Hence I copied the columnNavigation
code here as below. After appending I put a function to call that code.

applyStyles();

//After this the styles are applied correctly. But it once again list the
root drives. I think since it apply the styles again. Not sure how to
automatically apply the styles. If I click on the C:/ drive again, it list
the subdirectories.

//To list the subdirectories, I trigger onclick event for parent drive
manually

$('parentID').click();
  //Now it seems to list correctly. similarly for subdrives I trigger event
for the parents. (for eg, if I click C:/subdir1 then I trigger event for C:/
and then subdir1
}


function applyStyles() {
$("#myTree").columnNavigation({
containerPosition:"relative",
containerWidth:"790px",
containerHeight:"350px",
containerBackgroundColor:"rgb(255,255,255)",
columnWidth:250,
columnFontFamily:"'Helvetica Neue', 'HelveticaNeue', Helvetica,
sans-serif",
columnFontSize:"90%",
columnSeperatorStyle:"1px solid rgb(220,220,220)",
columnDeselectFontWeight:"normal",
columnDeselectColor:"rgb(50,50,50)",
columnSelectFontWeight:"normal",
columnSelectColor:"rgb(255,255,255)",
columnSelectBackgroundColor:"rgb(27,115,213)",

columnSelectBackgroundImage:"url('styles/common/images/list-selected-background.jpg')",
columnSelectBackgroundRepeat:"repeat-x",
columnSelectBackgroundPosition:"top",
columnItemPadding:"3px 3px 5px 3px",
columnScrollVelocity:200, callBackFunction
: function( obj ) {
alert( $(obj).attr("href") );
//obj.fn.columnNavigation = function( configuration )

}
});
}

Re: [jQuery] jQuery +

[Nathan Klatt]

On Wed, Jan 20, 2010 at 12:34 AM, Mateo  wrote:
> var selectedId = $("#mySelectElement").val();

Returns the value of the select element but you want the value of the
selected option element under the select, hence:

> var selectedId = $("#mySelectElement :selected").val();

Nathan

[jQuery] jQuery +

[Mateo]

This is a little baffling to me. I can get the selected value ("val"
attribute) on an option element, but only by using the following
method:

var selectedId = $("#mySelectElement :selected").val();

This is great, but all the examples I have read simply do the
following:

var selectedId = $("#mySelectElement").val();

Supposedly this returns the value stored in the "val" attribute, but
every time I try it it returns the text instead. Am I doing something
wrong?

Thanks for your help!

Matt

Fwd: [jQuery] jquery iframe hide div

[DOTS D.O.Technology Services]

hello

these days i am also working on same and trying to hide few of the div
inside the iframe of some other domain. just  wanted to know can you
help me with the solution.

Thanks

[jQuery] JQuery list moving from Google to Zoho?

[Knight, Doug]

Hi all,
Can someone confirm that this list is moving from Google to Zoho Discussions? 
With the recent spate of cyber attacks I try to confirm emails like the one I 
got over the weekend to register at Zoho.

Thanks,
Doug

[jQuery] Jquery and Dynamic assignment

[West415]

Hi,

I am new to jquery and I have some code that I wrote that loops over some
records from my database and at each iteration of the loop (a coldfusion
loop, either way same concept) I want to create a few buttons that the user
can click to do things.  Each button will be unique by appending a counter
to it equal to the current row in my loop like so:


Create User
Edit User


My question is how can I use jquery to assign click handlers without having
to do this:


Create User
Create User

-- 
View this message in context: 
http://old.nabble.com/Jquery-and-Dynamic-assignment-tp27238454s27240p27238454.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

Re: [jQuery] jquery iframe hide div

[Nathan Klatt]

Assuming you do not control the content you're embedding in the
iframe, online consensus seems to be that you are SOL.

http://www.google.com/search?q=css+apply+iframe+contents

On Tue, Jan 19, 2010 at 4:05 PM, DOTS D.O.Technology Services
 wrote:
> hello all any one on this ?
>
> On Wed, Jan 20, 2010 at 1:34 AM, DOTS  wrote:
>>
>> hello
>>
>> these days i am also working on same and trying to hide few of the div
>> inside the iframe of some other domain. just  wanted to know can you
>> help me with the solution.
>>
>> Thanks

Re: [jQuery] jquery iframe hide div

[DOTS D.O.Technology Services]

hello all any one on this ?

On Wed, Jan 20, 2010 at 1:34 AM, DOTS  wrote:

> hello
>
> these days i am also working on same and trying to hide few of the div
> inside the iframe of some other domain. just  wanted to know can you
> help me with the solution.
>
> Thanks
>

[jQuery] jquery iframe hide div

[DOTS]

hello

these days i am also working on same and trying to hide few of the div
inside the iframe of some other domain. just  wanted to know can you
help me with the solution.

Thanks

Re: [jQuery] JQuery Trigger Event

[Nathan Klatt]

On Tue, Jan 19, 2010 at 10:03 AM, Asharudeen  wrote:
> Unfortunately, It seems trigger is not a issue.. I am trying to list dynamic
> file tree using JQuery. It seems to be work fine in Firefox. But in IE, it
> has not working.. I thought it is related to trigger event.

It might be worthwhile for you to put together a simple example on one
of the collaborative Javascript sites (e.g., http://jsbin.com) so
others on the list can easily see it for ourselves and play around.

Nathan

Re: [jQuery] JQuery Trigger Event

[Asharudeen]

hi

Thanks for your reply..

Unfortunately, It seems trigger is not a issue.. I am trying to list dynamic
file tree using JQuery. It seems to be work fine in Firefox. But in IE, it
has not working.. I thought it is related to trigger event. Later I
understand, it is related to some what different.  But I have not face any
alerts/errors in IE. Currently analyzing the issue. Will update you once I
found the issue.

Meanwhile, anyone update me, what kind of things will cause the similar
browser compatible issues, so that I can check them first. I am creating
dynamic sub trees in Javascript by using AJAX calls. (by using
ColumnNavigation plugin)





On Mon, Jan 18, 2010 at 10:20 PM, Nathan Klatt  wrote:

> On Mon, Jan 18, 2010 at 10:30 AM, ashar udeen 
> wrote:
> > $('#parent1').trigger("click");
> >
> > This code seems to be work in Firefox. But when I tried the same in
> > IE8, it does not work. Could any one update me, how to fix this.
>
> Have you tried just $('#parent1').click()?
>

[jQuery] jQuery 1.4 change event problem

[Steven Yang]

Hi all

I apologize if this problem has been post or report.

I have a problem using jQuery 1.4 when i use
$("#mySelect").change(function(){...my logic...})

This problem only occurs in IE. 6-8 all have the same problem and jQuery
1.3.2 does not have this problem.

This problem occurs when I bind a "change" event on a select and when the
page is loaded the selected option is not the first one.
What will happen is when I click on the select and not even have a chance to
choose my option, the "change" event is fired. But after the first change,
things works normally.

i made a simple sample here:
http://jsbin.com/apufa/ 

you will notice when you click on the select the alert will fire, but it
should only be fired when i actually change the option.

is this a bug?

Thanks

Re: [jQuery] JQuery and AJAX Heartbeat question

[brian]

Put this near the top of your PHP script:

set_time_limit(0);

The expected value is integer seconds. A value of 0 disables the time
limit altogether.

On Mon, Jan 18, 2010 at 4:25 PM, mind01  wrote:
> Hi there,
>
> I have a PHP script called zip.php to generate a zip file. This
> requires more than 30 seconds so my server give me an server error 500
> time-out. Can i avoid this 500 error with JQuery and AJAX heartbeat?
>
> Greetz
>

[jQuery] jQuery 1.4 upgrade + env.rhino.js + blue-ridge

[Ross K]

We'd like to move to jQuery 1.4 but we're being held up by
compatibility issues in our javascript spec suite. The specs use the
blue-ridge framework which leverages jQuery, Screw.Unit and
env.rhino.js to run enable them to run on command line.

As far as I can tell, Blue Ridge uses Envjs to set the window context
from a spec file and triggers the "load" event on $(window) to
initialize the callback to the Screw.Unit suite. When we load
jQuery-1.3.2 to the environment, the tests run as expected. Running
the suite with jQuery-1.4 in the browser also behaves as expected.
When running the suite on the command line (Rhino) with jQuery-1.4,
window event does not fire and the tests fail to run at all. Debugging
reveals the window object appears to be null altogether.

Without having dug too far into the new jQuery code and env.rhino.js,
there appear to be some compatability issues between the two where
certain calls to $(selector) do not behave as expected in the Rhino
environment. Anyone else reporting issues? Ideas for follow up?

[jQuery] JQuery and AJAX Heartbeat question

[mind01]

Hi there,

I have a PHP script called zip.php to generate a zip file. This
requires more than 30 seconds so my server give me an server error 500
time-out. Can i avoid this 500 error with JQuery and AJAX heartbeat?

Greetz

Re: [jQuery] JQuery Trigger Event

[Nathan Klatt]

On Mon, Jan 18, 2010 at 10:30 AM, ashar udeen  wrote:
> $('#parent1').trigger("click");
>
> This code seems to be work in Firefox. But when I tried the same in
> IE8, it does not work. Could any one update me, how to fix this.

Have you tried just $('#parent1').click()?

[jQuery] JQuery Trigger Event

[ashar udeen]

Hi,

In JQuery I tried to trigger click event like below, based on their
ID.

$('#parent0').trigger("click");
$('#parent1').trigger("click");

This code seems to be work in Firefox. But when I tried the same in
IE8, it does not work. Could any one update me, how to fix this.

Thanks in Advance,

[jQuery] jquery 1.4 and jqueryui tabs with ajax load

[Joris D'Huys]

I've upgraded to jquery 1.4 and my tabs with ajax load no longer
work.
uncaught exception: jQuery UI Tabs: Mismatching fragment identifier.
When I use the previous jquery version, everything works fine.

Any idea on how to solve this?

Thanks

[jQuery] JQuery Star Rating Plugin not calling Callback?

[Yoni Nijs]

Hello all,

I installed the star rating plugin, which works great.
Except for one, that my callback is never called. I tried everything,
but still no relief :(

This is my HTML code:

Stem zelf:








Don't mind the smarty code.

Now, for a callback, I use this:

$(document).ready(function() {

$('.auto-submit-star').rating(callback: function(){
alert('OK');
})
});

But still, nothing happens when clicking the stars.

Help appreciated!

[jQuery] Jquery noconflict not working

[Alex Crooks]

If you look at the page;

http://www.sars-clan.co.uk/forums/ (ignore styling etc as its a work
in progress)

In the header source the forum system myBB calls prototype and then I
call jquery and the noconflict;


  jQuery.noConflict();

 jQuery(document).ready(function($){

   //my jquery stuff

});


with all my jquery code inside those tags. However I still get
warnings about unknown functions although they are clearly defined in
the header, any thoughts?

Re: [jQuery] Jquery DOM

[brian]

http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F

On Sun, Jan 17, 2010 at 10:50 AM, Louie39  wrote:
> I have a form that is using jqury to post data (ajax) to another page
> and returns the result, but after the new content is loading, all
> links that are using jquery doesn't work anymore.
>
> Does anyone have a solution to this?
>

[jQuery] jQuery Cycle Plug Issue with Multiple SPANS and single call

[JoshL]

Using the awesome jQuery Cycle plugin, Im working on a "wall" with
each title rotating between pics but Im not getting any love.

The page is setup like this:


 
 
 
 
 
   
   
 
 
 
 
 
   
   
 
 
 
 
 
   
   
 
 
 
 
 
   
   
 
 
 
 
 
   

and based on examples Ive tried this:

 $('.pics').each(function() {
   $(this).cycle({
 fx:'fade',
 speed:  2500
});
 });

and this

$('.pics').cycle({
 fx:'fade',
 speed:  2500
 });

without any luck.  Either way I end up with a SINGLE tile rotating
images instead of five individual tiles of changing images.  Also, I
want each one to change at random times so they arent all changing at
the same time.

Thanks!

[jQuery] jQuery 1.4 and Broken UI Dialog Animations

[Scott Gibson]

I dropped the new jQuery 1.4 into my site, and suddenly every dialog
window stopped working.

Simple dialog code no longer works:
$(div).dialog({show: "drop"});

It will play the animation, but when the animation finishes the dialog
disappears.

I've tried this with jQuery UI 1.7.1, 1.7.2, and 1.8a1.  Same issue
across the board.

[jQuery] jQuery UI Dialog + Ajax Problem

[hrubib]

Hi there I am using the following script to load external pages inside
a dialog window. The code is working and it opens the external htmls,
but my problem is that it loads them all once the index.html page is
loaded.

Here is my code:

$(document).ready(function() {
$('#Retailers li ul li a').each(function() {
var $link = $(this);
var $dialog = $('')
.load($link.attr('href'))
.dialog ({
autoOpen: false,
resizable: false,
modal: true,
position: ['center',80],
overlay: {
backgroundColor: '#000',
opacity: 0.8
},
height:444,
width: 900,
closeOnEscape: true,
title: $link.attr('title'),
});
$link.click(function() {
$dialog.dialog('open');
return false;
});
});
});

What do I mean by it loads them all. In all my external htmls I have a
jquery sorting table that depending on the file calls a CSV file which
is then loaded into the tables. You can check an example of my
external page here: http://www.katsoomi.de/clients/theone/landing/it.html
So basically when I open my index.html page it will somehow
automatically load all external html files and their CSV files. Do you
have any ideas how I can make it when I click my link not to load all
the htmls of the other links too.

I think my mistake is  in the beginngin of the code:

 $(document).ready(function() {
$('#Retailers li ul li a').each(function() {

where for the links #Retailers li ul li a, I use this .each? There is
definately something wrong with that code, because when I try to open
the page with IE i receive an error on line 136, which is the middle
one from these lines:

title: $link.attr
('title'),
});
$link.click(function() {

I will appreciate any help! Thank you very much in advance!

Re: [jQuery] jQuery 1.4 cross domain post bug?

[Michael Geary]

You can't do a cross-domain POST, nor a cross-domain GET either. It doesn't
matter what kind of data it returns, you can't do a POST at all. It's not a
jQuery limitation; the browser won't allow it for any JavaScript code.

Cross-domain JSONP works because it uses a dynamic script element, not a GET
or POST.

-Mike

On Fri, Jan 15, 2010 at 5:14 PM, David P  wrote:

> I have a webservice sitting on my https server that accepts the POST
> verb and responds with some JSON.
> If I build a simple html form like
>
> https://myserver.com/myWS";>
> 
> 
> 
> 
>
> it will return the correct json data, with content type "application/
> json", and the browser will ask to save the result. When I look at the
> data it is 100% correct
>
> if I try to access it with jquery using
> $.post("https://myserver.com/myWS";, { emailAddress: "a...@a.com",
> password: "uk" }, function(data) { alert("hi!"); }, "json");
>
> the call back will never execute.  When I check firebug, in the net
> panel, I can see the call go out (first the OPTIONS call which
> completes successfully, then the POST) however I cannot view the
> actual results.  In the Console panel, the call is in red so firebug
> thinks there is some kind of error.
>
> Is there something I'm missing with how to handle cross domain POSTs
> that return json data?
>

[jQuery] jQuery 1.4 cross domain post bug?

[David P]

I have a webservice sitting on my https server that accepts the POST
verb and responds with some JSON.
If I build a simple html form like

https://myserver.com/myWS";>





it will return the correct json data, with content type "application/
json", and the browser will ask to save the result. When I look at the
data it is 100% correct

if I try to access it with jquery using
$.post("https://myserver.com/myWS";, { emailAddress: "a...@a.com",
password: "uk" }, function(data) { alert("hi!"); }, "json");

the call back will never execute.  When I check firebug, in the net
panel, I can see the call go out (first the OPTIONS call which
completes successfully, then the POST) however I cannot view the
actual results.  In the Console panel, the call is in red so firebug
thinks there is some kind of error.

Is there something I'm missing with how to handle cross domain POSTs
that return json data?

[jQuery] jQuery 1.4 & LiveQuery

[Jon Bennett]

hi,

I've been using LiveQuery a fair bit in my projects, I've just tried
updating to 1.4, and it appears to have broken it. This
http://pastie.org/778941 is the kind of thing I'm doing.

Is there a way around this with 1.4?

Thanks in advance,

Jon

-- 
jon bennett - www.jben.net - blog.jben.net

[jQuery] Jquery Coda Slider Help

[pennfoli0]

please help me with my code,


http://www.w3.org/1999/xhtml";>


Build Slider



body  { text-align: center; font-family: "Lucida Sans Unicode",
"Lucida Grande", sans-serif; }
a { text-decoration: none; }
div   { position: relative;  }

#mainwrap {
width: 950px;
background: #CCC;
text-align: left;
margin: 0 auto;
padding: 10px;
}

#logo { width: 950px; background: #fff; padding: 10px; left:
-10px; }
#logo a { color: #6CF;}
#topnav { position: absolute; width: 450px; top: 30px; right:
-10px; }
#topnav ul { list-style: none; margin: 0; padding: 0; }
#topnav ul li { float: left; }
#topnav ul li a { padding: 5px 10px; display: block; color:
#6CF; }
#topnav ul li a:hover { background: #CF9; border-bottom: solid 2px
#6CF; border-top: solid 2px #6CF;  }

#mcontent_hold #home,
#mcontent_hold #about,
#mcontent_hold #product,
#mcontent_hold #contact {
height: 450px;
background: #CFC;
width: 950px;
}



http://jqueryfordesigners.com/demo/jquery-1.2.6.js";
type="text/javascript">
http://jqueryfordesigners.com/demo/
jquery.scrollTo-1.3.3.js" type="text/javascript">
http://jqueryfordesigners.com/demo/
jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8">
http://jqueryfordesigners.com/demo/
jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8">



// when the DOM is ready...
$(document).ready(function () {

var $panels = $('#mainwrap #mcontent_hold > div');
var $container = $('#mainwrap #mcontent_hold');

// if false, we'll float all the panels left and fix the
width
// of the container
var horizontal = true;

// float the panels left if we're going horizontal
if (horizontal) {
$panels.css({
'float' : 'left',
'position' : 'relative' // IE fix to ensure overflow
is hidden
});

// calculate a new width for the container (so it holds
all panels)
$container.css('width', $panels[0].offsetWidth *
$panels.length);
}

// collect the scroll object, at the same time apply the
hidden overflow
// to remove the default scrollbars that will appear
var $scroll = $('#mcontent').css('overflow', 'hidden');

// apply our left + right buttons
$scroll
.before('')
.after('');

// handle nav selection
function selectNav() {
$(this)
.parents('ul:first')
.find('a')
.removeClass('selected')
.end()
.end()
.addClass('selected');
}

$('#top').find('a').click(selectNav);

// go find the navigation link that has this target and select
the nav
function trigger(data) {
var el = $('#topnav .nav').find('a[href$="' + data.id +
'"]').get(0);
selectNav.call(el);
}

if (window.location.hash) {
trigger({ id : window.location.hash.substr(1) });
} else {
$('ul.nav a:first').click();
}

// offset is used to move to *exactly* the right place, since
I'm using
// padding on my example, I need to subtract the amount of
padding to
// the offset.  Try removing this to get a good idea of the
effect
var offset = parseInt((horizontal ?
$container.css('paddingTop') :
$container.css('paddingLeft'))
|| 0) * -1;


var scrollOptions = {
target: $scroll, // the element that has the overflow

// can be a selector which will be relative to the target
items: $panels,

navigation: '.nav a',

// selectors are NOT relative to document, i.e. make sure
they're unique
prev: '',
next: '',

// allow the scroll effect to run both directions
axis: 'xy',

onAfter: trigger, // our final callback

offset: offset,

// duration of the sliding effect
duration: 600,

// easing - can be used with the easing plugin:
// http://gsgd.co.uk/sandbox/jquery/easing/
easing: 'swing'
};

// apply serialScroll to the slider - we chose this plugin
because it
// supports// the indexed next and previous scroll along with
hooking
// in to our navigation.
$('#mainwrap').serialScroll(scrollOptions);

// now apply localScroll to hook any other arbitrary links to
trigger
// the effect
$.localScroll(scrollOptions);

// f

[jQuery] Jquery Coda Slider Help

[pennfoli0]

please help me with my code,


http://www.w3.org/1999/xhtml";>


Build Slider



body  { text-align: center; font-family: "Lucida Sans Unicode",
"Lucida Grande", sans-serif; }
a { text-decoration: none; }
div   { position: relative;  }

#mainwrap {
width: 950px;
background: #CCC;
text-align: left;
margin: 0 auto;
padding: 10px;
}

#logo { width: 950px; background: #fff; padding: 10px; left:
-10px; }
#logo a { color: #6CF;}
#topnav { position: absolute; width: 450px; top: 30px; right:
-10px; }
#topnav ul { list-style: none; margin: 0; padding: 0; }
#topnav ul li { float: left; }
#topnav ul li a { padding: 5px 10px; display: block; color:
#6CF; }
#topnav ul li a:hover { background: #CF9; border-bottom: solid 2px
#6CF; border-top: solid 2px #6CF;  }

#mcontent_hold #home,
#mcontent_hold #about,
#mcontent_hold #product,
#mcontent_hold #contact {
height: 450px;
background: #CFC;
width: 950px;
}



http://jqueryfordesigners.com/demo/jquery-1.2.6.js";
type="text/javascript">
http://jqueryfordesigners.com/demo/
jquery.scrollTo-1.3.3.js" type="text/javascript">
http://jqueryfordesigners.com/demo/
jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8">
http://jqueryfordesigners.com/demo/
jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8">



// when the DOM is ready...
$(document).ready(function () {

var $panels = $('#mainwrap #mcontent_hold > div');
var $container = $('#mainwrap #mcontent_hold');

// if false, we'll float all the panels left and fix the
width
// of the container
var horizontal = true;

// float the panels left if we're going horizontal
if (horizontal) {
$panels.css({
'float' : 'left',
'position' : 'relative' // IE fix to ensure overflow
is hidden
});

// calculate a new width for the container (so it holds
all panels)
$container.css('width', $panels[0].offsetWidth *
$panels.length);
}

// collect the scroll object, at the same time apply the
hidden overflow
// to remove the default scrollbars that will appear
var $scroll = $('#mcontent').css('overflow', 'hidden');

// apply our left + right buttons
$scroll
.before('')
.after('');

// handle nav selection
function selectNav() {
$(this)
.parents('ul:first')
.find('a')
.removeClass('selected')
.end()
.end()
.addClass('selected');
}

$('#top').find('a').click(selectNav);

// go find the navigation link that has this target and select
the nav
function trigger(data) {
var el = $('#topnav .nav').find('a[href$="' + data.id +
'"]').get(0);
selectNav.call(el);
}

if (window.location.hash) {
trigger({ id : window.location.hash.substr(1) });
} else {
$('ul.nav a:first').click();
}

// offset is used to move to *exactly* the right place, since
I'm using
// padding on my example, I need to subtract the amount of
padding to
// the offset.  Try removing this to get a good idea of the
effect
var offset = parseInt((horizontal ?
$container.css('paddingTop') :
$container.css('paddingLeft'))
|| 0) * -1;


var scrollOptions = {
target: $scroll, // the element that has the overflow

// can be a selector which will be relative to the target
items: $panels,

navigation: '.nav a',

// selectors are NOT relative to document, i.e. make sure
they're unique
prev: '',
next: '',

// allow the scroll effect to run both directions
axis: 'xy',

onAfter: trigger, // our final callback

offset: offset,

// duration of the sliding effect
duration: 600,

// easing - can be used with the easing plugin:
// http://gsgd.co.uk/sandbox/jquery/easing/
easing: 'swing'
};

// apply serialScroll to the slider - we chose this plugin
because it
// supports// the indexed next and previous scroll along with
hooking
// in to our navigation.
$('#mainwrap').serialScroll(scrollOptions);

// now apply localScroll to hook any other arbitrary links to
trigger
// the effect
$.localScroll(scrollOptions);

// f

[jQuery] jQuery 1.4 - Resolution of IE "complete" testing for onload event firing?

[Malic]

Given the discussion here:
http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f

It sounded like there would be a better way of dealing with onload
event firing for images, given differences with IE's "complete"
property.  I'm wandering through the 1.4 source code and I don't see
what looks like "complete" property testing for "load" event firing
for IE.  Or am I missing something?

Under jQuery 1.4, what is the best way of accommodating the difference
between IE and other browsers for proper image.load event handling?

Re: [jQuery] jQuery for DoD web hosting

[Rey Bango]

Hi Chris,

Thanks for the email. I think the best way to help us is to provide us
with detailed information as to what your security team is having
issues with. XHR in itself is not a security issue but more in the way
that a developer manages the requests/responses. If there are specific
concerns, maybe we can help to address them.

Rey...

On Thu, Jan 14, 2010 at 1:13 PM, ChrisM  wrote:
> Hello,
>
> I work on a US Army website and have been using jQuery and UI for some
> time. We have started working on a dynamic hosting environment
> (instead of serving flat html pages) and in the process, ajax
> functions in jQuery 1.3.2 have been flagged as insecure by our DoD
> security team. Although I know that these functions pose no real
> security risk whatsoever, I had no choice but to remove them to get
> jQuery past security scans to a ".mil" server.
>
> Now removing some functionality wasn't a problem for me since I am
> pretty familar with jQuery. However, I wanted to suggest that you
> consider hosting a "secure" version of jQuery, without the ajax
> functions currently in 1.3, to assist people newer to jQuery who may
> be working in a locked down environment.
>
> Thanks,
> Chris
>

[jQuery] jQuery 1.4 is released

[MorningZ]

Just saw on my RSS reader that:

http://jquery14.com/day-01/jquery-14

Impressive that it's already hosted by Google Ajax Libraries

[jQuery] jQuery for DoD web hosting

[ChrisM]

Hello,

I work on a US Army website and have been using jQuery and UI for some
time. We have started working on a dynamic hosting environment
(instead of serving flat html pages) and in the process, ajax
functions in jQuery 1.3.2 have been flagged as insecure by our DoD
security team. Although I know that these functions pose no real
security risk whatsoever, I had no choice but to remove them to get
jQuery past security scans to a ".mil" server.

Now removing some functionality wasn't a problem for me since I am
pretty familar with jQuery. However, I wanted to suggest that you
consider hosting a "secure" version of jQuery, without the ajax
functions currently in 1.3, to assist people newer to jQuery who may
be working in a locked down environment.

Thanks,
Chris

Re: [jQuery] jQuery stripping HTML tags from Ajax response

[Juan Borda]

if is not a valid place the code would be loaded but the brower won't
display because of error

2010/1/13 Beckley 

> Hi,
>
> Here's what I'm working with (#thing is a table):
>
>$.get("/applications/stuff.php",
>{ '_request':'thing', 'id':id, 'otherid':$('#otherid').val()
> },
>function(data) {
>$('#thing').append(data);
>}
>$("#thing").show();
>});
>
> The PHP file returns a table row:
>
> 
> 1234
> Thing Name
> 
>
> When I add 'alert(data);' to my return function it shows that whole
> HTML thing with tr's & td's.
>
> But what gets appended is:
>
> 1234Thing Name
>
> So all the HTML tags are gone.
>
> Anyone know why?
>
> Thanks.
>

[jQuery] jQuery Cycle categorized Pager

[M. L. Giannotta]

Hello everyone,

I've recently discovered the power of jQuery plug-in cycle, and I'm
enjoying it. However, tonight I faced an obstacle trying to achieve
something.
Basically, what I want to do, is to split the pager for a single
slideshow into multiple parts, each containing only a some of the
slides: essentially, in my idea, the thumbnailed pager appears on the
side of the slideshow, and the thumbnails appear beneath some heading
tags depending on their category.
For example, I have a slideshow with pictures about, say, beaches,
mountains and people: the slideshow cycles randomly among all the
pictures, but the pager is ordered as to display pictures about
beaches in one row, pictures about mountains in the next row and
pictures about people in the last row.

I have tried manually creating the pager, but, though the cycling
works, the pager itself is not interactive: you cannot click on it to
change the pictures, as a default numbered pager appears on it if I
don't specify any pagerAnchorBuilder. At the beginning I thought I had
solved it by hiding this with the css, but I realized that, though the
visualization works, nor hovering nor clicking changes the picture.

So I tried to make the pagerAnchorBuilder function loop through the
"idx"es and eachtime check if a specified class was there (i.e.
"beaches", "mountains" or "people") and then return something
different.
But that, either, didn't work.

I'm a bit puzzled on how I could do this and any help would be greatly
appreciated.
Thanks,

Lucio Giannotta

[jQuery] jQuery stripping HTML tags from Ajax response

[Beckley]

Hi,

Here's what I'm working with (#thing is a table):

$.get("/applications/stuff.php",
{ '_request':'thing', 'id':id, 'otherid':$('#otherid').val() },
function(data) {
$('#thing').append(data);
}
$("#thing").show();
});

The PHP file returns a table row:

 
 1234
 Thing Name
 

When I add 'alert(data);' to my return function it shows that whole
HTML thing with tr's & td's.

But what gets appended is:

1234Thing Name

So all the HTML tags are gone.

Anyone know why?

Thanks.

[jQuery] Jquery Scrollable Customized - Errors

[moneyman]

Hello,

I am using the following plugin:

flowplayer.org/tools/scrollable.html

I've slightly customized it by removing the tabs, and using image buttons.
you can view my work here:

http://getitnow4free.com/FreeWebsite/Page2.html

If you keep hitting next template and previous template buttons in order to
cycle through all of the available templates, you will notice that the
templates and preview, download buttons move more and more out of place the
more you cycle through them. Can anyone tell me why this is and how to fix
it?

I also notice that when I click the preview template button for a template,
it cycles on to the next template automatically. I don't want that. I would
like for the template to remain in the window until next or previous is hit.
Can anyone help me with these issues?
-- 
View this message in context: 
http://old.nabble.com/Jquery-Scrollable-Customized---Errors-tp27154403s27240p27154403.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] jQuery Form Plugin

[solich]

Hello.
I have a form:


Nadpis:

Text:










and this form i want tu send trough jQuery plugin:


$(document).ready(function() {

$('#mujform1').ajaxForm({

target: '#odezva',

   success: function() {
$('#odezva').fadeIn('slow');
}
   });
});



in update_homepage.php i save data to mysqldb.

But if i click to submit buton, i see in  OK
echo from update_homepage.php, but in db is only first (Nadpis) field
of form. And (!!!) if i click to this button second time go to db also
second field!
If i close Javascript - all is right - the page is reloaded and all
data are in db.

Can you help me? I want ofcourse send all data of first click.
Zhank you very much!

[jQuery] jquery draggable on live events

[pedalpete]

I was sure that drag & drop from the jQuery UI wouldn't work on events
that are added dynamically to the dom.

But I found this thread which says to use '.live('mouseover')' to get
it to work, and it seems drag works like a charm.

Droppable, I can't seem to get the simplest of 'alerts' after an item
has been dropped. Any suggestions?


jQuery('div.shift').live('mouseover', function(){
jQuery(this).draggable({ axis: 'y', containment: 'table' });
jQuery(this).droppable({
 drop: function(){
 alert('dropped');
  }
});
});

[jQuery] jQuery 1.2.6 clone problem with internet explorer.

[m.ugues]

Hallo all.
When i call the clone() function in Internet Explorer jQuery
meltdowns :(

The error reported in ie6 is:
C.fx.step is null or not an object.

Any idea how to fix the problem?

Kind regards

Massimo

[jQuery] Jquery Cycle Plugin Bugs

[keli marks]

Hey all:

I'm having some odd bugs with 2 different kind slideshows.

www.exhaciendalapetaca.com

On my home page, on both mozilla and IE, instead of displaying the
slideshow, the entire set of photos are displayed, stacked underneath
eachother. It doesn't happen all the time.

The second issue is on the events and rentals page. Sometime the slide
photos turn into mini squashed photos. It doesn't happen all the time,
and usually a refresh fixes it.

Can anyone see from the code if i'm doing something to trigger this,
or is there a bug fix? Thanks!

Re: [jQuery] jQuery Form Processing

[Karl Swedberg]

Your selector is for an ID: $('#autoSumForm')

But your form has no ID: action="posttime.php" method="post">


Try adding an ID to the form:
method="post">


--Karl


Karl Swedberg
www.englishrules.com
www.learningjquery.com




On Jan 12, 2010, at 9:49 AM, Seth wrote:


Hello,

I'm trying to use this method to process a form and return an alert
without navigating to a new page for the form processing.

http://jquery.malsup.com/form/#getting-started

I have this in my  statement:




$(document).ready(function() {
$('#autoSumForm').ajaxForm(function() {
alert("Thank you for your comment!");
});
});


And this is the form:

...



When I click the submit button though, it takes me to posttime.php,
and doesn't give the alert.

What did I do wrong?

[jQuery] jQuery Form Processing

[Seth]

Hello,

I'm trying to use this method to process a form and return an alert
without navigating to a new page for the form processing.

http://jquery.malsup.com/form/#getting-started

I have this in my  statement:




$(document).ready(function() {
$('#autoSumForm').ajaxForm(function() {
alert("Thank you for your comment!");
});
});


And this is the form:

...



When I click the submit button though, it takes me to posttime.php,
and doesn't give the alert.

What did I do wrong?

[jQuery] jQuery tab menus with Simple jQuery accordion

[drizzy]

Hey Everyone,

Basically I used these two jQuery plugins to achieve this, but I'm
having troubles...

http://www.queness.com/post/106/jquery-tabbed-interfacetabbed-structure-menu-tutorial

http://css-tricks.com/snippets/jquery/simple-jquery-accordion/


I took it out the simple jquery accordion code, to show you guys what
I have so far;
here's the link to my site;
http://starcoac.ipower.com/sites/Toronto/Toronto-DoubleDeckerTour.html

As you can see there are headings; and under each heading theres
subheadings like a FAQ.
I'm basically trying to have it so when  you click "What your
CitySightseeing Toronto ticket gets you" it drops down and reveals the
answer.


and here's the link to the site using both jquery tab menu and Simple
jQuery Accordion;
http://starcoac.ipower.com/sites/Toronto/Toronto-DoubleDeckerTourTest2.html

if take a look at the site in IE at the bottom part of the tab menu
theres a gap that I have no clue why its there and at the footer at
the bottom shows a red gap as well in

if you click on the FAQ button all the sections keep gettting bigger
and bigger in text


I also noticed that a lot of my my div id's become invalid when I use
this code more then once in the
whole tabbed menu; ""

but if I take it out, that section won't work.



I hope I'm explaining this properly, can anyone show me what I'm doing
wrong please

Thanks in advance...

drizzy

Posts: 40
Joined: Tue Nov 17, 2009 3:33 pm
Top

[jQuery] Jquery form and validation plugins

[none]

Hi everyone.
Immediately apologize: to be a lot of code…

I have a form to add users:
http://localhost/ci_doctrine/signup/submit";
method="post" id="myForm">

Username: 
   

Password: 
   

Confirm Password: 
   

E-mail: 
 

 


Nothing special…

Respectively included:





And my js-file signup.js
$(document).ready(
function()
{
var options = {
timeout: 3000,
clearForm: true,
success: function(data) {
$("#output").text(data);
 }

};

$("#myForm").validate({
submitHandler: function(form) {
$(form).ajaxSubmit(options);
},
debug: true,
focusInvalid: false,
focusCleanup: true,
rules: {
username: {
required: true,
minlength: 6,
maxlength: 12,
remote: {
url: "userCheck/",
type: "post",
data: {
  username: function() {
return $("#username").val();
  }
}
}

},
password: {
required: true,
rangelength: [6, 24]
},
passconf: {
required: true,
rangelength: [6, 24],
equalTo: "#password"
},
email: {
required: true,
email: true
}
},
messages: {
  
},
errorPlacement: function(error, element) {
var er = element.attr("name");
error.appendTo( element.parent().find("label
[for='" + er + "']").find("em") );

});
}
 );
The problem is that when I click the submit button that runs a script
"usercheck" from remote rule. I see it in Firebug. And nothing is
added to the database.
How can now send data to the server? Why doesn’t work submitHandler??

Thanks for any help

Re: [jQuery] Jquery UI tabs lockable ?

[Charlie]

one method to consider is hide the tab(s), then show when conditions
are correct

URBY wrote:

  Hi i was wondering if it would be possible to lock out other tabs so
the user is stuck on one ..until a user hits a button.

For example an Admin is adding someone to a database- the Admin is on
the add user tab but after enacting this add process(by input) they
cannot leave this tab until either cancelled or accomplished (both
done by a user input button). so again would it be possible to Lock
out other mobility to tabs locking on just one?

  

[jQuery] Jquery Validation on Dropdown list Question

[newbie198]

How can I validate this as one hidden field.I have 3 dropbdown list
month, day, year and I do not want to validate each separate on so I
would like to combine the strings together and validate the hidden
field. Pleas and thank you for your help.






  Birth date
  
  
Month


  Month
  " . $i . "";
}
?>

  

  
  
Day


Day

" . $i . "";
}
?>

  

  
  
Year


Year
" . $i . "";
}
?>

[jQuery] jquery 1.2.1 script not working with 1.3.2

[jay0316]

I've been working with this script that is used within to group a
parent row with it's children, and then expand the children rows out
when you click on the parent.  I'm having trouble getting it to work
in internet explorer using jquery-1.3.2.min.js  The original script
was using jquery-1.2.1.js.

Is some of this code outdated? and what could I replace it with?

$(function() {
$('tr.parent')
.css("cursor","pointer")
.attr("title","Click to expand/collapse")
.click(function(){
$(this).siblings('.child-'+this.id).toggle();
});
$('t...@class^=child-]').hide().children('td');
});

It doesn't list any error on the page, it just doesn't toggle the
children to visible when you click the parent row.

Here is a demo page where I got the script from:
http://www.javascripttoolbox.com/jquery/#expandablerows

Thanks!

[jQuery] Jquery validation remote problem

[Jeffrey]

Hi,

I'm using Jquery.validation  to  remotly test if an e-mail is already
in use, it works fine, but... if i do a remote check, it returns the
correct response e.g. "some...@abc.com already in use" but when i
click on the field, and then somewere else the message changes to
"filename.php already in use".

Try is on http://www.red187.nl/milk/

This only happens when i set the return vale to 'false' in th eremote
file, when i return a message there is no problem...

Can someone help me please?

[jQuery] Jquery UI tabs lockable ?

[URBY]

Hi i was wondering if it would be possible to lock out other tabs so
the user is stuck on one ..until a user hits a button.

For example an Admin is adding someone to a database- the Admin is on
the add user tab but after enacting this add process(by input) they
cannot leave this tab until either cancelled or accomplished (both
done by a user input button). so again would it be possible to Lock
out other mobility to tabs locking on just one?

[jQuery] JQuery or JBoss RichFaces Which is the best?????

[hferreira]

Hi

I work for some time with JBoss Richfaces and I like it for several
reasons.

However now it was requested to study the integration of JBoss
Richfaces and JQuery. I saw in the Richfaces demo that's already some
kind of integration between the two (Richfaces and JQuery).

However, from your point of view until here can the integration go?
Can I use for instance components from both? E.g. use a JQuery menu
and Richfaces table in the same page? If this is possible how can this
be made?

Thanks in Advance

[jQuery] JQuery UI Draggable Thumbnail Filmstrip

[Ray]

As a learning experience (and to get the look I wanted), I hand wrote
HTML/CSS/jQuery code for a photo gallery with a thumbnail filmstrip. I
started with a few ideas of how to slide the thumbnails underneath the
main panel of the gallery, and figured the easiest and smoothest way
would be to initiate a draggable() function call on the  selector
or containing  of the list of thumbnails, constraining the motion
along the x-axis.

This works well, but I have a few problems which I'm not quite sure
how to attack. I want to set a left and right bound for how far the
filmstrip can be dragged and stop animation (even while mid-drag) once
this point has been reached. I know this is possible if the parent
 is larger than the draggable element, but the parent  I'm
working with is smaller than the draggable element.

I'll start with the HTML code for the filmstrip:

   
   
  
 









 
  
   

First, I initialize the thumbnail filmstrip by calculating the width
of the strip and setting the width of the parent  (#thumbnails),
using the following code:

function calculateWidth(){
   // Accumulate width of each list item to get total width of
filmstrip
   $("#thumb-strip li").each(function(i){
  listWidth += parseInt($(this).width())
   + parseInt($(this).css("marginRight"))
   + parseInt($(this).css("paddingLeft"))
   + parseInt($(this).css("paddingRight"));
   });

   largestMargin = (viewingArea - listWidth);
   $("#thumbnails").css("width", listWidth);
}

The #thumbnails div is a child of a div with the id "viewing-area",
which is the static width window where the filmstrip is viewable - for
this particular case, the viewingArea is 800px and the listWidth is
1238px. I want to ensure that the filmstrip cannot be dragged outside
this viewing area, and the variable largestMargin is used to account
for the largest amount the filmstrip can be shifted left before the
LAST picture is completely viewable in the viewing-area.

I have found that it is difficult to stop the filmstrip from dragging
past the point where the last thumbnail list item is. I tried to
assign a function to the 'drag' event which checks the "left" CSS
property to determine if it has passed this point, but the filmstrip
still drags beyond this point.

Also, when you release the mouse button after dragging, the thumbnail
on which the mouse is over is clicked and loaded in the main panel. If
possible, I would like to disable this so you cannot select an image
on the start or stop event of dragging.

Suggestions anyone? Help is much appreciated, Thanks!

[jQuery] jQuery AJAX Question

[Matthew Maxwell]

I was curious if there was a way to hit the current xhr object in the
success callback.  I've been tinkering with it, and have been unable
to figure out how to do that.

The reason I ask is because I am trying to debug an application I've
been working on, and sometimes the response XML is not formatted
correctly; however, the occurrence seems random, and still triggers
the "success" method, since there are no actual server-side errors.

I'm looking to do something like:

var data = $.param(myObj); // post data

// AJAX to val page
$.ajax({
"type": "POST",
"url": "myval.asp",
"data": data,
"dataType": "xml",
"async": true,
"global": false,
"cache": false,
"success": function (objXml) {
$(objXml).find("ticket").exists( // see if the ticket is present
function () {
var ticket = this.attr("number");
if (typeof(ticket) === "undefined") {
errorProcess({
"fn": fnName,
"detail": "Ticket is present, 
but value is null",
"page": "myval.asp",
"post": data,
"responseText": 
xhr.responseText // need tp hit XHR object here
})
}
// do stuff
}
).absent(
function () {
errorProcess({
"fn": fnName,
"detail": "Ticket is not present in 
response",
"page": "myval.asp",
"post": data,
"responseText": xhr.responseText // 
need to hit the XHR object
here
});
}
);
},
"error": functon (xhr) {
errorProcess({
"fn": fnName,
"detail": "Specifics on what's supposed to happen",
"page": "myval.asp", // page I'm trying to AJAX to
"post": data,
"responseText": xhr.responseText
});
}
});


$(selector).exists() and $(selector).absent() are functions I added.
Basically, if the selector is found in the DOM, the callback in exists
is executed, if it's not found in the DOM, the callback in absent is
executed.

I'm needing to hit the XHR object's responseText property inside the
success function of the AJAX call, but am not able to do so.

Any ideas?

Re: [jQuery] JQuery Cycle Speed

[aspacecodyssey]

Figured it out. The problem is, in fact, with the easing. Cycle has a default
easing set, but setting it to 'linear' fixes it and makes the entire thing
smooth.


malsup wrote:
> 
>> Hey, I'm using the JQuery cycle plugin (http://malsup.com/jquery/cycle/)
>> and
>> I have images set to auto-scroll horizontally. The plugin automatically
>> eases the slides (I've tried turning easing off), and I'm wondering if
>> anyone knows of a way to get them to just continually move horizontally
>> (without slowing/speeding up). I'm using it to create the illusion of
>> moving
>> fish in a background image:http://blazonmarketing.net/projects/mspd
> 
> Cycle doesn't really support a "continuous scroll" mode.  There is a
> "continuous" option but it doesn't work well with the scroll
> transitions.  Cycle takes a breath after every transition so you
> always get a brief interval between one transition and another.  With
> many transition effects that interval isn't noticeable, but with the
> scroll effects it is.
> 
> Mike
> 
> 

-- 
View this message in context: 
http://old.nabble.com/JQuery-Cycle-Speed-tp27061872s27240p27065070.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] JQuery Cycle Speed

[aspacecodyssey]

Hey, I'm using the JQuery cycle plugin (http://malsup.com/jquery/cycle/) and
I have images set to auto-scroll horizontally. The plugin automatically
eases the slides (I've tried turning easing off), and I'm wondering if
anyone knows of a way to get them to just continually move horizontally
(without slowing/speeding up). I'm using it to create the illusion of moving
fish in a background image: http://blazonmarketing.net/projects/mspd

Any help would be appreciated.
-- 
View this message in context: 
http://old.nabble.com/JQuery-Cycle-Speed-tp27061872s27240p27061872.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] JQuery files(.js) required

[NMarcu]

Hello,

   My site is loading very slow with all js files imported, so I
putted all in one single file. I have a question. I have some file
that I think I don't need it. I'm loading this files:
jquery-1.3.2.js, jquery.bgframs.js, jquery.ui-1.7.2.custom.min.js,
ui.core.js, ui.draggable.js, ui.resizable.js, ui.dialog.js,
effects.core.js, effects.highlight.js, ui.tabs.js, editable,js

I need jquery for dialog, tabs, editable field, what files is
redundant information, and I can lost of it...I need minimum of data
to import

[jQuery] jQuery and IE 8

[Mauricio Cirelli]

Hello guys,

I'm developing a web site for a friend and I'm worried about a
problem.
The Url is: http://www.futuragames.com.br/radioboy

As you will see, it works perfectly on Firefox and Google Chrome, but
I get a mysterious when running on IE 8.

The error message is: "Invalid argument" on line 53 of the jQuery
library file. I don't know what does it mean and how can I figure it
out. Can anyone help me, please?

Thanks!