Re: (ot) jQuery Select

2013-06-06 Thread Dakota Burns

Tested a bit more this AM -- thanks Matt! Works as you specified.
Appreciate the help!

~ Dakota

On Wednesday, June 5, 2013, Matt Quackenbush wrote:


 First you're telling the window to move to the new URL before the submit
 line. This means that the submit is never reached in the processing cycle.

 Next, when you remove the location change, nothing happens because you're
 explicitly saying to do nothing. Remove the function from the submit() and
 watch the magic take place.

 HTH

 Sent from a mobile something
 On Jun 5, 2013 12:31 PM, Dakota Burns dakota.bu...@gmail.comjavascript:;
 wrote:

 
  I am trying to use an HTML Select form component to select  go to a URL.
  I'm using the attached jQuery to accomplish this. The selection opens a
 new
  window to the intended URL but the submit function doesn't post the
 hidden
  name/value pairs. I suspect my syntax is a bit in conflict since the
 submit
  function isn't working as expected. When I pull the window.location
 nothing
  happens.
 
  After googling jquery select post and related combinations, I haven't
  solved this one yet so thought I'd check here since CF programmers
  frequently use jQuery.
 
  Thanks in advance.
 
   script
$(function(){
 $('##dynamic_select').bind('change', function(){
  var url = $(this).val();
  if(url){
   window.location = url;
   $(##myForm)
.attr(action, url)
.attr(target, _blank)
.submit(function(){return false;});
  }
  return false;
 });
});
  /script
 
  form method=post action=## id=myForm name=myForm
  input type=hidden name=formTest value=TEST /
 
  select id=dynamic_select
  option value= selected=selectedNavigate too .../option
  option value=/index.cfm?action=test.pageLibLibrary/option
  option value=/index.cfm?action=test.pageSchoolSchool/option
  option value=/index.cfm?action=test.pageHistHistory/option
  /select
 
  /form
 
 
 

 

~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:355874
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery Select

2013-06-05 Thread Matt Quackenbush

First you're telling the window to move to the new URL before the submit
line. This means that the submit is never reached in the processing cycle.

Next, when you remove the location change, nothing happens because you're
explicitly saying to do nothing. Remove the function from the submit() and
watch the magic take place.

HTH

Sent from a mobile something
On Jun 5, 2013 12:31 PM, Dakota Burns dakota.bu...@gmail.com wrote:


 I am trying to use an HTML Select form component to select  go to a URL.
 I'm using the attached jQuery to accomplish this. The selection opens a new
 window to the intended URL but the submit function doesn't post the hidden
 name/value pairs. I suspect my syntax is a bit in conflict since the submit
 function isn't working as expected. When I pull the window.location nothing
 happens.

 After googling jquery select post and related combinations, I haven't
 solved this one yet so thought I'd check here since CF programmers
 frequently use jQuery.

 Thanks in advance.

  script
   $(function(){
$('##dynamic_select').bind('change', function(){
 var url = $(this).val();
 if(url){
  window.location = url;
  $(##myForm)
   .attr(action, url)
   .attr(target, _blank)
   .submit(function(){return false;});
 }
 return false;
});
   });
 /script

 form method=post action=## id=myForm name=myForm
 input type=hidden name=formTest value=TEST /

 select id=dynamic_select
 option value= selected=selectedNavigate too .../option
 option value=/index.cfm?action=test.pageLibLibrary/option
 option value=/index.cfm?action=test.pageSchoolSchool/option
 option value=/index.cfm?action=test.pageHistHistory/option
 /select

 /form


 

~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:355869
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery Select

2013-06-05 Thread Dakota Burns

Thanks for the response ... doesn't work as I'd hoped.


On Wed, Jun 5, 2013 at 12:41 PM, Matt Quackenbush quackfu...@gmail.comwrote:


 First you're telling the window to move to the new URL before the submit
 line. This means that the submit is never reached in the processing cycle.

 Next, when you remove the location change, nothing happens because you're
 explicitly saying to do nothing. Remove the function from the submit() and
 watch the magic take place.

 HTH

 Sent from a mobile something
 On Jun 5, 2013 12:31 PM, Dakota Burns dakota.bu...@gmail.com wrote:

 
  I am trying to use an HTML Select form component to select  go to a URL.
  I'm using the attached jQuery to accomplish this. The selection opens a
 new
  window to the intended URL but the submit function doesn't post the
 hidden
  name/value pairs. I suspect my syntax is a bit in conflict since the
 submit
  function isn't working as expected. When I pull the window.location
 nothing
  happens.
 
  After googling jquery select post and related combinations, I haven't
  solved this one yet so thought I'd check here since CF programmers
  frequently use jQuery.
 
  Thanks in advance.
 
   script
$(function(){
 $('##dynamic_select').bind('change', function(){
  var url = $(this).val();
  if(url){
   window.location = url;
   $(##myForm)
.attr(action, url)
.attr(target, _blank)
.submit(function(){return false;});
  }
  return false;
 });
});
  /script
 
  form method=post action=## id=myForm name=myForm
  input type=hidden name=formTest value=TEST /
 
  select id=dynamic_select
  option value= selected=selectedNavigate too .../option
  option value=/index.cfm?action=test.pageLibLibrary/option
  option value=/index.cfm?action=test.pageSchoolSchool/option
  option value=/index.cfm?action=test.pageHistHistory/option
  /select
 
  /form
 
 
 

 

~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:355870
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery Facebook Wall Display

2011-01-05 Thread Dan O'Keefe

Justin,

Are you looking for the Recent Activity as shown on this site:
http://www.campuscircle.com/

Dan


On Tue, Jan 4, 2011 at 8:04 AM, Justin Scott jsc...@gravityfree.com wrote:


 Is anyone aware of a jQuery plugin (or script which uses jQuery) to pull a
 Facebook feed from their graph API and display it on the page in a manner
 similar to how the Facebook wall is displayed?  We have a client who would
 like to display a Facebook stream on their home page similar to how many
 people display their Twitter feed on their home pages.  Unfortunately it
 appears as though all of the social plugins that Facebook makes available
 revolve around the like button or showing what a visitor's friends have
 liked or shared on a site.  Essentially they want to take what they post to
 their wall and have it show up on their homepage as well.  Any suggestions?
 My Google-fu is failing me this morning.


 -Justin



 PS: Yes, we can roll our own but would prefer something we can drop in
 before we spend a lot of time reinventing the wheel if it exists somewhere
 already.  Thanks!


 

~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:340464
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


RE: (ot) jQuery Facebook Wall Display

2011-01-05 Thread Justin Scott

 Are you looking for the Recent Activity as shown on this site:
 http://www.campuscircle.com/

Not exactly.  That plugin shows what other people are doing with the content
on the site (i.e. so-and-so shared such-and-such page) and would be
customized to the visitor if they were logged in to Facebook and one of
their friends had shared something on the site.

The client in this case is looking to have their wall posts (status updates
and the like) show up on the page similar to how people post their own
Twitter posts on their site.  I'm baffled, but there doesn't seem to be
anything out there that does this.  The data is all available through the
graph API and we're this close to rolling our own.  Thanks for looking
though.


-Justin



~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:340473
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


RE: (ot) jQuery question

2010-12-12 Thread Rick Faircloth

Thanks, Charlie!  That gives me the correct output.
Now I can move on to the AJAX, JSON, and CF CFC processing
of data.

Would you be so kind as to actually explain what function
the i and o play in function(i,o) ?  They're variables/values
passed into the function, right?

I tested their necessity by taking them out of your
code and just using function() instead of function(i,o)
and the code still ran the same.  And even some of the
example code I found performing this kind of functionality for lists
used both i and o in the (), but only referenced the o
in the actual function.

I've always been confused about the role these variables
playing in function(i,o) and whatever was in the ().
Does the first argument (in this case, i) always mean something
specific because it's in the first argument position?  And the
same with the variable that's in the second position?

I scoured the Internet trying to get a good explanation of using
these arguments, but haven't found what I needed to understand.

Thanks for any insight you'd share!

Rick


-Original Message-
From: Charlie Griefer [mailto:charlie.grie...@gmail.com] 
Sent: Saturday, December 11, 2010 10:51 PM
To: cf-talk
Subject: Re: (ot) jQuery question


You're missing a # in your selector for #myTable.
Even with the #, couldn't get your code to run... but the following
seems to work:

$( document ).ready( function() {
var staffOrder = ;

$( '#myTable tr' ).each( function( i,o ) {
if ( staffOrder.length ) {
staffOrder += , + $( this ).attr( 'class' );
} else {
staffOrder = $( this ).attr( 'class' );
}
});

alert('staffOrder = ' + staffOrder);
});

On Sat, Dec 11, 2010 at 8:36 PM, Rick Faircloth
r...@whitestonemedia.com wrote:

 Hope some of you jQuery and CF users can answer what
 seems to me should be an easy question, but I can't
 figure out how to write this jQuery to product a list
 of values.  (I'll use AJAX and JSON to send the value list
 to a cffunction for processing).

 Given this HTML:

        table id=myTable

                tr class=1
                        td1/td
                /tr

                tr class=2
                        td2/td
                /tr

                tr class=3
                        td3/td
                /tr

                tr class=4
                        td4/td
                /tr

                tr class=5
                        td5/td
                /tr

        /table

 How can I modify this jQuery to produce
 a list of the classes of the tr's above?

 (Output I'm looking for is 1,2,3,4,5 .)

 I get staffOrder =  in the alert.  It's as if
 the each function below isn't working at all.

 Suggestions?

 Thanks!

 Rick


        $(document).ready(function() {

                var staffOrder = '';

                $('myTable tr').each(function(i,o) {

                        if      (       staffOrder.length
 )
                                {       staffOrder += ',' + o.class;
 }
                        else    {       staffOrder = o.class
 }

                });

                alert('staffOrder = ' + staffOrder);

        });





 



~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:340018
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery question

2010-12-12 Thread Raj Vijay

Hi Rick,
 Take a look at the following jQuery Doc link http://api.jquery.com/each/
The order of the parameters matter. 

~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:340019
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery question

2010-12-12 Thread Charlie Griefer

You don't need the i or o arguments for the code I posted.  They were
remnants from copying your original code.

From the docs (http://api.jquery.com/each/):

.each( function(index, Element) )

so the first argument is the index.  .each() is looping over an array
(the array of selected DOM elements), so for each iteration, 'i' (or
whatever argument you declare) would be the position in the array of
the current element.

The second argument is the element itself, which can optionally be
passed in.  Not sure why I couldn't get it to work using o rather
than creating a new instance of $( this ) for each iteration... I'd
imagine passing the element in would be more performant, but probably
not enough of a difference to be noticeable.

On Sun, Dec 12, 2010 at 10:32 AM, Rick Faircloth
ric...@whitestonemedia.com wrote:

 Thanks, Charlie!  That gives me the correct output.
 Now I can move on to the AJAX, JSON, and CF CFC processing
 of data.

 Would you be so kind as to actually explain what function
 the i and o play in function(i,o) ?  They're variables/values
 passed into the function, right?

 I tested their necessity by taking them out of your
 code and just using function() instead of function(i,o)
 and the code still ran the same.  And even some of the
 example code I found performing this kind of functionality for lists
 used both i and o in the (), but only referenced the o
 in the actual function.

 I've always been confused about the role these variables
 playing in function(i,o) and whatever was in the ().
 Does the first argument (in this case, i) always mean something
 specific because it's in the first argument position?  And the
 same with the variable that's in the second position?

 I scoured the Internet trying to get a good explanation of using
 these arguments, but haven't found what I needed to understand.

 Thanks for any insight you'd share!

 Rick


 -Original Message-
 From: Charlie Griefer [mailto:charlie.grie...@gmail.com]
 Sent: Saturday, December 11, 2010 10:51 PM
 To: cf-talk
 Subject: Re: (ot) jQuery question


 You're missing a # in your selector for #myTable.
 Even with the #, couldn't get your code to run... but the following
 seems to work:

 $( document ).ready( function() {
        var staffOrder = ;

        $( '#myTable tr' ).each( function( i,o ) {
                if ( staffOrder.length ) {
                        staffOrder += , + $( this ).attr( 'class' );
                } else {
                        staffOrder = $( this ).attr( 'class' );
                }
        });

        alert('staffOrder = ' + staffOrder);
 });

 On Sat, Dec 11, 2010 at 8:36 PM, Rick Faircloth
 r...@whitestonemedia.com wrote:

 Hope some of you jQuery and CF users can answer what
 seems to me should be an easy question, but I can't
 figure out how to write this jQuery to product a list
 of values.  (I'll use AJAX and JSON to send the value list
 to a cffunction for processing).

 Given this HTML:

        table id=myTable

                tr class=1
                        td1/td
                /tr

                tr class=2
                        td2/td
                /tr

                tr class=3
                        td3/td
                /tr

                tr class=4
                        td4/td
                /tr

                tr class=5
                        td5/td
                /tr

        /table

 How can I modify this jQuery to produce
 a list of the classes of the tr's above?

 (Output I'm looking for is 1,2,3,4,5 .)

 I get staffOrder =  in the alert.  It's as if
 the each function below isn't working at all.

 Suggestions?

 Thanks!

 Rick


        $(document).ready(function() {

                var staffOrder = '';

                $('myTable tr').each(function(i,o) {

                        if      (       staffOrder.length
 )
                                {       staffOrder += ',' + o.class;
 }
                        else    {       staffOrder = o.class
 }

                });

                alert('staffOrder = ' + staffOrder);

        });









 

~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:340020
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery question

2010-12-12 Thread Matt Quackenbush

In Charlie's example, 'i' is the current index position of the each loop,
while 'o' is the current item (or object) of the index.  And yes, they are
arguments passed into the function.


~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:340021
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


RE: (ot) jQuery question

2010-12-12 Thread Rick Faircloth

Thanks for the link, Raj.

After I work through those examples, it looks
like the use of those variable should be clear.
(Or at least clearer!) :o)

Rick

-Original Message-
From: Raj Vijay [mailto:vraajku...@rediffmail.com] 
Sent: Sunday, December 12, 2010 12:36 PM
To: cf-talk
Subject: Re: (ot) jQuery question


Hi Rick,
 Take a look at the following jQuery Doc link http://api.jquery.com/each/
The order of the parameters matter. 



~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:340022
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


RE: (ot) jQuery question

2010-12-12 Thread Rick Faircloth

Thanks, Charlie.

I couldn't see why the other code wouldn't work
properly either.

But I'm glad to be making some progress! :o)

Rick

-Original Message-
From: Charlie Griefer [mailto:charlie.grie...@gmail.com] 
Sent: Sunday, December 12, 2010 12:45 PM
To: cf-talk
Subject: Re: (ot) jQuery question


You don't need the i or o arguments for the code I posted.  They were
remnants from copying your original code.

From the docs (http://api.jquery.com/each/):

.each( function(index, Element) )

so the first argument is the index.  .each() is looping over an array
(the array of selected DOM elements), so for each iteration, 'i' (or
whatever argument you declare) would be the position in the array of
the current element.

The second argument is the element itself, which can optionally be
passed in.  Not sure why I couldn't get it to work using o rather
than creating a new instance of $( this ) for each iteration... I'd
imagine passing the element in would be more performant, but probably
not enough of a difference to be noticeable.

On Sun, Dec 12, 2010 at 10:32 AM, Rick Faircloth
ric...@whitestonemedia.com wrote:

 Thanks, Charlie!  That gives me the correct output.
 Now I can move on to the AJAX, JSON, and CF CFC processing
 of data.

 Would you be so kind as to actually explain what function
 the i and o play in function(i,o) ?  They're variables/values
 passed into the function, right?

 I tested their necessity by taking them out of your
 code and just using function() instead of function(i,o)
 and the code still ran the same.  And even some of the
 example code I found performing this kind of functionality for lists
 used both i and o in the (), but only referenced the o
 in the actual function.

 I've always been confused about the role these variables
 playing in function(i,o) and whatever was in the ().
 Does the first argument (in this case, i) always mean something
 specific because it's in the first argument position?  And the
 same with the variable that's in the second position?

 I scoured the Internet trying to get a good explanation of using
 these arguments, but haven't found what I needed to understand.

 Thanks for any insight you'd share!

 Rick


 -Original Message-
 From: Charlie Griefer [mailto:charlie.grie...@gmail.com]
 Sent: Saturday, December 11, 2010 10:51 PM
 To: cf-talk
 Subject: Re: (ot) jQuery question


 You're missing a # in your selector for #myTable.
 Even with the #, couldn't get your code to run... but the following
 seems to work:

 $( document ).ready( function() {
        var staffOrder = ;

        $( '#myTable tr' ).each( function( i,o ) {
                if ( staffOrder.length ) {
                        staffOrder += , + $( this ).attr( 'class' );
                } else {
                        staffOrder = $( this ).attr( 'class' );
                }
        });

        alert('staffOrder = ' + staffOrder);
 });

 On Sat, Dec 11, 2010 at 8:36 PM, Rick Faircloth
 r...@whitestonemedia.com wrote:

 Hope some of you jQuery and CF users can answer what
 seems to me should be an easy question, but I can't
 figure out how to write this jQuery to product a list
 of values.  (I'll use AJAX and JSON to send the value list
 to a cffunction for processing).

 Given this HTML:

        table id=myTable

                tr class=1
                        td1/td
                /tr

                tr class=2
                        td2/td
                /tr

                tr class=3
                        td3/td
                /tr

                tr class=4
                        td4/td
                /tr

                tr class=5
                        td5/td
                /tr

        /table

 How can I modify this jQuery to produce
 a list of the classes of the tr's above?

 (Output I'm looking for is 1,2,3,4,5 .)

 I get staffOrder =  in the alert.  It's as if
 the each function below isn't working at all.

 Suggestions?

 Thanks!

 Rick


        $(document).ready(function() {

                var staffOrder = '';

                $('myTable tr').each(function(i,o) {

                        if      (       staffOrder.length
 )
                                {       staffOrder += ',' + o.class;
 }
                        else    {       staffOrder = o.class
 }

                });

                alert('staffOrder = ' + staffOrder);

        });









 



~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:340023
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


RE: (ot) jQuery question

2010-12-12 Thread Rick Faircloth

Thanks, Matt! :o)

Rick

-Original Message-
From: Matt Quackenbush [mailto:quackfu...@gmail.com] 
Sent: Sunday, December 12, 2010 12:45 PM
To: cf-talk
Subject: Re: (ot) jQuery question


In Charlie's example, 'i' is the current index position of the each loop,
while 'o' is the current item (or object) of the index.  And yes, they are
arguments passed into the function.




~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:340024
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery question

2010-12-11 Thread Charlie Griefer

You're missing a # in your selector for #myTable.
Even with the #, couldn't get your code to run... but the following
seems to work:

$( document ).ready( function() {
var staffOrder = ;

$( '#myTable tr' ).each( function( i,o ) {
if ( staffOrder.length ) {
staffOrder += , + $( this ).attr( 'class' );
} else {
staffOrder = $( this ).attr( 'class' );
}
});

alert('staffOrder = ' + staffOrder);
});

On Sat, Dec 11, 2010 at 8:36 PM, Rick Faircloth
r...@whitestonemedia.com wrote:

 Hope some of you jQuery and CF users can answer what
 seems to me should be an easy question, but I can't
 figure out how to write this jQuery to product a list
 of values.  (I'll use AJAX and JSON to send the value list
 to a cffunction for processing).

 Given this HTML:

        table id=myTable

                tr class=1
                        td1/td
                /tr

                tr class=2
                        td2/td
                /tr

                tr class=3
                        td3/td
                /tr

                tr class=4
                        td4/td
                /tr

                tr class=5
                        td5/td
                /tr

        /table

 How can I modify this jQuery to produce
 a list of the classes of the tr's above?

 (Output I'm looking for is 1,2,3,4,5 .)

 I get staffOrder =  in the alert.  It's as if
 the each function below isn't working at all.

 Suggestions?

 Thanks!

 Rick


        $(document).ready(function() {

                var staffOrder = '';

                $('myTable tr').each(function(i,o) {

                        if      (       staffOrder.length
 )
                                {       staffOrder += ',' + o.class;
 }
                        else    {       staffOrder = o.class
 }

                });

                alert('staffOrder = ' + staffOrder);

        });





 

~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:340013
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery and char sets

2010-12-10 Thread Rick Root

On Fri, Dec 10, 2010 at 10:23 AM, Rick Root rick.r...@gmail.com wrote:


 I have a jquery.getJSON() call that is failing to call the result handler
 when the JSON dataset being returned contains an ASCII 132 character (an
 e
 with a backtick above it) ... in this case, it's part of someones last
 name.

 It's not generating any kind of javascript error either.. the json data is
 being returned, jquery just either isn't dealing with it or is failing
 silently (as jquery is known to do)

 What should I do here?


Well Rick, that's easy.. just set your content type you're returning like
this!

cfcontent reset=Yes type=application/json; charset=utf-8

You sound very smart, why didn't you just google this first?

Rick


~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:339975
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery and char sets

2010-12-10 Thread Marc Funaro

You sound very smart, why didn't you just google this first?

Called out and thrown under the bus (no disrespect):) 

~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:339976
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery and char sets

2010-12-10 Thread Rick Root

On Fri, Dec 10, 2010 at 10:41 AM, Marc Funaro subscripti...@advantex.netwrote:


 You sound very smart, why didn't you just google this first?

 Called out and thrown under the bus (no disrespect):)


Yeah, but I threw myself under the bus there ;)  Suicide?


~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:339977
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery and char sets

2010-12-10 Thread Dominic Watson

Side track, and probably something you're doing already, but one little
trick is to explicitly disable debug output in these things (saves you time
going barmy when you/someone else uses cf debug output and your ajax stuff
stops working). I.e.

cfsetting showdebugoutput=false /
cfcontent reset=Yes type=application/json; charset=utf-8

Dominic

On 10 December 2010 15:29, Rick Root rick.r...@gmail.com wrote:


 On Fri, Dec 10, 2010 at 10:23 AM, Rick Root rick.r...@gmail.com wrote:

 
  I have a jquery.getJSON() call that is failing to call the result handler
  when the JSON dataset being returned contains an ASCII 132 character (an
  e
  with a backtick above it) ... in this case, it's part of someones last
  name.
 
  It's not generating any kind of javascript error either.. the json data
 is
  being returned, jquery just either isn't dealing with it or is failing
  silently (as jquery is known to do)
 
  What should I do here?
 
 
 Well Rick, that's easy.. just set your content type you're returning like
 this!

 cfcontent reset=Yes type=application/json; charset=utf-8

 You sound very smart, why didn't you just google this first?

 Rick


 

~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:339978
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery get() and 401 Unauthorized

2010-11-03 Thread Tony Bentley

What is an NTFS user? NTFS is a file system format, which has nothing to do
with user permissions. Do you mean to say that you are mapped to a NTFS
drive like an external hard disk?


~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:338798
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery get() and 401 Unauthorized

2010-11-03 Thread Dave Watts

 What is an NTFS user? NTFS is a file system format, which has nothing to do
 with user permissions. Do you mean to say that you are mapped to a NTFS
 drive like an external hard disk?

No, the original poster means NTLM (Windows authentication).

Dave Watts, CTO, Fig Leaf Software
http://www.figleaf.com/
http://training.figleaf.com/

Fig Leaf Software is a Veteran-Owned Small Business (VOSB) on
GSA Schedule, and provides the highest caliber vendor-authorized
instruction at our training centers, online, or onsite.

~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:338819
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery get() and 401 Unauthorized

2010-11-03 Thread Dave Watts

 Has anyone seen this?  I have some jQuery that is runninga get() to a cold 
 fusion page.

 The website is locked down with an NTFS user because it isunder development 
 and we don't want the public to get in yet.

 On most calls to this get() in Firebug I see three 401Unauthorized errors.  
 The get() works and I get the data from thecoldfusion page.
 Sometimes I get a 200 OK, it is not very consistent.

 This does not happen on my development site, but it does nothave an NTFS user 
 locking down the site.  Anonymous users are allowed in.

 These three errors are slowing down the page and making mycode look bad to 
 the customer.

If your code isn't designed to work within an authenticated
environment, you probably shouldn't be testing it within an
authenticated environment. There are lots of other ways you can limit
access to development environments.

But anyway, you need to make sure that the user authenticates against
the server before any of the AJAX requests are made. The browser won't
typically prompt a user for credentials for an AJAX request, it'll
just fail with a 401 response. You should be able to see the
appropriate authorization header from the browser for all requests
made, by using a tool like Firebug.

Also, you need to make sure that permissions have been properly
applied on the server - it may be the case that the user account in
question has permission to make some requests but not others.

Dave Watts, CTO, Fig Leaf Software
http://www.figleaf.com/
http://training.figleaf.com/

Fig Leaf Software is a Veteran-Owned Small Business (VOSB) on
GSA Schedule, and provides the highest caliber vendor-authorized
instruction at our training centers, online, or ons

~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:338820
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery get() and 401 Unauthorized

2010-11-03 Thread Tony Bentley

Nice Dave, not only did you answer the question but you also interpreted
incorrect acronyms. :)


~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:338821
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery

2010-10-21 Thread Michael Grant

http://api.jquery.com/fadeIn/
http://api.jquery.com/fadeIn/

On Thu, Oct 21, 2010 at 2:23 PM, Chad Gray cg...@careyweb.com wrote:


 I am trying to write some jQuery that will go get a resizedimage from a CF
 page then show that data in a div (#beautyImage) slowly.  Iwant it to fade
 in.

 This works, but it does not fade in.  I just quicklyreplaces the image.

 script
 function swapImages(imageName) {
$.get('/shop/act_getBeautyImage.cfm?beautyImage='+ imageName
 + 'width=372height=465',{},
  function(data,status) {

 $(#beautyImage).show('slow').html(data);
  });
 }
 /script

 Any suggestions?

 Thanks
 Chad

 

~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:338451
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


RE: (ot) jQuery

2010-10-21 Thread Chad Gray

Ya I tried fadeIn() also, but the image just snaps into place.  It does not 
fade in slowly.

-Original Message-
From: Michael Grant [mailto:mgr...@modus.bz] 
Sent: Thursday, October 21, 2010 2:27 PM
To: cf-talk
Subject: Re: (ot) jQuery


http://api.jquery.com/fadeIn/
http://api.jquery.com/fadeIn/

On Thu, Oct 21, 2010 at 2:23 PM, Chad Gray cg...@careyweb.com wrote:


 I am trying to write some jQuery that will go get a resizedimage from a CF
 page then show that data in a div (#beautyImage) slowly.  Iwant it to fade
 in.

 This works, but it does not fade in.  I just quicklyreplaces the image.

 script
 function swapImages(imageName) {
$.get('/shop/act_getBeautyImage.cfm?beautyImage='+ imageName
 + 'width=372height=465',{},
  function(data,status) {

 $(#beautyImage).show('slow').html(data);
  });
 }
 /script

 Any suggestions?

 Thanks
 Chad

 



~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:338452
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery

2010-10-21 Thread Michael Grant

Perhaps try changing your chain.

$(#beautyImage).html(data).show('slow');


On Thu, Oct 21, 2010 at 2:29 PM, Chad Gray cg...@careyweb.com wrote:


 Ya I tried fadeIn() also, but the image just snaps into place.  It does not
 fade in slowly.

 -Original Message-
 From: Michael Grant [mailto:mgr...@modus.bz]
 Sent: Thursday, October 21, 2010 2:27 PM
 To: cf-talk
 Subject: Re: (ot) jQuery


 http://api.jquery.com/fadeIn/
 http://api.jquery.com/fadeIn/

 On Thu, Oct 21, 2010 at 2:23 PM, Chad Gray cg...@careyweb.com wrote:

 
  I am trying to write some jQuery that will go get a resizedimage from a
 CF
  page then show that data in a div (#beautyImage) slowly.  Iwant it to
 fade
  in.
 
  This works, but it does not fade in.  I just quicklyreplaces the image.
 
  script
  function swapImages(imageName) {
 $.get('/shop/act_getBeautyImage.cfm?beautyImage='+
 imageName
  + 'width=372height=465',{},
   function(data,status) {
 
  $(#beautyImage).show('slow').html(data);
   });
  }
  /script
 
  Any suggestions?
 
  Thanks
  Chad
 
 



 

~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:338453
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


RE: (ot) jQuery

2010-10-21 Thread Chad Gray

I tried that also.  Still no luck.



-Original Message-
From: Michael Grant [mailto:mgr...@modus.bz] 
Sent: Thursday, October 21, 2010 2:31 PM
To: cf-talk
Subject: Re: (ot) jQuery


Perhaps try changing your chain.

$(#beautyImage).html(data).show('slow');


On Thu, Oct 21, 2010 at 2:29 PM, Chad Gray cg...@careyweb.com wrote:


 Ya I tried fadeIn() also, but the image just snaps into place.  It does not
 fade in slowly.

 -Original Message-
 From: Michael Grant [mailto:mgr...@modus.bz]
 Sent: Thursday, October 21, 2010 2:27 PM
 To: cf-talk
 Subject: Re: (ot) jQuery


 http://api.jquery.com/fadeIn/
 http://api.jquery.com/fadeIn/

 On Thu, Oct 21, 2010 at 2:23 PM, Chad Gray cg...@careyweb.com wrote:

 
  I am trying to write some jQuery that will go get a resizedimage from a
 CF
  page then show that data in a div (#beautyImage) slowly.  Iwant it to
 fade
  in.
 
  This works, but it does not fade in.  I just quicklyreplaces the image.
 
  script
  function swapImages(imageName) {
 $.get('/shop/act_getBeautyImage.cfm?beautyImage='+
 imageName
  + 'width=372height=465',{},
   function(data,status) {
 
  $(#beautyImage).show('slow').html(data);
   });
  }
  /script
 
  Any suggestions?
 
  Thanks
  Chad
 
 



 



~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:338454
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery

2010-10-21 Thread Tony Bentley

function swapImages(imageName) {
$.get('/shop/act_getBeautyImage.cfm?beautyImage='+ imageName +
'width=372height=465',{},function(data) {
$(#beautyImage).html(data).fadeIn('slow');
});
}


~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:338455
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


RE: (ot) jQuery

2010-10-21 Thread Chad Gray

Thanks for the suggestions, but still now luck.  Maybe the get() is not 
compatible with fadeIn()?



-Original Message-
From: Tony Bentley [mailto:cascadefreehee...@gmail.com] 
Sent: Thursday, October 21, 2010 2:39 PM
To: cf-talk
Subject: Re: (ot) jQuery


function swapImages(imageName) {
$.get('/shop/act_getBeautyImage.cfm?beautyImage='+ imageName +
'width=372height=465',{},function(data) {
$(#beautyImage).html(data).fadeIn('slow');
});
}




~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:338456
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery

2010-10-21 Thread Michael Grant

I don't see why it wouldn't be. Does fadeIn() work if you do it on it's own?

On Thu, Oct 21, 2010 at 2:40 PM, Chad Gray cg...@careyweb.com wrote:


 Thanks for the suggestions, but still now luck.  Maybe the get() is not
 compatible with fadeIn()?



 -Original Message-
 From: Tony Bentley [mailto:cascadefreehee...@gmail.com]
 Sent: Thursday, October 21, 2010 2:39 PM
 To: cf-talk
 Subject: Re: (ot) jQuery


 function swapImages(imageName) {
$.get('/shop/act_getBeautyImage.cfm?beautyImage='+ imageName +
 'width=372height=465',{},function(data) {
$(#beautyImage).html(data).fadeIn('slow');
});
 }




 

~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:338457
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery

2010-10-21 Thread Tony Bentley

Show the code on your request page. It's probably because you need an event
to fire from the request page after the image is finished loading.


~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:338458
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


RE: (ot) jQuery

2010-10-21 Thread Chad Gray

Basically the action page is using a function I built to resize the image then 
display the image in a img tag.


cfsetting showdebugoutput=no
cfif len(URL.beautyImage)
cfoutput
cfset imageName = 
application.page.imageResizer(imagePath=/EcomProductPageImages/#URL.beautyImage#,width=val(#URL.Width#),height=#val(URL.Height)#)
img src=/output/#variables.imageName# style=margin-left:5px;
/cfoutput
/cfif




-Original Message-
From: Tony Bentley [mailto:cascadefreehee...@gmail.com] 
Sent: Thursday, October 21, 2010 2:44 PM
To: cf-talk
Subject: Re: (ot) jQuery


Show the code on your request page. It's probably because you need an event
to fire from the request page after the image is finished loading.




~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:338459
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


RE: (ot) jQuery

2010-10-21 Thread Chad Gray

If I do this it snaps into place also.  No fade in.

function swapImages(imageName) {
$(#beautyImage).html('img src=/output/9305B06559F4D04C37ED27103EBFB959.jpg 
style=margin-left:5px;').fadeIn('slow');
}



-Original Message-
From: Michael Grant [mailto:mgr...@modus.bz] 
Sent: Thursday, October 21, 2010 2:43 PM
To: cf-talk
Subject: Re: (ot) jQuery


I don't see why it wouldn't be. Does fadeIn() work if you do it on it's own?

On Thu, Oct 21, 2010 at 2:40 PM, Chad Gray cg...@careyweb.com wrote:


 Thanks for the suggestions, but still now luck.  Maybe the get() is not
 compatible with fadeIn()?



 -Original Message-
 From: Tony Bentley [mailto:cascadefreehee...@gmail.com]
 Sent: Thursday, October 21, 2010 2:39 PM
 To: cf-talk
 Subject: Re: (ot) jQuery


 function swapImages(imageName) {
$.get('/shop/act_getBeautyImage.cfm?beautyImage='+ imageName +
 'width=372height=465',{},function(data) {
$(#beautyImage).html(data).fadeIn('slow');
});
 }




 



~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:338460
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery

2010-10-21 Thread Michael Grant

What about this:

function swapImages(imageName) {

$(#beautyImage).html('textaroo').fadeIn('slow');

}

On Thu, Oct 21, 2010 at 2:52 PM, Chad Gray cg...@careyweb.com wrote:


 If I do this it snaps into place also.  No fade in.

 function swapImages(imageName) {
 $(#beautyImage).html('img
 src=/output/9305B06559F4D04C37ED27103EBFB959.jpg
 style=margin-left:5px;').fadeIn('slow');
 }



 -Original Message-
 From: Michael Grant [mailto:mgr...@modus.bz]
 Sent: Thursday, October 21, 2010 2:43 PM
 To: cf-talk
 Subject: Re: (ot) jQuery


 I don't see why it wouldn't be. Does fadeIn() work if you do it on it's
 own?

 On Thu, Oct 21, 2010 at 2:40 PM, Chad Gray cg...@careyweb.com wrote:

 
  Thanks for the suggestions, but still now luck.  Maybe the get() is not
  compatible with fadeIn()?
 
 
 
  -Original Message-
  From: Tony Bentley [mailto:cascadefreehee...@gmail.com]
  Sent: Thursday, October 21, 2010 2:39 PM
  To: cf-talk
  Subject: Re: (ot) jQuery
 
 
  function swapImages(imageName) {
 $.get('/shop/act_getBeautyImage.cfm?beautyImage='+ imageName +
  'width=372height=465',{},function(data) {
 $(#beautyImage).html(data).fadeIn('slow');
 });
  }
 
 
 
 
 



 

~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:338462
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


RE: (ot) jQuery

2010-10-21 Thread Chad Gray

I mocked up some test code.  Just place an image beautyImage1.jpg in the same 
folder as the code.  The image is placed in the DIV but does not fade in.


script src=jquery-1.4.3.min.js/script

script
function swapImages() {
$(#beautyImage).html('img src=beautyImage1.jpg').fadeIn('slow');
}
/script

div id=beautyImage style=margin:0px; padding:0px;
img src=image.jpg border=0 style=margin-left:5px; /
/div

img src=image2.jpg border=0 style=margin:5px; onclick=swapImages();/





-Original Message-
From: Chad Gray [mailto:cg...@careyweb.com] 
Sent: Thursday, October 21, 2010 2:52 PM
To: cf-talk
Subject: RE: (ot) jQuery


If I do this it snaps into place also.  No fade in.

function swapImages(imageName) {
$(#beautyImage).html('img src=/output/9305B06559F4D04C37ED27103EBFB959.jpg 
style=margin-left:5px;').fadeIn('slow');
}



-Original Message-
From: Michael Grant [mailto:mgr...@modus.bz] 
Sent: Thursday, October 21, 2010 2:43 PM
To: cf-talk
Subject: Re: (ot) jQuery


I don't see why it wouldn't be. Does fadeIn() work if you do it on it's own?

On Thu, Oct 21, 2010 at 2:40 PM, Chad Gray cg...@careyweb.com wrote:


 Thanks for the suggestions, but still now luck.  Maybe the get() is not
 compatible with fadeIn()?



 -Original Message-
 From: Tony Bentley [mailto:cascadefreehee...@gmail.com]
 Sent: Thursday, October 21, 2010 2:39 PM
 To: cf-talk
 Subject: Re: (ot) jQuery


 function swapImages(imageName) {
$.get('/shop/act_getBeautyImage.cfm?beautyImage='+ imageName +
 'width=372height=465',{},function(data) {
$(#beautyImage).html(data).fadeIn('slow');
});
 }




 





~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:338463
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


RE: (ot) jQuery

2010-10-21 Thread Chad Gray

AH... son of gun...  You have to .hide() first.

$(#beautyImage).hide().html(data).fadeIn('slow');

Thanks for all the help guys.  I just needed to bounce this off someone.

Chad


-Original Message-
From: Chad Gray [mailto:cg...@careyweb.com] 
Sent: Thursday, October 21, 2010 3:00 PM
To: cf-talk
Subject: RE: (ot) jQuery


I mocked up some test code.  Just place an image beautyImage1.jpg in the same 
folder as the code.  The image is placed in the DIV but does not fade in.


script src=jquery-1.4.3.min.js/script

script
function swapImages() {
$(#beautyImage).html('img src=beautyImage1.jpg').fadeIn('slow');
}
/script

div id=beautyImage style=margin:0px; padding:0px;
img src=image.jpg border=0 style=margin-left:5px; /
/div

img src=image2.jpg border=0 style=margin:5px; onclick=swapImages();/





-Original Message-
From: Chad Gray [mailto:cg...@careyweb.com] 
Sent: Thursday, October 21, 2010 2:52 PM
To: cf-talk
Subject: RE: (ot) jQuery


If I do this it snaps into place also.  No fade in.

function swapImages(imageName) {
$(#beautyImage).html('img src=/output/9305B06559F4D04C37ED27103EBFB959.jpg 
style=margin-left:5px;').fadeIn('slow');
}



-Original Message-
From: Michael Grant [mailto:mgr...@modus.bz] 
Sent: Thursday, October 21, 2010 2:43 PM
To: cf-talk
Subject: Re: (ot) jQuery


I don't see why it wouldn't be. Does fadeIn() work if you do it on it's own?

On Thu, Oct 21, 2010 at 2:40 PM, Chad Gray cg...@careyweb.com wrote:


 Thanks for the suggestions, but still now luck.  Maybe the get() is not
 compatible with fadeIn()?



 -Original Message-
 From: Tony Bentley [mailto:cascadefreehee...@gmail.com]
 Sent: Thursday, October 21, 2010 2:39 PM
 To: cf-talk
 Subject: Re: (ot) jQuery


 function swapImages(imageName) {
$.get('/shop/act_getBeautyImage.cfm?beautyImage='+ imageName +
 'width=372height=465',{},function(data) {
$(#beautyImage).html(data).fadeIn('slow');
});
 }




 







~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:338465
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


Re: (ot) jQuery

2010-10-21 Thread Tony Bentley

Really, you need to detect when the image is finished loading completely.

Here, check out my source code: http://tonybentley.com/test/test.html


~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:338467
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm


RE: (ot) jQuery

2010-10-21 Thread Chad Gray

Thanks Tony, your code looks a lot better than mine.  I will try it out.

Chad

-Original Message-
From: Tony Bentley [mailto:cascadefreehee...@gmail.com] 
Sent: Thursday, October 21, 2010 3:41 PM
To: cf-talk
Subject: Re: (ot) jQuery


Really, you need to detect when the image is finished loading completely.

Here, check out my source code: http://tonybentley.com/test/test.html




~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:338468
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm