Re: [jQuery] jQuery Browser Detection

2007-03-06 Thread Karl Rudd
Ok this is untested but use conditional comments to hide the scripts
from IE 5.5 and lower, but shown to IE 6+ and the rest of the browsers
you'll need to use this somewhat messy approach.

!--[if gte IE 6] ... scripts ... ![endif]--
!--[if !IE]-- ... scripts ... !--![endif]--

You need to include the scripts twice. :P The code approach is
starting to look more palatable.

Karl Rudd

On 3/6/07, Karl Rudd [EMAIL PROTECTED] wrote:
 Err scratch that, last reponse of mine. That will hide it from every
 non-IE browser as well as IE  6.

 Karl Rudd

 On 3/6/07, Karl Rudd [EMAIL PROTECTED] wrote:
  Try:
 
  !--[if gte IE 6]
  script type=text/javascript src=jquery.js/script
  ![endif]--
 
  Karl Rudd
 
 
  On 3/6/07, Oliver Boermans [EMAIL PROTECTED] wrote:
   As is IE 7.
  
   If I remove -- it my JavaScript is also hidden from Firefox and friends 
   :/
  
   On 06/03/07, Oliver Boermans [EMAIL PROTECTED] wrote:
IE 6 is rendering -- visibly in the page.
  
   ___
   jQuery mailing list
   discuss@jquery.com
   http://jquery.com/discuss/
  
 


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] jQuery Browser Detection

2007-03-06 Thread Aaron Heimlich

On 3/6/07, Oliver Boermans [EMAIL PROTECTED] wrote:


Is there a reasonably
straight forward method I could employ to lock out IE5 out of jQuery
altogether?



jQuery(document).ready(function() {
   if( /MSIE [1-5]/.test(navigator.userAgent ) return;
   // rest of init code goes here;
});

All of my initialization is done in $().ready(), so if that code never runs,
then IE 5.5 won't have anything to complain about.

--
Aaron Heimlich
Web Developer
[EMAIL PROTECTED]
http://aheimlich.freepgs.com
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] loading animation for imagebox

2007-03-06 Thread Torbjorn Tornkvist
Janet Weber wrote:
 Hi
 
 The loading animation for imagebox doesn't display properly. The 
 animation has a white box behind the loading.gif animation and I would 
 like to know how to change that white box to black or transparent?

It is the container div that holds the loading.gif that has a white 
background. Unfortunately, you just can't set it to be transparant
since the white background also functions as the white border around
the image that you load into the very same container.

A possible solution would be to begin with a transparant background
where the loading.gif start to run. When the image is loaded, change to 
a white background, then change back to transparent when the loading.gif 
is shown, etc

Cheers, Tobbe


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] jQuery Browser Detection

2007-03-06 Thread Klaus Hartl
Oliver Boermans schrieb:
 Clever and almost perfect.
 IE 6 is rendering -- visibly in the page.
 
 Thanks Klaus!
 
 On 06/03/07, Klaus Hartl [EMAIL PROTECTED] wrote:
 Why don't you make it the other way round?

 !--[if gte IE 6]--
 script type=text/javascript src=jquery.js/script
 !--![endif]--

Strange, I'm using similiar code for objects. Try adding white space to 
it, I had the same problem if ActiveX was disabled:

!--[if gte IE 6] Hide scripts from IE 5 --
script type=text/javascript src=jquery.js/script
!-- ![endif] --

If that still doesn't work, you could use Conditional Compilation in the 
same way, although that means that you have to surround your scripts 
with the following:

/[EMAIL PROTECTED] @*/
/[EMAIL PROTECTED] (@_jscript_version = 5.6) @*/

alert('I\'m not a dinosaur!');

/[EMAIL PROTECTED] @*/


-- Klaus



___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] What is the difference in functionality between bind() and click/blur/keyup/etc()?

2007-03-06 Thread agent2026

What's a situation where you want to use .bind then?  (still new at this)

Adam



Karl Rudd wrote:
 
 The click, blur, keyup, etc functions are just shortcuts. So instead of:
 
   $(...).bind( 'click', function...
 
 you can write:
 
   $(...).click( function...
 
 Karl Rudd
 
 

-- 
View this message in context: 
http://www.nabble.com/What-is-the-difference-in-functionality-between-bind%28%29-and-click-blur-keyup-etc%28%29--tf3352982.html#a9327987
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] What is the difference in functionality between bind() and click/blur/keyup/etc()?

2007-03-06 Thread Karl Rudd
About the only reason is that the bind() function allows you to pass
a block of data into the handler function. The shortcut functions only
allow you to pass in a function.

For more info take a look at:
  http://jquery.bassistance.de/api-browser/#bindStringObjectFunction

Karl Rudd

On 3/6/07, agent2026 [EMAIL PROTECTED] wrote:

 What's a situation where you want to use .bind then?  (still new at this)

 Adam



 Karl Rudd wrote:
 
  The click, blur, keyup, etc functions are just shortcuts. So instead of:
 
$(...).bind( 'click', function...
 
  you can write:
 
$(...).click( function...
 
  Karl Rudd
 
 

 --
 View this message in context: 
 http://www.nabble.com/What-is-the-difference-in-functionality-between-bind%28%29-and-click-blur-keyup-etc%28%29--tf3352982.html#a9327987
 Sent from the JQuery mailing list archive at Nabble.com.


 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] What is the difference in functionality between bind() and click/blur/keyup/etc()?

2007-03-06 Thread Klaus Hartl
agent2026 schrieb:
 What's a situation where you want to use .bind then?  (still new at this)
 
 Adam

Maybe avoiding ambiguity. load() is used to either bind an event or load 
content via XHR.

Also, if you want to attach custom events, you'll have to use bind.

$(elem).bind('triggerTab', function() {
 ...
});

Or, if you dynamically want to decide which event to attach, like I do 
in Thickbox Reloaded:

$$.bind((type == CONFIRM ? 'submit' : 'click'), function() {
 ...
});

In addition until jQuery 1.1 new jQuery users very often expected to 
have submit() for instance trigger a form's default action. Thus it was 
discussed, that these helpers should be removed in favor of bind and 
trigger, also to make jQuery smaller. But then it was fixed the other 
way round in jQuery 1.1.

To me, if you use bind, it's much clearer what you intend to do 
(thinking of co-workers that are new to jQuery), and I'm tending to 
solely use bind nowadays.


-- Klaus






___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


[jQuery] Form validator 0.2 - onblur instad of onsubmit

2007-03-06 Thread amircx

hey.. i got this code
http://pastebin.ca/383367

now its validate on submit, i want to modify it to onblur... how do i do
that?
-- 
View this message in context: 
http://www.nabble.com/Form-validator-0.2---onblur-instad-of-onsubmit-tf3354347.html#a9328706
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] What is the difference in functionality between bind() and click/blur/keyup/etc()?

2007-03-06 Thread agent2026

That's what I thought, and I had it in my head that it was actually phased
out and have been solely using .bind().

Seems like the best practice anyway.  Thanks everyone for your explanations. 

Adam



Chris Domigan wrote:
 
 Also, I seem to remember (not sure though...) that there was some talk
 about
 maybe phasing out .click() etc to free up the API at some stage, so some
 people recommended using .bind() in case that eventuated.
 

-- 
View this message in context: 
http://www.nabble.com/What-is-the-difference-in-functionality-between-bind%28%29-and-click-blur-keyup-etc%28%29--tf3352982.html#a9328705
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] carousel example with dynamic content via ajax

2007-03-06 Thread Marshall Salinger
Hi there again. I am willing to help you but only posting a small bit of
code from the plugin example is not going to help me see what you are
doing wrong. You say you have verified the image paths, yet they don't
show up? I would like to see *exactly* what you have in your txt file.
It is highly likely that what you have in your text file is what is
breaking that function. 

The function: getItemHTML(data) takes the data from the text file and
among other things, builds the link to load the larger image in the
thickbox. But it is geared around loading images from flickr.

Are you trying to replicate everything in the demo? If so, you need two
images. A thumbnail that has _s in the filename before .jpg and a
medium size image that has _m before .jpg. The _m.jpg image will be
the one that gets loaded into the thickbox. 

If you post a link to your test page, I will be happy to look at the
source and point you in the right direction.

-Marshall


-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of planner
Sent: Monday, March 05, 2007 11:17 PM
To: discuss@jquery.com
Subject: [jQuery] carousel example with dynamic content via ajax



Folks;

I am trying to implement the carousel example with dynsmic content
loading
via ajax. The images I'm specifying in my version of the *.txt file are
located in a directory in the root of my server. The problem is when the
page loads,  the images are not shown in the carousel: only the names
specified at the end of each line in the *.txt file are shown. 

I've verified that the path names for the images are good in the
carousel js
code. So I do not think that the problem is with path names. I do think
that
the issue may lie in this section of the js code:

snip
 .

function getItemHTML(data)
{
var split = data.split(;);
var url   = jQuery.trim(split[0]);
var title = jQuery.trim(split[1]);
var url_m = url.replace(/_s.jpg/g, '_m.jpg');
return ' ' + url_m + '  ' + url + '  ';
};


--/snip
 I have a pretty good idea what the code snippet is doing, but I do not
know
how to customize it for my specific case. 

thanks for any help
-- 
View this message in context:
http://www.nabble.com/carousel-example-with-dynamic-content-via-ajax-tf3
353866.html#a9327163
Sent from the jCarousel mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] My basic navigation plugin

2007-03-06 Thread Klaus Hartl
Joel Birch schrieb:
 I thought the switch 'smelled' less that an eval would :) . Hey, this  
 could be a good place for Jörn to prove his point and suggest how  
 this could be refactored to avoid the switch :D


Some more about switch - I really think it's alright to use:

Switch blocks should always be used where possible, as it's so much 
faster than an if—else series. This is because with the if else 
statements, a test must be made for each if statement, whereas switch 
blocks generate vector jump tables at compile time so NO test is 
actually required in the underlying code!

http://www.devwebpro.com/devwebpro-39-20030514OptimizingJavaScriptforExecutionSpeed.html


-- Klaus


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


[jQuery] treeview problem

2007-03-06 Thread Denis
Hi,
here http://jquery.bassistance.de/treeview/ i found tree example, but it didn't 
work when I wrap this example with my DIV's,
any ideas how to prevent it ?


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


[jQuery] Ajax - maintain the History

2007-03-06 Thread chango

Hi, it's possible maintain the History of Navigation using back/forward
buttons??
I'm using Ajax to load Contents into a DIV:
-
function open_url(url, target) {
document.getElementById(target).innerHTML = 'please wait';
$('#'+target).load(url);
$('#'+target).fadeIn('fast');
}

Calling...
javascript:void(0) plans  

-

Maybe a Plugin?

Thanks a LOT.
-- 
View this message in context: 
http://www.nabble.com/Ajax---maintain-the-History-tf3355044.html#a9330708
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Ajax - maintain the History

2007-03-06 Thread Klaus Hartl
chango schrieb:
 Hi, it's possible maintain the History of Navigation using back/forward
 buttons??
 I'm using Ajax to load Contents into a DIV:
 -
 function open_url(url, target) {
   document.getElementById(target).innerHTML = 'please wait';
 $('#'+target).load(url);
 $('#'+target).fadeIn('fast');
 }
 
 Calling...
 javascript:void(0) plans  
 
 -
 
 Maybe a Plugin?
 
 Thanks a LOT.

Yes, I there is one:
http://stilbuero.de/jquery/history/

It seems it does exactly what you need. Usage: Just put normal links 
into your HTML (degrades gracefully), and run remote() over them. For 
example if these links all belong to the class remote:

$('a.remote').remote('#' + target);

And initialize history once:

$.ajaxHistory.initialize();


-- Klaus


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] My basic navigation plugin

2007-03-06 Thread Joel Birch
On 06/03/2007, at 10:02 PM, Klaus Hartl wrote:
 with the if else
 statements, a test must be made for each if statement, whereas  
 switch
 blocks generate vector jump tables at compile time so NO test is
 actually required in the underlying code!

vector jump tables… nice. Thanks for the extra info – very  
interesting!

Joel.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] [*Possible SPAM*] Re: rewriting generic ajax jQuery style

2007-03-06 Thread Jim Wharton
certainly:
 
?xml version=1.0 
encoding=utf-8?catagoriesitemitem_id659/item_iditem_name3 Gal 
Beverage
 Igloo Cooler/item_name/itemitemitem_id660/item_iditem_name5 Gal 
Beverage Igloo Cooler/item_name
/itemitemitem_id661/item_iditem_name10 Gal Beverage Igloo 
Cooler/item_name/itemitem
item_id662/item_iditem_name3 Gal Iced Tea 
Dispenser/item_name/itemitemitem_id663/item_id
item_name120 Qt. Ice 
Sheet/item_name/itemitemitem_id664/item_iditem_nameParty Cooler
/item_name/itemitemitem_id665/item_iditem_nameKeg 
Cooler/item_name/item/catagories
I'm sorry that's not indented for viewability I just copied it out of 
firebug.
-Jim

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Jake McGraw
Sent: Monday, March 05, 2007 5:07 PM
To: jQuery Discussion.
Subject: [*Possible SPAM*] Re: [jQuery] rewriting generic ajax jQuery style


Jim,  could you post a version of the XML data you'd expect?

- jake


On 3/5/07, Jim Wharton  [EMAIL PROTECTED]  mailto:[EMAIL PROTECTED]  wrote: 

Hi, I'm trying to change a bunch of handwritten Ajax stuff to use jQuery's 
methods. (I figure, if I'm already including the jquery.js file, I may as well 
use the heck out of it.)

My current code sends a request to a php page and gets back an xml result I do 
the standard way of creating a request object(try/catch for MSXML vs XHR)

here is the code to create my request and callback:

var http =  createRequestObject(); //this just references that object I just 
created.

function ajax ( url, callback )
{
http.open ( 'get', url, true ); 
http.onreadystatechange = callback;
http.send(null);
}

function sendRequest() {
var url = getItems.php?cat_id= + idsource;
ajax( url, handleInfo );
}

my handleInfo function does a nice for loop based on an array(object) and 
generates table html for each record:

function handleInfo() {
if (http.readyState == 1) {
//document.getElementById(itemtable +idsource).innerHTML = 
'h1Loading.../h1' 
}
if (http.readyState == 4) {
if (http.status == 200) {
var xmlDoc = http.responseXML.documentElement;
var output; 
output = 'tabletheadtrthItems 
Available/th/tr/theadtbody';
// Create table rows for each record 
for (var i=0; i  xmlDoc.childNodes.length; i++)
{
var linkId = 
xmlDoc.getElementsByTagName('item_id').item(i).firstChild.data; 
output += 'tr';
output += 'td'+linkId;
output += 'tda href= 
itemdetail.php?item_id='+linkId+' 
'+xmlDoc.getElementsByTagName('item_name').item(i).firstChild.data+'/a/td';
output += '/tr'; 
}
output += '/tbody/table';
document.getElementById(itemtable 
+idsource).innerHTML = output; 
}
}
}

Ok, fairly generic routine stuff. Only problem is, I can't bend my mind around 
the way to do it in jQuery!!! I have started playing around with the .get 
method:

$(document).ready(function() { 
$('#resultcontainer').accordion();
$(dt).click(function(){
idsource = $(this).attr(id);
$.get(getItems.php, {cat_id: 
idsource}, function(xml){
//build a table from xml 
results.
var output = 
'tabletheadtrthItems Available/th/tr/theadtbody'; 
var xmlDoc = 
xml.documentElement;
//create rows for each result.
for (var i=0; i 
xmlDoc.childNodes.length; i++)
{
var linkId = 
$(item_id, xmlDoc).item(i).firstChild.data;
output += 'tr'; 
output += 
'td'+linkId+'/td';
output += '/tr';
} 
output += '/tbody/table';

$('#itemtable'+idsource).html(output);
}); 
})
});

but this seems to cough up errors about linkId not being a function. Am I 
at least on the right path?

What this code does 

[jQuery] context menu example

2007-03-06 Thread Denis
Can you please share working context menu example?


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


[jQuery] Need help implementing validation...

2007-03-06 Thread Rick Faircloth
Good morning, all.

Can't get any reaction from the validation code.

Here's my script and html. what's wrong with it?
(I've included my show/hide script and my CalculateMortgage
script in case there's a conflict)

The Mortgage Calculation still runs fine, but when I submit the
form without an entry I get a CF error stating that the expression
that calculates the payment can't be evaluated.

Isn't the validation code supposed to prevent submission when
a form field is blank?  And in this case, with debug on, it should
stop all submissions?

But, it's pretty much like the validation code is not even active.
I don't get any kind of response from it.

Ideas?

Thanks!

Rick



script type=text/javascript src=jquery-1.1.2.js/script
script type=text/javascript src=jquery.validate.js/script

script type=text/javascript

$(document).ready(function() {

$('div.calc').find('div.showMe').hide().end().find('table.clickMe').click(fu
nction() {
 var answer = $(this).next();
 if (answer.is(':visible')) {
 answer.slideUp();
 } else {
 answer.slideDown();
 }
 });
});

/script

script type=text/javascript

function CalculateMortgage(){

var Params = {};
// select all inputs of type text
$(input:text).each(function(){
Params[$(this).attr(name)] = $(this).val();
});
  // post the form.  The Param object mimics form fields
$.post(Mortgage_Calculation.cfm, Params,
function(data){
// this is the processing function.
// append what you get back to the element
with ID = Result after clearing its contents
 $(#Result).empty().append(data);
  } 
);
}

/script

script type=text/javascript

$.validator.defaults.debug = true;
$().ready(function() {

// validate Mortgage_Calculation_Form on keyup and submit
$(#Mortgage_Calculation_Form).validate({
event: keyup,

rules: {
Principal: { required: true },
Interest: { required: true },
Years: { required: true },
},

messages: {
Principal: Please enter the Principal.,
Interest: Please enter the Interest Rate.,
Years: Please enter the Years.,
}
});

/script



And here's the pertinent html:

div class=calc

table class=clickMe width=418

tr
td style=font: Arial Helvetica San-Serif;
   font-weight: normal;
   font-size: 12px;
   text-align: center;
   cursor: hand;
   padding-bottom: 10px;
   uClick here/u to calculate mortgage payment.
/td
/tr

/table

div class=showMe

form id=Mortgage_Calculation_Form Method=Post Action=

table width=418

tr

td style=width: 202px;
   padding-right: 4px;
   font: Arial Helvetica San-Serif;
   font-weight: bold;
   font-size: 12px;
   text-align: right;
   label for=PrincipalPrincipal/label
/td

td style=width 202px;
   text-align: left;
   INPUT id=Principal Name=Principal Type=Text
Value=#Get_Property_Details.Sale_Price# Size=14 Class=TextInput01
/td

/tr

tr

td style=width: 202px;
   padding-right: 4px;
   font: Arial Helvetica San-Serif;
   font-weight: bold;
   font-size: 12px;
   text-align: right;
   label for=InterestInterest Rate/label
/td

td style=width 202px;
   text-align: left;
   INPUT id=Interest Name=Interest Type=Text
Value=6 Size=14 Class=TextInput01
/td

/tr

tr

td style=width: 202px;
   padding-right: 4px;
   font: Arial Helvetica San-Serif;
   font-weight: bold;
   font-size: 12px;
   text-align: right;
   label for=YearsYears/label
/td

td style=width 202px;
   text-align: left;
   INPUT id=Years Name=Years Type=Text Value=30
Size=14 Class=TextInput01
/td

/tr

tr

 

Re: [jQuery] rewriting generic ajax jQuery style

2007-03-06 Thread Sam Collett
On 05/03/07, Jim Wharton [EMAIL PROTECTED] wrote:
 Hi, I'm trying to change a bunch of handwritten Ajax stuff to use jQuery's 
 methods. (I figure, if I'm already including the jquery.js file, I may as 
 well use the heck out of it.)

 My current code sends a request to a php page and gets back an xml result I 
 do the standard way of creating a request object(try/catch for MSXML vs XHR)

 here is the code to create my request and callback:

 var http =  createRequestObject(); //this just references that object I just 
 created.

 function ajax ( url, callback )
 {
 http.open ( 'get', url, true );
 http.onreadystatechange = callback;
 http.send(null);
 }

 function sendRequest() {
 var url = getItems.php?cat_id= + idsource;
 ajax( url, handleInfo );
 }

 my handleInfo function does a nice for loop based on an array(object) and 
 generates table html for each record:

 function handleInfo() {
 if (http.readyState == 1) {
 //document.getElementById(itemtable +idsource).innerHTML = 
 'h1Loading.../h1'
 }
 if (http.readyState == 4) {
 if (http.status == 200) {
 var xmlDoc = http.responseXML.documentElement;
 var output;
 output = 'tabletheadtrthItems 
 Available/th/tr/theadtbody';
 // Create table rows for each record
 for (var i=0; i  xmlDoc.childNodes.length; 
 i++)
 {
 var linkId = 
 xmlDoc.getElementsByTagName('item_id').item(i).firstChild.data;
 output += 'tr';
 output += 'td'+linkId;
 output += 'tda 
 href=itemdetail.php?item_id='+linkId+' 
 '+xmlDoc.getElementsByTagName('item_name').item(i).firstChild.data+'/a/td';
 output += '/tr';
 }
 output += '/tbody/table';
 document.getElementById(itemtable 
 +idsource).innerHTML = output;
 }
 }
  }

 Ok, fairly generic routine stuff. Only problem is, I can't bend my mind 
 around the way to do it in jQuery!!! I have started playing around with the 
 .get method:

 $(document).ready(function() {
 $('#resultcontainer').accordion();
 $(dt).click(function(){
 idsource = $(this).attr(id);
 $.get(getItems.php, {cat_id: 
 idsource}, function(xml){
 //build a table from xml 
 results.
 var output = 
 'tabletheadtrthItems Available/th/tr/theadtbody';
 var xmlDoc = 
 xml.documentElement;
 //create rows for each result.
 for (var i=0; 
 ixmlDoc.childNodes.length; i++)
 {
 var linkId = 
 $(item_id, xmlDoc).item(i).firstChild.data;
 output += 'tr';
 output += 
 'td'+linkId+'/td';
 output += '/tr';
 }
 output += '/tbody/table';
 
 $('#itemtable'+idsource).html(output);
 });
 })
 });

 but this seems to cough up errors about linkId not being a function. Am I 
 at least on the right path?

 What this code does is everytime one clicks on a dt element, it sends the 
 request based on the id (just a number) then it submits the ajax request. 
 I'm really not sure at all how to deal with the object it returns... so 
 that's why you see me treating it just like I would any other xml object.

 I'd be happy to post all my code but I don't want to suck up a ton of 
 bandwidth... this being my first post and all that.

 (In a future revision of this code, I'll actually let the accordian wait 
 until the object is returned before I slide it down.)

 Thanks,
 -Jim

Have you looked at the ajax method? I think this may work:

$.ajax({
   type: GET,
   url: getItems.php,
   data: {cat_id: idsource},
   dataType: xml,
   success: function(xml){
  //build a table from xml results.
  var output = 'tabletheadtrthItems
Available/th/tr/theadtbody';
  //create rows for each result.
  

[jQuery] JQuery scope

2007-03-06 Thread Harlley Roberto

Guys,

Does someone know why my function doesn't work ? How does work the scope on
JQuery with ajax?
The commented alert is working fine.

   function LerXML(ordem) {
   var diretorio;
   $.get(../modulos.xml, function(xmldataset){
   diretorio= $(diretorio:eq( + ordem + ) , xmldataset);
   //alert(diretorio.text());
   });
   return diretorio.text();
   }
   alert(LerXML(0));

--
[]'s

Harlley R. Oliveira
www.syssolution.com.br
---
~ U never try U'll never learn ~
---
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] loading animation for imagebox

2007-03-06 Thread Janet Weber

Hi Tobbe

I tried that but could not add a transparent background color to the 
code. Ii came up with errors. And adding it in the css doesn't work 
either the program just ignores it,


I think the developer should have thought that not all webpages use a 
white background.

The way it displays it just looks crappy

Janet

Torbjorn Tornkvist wrote:

Janet Weber wrote:
  

Hi

The loading animation for imagebox doesn't display properly. The 
animation has a white box behind the loading.gif animation and I would 
like to know how to change that white box to black or transparent?



It is the container div that holds the loading.gif that has a white 
background. Unfortunately, you just can't set it to be transparant

since the white background also functions as the white border around
the image that you load into the very same container.

A possible solution would be to begin with a transparant background
where the loading.gif start to run. When the image is loaded, change to 
a white background, then change back to transparent when the loading.gif 
is shown, etc


Cheers, Tobbe


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

  


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] confirm link

2007-03-06 Thread Sam Collett
On 05/03/07, James Thomas [EMAIL PROTECTED] wrote:

 Close ... try this:

 $(a).click(function(){return alertSave($(this).attr(href));});

 function alertSave(url) {
 var dataControl = $('#changedAppointments').attr(value);
 if (dataControl.length  0) {
 if (confirm(You have made changes to this date which have 
 not been
 saved.\n\nAre you sure you want to navigate from this page?)) {
 document.location = url;
 return true;
 } else return false;
 }
 }

Or an even shorter way:

$(a).click(alertSave);

function alertSave() {
   var dataControl = $('#changedAppointments').attr(value);
   if (dataControl.length  0) {
   return confirm(You have made changes to this date 
which have
not beensaved.\n\nAre you sure you want to navigate from this
page?);
   }
}




 smeranda wrote:
 
  Still no luck, this is what I have:
 
  $(a).click(function(){alertSave($(this).attr(href));});
 
  function alertSave(url) {
var dataControl = $('#changedAppointments').attr(value);
if (dataControl.length  0) {
if (confirm(You have made changes to this date which have 
  not been
  saved.\n\nAre you sure you want to navigate from this page?)) {
document.location = url;
} else return false;
}
  }
 
 
 
  James Thomas wrote:
 
  You need to return false if you don't want something to happen. so if
  (confirm('whatever')) { do_whatever(); } else return false;
 
  smeranda wrote:
 
  When a user clicks a link and a form field currently has data, a
  confirmation box appears. This is close to working, but if a user clicks
  'cancel' the browser still redirects to the a href URL. What am I doing
  wrong?
 
  $(a).click(function(){alertSave($(this).attr(href));});
 
  function alertSave(url) {
  var dataControl = $('#changedAppointments').attr(value);
  if (dataControl.length  0) {
  if (confirm(You have made changes to this date which have 
  not been
  saved.\n\nAre you sure you want to navigate from this page?)) {
  document.location = url;
  }
  }
  }
 
 
 
 
 

 --
 View this message in context: 
 http://www.nabble.com/confirm-link-tf3350646.html#a9320032
 Sent from the JQuery mailing list archive at Nabble.com.


 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


[jQuery] Screencast: how to easily use AJAX to submit a form using jQuery

2007-03-06 Thread Remy Sharp

A screencast for beginners to jQuery and/or AJAX showing how easy it is to
add an AJAX layer to submit a form.

http://remysharp.com/2007/03/05/jquery-ajaxed-forms/

I wasn't sure whether just to add it to the tutorials wiki on jquery.com or
not...
-- 
View this message in context: 
http://www.nabble.com/Screencast%3A-how-to-easily-use-AJAX-to-submit-a-form-using-jQuery-tf3356310.html#a9334547
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] rewriting generic ajax jQuery style

2007-03-06 Thread Jake McGraw

Or, perhaps even more in line jQuery philosophy (try to reduce code as much
as possible):

$(function(){
   $.get('getItems.php',{cat_id:idsource},function(xml){
   $('#itemtable'+idsource).append('tabletheadtrthItems
Available/th/tr/theadtbody/tbody/table');
   $('item_id',xml).each(function(){
   $('#itemtable'+idsource+'
tbody').append('trtd'+$(this).text()+'/td/tr');
   });
   });
});

Basically, there are a ton of different ways to do this using jQuery.
Additionally, since your delivering such simple data, XML isn't really
necessary, why not use json? PHP 5.2 and greater has a built in
json_encode/decode, which will turn php arrays and objects into json
strings. This will seriously cut down on the amount of information you have
to send. Email me if you'd like more info.

- jake



On 3/6/07, Sam Collett [EMAIL PROTECTED] wrote:


On 05/03/07, Jim Wharton [EMAIL PROTECTED] wrote:
 Hi, I'm trying to change a bunch of handwritten Ajax stuff to use
jQuery's methods. (I figure, if I'm already including the jquery.js file,
I may as well use the heck out of it.)

 My current code sends a request to a php page and gets back an xml
result I do the standard way of creating a request object(try/catch for
MSXML vs XHR)

 here is the code to create my request and callback:

 var http =  createRequestObject(); //this just references that object I
just created.

 function ajax ( url, callback )
 {
 http.open ( 'get', url, true );
 http.onreadystatechange = callback;
 http.send(null);
 }

 function sendRequest() {
 var url = getItems.php?cat_id= + idsource;
 ajax( url, handleInfo );
 }

 my handleInfo function does a nice for loop based on an array(object)
and generates table html for each record:

 function handleInfo() {
 if (http.readyState == 1) {
 //document.getElementById(itemtable
+idsource).innerHTML = 'h1Loading.../h1'
 }
 if (http.readyState == 4) {
 if (http.status == 200) {
 var xmlDoc =
http.responseXML.documentElement;
 var output;
 output = 'tabletheadtrthItems
Available/th/tr/theadtbody';
 // Create table rows for each record
 for (var i=0; i 
xmlDoc.childNodes.length; i++)
 {
 var linkId =
xmlDoc.getElementsByTagName('item_id').item(i).firstChild.data;
 output += 'tr';
 output += 'td'+linkId;
 output += 'tda href=
itemdetail.php?item_id='+linkId+'
'+xmlDoc.getElementsByTagName('item_name').item(i).firstChild.data+'/a/td';
 output += '/tr';
 }
 output += '/tbody/table';
 document.getElementById(itemtable
+idsource).innerHTML = output;
 }
 }
  }

 Ok, fairly generic routine stuff. Only problem is, I can't bend my mind
around the way to do it in jQuery!!! I have started playing around with the
.get method:

 $(document).ready(function() {
 $('#resultcontainer').accordion();
 $(dt).click(function(){
 idsource = $(this).attr(id);
 $.get(getItems.php, {cat_id:
idsource}, function(xml){
 //build a table from xml
results.
 var output =
'tabletheadtrthItems Available/th/tr/theadtbody';
 var xmlDoc =
xml.documentElement;
 //create rows for each
result.
 for (var i=0; i
xmlDoc.childNodes.length; i++)
 {
 var linkId =
$(item_id, xmlDoc).item(i).firstChild.data;
 output +=
'tr';
 output +=
'td'+linkId+'/td';
 output +=
'/tr';
 }
 output +=
'/tbody/table';

$('#itemtable'+idsource).html(output);
 });
 })
 });

 but this seems to cough up errors about linkId not being a function.
Am I at least on the right path?

 What this code does is everytime one clicks on a dt element, it sends
the request based on the id (just a number) then it submits the ajax

[jQuery] dynamic put post data Jquery Forms plugin

2007-03-06 Thread amircx

hey
i got this script:
http://pastebin.ca/383636
what im trying to achive is that i got a form that user go to page and fill
it, while its loading its generate him id in hidden field, and i need to
pass the id in the hidden field to the next page...

how can i do that? my demo isnt working now

also, how can i echo the output of the page instad of everytime write
{staus:0, msg:'21'}

please help
thanks
-- 
View this message in context: 
http://www.nabble.com/dynamic-put-post-data-Jquery-Forms-plugin-tf3356323.html#a9334586
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] loading animation for imagebox

2007-03-06 Thread Torbjorn Tornkvist
Janet Weber wrote:
 Hi Tobbe
 
 I tried that but could not add a transparent background color to the 
 code. Ii came up with errors. And adding it in the css doesn't work 
 either the program just ignores it,

I made a quick hack:

http://noneg.tornkvist.org:8080/search.yaws?action=keywordkey=barcelona

Click on the link: Bildspel
at the top.

The modified code is here:

http://noneg.tornkvist.org:8080/js/imagebox.js

Cheers, Tobbe

 
  I think the developer should have thought that not all webpages use a 
 white background.
 The way it displays it just looks crappy
 
 Janet
 
 Torbjorn Tornkvist wrote:
 Janet Weber wrote:
   
 Hi

 The loading animation for imagebox doesn't display properly. The 
 animation has a white box behind the loading.gif animation and I would 
 like to know how to change that white box to black or transparent?
 

 It is the container div that holds the loading.gif that has a white 
 background. Unfortunately, you just can't set it to be transparant
 since the white background also functions as the white border around
 the image that you load into the very same container.

 A possible solution would be to begin with a transparant background
 where the loading.gif start to run. When the image is loaded, change to 
 a white background, then change back to transparent when the loading.gif 
 is shown, etc

 Cheers, Tobbe


 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/

   
 
 
 
 
 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Screencast: how to easily use AJAX to submit a form using jQuery

2007-03-06 Thread Mike Alsup
On 3/6/07, Remy Sharp [EMAIL PROTECTED] wrote:

 A screencast for beginners to jQuery and/or AJAX showing how easy it is to
 add an AJAX layer to submit a form.


Excellent job on that screencast, Remy!

Since you end the cast with a note about putting the script into a
plugin I would just like to point out that gathering form data is a
bit more complex when dealing with meatier forms.  Your code works
fine for a form that contains only text fields, but it would not work
for a form that contained a checkbox, radio button or multi-select
element.  In addition, encodeURIComponent should be used instead of
escape (and it should be used on both the name and value).

I realize your demo was about how easy it is to ajaxify a form, and
you did an awesome job demonstrating that.  I just wanted to follow up
with some additional info.

Cheers!

Mike

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] rewriting generic ajax jQuery style

2007-03-06 Thread Jim Wharton
that actually works quite well. I'll also need to parse the item_name from the 
xml. It may benifit me more to yank the parent element and then spit back out 
both childNodes... only thing is the second childNode item_name will have to 
be a link. I suppose I could add an href attribute using DOM methods or 
simply just screw around with the html that is output. 

How do I reference more than one tag in the xml?

Here is my current working code:

$(document).ready(function() {
$('#resultcontainer').accordion();
$(dt).click(function(){
idsource = $(this).attr(id);
$.get(getItems.php, {cat_id: 
idsource}, function(xml){
var xmlDoc = 
xml.documentElement;
var output = 
'tabletheadtrthItems Available/th/tr/theadtbody';   
   
// Create table rows for each 
record
for (var i=0; i  
xmlDoc.childNodes.length; i++)
{
var linkId = 
xmlDoc.getElementsByTagName('item_id').item(i).firstChild.data;
output += 'tr';
output += 'td'+linkId;
output += 'tda 
href=itemdetail.php?item_id='+linkId+' 
'+xmlDoc.getElementsByTagName('item_name').item(i).firstChild.data+'/a/td';
output += '/tr';
}
output += 
'/tbody/table';

document.getElementById(itemtable +idsource).innerHTML = output;
});
}) 
});

I'm not unhappy with it, but I'd like to learn more about how I could do this 
in jQuery... I've rewritten this app so many times... once with PHP returning 
HTML snips, once with pure DOM (no innerHTML) once with mootools and now I'm 
really getting in to jQuery.

Thanks!
-Jim

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Behalf Of Sam Collett
Sent: Tuesday, March 06, 2007 10:02 AM
To: jQuery Discussion.
Subject: Re: [jQuery] rewriting generic ajax jQuery style


On 05/03/07, Jim Wharton [EMAIL PROTECTED] wrote:
 Hi, I'm trying to change a bunch of handwritten Ajax stuff to use jQuery's 
 methods. (I figure, if I'm already including the jquery.js file, I may as 
 well use the heck out of it.)

 My current code sends a request to a php page and gets back an xml result I 
 do the standard way of creating a request object(try/catch for MSXML vs XHR)

 here is the code to create my request and callback:

 var http =  createRequestObject(); //this just references that object I just 
 created.

 function ajax ( url, callback )
 {
 http.open ( 'get', url, true );
 http.onreadystatechange = callback;
 http.send(null);
 }

 function sendRequest() {
 var url = getItems.php?cat_id= + idsource;
 ajax( url, handleInfo );
 }

 my handleInfo function does a nice for loop based on an array(object) and 
 generates table html for each record:

 function handleInfo() {
 if (http.readyState == 1) {
 //document.getElementById(itemtable +idsource).innerHTML = 
 'h1Loading.../h1'
 }
 if (http.readyState == 4) {
 if (http.status == 200) {
 var xmlDoc = http.responseXML.documentElement;
 var output;
 output = 'tabletheadtrthItems 
 Available/th/tr/theadtbody';
 // Create table rows for each record
 for (var i=0; i  xmlDoc.childNodes.length; 
 i++)
 {
 var linkId = 
 xmlDoc.getElementsByTagName('item_id').item(i).firstChild.data;
 output += 'tr';
 output += 'td'+linkId;
 output += 'tda 
 href=itemdetail.php?item_id='+linkId+' 
 '+xmlDoc.getElementsByTagName('item_name').item(i).firstChild.data+'/a/td';
 output += '/tr';
 }
 output += '/tbody/table';
 document.getElementById(itemtable 
 +idsource).innerHTML = output;
 }
 }
  }

 Ok, fairly generic routine stuff. Only problem is, I can't bend my mind 
 around 

Re: [jQuery] JQuery scope

2007-03-06 Thread John Resig
$.get() isn't synchronous, the return will occur before the request
has finished.

You could give this a try, instead:
function LerXML(ordem) {
var diretorio;
$.ajax({
type: GET,
url: ../modulos.xml,
async: false,
success: function(xmldataset){
diretorio= $(diretorio:eq( + ordem + ) , xmldataset);
}
});
return diretorio.text();
}
alert(LerXML(0));

More info:
http://docs.jquery.com/Ajax

Of course, synchronous XML requests can slow down your application -
so it would, most likely, be preferred to write your code using a
callback, instead.

More info:
http://docs.jquery.com/How_jQuery_Works#Callbacks.2C_Functions.2C_and_.27this.27

--John

On 3/6/07, Harlley Roberto [EMAIL PROTECTED] wrote:
 Guys,

 Does someone know why my function doesn't work ? How does work the scope on
 JQuery with ajax?
 The commented alert is working fine.

 function LerXML(ordem) {
 var diretorio;
 $.get(../modulos.xml, function(xmldataset){
 diretorio= $(diretorio:eq( + ordem + ) , xmldataset);
 //alert(diretorio.text());
 });
 return diretorio.text();
 }
 alert(LerXML(0));

 --
 []'s

 Harlley R. Oliveira
  www.syssolution.com.br
 ---
 ~ U never try U'll never learn ~
 ---


 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/



___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] rewriting generic ajax jQuery style

2007-03-06 Thread Jake McGraw

Jim, split it up for readability, this uses the same function I had before.
find() within the scope of the current jQuery object, which in our case
$(this) = item.../item, so find() will look within this element for
elements 'item_id' and 'item_name'. Hope this helps.

$(function(){
   $.get('getItems.php',{cat_id:idsource},function(xml){
   $('#itemtable'+idsource).append('tabletheadtrthItems
Available/th/tr/theadtbody/tbody/table');
   $('item',xml).each(function(){
   var item_id = $(this).find('item_id').text();
   var item_name = $(this).find('item_name').text();
   var row = 'trtd'+item_id+'/tdtda href=itemdetail.php
?item_id='+item_id+''+item_name+'/a/td/tr
   $('#itemtable'+idsource+' tbody').append(row);
   });
   });
});

- jake

On 3/6/07, Jim Wharton [EMAIL PROTECTED] wrote:


that actually works quite well. I'll also need to parse the item_name from
the xml. It may benifit me more to yank the parent element and then spit
back out both childNodes... only thing is the second childNode item_name
will have to be a link. I suppose I could add an href attribute using DOM
methods or simply just screw around with the html that is output.

How do I reference more than one tag in the xml?

Here is my current working code:

$(document).ready(function() {
$('#resultcontainer').accordion();
$(dt).click(function(){
idsource = $(this).attr(id);
$.get(getItems.php, {cat_id:
idsource}, function(xml){
var xmlDoc =
xml.documentElement;
var output =
'tabletheadtrthItems Available/th/tr/theadtbody';
// Create table rows for
each record
for (var i=0; i 
xmlDoc.childNodes.length; i++)
{
var linkId =
xmlDoc.getElementsByTagName('item_id').item(i).firstChild.data;
output += 'tr';
output +=
'td'+linkId;
output += 'tda
href=itemdetail.php?item_id='+linkId+'
'+xmlDoc.getElementsByTagName('item_name').item(i).firstChild.data+'/a/td';
output += '/tr';
}
output +=
'/tbody/table';

document.getElementById(itemtable +idsource).innerHTML = output;
});
})
});

I'm not unhappy with it, but I'd like to learn more about how I could do
this in jQuery... I've rewritten this app so many times... once with PHP
returning HTML snips, once with pure DOM (no innerHTML) once with mootools
and now I'm really getting in to jQuery.

Thanks!
-Jim

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Behalf Of Sam Collett
Sent: Tuesday, March 06, 2007 10:02 AM
To: jQuery Discussion.
Subject: Re: [jQuery] rewriting generic ajax jQuery style


On 05/03/07, Jim Wharton [EMAIL PROTECTED] wrote:
 Hi, I'm trying to change a bunch of handwritten Ajax stuff to use
jQuery's methods. (I figure, if I'm already including the jquery.js file,
I may as well use the heck out of it.)

 My current code sends a request to a php page and gets back an xml
result I do the standard way of creating a request object(try/catch for
MSXML vs XHR)

 here is the code to create my request and callback:

 var http =  createRequestObject(); //this just references that object I
just created.

 function ajax ( url, callback )
 {
 http.open ( 'get', url, true );
 http.onreadystatechange = callback;
 http.send(null);
 }

 function sendRequest() {
 var url = getItems.php?cat_id= + idsource;
 ajax( url, handleInfo );
 }

 my handleInfo function does a nice for loop based on an array(object)
and generates table html for each record:

 function handleInfo() {
 if (http.readyState == 1) {
 //document.getElementById(itemtable
+idsource).innerHTML = 'h1Loading.../h1'
 }
 if (http.readyState == 4) {
 if (http.status == 200) {
 var xmlDoc =
http.responseXML.documentElement;
 var output;
 output = 'tabletheadtrthItems
Available/th/tr/theadtbody';
 // Create table rows for each record
 for (var i=0; i 
xmlDoc.childNodes.length; i++)
 {
 var linkId =

[jQuery] Find nearest parent with an ID

2007-03-06 Thread jazzle

Hi all,
I'm wanted to traverse up the DOM to find the nearest/closest
((+great)grand)parent which has an ID.

For example
table id=table1
 tr
  td id=td1
   div
span
 a class=meh ...
...

so from
$(.meh)
I want to find td1

I thought I could use
$(.meh).parents(@[id]).attr(id)
but apparently not.
I may have misunderstood one or more bits of the code there...
-- 
View this message in context: 
http://www.nabble.com/Find-nearest-parent-with-an-ID-tf3356637.html#a9335652
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] rewriting generic ajax jQuery style

2007-03-06 Thread Jim Wharton
Ok, here's another question I've got this code working:

$(document).ready(function() {
$('#resultcontainer').accordion();
$(dt).click(function(){
idsource = $(this).attr(id);
$.ajax({
   type: GET,
   url: getItems.php,
   data: {cat_id: idsource},
   dataType: xml,
   success: function(xml){
  //build a table from xml results.
  var output = 
'tabletheadtrthItems Available/th/tr/theadtbody';
  //create rows for each result.
  $(item_id, xml).each(
 function() {
var linkId = 
$(this).text();
output += 'tr';
output += 
'td'+$(this).text()+'/td';
output += 'tda 
href=itemdetail.php?item_id='+linkId+' 
'+$(this).siblings().text()+'/a/td';
output += '/tr';
 }
  )
  output += '/tbody/table';
  
$('#itemtable'+idsource).html(output);
   }
})
}) 
});

I just looked for a nextSibling style analouge in jQuery. Would it be more 
benificial to change the node I am getting out of the XML file and grab both 
its children? or is this method ok?. Which one would be faster? Selecting two 
children? or selecting siblings?

Thanks, 
-Jim


.-*** Message Scanned by Alachua County McAfee Webshield Appliance ***-.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] confirm link

2007-03-06 Thread James Thomas

That's true - I didn't change it because I thought there could be some cases
where alertSave() could be called outside of the 'a' thing - if that's not
the case, then this version is definitely better. You could go so far as to
eliminate the variable as well and just do:
if ($('#changedAppointments').attr(value).length  0) { return
confirm(MESSAGE); }

Since you don't use dataControl more than the one time, there's really
little need for it.

James


Sam Collett wrote:
 
 On 05/03/07, James Thomas [EMAIL PROTECTED] wrote:

 Close ... try this:

 $(a).click(function(){return alertSave($(this).attr(href));});

 function alertSave(url) {
 var dataControl = $('#changedAppointments').attr(value);
 if (dataControl.length  0) {
 if (confirm(You have made changes to this date which
 have not been
 saved.\n\nAre you sure you want to navigate from this page?)) {
 document.location = url;
 return true;
 } else return false;
 }
 }
 
 Or an even shorter way:
 
 $(a).click(alertSave);
 
 function alertSave() {
  var dataControl = $('#changedAppointments').attr(value);
  if (dataControl.length  0) {
  return confirm(You have made changes to this date 
 which have
 not been  saved.\n\nAre you sure you want to navigate from this
 page?);
  }
 }
 
 


 smeranda wrote:
 
  Still no luck, this is what I have:
 
  $(a).click(function(){alertSave($(this).attr(href));});
 
  function alertSave(url) {
var dataControl = $('#changedAppointments').attr(value);
if (dataControl.length  0) {
if (confirm(You have made changes to this date which
 have not been
  saved.\n\nAre you sure you want to navigate from this page?)) {
document.location = url;
} else return false;
}
  }
 
 
 
  James Thomas wrote:
 
  You need to return false if you don't want something to happen. so if
  (confirm('whatever')) { do_whatever(); } else return false;
 
  smeranda wrote:
 
  When a user clicks a link and a form field currently has data, a
  confirmation box appears. This is close to working, but if a user
 clicks
  'cancel' the browser still redirects to the a href URL. What am I
 doing
  wrong?
 
  $(a).click(function(){alertSave($(this).attr(href));});
 
  function alertSave(url) {
  var dataControl = $('#changedAppointments').attr(value);
  if (dataControl.length  0) {
  if (confirm(You have made changes to this date which
 have not been
  saved.\n\nAre you sure you want to navigate from this page?)) {
  document.location = url;
  }
  }
  }
 
 
 
 
 

 --
 View this message in context:
 http://www.nabble.com/confirm-link-tf3350646.html#a9320032
 Sent from the JQuery mailing list archive at Nabble.com.


 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/

 
 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/
 
 

-- 
View this message in context: 
http://www.nabble.com/confirm-link-tf3350646.html#a9335673
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Need help implementing validation...

2007-03-06 Thread Rick Faircloth
Anyone got any clues?  Anyone at all?

Rick

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Rick Faircloth
Sent: Tuesday, March 06, 2007 9:42 AM
To: 'jQuery Discussion.'
Subject: [jQuery] Need help implementing validation...

Good morning, all…
Can’t get any reaction from the validation code.
Here’s my script and html… what’s wrong with it?
(I’ve included my show/hide script and my CalculateMortgage
script in case there’s a conflict)
The Mortgage Calculation still runs fine, but when I submit the
form without an entry I get a CF error stating that the expression
that calculates the payment can’t be evaluated.
Isn’t the validation code supposed to prevent submission when
a form field is blank?  And in this case, with debug on, it should
stop all submissions?
But, it's pretty much like the validation code is not even active.
I don't get any kind of response from it.
Ideas?
Thanks!
Rick

script type=text/javascript src=jquery-1.1.2.js/script
script type=text/javascript src=jquery.validate.js/script
script type=text/javascript
$(document).ready(function() {
    
$('div.calc').find('div.showMe').hide().end().find('table.clickMe').click(fu
nction() {
 var answer = $(this).next();
 if (answer.is(':visible')) {
 answer.slideUp();
 } else {
 answer.slideDown();
 }
 });
});
/script

script type=text/javascript
    function CalculateMortgage(){
    var Params = {};
    // select all inputs of type text
    $(input:text).each(function(){
    Params[$(this).attr(name)] = $(this).val();
    });
          // post the form.  The Param object mimics form fields
            $.post(Mortgage_Calculation.cfm, Params,
function(data){
                // this is the processing function.
                // append what you get back to the element
with ID = Result after clearing its contents
             $(#Result).empty().append(data);
              } 
            );
    }
/script

script type=text/javascript
    $.validator.defaults.debug = true;
    $().ready(function() {
        // validate Mortgage_Calculation_Form on keyup and submit
        $(#Mortgage_Calculation_Form).validate({
            event: keyup,
            
            rules: {
                Principal: { required: true },
                Interest: { required: true },
                Years: { required: true },
                },
            messages: {
                Principal: Please enter the Principal.,
                Interest: Please enter the Interest Rate.,
                Years: Please enter the Years.,
                }
        });
        
/script

And here’s the pertinent html:

div class=calc

    table class=clickMe width=418
    tr
    td style=font: Arial Helvetica San-Serif;
   font-weight: normal;
   font-size: 12px;
   text-align: center;
   cursor: hand;
   padding-bottom: 10px;
   uClick here/u to calculate mortgage payment.
    /td
    /tr
    /table

div class=showMe

    form id=Mortgage_Calculation_Form Method=Post Action=
    table width=418
    tr

    td style=width: 202px;
   padding-right: 4px;
   font: Arial Helvetica San-Serif;
   font-weight: bold;
   font-size: 12px;
   text-align: right;
   label for=PrincipalPrincipal/label
    /td

    td style=width 202px;
   text-align: left;

   INPUT id=Principal Name=Principal Type=Text
Value=#Get_Property_Details.Sale_Price# Size=14 Class=TextInput01
    /td

    /tr

    tr

    td style=width: 202px;
   padding-right: 4px;
   font: Arial Helvetica San-Serif;
   font-weight: bold;
   font-size: 12px;
   text-align: right;
   label for=InterestInterest Rate/label
    /td

    td style=width 202px;
   text-align: left;
   INPUT id=Interest Name=Interest Type=Text
Value=6 Size=14 Class=TextInput01

    /td

    /tr

    tr

    td style=width: 202px;
   padding-right: 4px;
   font: Arial Helvetica San-Serif;
   font-weight: bold;
   font-size: 12px;
   text-align: right;
   label for=YearsYears/label
    /td

 

Re: [jQuery] Form validator 0.2 - onblur instad of onsubmit

2007-03-06 Thread Leonardo K

Try this:

$(#form1).validate({   event: blur,
  submitHandler: function(form) {
  $(form).ajaxSubmit(options);

  }
});


On 3/6/07, amircx [EMAIL PROTECTED] wrote:



hey.. i got this code
http://pastebin.ca/383367

now its validate on submit, i want to modify it to onblur... how do i do
that?
--
View this message in context:
http://www.nabble.com/Form-validator-0.2---onblur-instad-of-onsubmit-tf3354347.html#a9328706
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Auto Vertical Scroller newsBlock div

2007-03-06 Thread Danny Wachsstock

I made a news scroller a while back; you can see it at
http://youngisrael-stl.org/updates.php
at the upper right. It smoothly scrolls any element (I use H3 and LI, but
you can specify), stops on mouseover and adds buttons to scroll back up or
further down, and a button to expand the whole list.
It's unobtrusive (with javascript off, it's just a fixed-height div with
overflow: scroll).
The source is at http://youngisrael-stl.org/inc/yi-scroller.js and it uses
the DOM creation code at http://youngisrael-stl.org/inc/yi-effects.js

It's not really packaged for general use, but if there's interest I can do
that.

Danny


{js}sTyler wrote:
 
 Hi All,
Anyone have any tips for me to do a sort of news scroll vertical
 scrolling div?
 Mine is here:
 http://70.133.226.219/v2/07index.aspx
 
 It's beneath the jquery buttons in the left column.
 It is scrolling up or sort of ticking up, if you give it a few seconds you
 will see the headlines tick up.
 I know the Css styling isn't quite right yet to tell the headlines apart
 from each other, but that's a cinch to fix.
 
 I tried implementing JD Sharp's code from here:
 http://jdsharp.us/code/jQuery/plugins/jdNewsScroll/
 It's sort of working but not really scrolling.
 
 Any ideas to fix this or another setup, I don't really like the headline
 reader that scrolls up quickly to the top and pauses, a plain old smooth
 scroller would probably be best.
 
 

-- 
View this message in context: 
http://www.nabble.com/Auto-Vertical-Scroller-newsBlock-div-tf3352363.html#a9338965
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Need help implementing validation...

2007-03-06 Thread Josh Nathanson
Rick,

That's a lot of code for folks to look at.  Are you using Firebug for 
Firefox?  That is very helpful in diagnosing these types of problems.

-- Josh


- Original Message - 
From: Rick Faircloth [EMAIL PROTECTED]
To: 'jQuery Discussion.' discuss@jquery.com
Sent: Tuesday, March 06, 2007 9:23 AM
Subject: Re: [jQuery] Need help implementing validation...


Anyone got any clues?  Anyone at all?

Rick

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Rick Faircloth
Sent: Tuesday, March 06, 2007 9:42 AM
To: 'jQuery Discussion.'
Subject: [jQuery] Need help implementing validation...

Good morning, all.
Can't get any reaction from the validation code.
Here's my script and html. what's wrong with it?
(I've included my show/hide script and my CalculateMortgage
script in case there's a conflict)
The Mortgage Calculation still runs fine, but when I submit the
form without an entry I get a CF error stating that the expression
that calculates the payment can't be evaluated.
Isn't the validation code supposed to prevent submission when
a form field is blank? And in this case, with debug on, it should
stop all submissions?
But, it's pretty much like the validation code is not even active.
I don't get any kind of response from it.
Ideas?
Thanks!
Rick

script type=text/javascript src=jquery-1.1.2.js/script
script type=text/javascript src=jquery.validate.js/script
script type=text/javascript
$(document).ready(function() {

$('div.calc').find('div.showMe').hide().end().find('table.clickMe').click(fu
nction() {
var answer = $(this).next();
if (answer.is(':visible')) {
answer.slideUp();
} else {
answer.slideDown();
}
});
});
/script

script type=text/javascript
function CalculateMortgage(){
var Params = {};
// select all inputs of type text
$(input:text).each(function(){
Params[$(this).attr(name)] = $(this).val();
});
// post the form. The Param object mimics form fields
$.post(Mortgage_Calculation.cfm, Params,
function(data){
// this is the processing function.
// append what you get back to the element
with ID = Result after clearing its contents
$(#Result).empty().append(data);
}
);
}
/script

script type=text/javascript
$.validator.defaults.debug = true;
$().ready(function() {
// validate Mortgage_Calculation_Form on keyup and submit
$(#Mortgage_Calculation_Form).validate({
event: keyup,

rules: {
Principal: { required: true },
Interest: { required: true },
Years: { required: true },
},
messages: {
Principal: Please enter the Principal.,
Interest: Please enter the Interest Rate.,
Years: Please enter the Years.,
}
});

/script

And here's the pertinent html:

div class=calc

table class=clickMe width=418
tr
td style=font: Arial Helvetica San-Serif;
font-weight: normal;
font-size: 12px;
text-align: center;
cursor: hand;
padding-bottom: 10px;
uClick here/u to calculate mortgage payment.
/td
/tr
/table

div class=showMe

form id=Mortgage_Calculation_Form Method=Post Action=
table width=418
tr

td style=width: 202px;
padding-right: 4px;
font: Arial Helvetica San-Serif;
font-weight: bold;
font-size: 12px;
text-align: right;
label for=PrincipalPrincipal/label
/td

td style=width 202px;
text-align: left;

INPUT id=Principal Name=Principal Type=Text
Value=#Get_Property_Details.Sale_Price# Size=14 Class=TextInput01
/td

/tr

tr

td style=width: 202px;
padding-right: 4px;
font: Arial Helvetica San-Serif;
font-weight: bold;
font-size: 12px;
text-align: right;
label for=InterestInterest Rate/label
/td

td style=width 202px;
text-align: left;
INPUT id=Interest Name=Interest Type=Text
Value=6 Size=14 Class=TextInput01

/td

/tr

tr

td style=width: 202px;
padding-right: 4px;
font: Arial Helvetica San-Serif;
font-weight: bold;
font-size: 12px;
text-align: right;
label for=YearsYears/label
/td

td style=width 202px;
text-align: left;

INPUT id=Years Name=Years Type=Text Value=30
Size=14 Class=TextInput01
/td

/tr

tr

td style=width: 202px;
padding-right: 4px;
font: Arial Helvetica San-Serif;
font-weight: bold;
font-size: 12px;
text-align: right;
Payment
/td

td style=width 202px;
text-align: left;
font: Arial Helvetica San-Serif;
font-size: 12px;
span id=Result/span
/td

/tr

tr

td style=width: 202px;
padding-right: 4px;
font: Arial Helvetica San-Serif;
font-weight: bold;
font-size: 12px;
text-align: right;
/td

td style=width 202px;
text-align: left;
font: Arial Helvetica San-Serif;
font-size: 12px;
INPUT Class=Submit Value=Submit Type=Submit
onClick=CalculateMortgage();return false;
/td

/tr

/table

/form

/div

/div
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/ 


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


[jQuery] Testing... testing... ignore

2007-03-06 Thread Rick Faircloth
Testing.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


[jQuery] finding an image by src attribute

2007-03-06 Thread Paul
This is probably easy, but it's my first attempt so I'm not sure where to
begin.

 

I have a series of images which all have the class ico.  Within that
collection of images I need to find any with src set to ico-fail.png.  How
can I efficiently search through the images to determine if any have this
attribute? 

 

Thanks!

 

Paul

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] compare between display and visibility when hide an element?

2007-03-06 Thread Klaus Hartl
Microtoby schrieb:
 Hello, Guys,
 
 I’m using jQuery for a while, and like jQuery much more,
 
 But I have a question begin start using this library,
 
 YUI and some other library using visibility to hide an element, jQuery 
 using the display css property.
 
 Any one can tell me what the difference between display and visibility is?
 
 For example, difference in SEO?

Between both, there is no difference in SEO as long as the element is in 
your source HTML.

If you use display: none to hide an element, it is completely taken out 
of the flow, as if it were not part of your HTML. Following elements 
will reflow. If you use visibility on the other hand, the element also 
gets hidden, but it still takes the space in the document as if it were 
visible (as long as you don't use absolute positioning at the same time, 
which was a common usage back in the DHTML aera, when the display 
property wasn't as good supported in browsers).


-- Klaus

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] compare between display and visibility when hide anelement?

2007-03-06 Thread Michael Geary
Nothing to do with SEO. The display and visibility properties do two
different things:
 
http://www.w3.org/TR/CSS21/visuren.html#display-prop
 
http://www.w3.org/TR/CSS21/visufx.html#visibility
 
-Mike


  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Microtoby
Sent: Tuesday, March 06, 2007 9:59 AM
To: 'jQuery Discussion.'
Subject: [jQuery] compare between display and visibility when hide
anelement?



Hello, Guys,

I'm using jQuery for a while, and like jQuery much more,

But I have a question begin start using this library,

YUI and some other library using visibility to hide an element, jQuery using
the display css property.

Any one can tell me what the difference between display and visibility is?

For example, difference in SEO?

 

Best wishes,

Microtoby

2007-3-7

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] finding an image by src attribute

2007-03-06 Thread Josh Nathanson
$([EMAIL PROTECTED])

Should return the elements you seek.

-- Josh


  - Original Message - 
  From: Paul 
  To: 'jQuery Discussion.' 
  Sent: Tuesday, March 06, 2007 10:34 AM
  Subject: [jQuery] finding an image by src attribute


  This is probably easy, but it's my first attempt so I'm not sure where to 
begin.

   

  I have a series of images which all have the class ico.  Within that 
collection of images I need to find any with src set to ico-fail.png.  How 
can I efficiently search through the images to determine if any have this 
attribute? 

   

  Thanks!

   

  Paul



--


  ___
  jQuery mailing list
  discuss@jquery.com
  http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Auto Vertical Scroller newsBlock div

2007-03-06 Thread {js}sTyler

Thanks for both suggestions so far.
They are both great examples, but maybe not quite right.
It's interesting how the http://youngisrael-stl.org/updates.php
example pops to it's own window when clicking the window button, and the
scrolling arrow nav's. The arrow nav is great, but I don't think I'ld want
it to pop over the page like that (light box style). The slow scrolling
appears kind of blinky on my monitor, maybe it's just the high contrast of
those colors, royal blue, and white.

http://glenlipka.kokopop.com/jQuery/intuit.com/
the mocked up example that Karl suggested is great, and may work in the long
run, if the company writes there own RSS feed that will be more than just
general news lines.

What I'm really needing is just a slow scroll that keeps about 7 list items
scrolling upward and repeats.
I definately should study the learning example to even understand the
mechanics of it:
http://www.learningjquery.com/2006/10/scroll-up-headline-reader
Of course this is the first example I had seen, but thought it wasn't quite
right, slow and smooth is better.
Thanks again guys (karl and danny)

-- 
View this message in context: 
http://www.nabble.com/Auto-Vertical-Scroller-newsBlock-div-tf3352363.html#a9339832
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


[jQuery] ie submiting ajax forum in thick box

2007-03-06 Thread Desmond Hymers

Currently I have a login form being displayed in a thickbox(v 2.1), the
actual form submission is handeled by the form plugin, from malsup.com(v 0.9).


In Firefox when a user enters there username/password the form submits how
it should, and data is returned. In IE the form submits and goes to the
actual page.

my JS looks like this. this is in gloabl.js which is included after
jquery.js that is included in the header.

$(document).ready(function() {
   //login
   $(#jq_login).submit(function(){
   $(this).ajaxSubmit({
   dataType: 'json',
   success: process
   });
   return false;
   });
   //end login

/*
 // I have also tried this, produces the same results
$(#jq_login).ajaxForm({
   dataType: 'json',
   success: process
   });

*/
});


function process(data)
{
   alert(data.message);
}

I am calling the thick box like so,

a class=thickbox name=Log In href=
templates/login.php?width=400height=300log in/a

my form looks like this, which is in a seperate file,

script type=text/javascript src=templates/jQuery.js/script
script type=text/javascript src=templates/global.js/script

form id=jq_login method=post action=includes/login.php
   input type=text name=namebr
   input type=password name=pwdbr
   input type=submit
/form

I've read several of the posts here, and I am completely stumped as to why
this is happening.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] rewriting generic ajax jQuery style

2007-03-06 Thread Jake McGraw

Jim, you can use the siblings() exactly as you put in your code, the only
thing you should watch out for is siblings() will return a group of jQuery
objects, which in your case doesn't matter as item_id only has a single
sibling, item_name. When you chain text() to a group of jQuery objects, only
the first jQuery object returns its text. I'm not up on performance issues
with jQuery, like I said before, there are a couple of ways of doing this,
and you typically (in my experience) won't see performance differences
between methods (say using XPath instead of CSS or find()) until you start
dealing with a large (300+) dataset (at which point I'd forgo ajax and just
deliver using html).

- jake

On 3/6/07, Jim Wharton [EMAIL PROTECTED] wrote:


Ok, here's another question I've got this code working:

$(document).ready(function() {
$('#resultcontainer').accordion();
$(dt).click(function(){
idsource = $(this).attr(id);
$.ajax({
   type: GET,
   url: getItems.php,
   data: {cat_id: idsource},
   dataType: xml,
   success: function(xml){
  //build a table from xml
results.
  var output =
'tabletheadtrthItems Available/th/tr/theadtbody';
  //create rows for each
result.
  $(item_id, xml).each(
 function() {
var linkId
= $(this).text();
output += 'tr';
output +=
'td'+$(this).text()+'/td';
output += 'tda
href=itemdetail.php?item_id='+linkId+'
'+$(this).siblings().text()+'/a/td';
output += '/tr';
 }
  )
  output +=
'/tbody/table';

  
$('#itemtable'+idsource).html(output);
   }
})
})
});

I just looked for a nextSibling style analouge in jQuery. Would it be
more benificial to change the node I am getting out of the XML file and grab
both its children? or is this method ok?. Which one would be faster?
Selecting two children? or selecting siblings?

Thanks,
-Jim


.-*** Message Scanned by Alachua County McAfee Webshield Appliance ***-.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Auto Vertical Scroller newsBlock div

2007-03-06 Thread Jonathan Sharp

Howdy,

Jumping in late here. I reworked the jdNewsScroller about a month ago and
haven't posted the changes yet! So see if this helps any:
http://jdsharp.us/code/jQuery/plugins/jdNewsScroll/1.1/

Cheers,
-Jonathan


On 3/6/07, {js}sTyler [EMAIL PROTECTED] wrote:



Thanks for both suggestions so far.
They are both great examples, but maybe not quite right.
It's interesting how the http://youngisrael-stl.org/updates.php
example pops to it's own window when clicking the window button, and the
scrolling arrow nav's. The arrow nav is great, but I don't think I'ld want
it to pop over the page like that (light box style). The slow scrolling
appears kind of blinky on my monitor, maybe it's just the high contrast of
those colors, royal blue, and white.

http://glenlipka.kokopop.com/jQuery/intuit.com/
the mocked up example that Karl suggested is great, and may work in the
long
run, if the company writes there own RSS feed that will be more than just
general news lines.

What I'm really needing is just a slow scroll that keeps about 7 list
items
scrolling upward and repeats.
I definately should study the learning example to even understand the
mechanics of it:
http://www.learningjquery.com/2006/10/scroll-up-headline-reader
Of course this is the first example I had seen, but thought it wasn't
quite
right, slow and smooth is better.
Thanks again guys (karl and danny)

--
View this message in context:
http://www.nabble.com/Auto-Vertical-Scroller-newsBlock-div-tf3352363.html#a9339832
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] rewriting generic ajax jQuery style

2007-03-06 Thread Jim Wharton
thank you immensely for all your help. I'll start rewriting the accordion code 
in a day or so.
-Jim

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Jake McGraw
Sent: Tuesday, March 06, 2007 3:30 PM
To: jQuery Discussion.
Subject: Re: [jQuery] rewriting generic ajax jQuery style


Jim, you can use the siblings() exactly as you put in your code, the only thing 
you should watch out for is siblings() will return a group of jQuery objects, 
which in your case doesn't matter as item_id only has a single sibling, 
item_name. When you chain text() to a group of jQuery objects, only the first 
jQuery object returns its text. I'm not up on performance issues with jQuery, 
like I said before, there are a couple of ways of doing this, and you typically 
(in my experience) won't see performance differences between methods (say using 
XPath instead of CSS or find()) until you start dealing with a large (300+) 
dataset (at which point I'd forgo ajax and just deliver using html). 

- jake


On 3/6/07, Jim Wharton  [EMAIL PROTECTED] wrote: 

Ok, here's another question I've got this code working:

$(document).ready(function() {
$('#resultcontainer').accordion();
$(dt).click(function(){ 
idsource = $(this).attr(id);
$.ajax({
   type: GET,
   url:  getItems.php,
   data: {cat_id: idsource},
   dataType: xml,
   success: function(xml){ 
  //build a table from xml results.
  var output = 
'tabletheadtrthItems Available/th/tr/theadtbody'; 
  //create rows for each result.
  $(item_id, xml).each(
 function() { 
var linkId = 
$(this).text();
output += 'tr';
output += 
'td'+$(this).text()+'/td'; 
output += 'tda 
href=itemdetail.php?item_id='+linkId+' 
'+$(this).siblings().text()+'/a/td';
output += '/tr'; 
 }
  )
  output += '/tbody/table';
  
$('#itemtable'+idsource).html(output); 
   }
})
})
});

I just looked for a nextSibling style analouge in jQuery. Would it be more 
benificial to change the node I am getting out of the XML file and grab both 
its children? or is this method ok?. Which one would be faster? Selecting two 
children? or selecting siblings? 

Thanks,
-Jim


.-*** Message Scanned by Alachua County McAfee Webshield Appliance ***-.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/





  _  

.-=== Message Scanned by Alachua County McAfee Webshield Appliance ===-. 





.-*** Message Scanned by Alachua County McAfee Webshield Appliance ***-.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] finding an image by src attribute

2007-03-06 Thread Paul
Thanks, Josh, that's essentially what I'd been trying, but it wasn't
working.  Turns out the function was executing before the validation script
finished its work, so the src attribute had not been updated before the
second function fired.  I'm still trying to sort that out.

 

Anyway, thanks for the tip.

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Josh Nathanson
Sent: Tuesday, March 06, 2007 12:43 PM
To: jQuery Discussion.
Subject: Re: [jQuery] finding an image by src attribute

 

$([EMAIL PROTECTED])

 

Should return the elements you seek.

 

-- Josh

 

 

- Original Message - 

From: Paul mailto:[EMAIL PROTECTED]  

To: 'jQuery mailto:discuss@jquery.com  Discussion.' 

Sent: Tuesday, March 06, 2007 10:34 AM

Subject: [jQuery] finding an image by src attribute

 

This is probably easy, but it's my first attempt so I'm not sure where to
begin.

 

I have a series of images which all have the class ico.  Within that
collection of images I need to find any with src set to ico-fail.png.  How
can I efficiently search through the images to determine if any have this
attribute? 

 

Thanks!

 

Paul


  _  


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] rewriting generic ajax jQuery style

2007-03-06 Thread Jake McGraw

No problem, welcome to jquery.

- jake

On 3/6/07, Jim Wharton [EMAIL PROTECTED] wrote:


 thank you immensely for all your help. I'll start rewriting the accordion
code in a day or so.
-Jim

-Original Message-
*From:* [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Behalf Of *Jake McGraw
*Sent:* Tuesday, March 06, 2007 3:30 PM
*To:* jQuery Discussion.
*Subject:* Re: [jQuery] rewriting generic ajax jQuery style

Jim, you can use the siblings() exactly as you put in your code, the only
thing you should watch out for is siblings() will return a group of jQuery
objects, which in your case doesn't matter as item_id only has a single
sibling, item_name. When you chain text() to a group of jQuery objects, only
the first jQuery object returns its text. I'm not up on performance issues
with jQuery, like I said before, there are a couple of ways of doing this,
and you typically (in my experience) won't see performance differences
between methods (say using XPath instead of CSS or find()) until you start
dealing with a large (300+) dataset (at which point I'd forgo ajax and just
deliver using html).

- jake

On 3/6/07, Jim Wharton [EMAIL PROTECTED] wrote:

 Ok, here's another question I've got this code working:

 $(document).ready(function() {
 $('#resultcontainer').accordion();
 $(dt).click(function(){
 idsource = $(this).attr(id);
 $.ajax({
type: GET,
url:  getItems.php,
data: {cat_id: idsource},
dataType: xml,
success: function(xml){
   //build a table from xml
 results.
   var output =
 'tabletheadtrthItems Available/th/tr/theadtbody';
   //create rows for each
 result.
   $(item_id, xml).each(
  function() {
 var
 linkId = $(this).text();
 output += 'tr';
 output
 += 'td'+$(this).text()+'/td';
 output += 'tda
 href=itemdetail.php?item_id='+linkId+'
 '+$(this).siblings().text()+'/a/td';
 output += '/tr';
  }
   )
   output +=
 '/tbody/table';
   
$('#itemtable'+idsource).html(output);

}
 })
 })
 });

 I just looked for a nextSibling style analouge in jQuery. Would it be
 more benificial to change the node I am getting out of the XML file and grab
 both its children? or is this method ok?. Which one would be faster?
 Selecting two children? or selecting siblings?

 Thanks,
 -Jim


 .-*** Message Scanned by Alachua County McAfee Webshield Appliance ***-.
 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/


 --
.-=== Message Scanned by Alachua County McAfee Webshield Appliance ===-.

--
.-*** Message Scanned by Alachua County McAfee Webshield Appliance ***-.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] context menu example

2007-03-06 Thread Joel Birch
On 07/03/2007, at 1:52 AM, Denis wrote:
 Can you please share working context menu example?
 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/

Hi Denis,

I am thinking you may be meaning my Page Contents Menu plugin (rather  
than 'context'). Here are two working examples where I have used it  
on clients' sites:

The first example uses it to make a long news page easier to navigate  
whilst also providing an overview of the separate news stories at the  
top of the page. I have combined the plugin with an animated scroll  
effect (when you click a link) which complements it nicely as it  
shows the user where on the page they are being taken. The scroll  
effect comes from Interface.
http://www.preshil.vic.edu.au/news/diary/
The plugin is used on a few other pages of that site also. This  
example highlights a strength of the idea in that if a page is  
regularly updated (as the Preshil news page is), the list is  
automatically updated to reflect the new content it is built from, so  
the list never needs to be manually maintained. Here is the code I  
use to invoke the plugin on the news page:

$(body.diar, body.fees, body.pol)/*targets pages that I want to  
apply a menu to*/
.find(#main h2)   /*targets the page elements I want the list  
created from*/
.contentMenu({ /*invokes plugin passing in options object to  
override some defaults*/
aClass:scrolls,
divClass:alert
});

The second example shows the plugin used on an FAQ page to summarise  
the questions and provide links to the relevant answers. No added  
scroll effect here, but it could benefit from it as I think the  
sudden jump after clicking a link is disorienting.
http://www.blushtomatoes.com.au/consumer-info/faqs/
Here is the code I use to invoke the plugin on the FAQ page:

$(body.faq). /*targets pages that I want to apply a menu to*/
find(#main dt). /*this time the list is created from dt elements*/
contentMenu({
head:, /*no separate heading needed for this list*/
insertTarget:$(#main dl.module:eq(0)) /*custom target to 
insert  
menu before*/
});

My apologies for not providing a decent demo page yet - I plan to  
when I get a break in my work schedule.

Hope this helps. Please let me know if you have any suggestions or  
questions. Oh, and if you actually did mean 'context menu', just  
ignore all of this ;)

Joel Birch.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] loading animation for imagebox

2007-03-06 Thread Janet Weber
Hi Tobbe

Thank you very much. It works okay.

Janet
Torbjorn Tornkvist wrote:
 Janet Weber wrote:
   
 Hi Tobbe

 I tried that but could not add a transparent background color to the 
 code. Ii came up with errors. And adding it in the css doesn't work 
 either the program just ignores it,
 

 I made a quick hack:

 http://noneg.tornkvist.org:8080/search.yaws?action=keywordkey=barcelona

 Click on the link: Bildspel
 at the top.

 The modified code is here:

 http://noneg.tornkvist.org:8080/js/imagebox.js

 Cheers, Tobbe

   
  I think the developer should have thought that not all webpages use a 
 white background.
 The way it displays it just looks crappy

 Janet

 Torbjorn Tornkvist wrote:
 
 Janet Weber wrote:
   
   
 Hi

 The loading animation for imagebox doesn't display properly. The 
 animation has a white box behind the loading.gif animation and I would 
 like to know how to change that white box to black or transparent?
 
 
 It is the container div that holds the loading.gif that has a white 
 background. Unfortunately, you just can't set it to be transparant
 since the white background also functions as the white border around
 the image that you load into the very same container.

 A possible solution would be to begin with a transparant background
 where the loading.gif start to run. When the image is loaded, change to 
 a white background, then change back to transparent when the loading.gif 
 is shown, etc

 Cheers, Tobbe


 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/

   
   
 

 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/
 


 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/

   


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


[jQuery] release: Validation plugin beta 1

2007-03-06 Thread Jörn Zaefferer
Hi folks,

just released beta 1 of my validation plugin. The list of problem was 
reduced quite a lot, and currently I have no more outstanding feature 
requests.

Most notable new features:
 - dependency checking: The required method accepts both 
jQuery-expressions and functions to compute whether a field is required 
or not
 - customizing error message handling: From doing it all yourself (and 
still delegating to the default handler) to customizing the placement of 
generated error messages

As usual, the updated plugin page: 
http://bassistance.de/jquery-plugins/jquery-plugin-validation/

And considering the rather unfriendly format of the API docs, I uploaded 
a standalone version of my API browser that features my five plugins: 
http://jquery.bassistance.de/api-browser/plugins.html
Among the rest it contains the essential validate()-method: 
http://jquery.bassistance.de/api-browser/plugins.html#validateMap

I've also update the demos: http://jquery.bassistance.de/validate/demo-test/

I'd like to delay all further feature requests to post-1.0, now 
concentrating on squishing all remaining issues, any help is appreciated.

Have fun!

-- 
Jörn Zaefferer

http://bassistance.de


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] context menu example

2007-03-06 Thread denis
Thanks for explanation! This what I need too ;-).

But I really need context menu(I hope I write it correct),
I mean menu which we see on right mouse click.
On google docs page(copy/paste/etc ..)



 On 07/03/2007, at 1:52 AM, Denis wrote:
 Can you please share working context menu example?
 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/

 Hi Denis,

 I am thinking you may be meaning my Page Contents Menu plugin (rather
 than 'context'). Here are two working examples where I have used it
 on clients' sites:

 The first example uses it to make a long news page easier to navigate
 whilst also providing an overview of the separate news stories at the
 top of the page. I have combined the plugin with an animated scroll
 effect (when you click a link) which complements it nicely as it  
 shows the user where on the page they are being taken. The scroll  
 effect comes from Interface.
 http://www.preshil.vic.edu.au/news/diary/
 The plugin is used on a few other pages of that site also. This  
 example highlights a strength of the idea in that if a page is  
 regularly updated (as the Preshil news page is), the list is  
 automatically updated to reflect the new content it is built from, so
 the list never needs to be manually maintained. Here is the code I  
 use to invoke the plugin on the news page:

 $(body.diar, body.fees, body.pol)/*targets pages that I want to  
 apply a menu to*/
 .find(#main h2)   /*targets the page elements I want the list
 created from*/
 .contentMenu({ /*invokes plugin passing in options object to
 override some defaults*/
 aClass:scrolls,
 divClass:alert
 });

 The second example shows the plugin used on an FAQ page to summarise
 the questions and provide links to the relevant answers. No added  
 scroll effect here, but it could benefit from it as I think the  
 sudden jump after clicking a link is disorienting.
 http://www.blushtomatoes.com.au/consumer-info/faqs/
 Here is the code I use to invoke the plugin on the FAQ page:

 $(body.faq). /*targets pages that I want to apply a menu to*/
 find(#main dt). /*this time the list is created from dt elements*/
 contentMenu({
 head:, /*no separate heading needed for this list*/
 insertTarget:$(#main dl.module:eq(0)) /*custom target to 
 insert
 menu before*/
 });

 My apologies for not providing a decent demo page yet - I plan to  
 when I get a break in my work schedule.

 Hope this helps. Please let me know if you have any suggestions or  
 questions. Oh, and if you actually did mean 'context menu', just  
 ignore all of this ;)

 Joel Birch.


 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/




___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] context menu example

2007-03-06 Thread Joel Birch
On 07/03/2007, at 8:02 AM, Joel Birch wrote:
 On 07/03/2007, at 1:52 AM, Denis wrote:
 Can you please share working context menu example?
 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/

 Hi Denis,

 I am thinking you may be meaning my Page Contents Menu plugin (rather
 than 'context').

My apologies everyone. It turns out that Denis did mean 'context  
menu' (right-click contextual menu) after all. I should have made the  
connection but it was pre 8am here which is too early for me to be  
firing off responses! ;)

Joel.

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


[jQuery] Using $.get in a link's onClick event

2007-03-06 Thread Yoav Shapira
Hi,
I have a simple link in my HTML page that I want to track when users
click on.  I thought this would be pretty simple, like so:

a href=destinationUrl onClick=$.get('trackingUrl'); return
true;Destination/a

When I run the above code, I get no errors, but trackingUrl doesn't
get hit.  There's no record of a request to trackingUrl in my web
server access log.  How come?

The URL I'm using for trackingUrl is of the form
/foo/bar.png?name=value -- is that a problem?  Must the URL be
absolute, including the http:// and host name?

Thank you,
Yoav

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Need help implementing validation...

2007-03-06 Thread Rick Faircloth
Thanks for responding, Josh.

I know it's a lot of code, but I figured the problem might
be related to the other code.

How about this part, does it look correct?
I haven't been using Firebug, but I'll check into it, too.

Rick

script type=text/javascript
$.validator.defaults.debug = true;
$().ready(function() {
// validate Mortgage_Calculation_Form on keyup and submit
$(#Mortgage_Calculation_Form).validate({
event: keyup,

rules: {
Principal: { required: true },
Interest: { required: true },
Years: { required: true },
},
messages: {
Principal: Please enter the Principal.,
Interest: Please enter the Interest Rate.,
Years: Please enter the Years.,
}
});



-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Josh Nathanson
Sent: Tuesday, March 06, 2007 2:15 PM
To: jQuery Discussion.
Subject: Re: [jQuery] Need help implementing validation...

Rick,

That's a lot of code for folks to look at.  Are you using Firebug for 
Firefox?  That is very helpful in diagnosing these types of problems.

-- Josh





___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


[jQuery] ajax GET test.js

2007-03-06 Thread narven
HI,
 
Im really new to jquery. but I think im in love :P LOL
 
I've been trying to use this to load up a js file. but.. it doesn't work
:-|.. can anyone give me hit?? :P
 
$.ajax({ type: GET, url: test.js, dataType: script })

 

 

thanks

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] ajax GET test.js

2007-03-06 Thread Jake McGraw

Have you tried $.getScript(test.js)?

http://docs.jquery.com/Ajax#.24.getScript.28_url.2C_callback_.29

- jake

On 3/6/07, narven [EMAIL PROTECTED] wrote:


 HI,



Im really new to jquery… but I think im in love :P LOL



I've been trying to use this to load up a js file… but.. it doesn't work K.. 
can anyone give me hit?? :P



$.ajax({ type: GET, url: test.js, dataType: script })





thanks

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Need help implementing validation...

2007-03-06 Thread Jörn Zaefferer
Rick Faircloth schrieb:
 Thanks for responding, Josh.

 I know it's a lot of code, but I figured the problem might
 be related to the other code.

 How about this part, does it look correct?
 I haven't been using Firebug, but I'll check into it, too.
   
Hey Rick,

I've just released beta 1 of the validation plugin. Odds are good that 
it solves your bug :-)

-- 
Jörn Zaefferer

http://bassistance.de


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Need help implementing validation...

2007-03-06 Thread Josh Nathanson
Rick, it looks ok but I have not used the validation plugin, so I have no 
idea what is the correct usage.

I *very strongly suggest* getting Firebug for Firefox.  You will save hours 
of pulling out your hair, such as you are right now!

It's a simple extension for Firefox that debugs your javascript as you are 
testing it in the browser.  It appears as sort of a frame window beneath 
your current browser window.  If there are any JS errors, it shows a red 
x - you click it and it pops open the Firebug debugging window, which 
shows any JS errors with the corresponding line numbers.  It also shows AJAX 
responses which can be helpful.  I can't imagine working without it at this 
point.

-- Josh

- Original Message - 
From: Rick Faircloth [EMAIL PROTECTED]
To: 'jQuery Discussion.' discuss@jquery.com
Sent: Tuesday, March 06, 2007 2:11 PM
Subject: Re: [jQuery] Need help implementing validation...


 Thanks for responding, Josh.

 I know it's a lot of code, but I figured the problem might
 be related to the other code.

 How about this part, does it look correct?
 I haven't been using Firebug, but I'll check into it, too.

 Rick

 script type=text/javascript
 $.validator.defaults.debug = true;
 $().ready(function() {
 // validate Mortgage_Calculation_Form on keyup and submit
 $(#Mortgage_Calculation_Form).validate({
 event: keyup,

 rules: {
 Principal: { required: true },
 Interest: { required: true },
 Years: { required: true },
 },
 messages: {
 Principal: Please enter the Principal.,
 Interest: Please enter the Interest Rate.,
 Years: Please enter the Years.,
 }
 });



 -Original Message-
 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
 Behalf Of Josh Nathanson
 Sent: Tuesday, March 06, 2007 2:15 PM
 To: jQuery Discussion.
 Subject: Re: [jQuery] Need help implementing validation...

 Rick,

 That's a lot of code for folks to look at.  Are you using Firebug for
 Firefox?  That is very helpful in diagnosing these types of problems.

 -- Josh





 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/ 


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Using $.get in a link's onClick event

2007-03-06 Thread Jake McGraw

Have you tried something like:

$(function(){
   $(a).click(function(){
  $.get(trackingURL);
  return true;
   });
});

I haven't tried modifying onClick, etc, I normally just put all the
directives in a script block.

- jake

On 3/6/07, Yoav Shapira [EMAIL PROTECTED] wrote:


Hi,
I have a simple link in my HTML page that I want to track when users
click on.  I thought this would be pretty simple, like so:

a href=destinationUrl onClick=$.get('trackingUrl'); return
true;Destination/a

When I run the above code, I get no errors, but trackingUrl doesn't
get hit.  There's no record of a request to trackingUrl in my web
server access log.  How come?

The URL I'm using for trackingUrl is of the form
/foo/bar.png?name=value -- is that a problem?  Must the URL be
absolute, including the http:// and host name?

Thank you,
Yoav

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Using $.get in a link's onClick event

2007-03-06 Thread Yoav Shapira
Hi,


On 3/6/07, Jake McGraw [EMAIL PROTECTED] wrote:
 Have you tried something like:

 $(function(){
 $(a).click(function(){
$.get(trackingURL);
return true;
 });
 });

I haven't tried that, but I will.  It will be a little annoying
because there are numerous such links and each one with its own
different trackingUrl.  Thanks,

Yoav

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Using $.get in a link's onClick event

2007-03-06 Thread Jake McGraw

Then you could use this:


$(function(){
$(a).click(function(){
   $.get($(this).attr(title));
   return true;
});
});


and have your anchors look like this:

a href=whateverURL title=trackingURLText here/a

Function passed to click() scope this to the current element, in your case
an anchor.

- jake

On 3/6/07, Yoav Shapira [EMAIL PROTECTED] wrote:


Hi,


On 3/6/07, Jake McGraw [EMAIL PROTECTED] wrote:
 Have you tried something like:

 $(function(){
 $(a).click(function(){
$.get(trackingURL);
return true;
 });
 });

I haven't tried that, but I will.  It will be a little annoying
because there are numerous such links and each one with its own
different trackingUrl.  Thanks,

Yoav

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Find nearest parent with an ID

2007-03-06 Thread Chris Domigan

This might work:

$(.meh).parents([EMAIL PROTECTED]:first);

Although I think you're better to give the td a class rather than rely on it
having an id attribute.

Chris
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Using $.get in a link's onClick event

2007-03-06 Thread Yoav Shapira
Hi,

On 3/6/07, Jake McGraw [EMAIL PROTECTED] wrote:
 Then you could use this:

  $(function(){
  $(a).click(function(){
 $.get($(this).attr(title));
 return true;
  });
  });

 and have your anchors look like this:

 a href=whateverURL title=trackingURLText here/a

 Function passed to click() scope this to the current element, in your case
 an anchor.

Sweet, thanks!

Yoav

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] ajax GET test.js

2007-03-06 Thread narven
Thanks a lot :)

 

  _  

De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Em nome
de Jake McGraw
Enviada: terça-feira, 6 de Março de 2007 22:28
Para: jQuery Discussion.
Assunto: Re: [jQuery] ajax GET test.js

 

Have you tried $.getScript(test.js)?

http://docs.jquery.com/Ajax#.24.getScript.28_url.2C_callback_.29

- jake

On 3/6/07, narven [EMAIL PROTECTED] wrote:

HI,
 
 
Im really new to jquery… but I think im in love :P LOL
 
 
I've been trying to use this to load up a js file… but.. it doesn't work
:-|.. can anyone give me hit?? :P
 
 
$.ajax({ type: GET, url: test.js, dataType: script })

 

 

thanks


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

 

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


[jQuery] Tooltips and Google Maps

2007-03-06 Thread underdesign.co.uk
Hi list,

I hope someone can help me with this. I'm attempting to use the hovertips
plugin to display Google Maps but am having trouble getting the map to
display.

The test page I'm working on can be seen here:
http://teamo.underdesign.co.uk/vis2.html

Basically, the Google Map appears but it is only just visible in the
lefthand side of the hovertip.

Can anyone tell me what I'm doing wrong and how to correct it? The relevant
source code can be supplied.

Any help offered would be greatly appreciated.

Regards


Patrick Nelson
www.underdesign.co.uk


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Need help implementing validation...

2007-03-06 Thread Rick Faircloth
Hey Jorn...

Where do I get the beta 1?
I see the download for Validation plugin 1.0, Alpha 2.
Is there a different download location for beta 1?

Thanks,

Rick

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Jörn Zaefferer
Sent: Tuesday, March 06, 2007 5:22 PM
To: jQuery Discussion.
Subject: Re: [jQuery] Need help implementing validation...

Rick Faircloth schrieb:
 Thanks for responding, Josh.

 I know it's a lot of code, but I figured the problem might
 be related to the other code.

 How about this part, does it look correct?
 I haven't been using Firebug, but I'll check into it, too.
   
Hey Rick,

I've just released beta 1 of the validation plugin. Odds are good that 
it solves your bug :-)

-- 
Jörn Zaefferer

http://bassistance.de


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/



___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] treeview problem

2007-03-06 Thread Jörn Zaefferer
Denis schrieb:
 Hi,
 here http://jquery.bassistance.de/treeview/ i found tree example, but it 
 didn't work when I wrap this example with my DIV's,
 any ideas how to prevent it ?
   
A few more details would help to help you.

-- 
Jörn Zaefferer

http://bassistance.de


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


[jQuery] compare between display and visibility when hide an element?

2007-03-06 Thread Microtoby
Hello, Guys,

I'm using jQuery for a while, and like jQuery much more,

But I have a question begin start using this library,

YUI and some other library using visibility to hide an element, jQuery using
the display css property.

Any one can tell me what the difference between display and visibility is?

For example, difference in SEO?

 

Best wishes,

Microtoby

2007-3-7

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Need help implementing validation...

2007-03-06 Thread Rick Faircloth
Hey, Jorn (and Josh)...

I think the beta 1 will be the answer.

When I tried my current coding in Firefox it worked!

However, no response in IE 7.

Is the link to beta 1 the one under Files:  Download Validation plugin 1.0
Alpha 2?

Doesn't seem like the correct label for beta 1, but I couldn't find another
link.

???

Rick

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Jörn Zaefferer
Sent: Tuesday, March 06, 2007 5:22 PM
To: jQuery Discussion.
Subject: Re: [jQuery] Need help implementing validation...

Rick Faircloth schrieb:
 Thanks for responding, Josh.

 I know it's a lot of code, but I figured the problem might
 be related to the other code.

 How about this part, does it look correct?
 I haven't been using Firebug, but I'll check into it, too.
   
Hey Rick,

I've just released beta 1 of the validation plugin. Odds are good that 
it solves your bug :-)

-- 
Jörn Zaefferer

http://bassistance.de


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/



___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Need help implementing validation...

2007-03-06 Thread Rick Faircloth
Well... I did manage to find the beta 1 plugin.

However, now it doesn't work in FF and still doesn't
work in IE 7...

???

Rick

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Rick Faircloth
Sent: Tuesday, March 06, 2007 8:33 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] Need help implementing validation...

Hey, Jorn (and Josh)...

I think the beta 1 will be the answer.

When I tried my current coding in Firefox it worked!

However, no response in IE 7.

Is the link to beta 1 the one under Files:  Download Validation plugin 1.0
Alpha 2?

Doesn't seem like the correct label for beta 1, but I couldn't find another
link.

???

Rick

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Jörn Zaefferer
Sent: Tuesday, March 06, 2007 5:22 PM
To: jQuery Discussion.
Subject: Re: [jQuery] Need help implementing validation...

Rick Faircloth schrieb:
 Thanks for responding, Josh.

 I know it's a lot of code, but I figured the problem might
 be related to the other code.

 How about this part, does it look correct?
 I haven't been using Firebug, but I'll check into it, too.
   
Hey Rick,

I've just released beta 1 of the validation plugin. Odds are good that 
it solves your bug :-)

-- 
Jörn Zaefferer

http://bassistance.de


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/



___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/



___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


[jQuery] select all images under a div, and change their widths proportionally?

2007-03-06 Thread Alp Guneysel

hi,

i'm new to jquery, and everyday i love it more.
i have a question, couldn't figure out by myself.

what i want to do is, select all images under blogreviews div, and if they
are wider than 250px in width, make them all 250px.

this did not work:

$('//[EMAIL PROTECTED]blogreviews] :img').css('width', '250px');

any ideas?

thanks.
alp
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] select all images under a div, and change their widths proportionally?

2007-03-06 Thread Chris Domigan

Try:

$(#blogreviews img).css(width,250px);

Chris
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] select all images under a div, and change their widths proportionally?

2007-03-06 Thread Alp Guneysel

wow, that was stupid of me...
thanks.


On 3/7/07, Chris Domigan [EMAIL PROTECTED] wrote:


Try:

$(#blogreviews img).css(width,250px);

Chris

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] select all images under a div, and change their widths proportionally?

2007-03-06 Thread Karl Swedberg
what if the images are narrow than 250px? Should they keep their  
original width, or should they be changed to 250px as well?


If you only want to adjust the width of the images that are wider  
than 250px, you could do this:


$('#blogreviews img').each(function(index) {
  if ($(this).width()  250) {
$(this).css('width', '250px');
  }
});



--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com



On Mar 6, 2007, at 10:54 PM, Alp Guneysel wrote:


wow, that was stupid of me...
thanks.


On 3/7/07, Chris Domigan [EMAIL PROTECTED] wrote:
Try:

$(#blogreviews img).css(width,250px);

Chris

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Need help implementing validation...

2007-03-06 Thread Rick Faircloth
Strange thing is that your demo's are working in
IE 7 and FF, too.

But neither for me.  It must be my code...

Rick


-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Rick Faircloth
Sent: Tuesday, March 06, 2007 8:52 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] Need help implementing validation...

Well... I did manage to find the beta 1 plugin.

However, now it doesn't work in FF and still doesn't
work in IE 7...

???

Rick





___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Screencast: how to easily use AJAX to submit a form using jQuery

2007-03-06 Thread John Resig
Remy -

I've already added it to the wiki - great work!

--John

On 3/6/07, Remy Sharp [EMAIL PROTECTED] wrote:

 A screencast for beginners to jQuery and/or AJAX showing how easy it is to
 add an AJAX layer to submit a form.

 http://remysharp.com/2007/03/05/jquery-ajaxed-forms/

 I wasn't sure whether just to add it to the tutorials wiki on jquery.com or
 not...
 --
 View this message in context: 
 http://www.nabble.com/Screencast%3A-how-to-easily-use-AJAX-to-submit-a-form-using-jQuery-tf3356310.html#a9334547
 Sent from the JQuery mailing list archive at Nabble.com.


 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] JQuery scope

2007-03-06 Thread Harlley Roberto

Great tip man. Thank you so much!

On 3/6/07, John Resig [EMAIL PROTECTED] wrote:


$.get() isn't synchronous, the return will occur before the request
has finished.

You could give this a try, instead:
function LerXML(ordem) {
var diretorio;
$.ajax({
type: GET,
url: ../modulos.xml,
async: false,
success: function(xmldataset){
diretorio= $(diretorio:eq( + ordem + ) ,
xmldataset);
}
});
return diretorio.text();
}
alert(LerXML(0));

More info:
http://docs.jquery.com/Ajax

Of course, synchronous XML requests can slow down your application -
so it would, most likely, be preferred to write your code using a
callback, instead.

More info:

http://docs.jquery.com/How_jQuery_Works#Callbacks.2C_Functions.2C_and_.27this.27

--John

On 3/6/07, Harlley Roberto [EMAIL PROTECTED] wrote:
 Guys,

 Does someone know why my function doesn't work ? How does work the scope
on
 JQuery with ajax?
 The commented alert is working fine.

 function LerXML(ordem) {
 var diretorio;
 $.get(../modulos.xml, function(xmldataset){
 diretorio= $(diretorio:eq( + ordem + ) ,
xmldataset);
 //alert(diretorio.text());
 });
 return diretorio.text();
 }
 alert(LerXML(0));

 --
 []'s

 Harlley R. Oliveira
  www.syssolution.com.br
 ---
 ~ U never try U'll never learn ~
 ---


 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/



___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/





--
[]'s

Harlley R. Oliveira
www.syssolution.com.br
---
~ U never try U'll never learn ~
---
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


[jQuery] Firebug and validation plugin--revisted (Was Re: release: Validation plugin beta 1)

2007-03-06 Thread R. Rajesh Jeba Anbiah
On Mar 7, 2:27 am, Jörn Zaefferer [EMAIL PROTECTED] wrote:
   snip
 I've also update the demos:http://jquery.bassistance.de/validate/demo-test/

  I'm getting mad when I couldn't set breakpoint in Firebug so that I
can get to the function that is been called on clicking the submit
button. I have already posted here about that http://
groups.google.com/group/jquery-discuss/msg/3c36676218c34c79 (news:
[EMAIL PROTECTED])

  Do you know in what line number I have to set the Firebug breakpoint
so that I'll get there when clicking the submit button? TIA

--
  ?php echo 'Just another PHP saint'; ?
Email: rrjanbiah-at-Y!comBlog: http://rajeshanbiah.blogspot.com/


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Using $.get in a link's onClick event

2007-03-06 Thread Klaus Hartl
Yoav Shapira schrieb:
 Hi,
 
 On 3/6/07, Jake McGraw [EMAIL PROTECTED] wrote:
 Then you could use this:

 $(function(){
 $(a).click(function(){
$.get($(this).attr(title));
return true;
 });
 });
 and have your anchors look like this:

 a href=whateverURL title=trackingURLText here/a

 Function passed to click() scope this to the current element, in your case
 an anchor.
 
 Sweet, thanks!
 
 Yoav
 

This is a little obtrusive, as all your tracking URLs will be shown as 
tooltip to the user.

I'd do that:

var track = {
 'whateverUrl1': 'trackingUrl1',
 'whateverUrl2': 'trackingUrl12'
}

$(function() {
 $(a).click(function() {
 $.get(track[this.href]);
 return true;
 });
});

Besides, if you leave the page, there's no guarantee that the track 
request is indeed send to the server and not aborted on unload.


-- Klaus

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] jQuery Browser Detection

2007-03-06 Thread Oliver Boermans
Thanks Klaus and Aaron,

Unfortunately in the site I am working on the JavaScript is broken up
into a number of files so I would need to make extensive changes to
prevent jQuery being called in IE5.x.

Instead I've made changes to ensure there are no problems regardless
of whether the scripts work or not. A better approach I think.

In a nutshell I was hiding some elements in the page - using jQuery to
set a class on the body to ensure the styles were only applied when
jQuery succeeded. This worked fine when toggling JavaScript on and off
in Firefox. Trouble arose in IE5.5 when jQuery worked occasionally to
set the class (and hide the elements) - but my secondary script to
reveal these elements when required failed every time. A lesson for
all of us :)

Conditional Compilation is cool though! I have used it to prevent sIFR
activating (buggily) in IE5.5.

Thanks again
Ollie

On 06/03/07, Klaus Hartl [EMAIL PROTECTED] wrote:
 If that still doesn't work, you could use Conditional Compilation in the
 same way, although that means that you have to surround your scripts
 with the following:

 /[EMAIL PROTECTED] @*/
 /[EMAIL PROTECTED] (@_jscript_version = 5.6) @*/

 alert('I\'m not a dinosaur!');

 /[EMAIL PROTECTED] @*/

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Firebug and validation plugin--revisted (Was Re: release: Validation plugin beta 1)

2007-03-06 Thread Aaron Heimlich

On 3/7/07, R. Rajesh Jeba Anbiah [EMAIL PROTECTED] wrote:


  Do you know in what line number I have to set the Firebug breakpoint
so that I'll get there when clicking the submit button? TIA



Set a breakpoint on line 228 of jquery.validate.js.

--
Aaron Heimlich
Web Developer
[EMAIL PROTECTED]
http://aheimlich.freepgs.com
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/