[jQuery] Re: show/hide with embed

[ngreenwood6]

Yeah that is what I actually ended up doing.

On Oct 17, 6:01 pm, Charlie  wrote:
> instead of hide(0 which is basically display:none,   you could move it off 
> screen. This sort of issue comes up a lot with 
> tabshttp://jqueryui.com/demos/tabs/#Why_does...

[jQuery] Re: what does this selector mean ?

[Michael Geary]

$('div',this) is simply a confusing way of writing $(this).find('div'). The
only reason it exists at all is for "historical reasons": it was added to
jQuery before the .find() method existed.

Never use $('div',this) in your code. Always use $(this).find('div')
instead. It is easier to read and faster too.

-Mike

On Tue, Sep 29, 2009 at 4:24 AM, runrunforest  wrote:

>
> Hi,
>
> $('div', this)   what does that mean ?
>

[jQuery] Re: what does this selector mean ?

[Karl Swedberg]

It's a little confusing, but the difference is that the "contextual  
selector" is a second argument, whereas the "or selector" is a comma  
within a single argument. So, if we forget about "this" for a moment:


$('.myclass, #myid')
-- matches all elements that have a class of "myclass" or id="myid"
-- both selectors are contained within the same argument (i.e. the  
same set of quotation marks)


$('.myclass', '#myid')
-- matches all elements that have a class of "myclass" and are  
descendants of an element with id="myid"

-- two arguments.


One way to include "this" in the selection would be to use .add(). For  
example:


$(this).add('div');
-- select this and all div elements.

Hope that helps.

--Karl


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




On Oct 17, 2009, at 10:40 PM, lampy wrote:



I know Karl's answer is correct, but from the docs (
http://docs.jquery.com/Selectors/multiple#selector1selector2selectorN
) I would've thought the comma meant "select all div elements, and
this".

Is there any documentation that would help me understand this?


On Sep 29, 10:03 pm, MorningZ  wrote:

oops... that'll teach me to try to make sense first thing in the
morning  :-)

Coffee first THEN post

On Sep 29, 9:11 pm, Karl Swedberg  wrote:


On Sep 29, 2009, at 7:33 AM, MorningZ wrote:



Whatever "this" is in that case, it's the context to look for any
 (jQuery will only select 's that are ancestors of  
"this" in

the DOM tree)



Correction: for $('div',this), jQuery will only select s that
are descendants of "this" in the DOM tree.



--Karl




Karl Swedbergwww.englishrules.comwww.learningjquery.com

[jQuery] How to achieve this animation?

[Eric Chen]

Hi, this is Eric from Shanghai China, sorry for my bad English.
I am a jQuery Fans.

My site is now under building, the page of the animation is:
http://www.imczy.com/EN/support-me.html

The codes I achieve this animation are as follows:

//like goadddy
$.fn['_fadeOut'] = function(){
  this.css('overflow', 'hidden');
  this.css('padding', '0');
  this.css('border', '0');
  return this.animate({
  height : "hide" , opacity : "0.1" } , 500);
};
$.fn['_fadeIn'] = function(){
  this.css('overflow', '');
  this.css('padding', '');
  this.css('border', '');
  return this.animate({
  height : "show" , opacity : "1" } , 500);
};

However, as you seen, I will have a short animation unsmoothly, can
you give me some more suggestion?

Thank you very much!
Sorry for my Bad English!

[jQuery] Re: what does this selector mean ?

[lampy]

I know Karl's answer is correct, but from the docs (
http://docs.jquery.com/Selectors/multiple#selector1selector2selectorN
) I would've thought the comma meant "select all div elements, and
this".

Is there any documentation that would help me understand this?


On Sep 29, 10:03 pm, MorningZ  wrote:
> oops... that'll teach me to try to make sense first thing in the
> morning  :-)
>
> Coffee first THEN post
>
> On Sep 29, 9:11 pm, Karl Swedberg  wrote:
>
> > On Sep 29, 2009, at 7:33 AM, MorningZ wrote:
>
> > > Whatever "this" is in that case, it's the context to look for any
> > >  (jQuery will only select 's that are ancestors of "this" in
> > > the DOM tree)
>
> > Correction: for $('div',this), jQuery will only select s that  
> > are descendants of "this" in the DOM tree.
>
> > --Karl
>
> > 
> > Karl Swedbergwww.englishrules.comwww.learningjquery.com

[jQuery] Re: applying effect to certain div.

[Charlie]

your code works fine  http://jsbin.com/eqole

must be something in your css

Martijn wrote:

  Hi,

Im trying to get a sliding down div, that pushes another div further
down as it slides. I created the following code. However, the 2nd div
doesnt appear at all. What is the proper way to say only the div with
class "x" should be affected?  The basic tutorial doesnt really cover
this.

"http://www.w3.org/TR/html4/loose.dtd">
 
 
   
   
   
 $(document).ready(function(){

   $(document.body).click(function () {
  if ($("div.divblok1").is(":hidden")) {
$("div.divblok1").slideDown("slow");
  } else {
$("div.divblok1").hide();
  }
});



 });

   
   
 
 
 	click me!


   "http://jquery.com/">jQuery


	Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla
bla
	Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla
bla
	Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla
bla
	Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla
bla
	Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla
bla


 

  

[jQuery] Re: How to: Cycle back to beginning of gallery? At my wits end!

[Charlie]

the script is working fine in firebug   problem is you have a bunch of
images in markup that don't exist at path you are calling them from

josh wrote:

  Im simply trying to cycle back to the first picture of the gallery. Im
on my 3rd day of trying to figure this out.  I posted a link below.  I
checked the html code multiple times and the images and thumbs are in
order.  But after the 22nd pic, it brings up a broken link.

 The site is not mine, but my client wants me to use it as a
template.  Was originally going to do Flash...Hopeing this is a simple
fix so I can avoid the embaressment!!!

http://napleswebfreelancer.com/d/2

  

[jQuery] Refreshing an element using set of interval

[Julius]

Dear all

 I'm trying to refreshin a div content using set of interval, but I don't know 
how to do that in jquery. How I make the code to do this task?

Please help me I am new in jquery. Thx
Sent from my BlackBerry®
powered by Sinyal Kuat INDOSAT

[jQuery] jQuery form plugin

[Boray Eris]

http://www.pidizayn.com/virtualsub/jqform

First form is ok. But second one that pulled with jquery not working.
What's wrong?

[jQuery] Cycle plugin: centering images of variable width?

[David Collins]

I didn't see this as an option, so I decided to give it a try on my
own.  I was able to add some lines of code (shown with the > in the
margin below) to the jquery.cycle.js script to read in the width of
each image and center the slide within the slideshow container

// set position and zIndex on all the slides

>// read in each image's width and center it wrt the slideshow width
>   $slides.each(function(i){
>   var imgwidth = $(this).attr("width");
>   $(this).css('left', (opts.width-imgwidth)/2);
>   });


$slides.css({position: 'absolute', top:0}).hide().each(function(i)
{  // removed the "top" value since it is being defined above
var z = first ? i >= first ? els.length - (i-first) : first-i :
els.length-i;
$(this).css('z-index', z)
});


This works great for images that are pre-defined in the markup, but
when I use the addSlide option, the newly added slides do not get
modified in the above code.  Any suggestions on where I can put this
chunk of code so that it gets run *after* the slides are added to the
slideshow?  Should I get the img width and define the left position
for each slide during the actual cycle function, or maybe during the
"// reset common props before the next transition" section?

Any help would be appreciated.

Thanks,

-David

[jQuery] FF "needs a moment" to calculate element width()

[David Balažic]

Hi!

I have some scripting foo where I add some element dynamically and the
want to query the width of it.

NOTE: The reason I want width is for centering. If anyone knows a way
to center a DIV element without knowing its width, just say so and the
below problem is irrelevant. (same goes for height and vertical
centering)

It is more or less like this:

$(top.document.body).append("");
// inject a LINK element into top.document for a CSS file
then append some stuff into TB_window,
// marker 1
then call  $("#TB_window",top.document).width()


If I put an alert() at "marker 1" before the width() call, I get
different results than without.
It seems Firefox (v3.5.3) takes the opportunity while the alert is
displayed to compute
some stuff, which makes the width() result correct. If I don't use
alert(), then width()
returns s smaller value (about 30% less)  than the real one.

Funny, in IE8 there is no such problem. There the correct width is
reported.

I use JQuery 1.3.2.

I put the entire code at http://pastie.org/658921

it is called from HTML by
a href="#"
onclick="tb_show('#TB_inline?
height=332&width=590&inlineId=lb_content&modal=false',
(this.rel || false),'/stuff/css');return false;"
PopupboxNM /a  (I removed brackets in case they give problems to mail/
web programs)


Regards,
David

[jQuery] Cycle plugin: using the addSlide option for multiple slideshows on the page?

[David Collins]

I have a page that has 9 tabs of content, with each tab having its own
slideshow of about 8 images each.  I was hoping to reduce the load
time of the page by only starting with two images per slideshow, and
then using the addSlide option to add the rest.

A few questions:

1. Is this the best way to go about speeding up the page load?
2. Is there an example somewhere of how to make this work?  I used the
code from the demo on the http://jquery.malsup.com/cycle/add.html
page, and inserted some code of my own, but I obviously haven't
wrapped the correct functions with my code because I get *all* of the
images added to the first slideshow instead of to their own respective
slideshows.  Here is my code with some of the redundant sections
removed:

$(function(){
$('.slideshowbox div[id]').cycle({ // 9 matches found
width: 539,
height: 225,
timeout: 5000,
speed: 1000,
before: onBefore
});


var slidesAdded = false;
function onBefore(curr, next, opts) {
// make sure we don't call addSlide before it is defined
if (!opts.addSlide || slidesAdded) return;

$('.slideshowbox div').each(function() {  // for each slideshow 
on
the page
var i = $(this).attr('id');
if(i == "slideshow1") {
opts.addSlide('');
opts.addSlide('');
opts.addSlide('');
opts.addSlide('');
opts.addSlide('');
}
else if(i == "slideshow2") {
opts.addSlide('');
opts.addSlide('');
opts.addSlide('');
opts.addSlide('');
opts.addSlide('');
}

etc...

else if(i == "slideshow9") {
opts.addSlide('');
opts.addSlide('');
opts.addSlide('');
opts.addSlide('');
opts.addSlide('');
}
});
slidesAdded = true;
};
});


Any advice would be helpful as I am a javascript/jquery novice.

Thanks!

-David

[jQuery] How to: Cycle back to beginning of gallery? At my wits end!

[josh]

Im simply trying to cycle back to the first picture of the gallery. Im
on my 3rd day of trying to figure this out.  I posted a link below.  I
checked the html code multiple times and the images and thumbs are in
order.  But after the 22nd pic, it brings up a broken link.

 The site is not mine, but my client wants me to use it as a
template.  Was originally going to do Flash...Hopeing this is a simple
fix so I can avoid the embaressment!!!

http://napleswebfreelancer.com/d/2

[jQuery] applying effect to certain div.

[Martijn]

Hi,

Im trying to get a sliding down div, that pushes another div further
down as it slides. I created the following code. However, the 2nd div
doesnt appear at all. What is the proper way to say only the div with
class "x" should be affected?  The basic tutorial doesnt really cover
this.

http://www.w3.org/TR/html4/loose.dtd";>
 
 
   
   
   
 $(document).ready(function(){

   $(document.body).click(function () {
  if ($("div.divblok1").is(":hidden")) {
$("div.divblok1").slideDown("slow");
  } else {
$("div.divblok1").hide();
  }
});



 });

   
   
 
 
click me!


   http://jquery.com/";>jQuery


Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla
bla
Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla
bla
Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla
bla
Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla
bla
Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla
bla


 

[jQuery] AJAX API without XML?

[kidburla]

Hi,

I understand that normally when you want to load a page into an area
of the page, you would use the ajax.load function within jQuery's AJAX
API. However what happens if you have an old-fashioned server which
does not support XML over HTTP? In other words it expects to receive
name=value parameters from the client and then returns an HTTPResponse
with just standard HTML in the body and some other headers? Can we
still use the AJAX API? If not, is there some plugin which allows me
to modify the standard AJAX functions to use standard HTTP Request/
Response format (or "AJAH")?

[jQuery] Re: HELP!!! css & content filters

[huntspointer2009]

Thanks (Bi Jing),
You offered the best solution, I tried using all of the code that was
offered, but the following code was the only one that it made it work:

$("li:even:odd, li:odd:odd").addClass("test_css");

I also like the fact that it's a minimal amount code, written in one
line.

Thanks to everyone else, you tried to help me, you guys rock.
;)

[jQuery] Re: show/hide with embed

[Charlie]

instead of hide(0 which is basically display:none,   you could move it
off screen. This sort of issue comes up a lot with tabs

http://jqueryui.com/demos/tabs/#Why_does...

ngreenwood6 wrote:

  Anyone at all?

On Oct 16, 6:34 pm, ngreenwood6  wrote:
  
  
I tried adding in return false at the end of my function, however that
did not fix the issue. Any other suggestions?

On Oct 16, 8:37 am, rupak mandal  wrote:



  if the problem is reload then add "return false" at the end or the function
  


  On Fri, Oct 16, 2009 at 6:02 PM, ngreenwood6  wrote:
  


  
I tried doing  that as well and it still does the same thing. It must
be changing the display that makes it reload. To test all you have to
do is create a div with embed code and call show/hide on it and you
will see.

  


  
On Oct 16, 3:02 am, Evgeny Bobovik  wrote:


  Try to use this method:

function showEmbed(){
    if($("#test").css('display') == 'block'){
         $("#test").css('display','none');
    } else {
         $("#test").css('display', 'block');
   }}