[jQuery] Re: jQuery lightbox

[Conrad Cheng]

Did you declare the path correctly for jquery.js and lightbox.js?

On Tue, Aug 25, 2009 at 1:32 PM, Ram...  wrote:

>
> Hi,
>
> Lightbox is not showing on prod site, but its working  on local box
> and internet.
>
> Any idea what may be the problem?
>
> Thank you,
> Ramanjaneyulu

[jQuery] Re: Realtime ajax response

[Josip Lazic]

On 24 kol, 15:22, Michael Lawson  wrote:
> http://sourceforge.net/projects/easyshoutbox/files/easyshoutbox/Easy_...

I don't think this is solution for my problem.

After form is submited server must copy&resize some pictures.
Sometimes it'll last several seconds, but sometimes much longer, so I
want user to know that script is not dead.

If I post response to iframe I can use something like this in post.php

ob_start();
foreach ($foo as $bar) {
resizeImage();
echo "Resizing image  $bar";
ob_flush;
flush();
}

This way user will get response everytime image get resized. Can I
achive this with ajax and div?

[jQuery] jQuery lightbox

[Ram...]

Hi,

Lightbox is not showing on prod site, but its working  on local box
and internet.

Any idea what may be the problem?

Thank you,
Ramanjaneyulu

[jQuery] Re: Loading jQuery - Need a black screen while it loads

[scotthaslehurst]

Hi,

That's perfect. Thanks.

Just to follow up. Is it enough to use just the jquery.loading.js? Or
must I also source the other scripts below that the demo uses? The
documentation is not clear







On Aug 25, 11:25 am, Nathan Bubna  wrote:
> if you used the loading plugin:  http://plugins.jquery.com/project/loading
>
> $.loading(true, {mask:true, maskCss:{background:'#000', opacity:1}});
>
> and when all is ready:
>
> $.loading(false);
>
> See the demo page for the project to get a feel for more options and
> also some nice CSS you can use to make the loading message prettier.
>
> On Mon, Aug 24, 2009 at 9:13 PM,
>
> scotthaslehurst wrote:
>
> > I am designing a site that is jquery heavy.
>
> > When the site loads it takes a while for all the scripts to load and
> > then the images to settle down - more so in IE, naturally.
>
> > I would ideally like to display a black screen or cover everything
> > with a div while it settles down. I have tried a few Timeout scripts
> > but they appear to be conflicting and don't work.
>
> > Any body got any ideas how I can either display a blank screen while
> > it all settles down or just avoid the problem all together.
>
> > The site I'm talking about is here:
>
> >http://www.mintinnovation.com/draft2/

[jQuery] Re: Loading jQuery - Need a black screen while it loads

[Nathan Bubna]

if you used the loading plugin:   http://plugins.jquery.com/project/loading

$.loading(true, {mask:true, maskCss:{background:'#000', opacity:1}});

and when all is ready:

$.loading(false);

See the demo page for the project to get a feel for more options and
also some nice CSS you can use to make the loading message prettier.

On Mon, Aug 24, 2009 at 9:13 PM,
scotthaslehurst wrote:
>
> I am designing a site that is jquery heavy.
>
> When the site loads it takes a while for all the scripts to load and
> then the images to settle down - more so in IE, naturally.
>
> I would ideally like to display a black screen or cover everything
> with a div while it settles down. I have tried a few Timeout scripts
> but they appear to be conflicting and don't work.
>
> Any body got any ideas how I can either display a blank screen while
> it all settles down or just avoid the problem all together.
>
> The site I'm talking about is here:
>
> http://www.mintinnovation.com/draft2/
>
>

[jQuery] Loading jQuery - Need a black screen while it loads

[scotthaslehurst]

I am designing a site that is jquery heavy.

When the site loads it takes a while for all the scripts to load and
then the images to settle down - more so in IE, naturally.

I would ideally like to display a black screen or cover everything
with a div while it settles down. I have tried a few Timeout scripts
but they appear to be conflicting and don't work.

Any body got any ideas how I can either display a blank screen while
it all settles down or just avoid the problem all together.

The site I'm talking about is here:

http://www.mintinnovation.com/draft2/

[jQuery] Re: Need some ideas for starting a recommendation widget

[Justin]

It seems to me the first step would be getting your data into your
item list.Something like:


Pizza
Spaghetti
Pastry
Snails


Once you know what your data is then you can code the hide/show part.

In the about example you would have events on the user controls that
show/hide items using a selector, so
$('#recipeList .hot').show(); // Shows all hot food.

With two criteria you would need to come up with selector that takes
both into account, so
$('#recipeList .recipe').hide(); // hide everything
$('#recipeList .hot').add('#recipeList .italian').show(); // Show
everything that is hot OR italian

[jQuery] Re: Invalid Argument Line 12 1.3.2 IE 7 and 8rc1

[matt]

I know this has been solved but thought I might add my own solution to
a similar problem causing the same error message in IE, in case it's
helpful to anyone.

It was the DTD declaration - make sure it's first thing in the file
and make sure it's correct! Some how, something had been inserted
above the DTD and that broke IE and caused the error.

Cheers.



On Jul 28, 2:58 pm, kyleduncan  wrote:
> I have fixed this issue:
>
> Ie6, 7 and 8 were getting an invalid argument error because of CSS
> padding: once padding was removed fro mthe textareas completely in a
> separate IE stylesheet, IE6 and 7 and 8 all worked fine with multiple
> textareas and no errors
>
> Opera was fixed by this problem also (it was showing the boxes very
> high by default), although im not sure exactly what caused Opera to
> correct - but it works fine now too!
>
> hope this helps others
>
> On Jul 22, 4:20 am, kyleduncan  wrote:
>
>
>
> > It is caused byautogrow.js, but i have no idea how to fix it!autogrowisnt 
> > even working for me in IE6 and 7, when you click inside
> > atextareait shrinks down to one line high and then doesnt expand as
> > you type. and when you click in the secondtextareaon my page nothing
> > happens at all (as ifautogrowdoesnt even activate).
>
> > On Jun 18, 1:13 pm, kitafe  wrote:
>
> > > Does anyone have a solution. I have the same problem and I use jquery
> > > 1.3.2 and ui 1.7. I've tried both the minified and the none minified
> > > versions.
> > > With ui accordion  version 1.6rc2 i have no problem. But I then the
> > > collapsible wont work.
>
> > > On Apr 26, 8:06 pm, sabrinax  wrote:
>
> > > > I did, yes.  You can see my sample page here:www.tattoozu.net/trial
> > > > to see the problem
>
> > > > On Apr 26, 12:57 pm, dhtml  wrote:
>
> > > > > On Mar 9, 3:43 am, phipps_73  wrote:
>
> > > > > > Hi,
>
> > > > > > I have just upgraded one of our development sites to 1.3.2 and ui 
> > > > > > 1.7.
> > > > > > I have also updated all of the plugins
> > > > > > (forms,validate,thickbox,calculation,blockUI,autogrow) to the latest
> > > > > > versions which should all be compatible with 1.3.2 and the site is
> > > > > > working perfectly in Firefox 3 on OS X and XP.
>
> > > > > > However on IE8rc1 and inIE7compat mode I am getting an Invalid
> > > > > > Argument error reported at line 12 of jquery-1.3.2.min.js. That is 
> > > > > > the
> > > > > > usual really helpfulIEerror message and I have been unable to track
> > > > > > down the source of the problem.
>
> > > > > Do you get the same error with the normal, non-minified version?
>
> > > > > Garrett

[jQuery] [validate] default messages for an instance of jquery.validator

[carneiro]

Hello, i was trying to set some default messages for an instance of
jquery.validator. Saw that i can set only "global" default messages,
but not per instance... so i found a way of doing i but i need to add
a line on jquery.validate.js file:

@line 548 (jquery.validate.js):

defaultMessage: function( element, method) {
return this.findDefined(
this.customMessage( element.name, method ),
this.customMetaMessage( element, method ),
this.settings.messages[method], // added this 
for default instance
messages
// title is never undefined, so handle empty 
string as undefined
!this.settings.ignoreTitle && element.title || 
undefined,
$.validator.messages[method],
"Warning: No message defined for " + 
element.name + ""
);
},

and i set the messages like this:
...
var _messages = {
required: "O campo {0} é de preenchimento obrigatório!",
email: "O campo {0} deve conter um e-mail válido!"
};
for(var name in _messages){
_this.validator.settings.messages[name] = _messages[name];
}
...

It worked perfectly, but i really dont like to change the api js. If
anyone knows how to do it without changing the original js, please let
me know.

thanks

[jQuery] Superfish menu help!

[Dinney]

Hi,

I am trying to use this menu on my website - i bought this template
and im trying to implement the superfish menu on it, but its giving me
major problems. I can see there is a drop down there that shows up on
hover BUT its hidden and cut because of the table? i dont know - i
tried to fix it with z-index solutions but maybe im not putting that
property in the right place? any help would be GREAT - please help!

http://www.dinzign.com/mace/  (its the menu on top with the red
background)

[jQuery] get the hover color of a link

[Dale Larsen]

I need to get the css hover color of an element. Since hover is a
pseudo class of a class or id, I do not see a way of returning the
color.

I tried:

$('.contentArea a:hover').css('color');

but it does not return the hover color.

I understand that jQuery probably traverses the inline styles and
there is no way to set the hover  pseudo class inline, hence the
reason for the .hover function.

Is it possible to find and return the hover color with jQuery. If so
how?

[jQuery] Variable in :eq() with jquery.calculation

[betweenbrain]

Hi All,

I'm trying to use jquery.calculation to calculate some text inputs
versus a selected field. I'm running into an issue with using
variables to select information from the same row. Here's what I have
so far. Any help would be greatly appreciated:


$(document).ready(
function (){
$("input[name^=module-]").bind("keyup", recalc);
$("input[name='input-positions']").bind("click", 
recalc);
recalc();
}
);

function recalc(){
var i = $(this)[0].rowIndex;
$("[id=total-positions-left]").calc("avail - (used * qty)",
{   avail: 
$("[name='input-positions']:checked").val(),
used: $("[td.item-qty-pos-reqd'].eq(i)"),
qty: $("input[id^='module-qty'].eq(i)")
}),
i = ++
$("#total-positions-left").text($this.sum()
);
}

[jQuery] Re: Problem with Ajax Cross-Domain

[Dhruva Sagar]

Michael,
>From his last statement / question , it seems to me that he is making the
ajax request from a different server than the application itself.
Hence I don't think he can use the relative URL that you're suggesting.

Now coming to the error, I am not sorry but I don't have a very good idea
about the error, haven't seen it before, but I think I would really like to
know myself!

Thanks & Regards,
Dhruva Sagar.


Ted Turner   -
"Sports is like a war without the killing."

On Tue, Aug 25, 2009 at 7:09 AM, Michael Geary  wrote:

>
> What happens if you take your URL:
>
> http:localhost:3001/account/create.json
>
> and paste it into the address bar in Firefox and then hit Enter?
>
> Do you see it add something that was missing? :-)
>
> BTW, I assume your app is running on localhost:3001, is that right? I'd
> suggest using a relative URL instead, e.g.:
>
> /account/create.json
>
> That way you won't have to change your code if you move your app to a
> different server.
>
> -Mike
>
> > From: Alexander Cabezas
> >
> > Hi.
> >
> > When i try to make an ajax request like:
> > $.get( "http:localhost:3001/account/create.json", SignUp.onComplete );
> >
> > I get the following error in the firebug ( Net ):
> > OPTIONS - 405 Method Not Allowed
> >
> > Is it related to cross-domain request?.
>
>

[jQuery] Re: Form Plugin issue

[kostjazz]

It looks like the problem is that the form is submitted into generated
Iframe, which doesn't have references to jquery or other JS libraries
that you might be using.

I'm not too sure if there is an easy way around it as my JS/jquery
skills are far from perfect. One of the dodgy solutions that come to
my head would be escaping JS in your response and then when you copy
it from iframe to the page remove the escaping. But i guess I'll
better refactor my code to use json response and will see if it
works...

Cheers
Kostya

[jQuery] Re: Problem with Ajax Cross-Domain

[Michael Geary]

What happens if you take your URL:

http:localhost:3001/account/create.json

and paste it into the address bar in Firefox and then hit Enter?

Do you see it add something that was missing? :-)

BTW, I assume your app is running on localhost:3001, is that right? I'd
suggest using a relative URL instead, e.g.:

/account/create.json

That way you won't have to change your code if you move your app to a
different server.

-Mike

> From: Alexander Cabezas
> 
> Hi.
> 
> When i try to make an ajax request like:
> $.get( "http:localhost:3001/account/create.json", SignUp.onComplete );
> 
> I get the following error in the firebug ( Net ):
> OPTIONS - 405 Method Not Allowed
> 
> Is it related to cross-domain request?.

[jQuery] Re: $.ajax calls in firefox doesn't work

[James]

Does it work if you change your AJAX submit method type to GET,
instead of POST?

On Aug 24, 12:58 pm, hosemaria  wrote:
> Clearing Cookies doesn't work
>
> I am newbee with analyzing headers responses. This are info taken from
> Fiddler debuger (FX responses). If you could help me to find something
> odd I will be grateful.
>
> Request Header:
>
> POST /manager/www/admin/parking_cfg.php HTTP/1.1
> Host:www.somedomain.com
> User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.0.13)
> Gecko/2009073022 Firefox/3.0.13
> Accept: application/json, text/javascript, */*
> Accept-Language: pl,en-us;q=0.7,en;q=0.3
> Accept-Encoding: gzip,deflate
> Accept-Charset: ISO-8859-2,utf-8;q=0.7,*;q=0.7
> Keep-Alive: 300
> Connection: keep-alive
> X-Requested-With: XMLHttpRequest
> Referer:http://www.somedomain.com/manager/www/admin/index2.php?page=parking
> Cookie: PHPSESSID=86cd59b9c6377608ca601713e53e357b
> Pragma: no-cache
> Cache-Control: no-cache
>
> Response header:
> HTTP/1.1 400 Bad Request
> Server: IdeaWebServer/v0.60
> Date: Mon, 24 Aug 2009 22:48:12 GMT
> Content-Type: text/html
> Content-Length: 191
> Connection: close
>
> 
> 
>
>         400 Bad Request
>
> 
> 
>
>         400 Bad Request
>         Your browser sent a request that this server could not understand.
>
> 
> 
>
> parking_cfg.php returns JSON correctly if you type into FX browser
> address  http://www.somedomain.com/manager/www/admin/parking_cfg.php
>
> Greetings

[jQuery] Re: Superfish v1.4.8 clashes with SWF?

[Charlie]

try setting your wmode on flash to 




jim wrote:

  Trying to use superfish / jquery navigation on a site. Works great on
my Mac (Safari & Firefox), but in IE (not sure of the version) the
drop-downs go behind the SWFs that sit just below the nav. Here's a
link to the site:

http://www.baitcreative.com/rolling_hills/

Is there an easy fix for this?

  

[jQuery] Re: Flash effect with show/hide

[James]

Try the hoverIntent plug-in.
http://cherne.net/brian/resources/jquery.hoverIntent.html

You can add a delay so that your event will not be called until the
user stays on the cover art for some short period of time.

On Aug 24, 8:34 am, guidebook  wrote:
> Hello,
>
> (Sorry for my english, it isn't my native language.)
>
> I would want to show a div (the information about the song) when the
> visitor hover on a cover art on a radio website but this div overlap
> the cover art with an opacity of 0.7
>
> You can see an example here:http://www.cestici.info/test.jpg
>
> The problem is that when the information div appears, the mouse
> pointer isn't on the cover art div anymore for the navigator so the
> information div disappears, and so on... resulting in a flash effect.
>
> How can I do this without the flash effect?
>
> Thanks for your help :)

[jQuery] Re: Advice clone and live

[James]

clone(true) should do the trick. Though before there was a bug with
this function where the events would not be cloned (in IE, I think). I
don't know if that issues still exists, but try it out.
Documentation: http://docs.jquery.com/Manipulation/clone#bool

On Aug 24, 7:10 am, Julien  wrote:
> Hi,
>
> i'm trying to clone a row in a table with events attached to it.
>
> I initialy have the following html code to duplicate :
>
> 
>     
>         
>     
>      
>           class="expirationDate" />
>          +
>      
> 
>
> On the "users" input i have the autocomplete plugin and on
> "expirationDate" the datepicker one.
>
> When i started cloning, i had the html code alright but not the
> events. So i surrounded the original functions with this :  $
> (".users").live("click",function(){ ending up with this :
>
> $(".users").live("click",function(){
>         $(".users").autocomplete('/contactSearch.html', {
>             width: 300,
>             multiple: true
>         });});
>
> $(".expirationDate").live("click",function(){
>         $(".expirationDate").datepicker({
>           dateFormat: 'dd/mm/yy'
>         });
>
> });
>
> Despite the fact that it doesn't sound optimized, this work with the
> autocomplete plugin but no so well with datepicker.
>
> My question really is : there must be a better way, isn't there?
>
> I just need to clone the element with the javascript exactly has it is
> when loaded.
>
> Thanks!

[jQuery] Re: Return Query Results From $.ajax POST

[James]

If you use the dataType:'json', you can return the data in JSON
format, which you can use in Javascript just like a Javascript object.
This will allow you to store more data in one response. Other options
are HTML and XML as the respose type, but may require more parsing
work to get the data you want. JSON is highly recommended.

On Aug 24, 10:21 am, sdtacoma  wrote:
> Is it possible to return Query results from a jquery $.ajax POST call?
> It seems as though it will only return one value. What am I missing?
>
> var formval = { preceptname:$(this) .val()};
> $.ajax({
>           type: "POST",
>           url: "request_processor.cfm",
>           dataType: "text",
>           data: formval,
>           success: function(response){
>                 $('#contentdiv').fadeIn(2000).html(response);
>                         }
>                 });
>         });

[jQuery] Re: Animating Border Color

[phpn1b]

Ah got it. I assumed it was part of jquery core and didn't need UI.
Thanks.

On Aug 24, 7:13 pm, "Richard D. Worth"  wrote:
> It seems this is working in the latest jQuery UI Effects development 
> branch:http://jquery-ui.googlecode.com/svn/branches/dev/effects/ui/effects.c...
>
> example:http://jsbin.com/ogono
>
> Give that a shot. If you find any issues, please bring them up here:
>
> http://groups.google.com/group/jquery-ui-dev
>
> We're working on moving this into the trunk for the next jQuery UI release,
> 1.8a2. Thanks.
>
> - Richard
>
> On Mon, Aug 24, 2009 at 4:34 PM, phpn1b  wrote:
>
> > Is it possible to animate an element's border color? I tried $
> > ('#foo').animate({ borderColor: '#ff'}, 1000); and $
> > ('#foo').animate({ 'border-color': '#ff'}, 1000); with no success.

[jQuery] Re: How to make it remove class show, and add class hide.

[marksimon]

Untitled Document

.hide {
display:none;
}



$(function(){
$('a.show').toggle(
function(){
var $id=$(this).attr('href');
   $('#'+$id).removeClass('hide');
} ,
function(){
var $id=$(this).attr('href');
  $('#'+$id).addClass('hide');
}
);
});




showhide


div 3
news




not sure about the animation

On Aug 24, 3:33 pm, StefanCandan  wrote:
> Thats not what I wanted, I wanted to make the link show a hidden div.
> And once the div is shown, it should change the link to hide the div
> again once its clicked. but hiding/showing it with the hide & show
> animation.
>
> On Aug 25, 12:24 am, marksimon  wrote:
>
> > $(function(){
> >         $('a.show').toggle(
> >                 var $id=$(this).element('id');
> >                 function(){
> >                         $('#"+$id).removeClass('hide');
>
> >                 },
> >                         function(){
> >                         $('#"+$id).addClass('hide');
>
> >                         }
> >                 );
>
> > });
>
> > Not exactly sure if that's what your trying to do. But this should
> > show/hide a div with the same id as the link id on the click event.
> > You will also need a css class of .hide { display:none; }
>
> > On Aug 24, 2:37 pm, StefanCandan  wrote:
>
> > > Okay, so I'm working on this site, currently I have this jquery code:
>
> > >           $("a.show").click(function(event){
> > >                 $("a.show[id="+this.id+"]").removeClass("show")
> > >                 $("a[id="+this.id+"]").addClass("hide")
> > >                 $("div[title!="+this.id+"][class=news]").hide(500)
> > >                 $("div[title="+this.id+"][class=news]").show(500)
> > >                 event.preventDefault();
> > >           });
>
> > > it doesn't seem to remove the show class, and add the hide class.

[jQuery] Re: Animating Border Color

[Richard D. Worth]

It seems this is working in the latest jQuery UI Effects development branch:
http://jquery-ui.googlecode.com/svn/branches/dev/effects/ui/effects.core.js

example: http://jsbin.com/ogono

Give that a shot. If you find any issues, please bring them up here:

http://groups.google.com/group/jquery-ui-dev

We're working on moving this into the trunk for the next jQuery UI release,
1.8a2. Thanks.

- Richard

On Mon, Aug 24, 2009 at 4:34 PM, phpn1b  wrote:

>
> Is it possible to animate an element's border color? I tried $
> ('#foo').animate({ borderColor: '#ff'}, 1000); and $
> ('#foo').animate({ 'border-color': '#ff'}, 1000); with no success.

[jQuery] Need some ideas for starting a recommendation widget

[Mr. Tunes]

Hi, i've read through a lot of documentation and tutorials, but i'm
still kind of stumped as to how i would get this project started. I'd
like to make a small application that basic sorts images based on two
criteria that are selected by the user. eventually i would like those
criteria to be decided using a scroll bar, but in the meantime i just
need to know how to show and hide the images.

so if i gave you the example of a recipe suggestor, there would be a
collection of dishes stored with unique divs or classes. if the person
switched the first option from hot or cold, only the foods dishes that
meet that criteria would show up. then on the second slider they would
pick which part of the world it came from, thereby narrowing down the
choices even more.

is there a plugin which has this functionality built in already? i
know there is the jquery ui slider element which could be of a help.

thanks!

[jQuery] Advice clone and live

[Julien]

Hi,

i'm trying to clone a row in a table with events attached to it.

I initialy have the following html code to duplicate :





 
 
 +
 


On the "users" input i have the autocomplete plugin and on
"expirationDate" the datepicker one.

When i started cloning, i had the html code alright but not the
events. So i surrounded the original functions with this :  $
(".users").live("click",function(){ ending up with this :

$(".users").live("click",function(){
$(".users").autocomplete('/contactSearch.html', {
width: 300,
multiple: true
});
});
$(".expirationDate").live("click",function(){
$(".expirationDate").datepicker({
  dateFormat: 'dd/mm/yy'
});
});

Despite the fact that it doesn't sound optimized, this work with the
autocomplete plugin but no so well with datepicker.

My question really is : there must be a better way, isn't there?

I just need to clone the element with the javascript exactly has it is
when loaded.

Thanks!

[jQuery] Problem with Ajax Cross-Domain

[Alexander Cabezas]

Hi.

When i try to make an ajax request like:
$.get( "http:localhost:3001/account/create.json", SignUp.onComplete );

I get the following error in the firebug ( Net ):
OPTIONS - 405 Method Not Allowed

Is it related to cross-domain request?.

[jQuery] Re: PHP IDE with support JQuery

[Marcel Pociot]

You can also take a look at Aptana Studio at http://www.aptana.com/
It's free, based upon Eclipse and has a PHP IDE as well as support of
the major javascript libraries (jquery,mootools,ect.)

On 24 Aug., 15:48, Michael Lawson  wrote:
> As a codeigniter fanboy, I'd be very anxious to mess around with the CI
> plugin for your IDE.  the jQuery plugin also looks very cool!
>
> cheers
>
> Michael Lawson
> Development Lead, Global Solutions, ibm.com
> Phone:  1-276-206-8393
> E-mail:  mjlaw...@us.ibm.com
>
> 'Whether one believes in a religion or not,
> and whether one believes in rebirth or not,
> there isn't anyone who doesn't appreciate kindness and compassion..'
>
>   From:       "s...@codelobster.com"                    
>                                                  
>
>   To:         "jQuery (English)"                  
>                                                  
>
>   Date:       08/24/2009 09:45 AM                                             
>                                                  
>
>   Subject:    [jQuery] PHP IDE with support JQuery                            
>                                                 
>
> Hi.
>
> Let me introduce free PHP IDE with available JQuery plug-in (paid):
>
> Codelobster PHP Edition (http://www.codelobster.com) - has all
> standart abilities for editing code
> - PHP/HTML/CSS/JavaScript highlighting, autocomplete, code structure
> - PHP debugger
> - code folding, tooltips, help and etc.
>
> and it has special JQuery features:
> - autocomplete for JQuery library
> - context and dynamic help for JQuery library
>
> We are waiting for your comments and suggestions.
>
> Regards,
> Codelobster Team.
>
>  graycol.gif
> < 1 KBAnzeigenHerunterladen
>
>  ecblank.gif
> < 1 KBAnzeigenHerunterladen

[jQuery] Re: How to make it remove class show, and add class hide.

[StefanCandan]

Got it working, with the animation too.

$(function(){
$('a.show').toggle(
function(){
var $id=$(this).attr('href');
   $('#'+$id).show(500);
} ,
function(){
var $id=$(this).attr('href');
  $('#'+$id).hide(500);
}
);
});

On Aug 25, 12:45 am, marksimon  wrote:
> 
> 
> Untitled Document
> 
> .hide {
>         display:none;
>         }
> 
> 
> 
> $(function(){
>         $('a.show').toggle(
>                                 function(){
>                                 var $id=$(this).attr('href');
>                        $('#'+$id).removeClass('hide');
>                         } ,
>                             function(){
>                                 var $id=$(this).attr('href');
>                                           $('#'+$id).addClass('hide');
>                 }
>         );});
>
> 
> 
>
> 
> showhide
>
> 
> div 3
> news
>
> 
>
> 
> not sure about the animation
>
> On Aug 24, 3:33 pm, StefanCandan  wrote:
>
> > Thats not what I wanted, I wanted to make the link show a hidden div.
> > And once the div is shown, it should change the link to hide the div
> > again once its clicked. but hiding/showing it with the hide & show
> > animation.
>
> > On Aug 25, 12:24 am, marksimon  wrote:
>
> > > $(function(){
> > >         $('a.show').toggle(
> > >                 var $id=$(this).element('id');
> > >                 function(){
> > >                         $('#"+$id).removeClass('hide');
>
> > >                 },
> > >                         function(){
> > >                         $('#"+$id).addClass('hide');
>
> > >                         }
> > >                 );
>
> > > });
>
> > > Not exactly sure if that's what your trying to do. But this should
> > > show/hide a div with the same id as the link id on the click event.
> > > You will also need a css class of .hide { display:none; }
>
> > > On Aug 24, 2:37 pm, StefanCandan  wrote:
>
> > > > Okay, so I'm working on this site, currently I have this jquery code:
>
> > > >           $("a.show").click(function(event){
> > > >                 $("a.show[id="+this.id+"]").removeClass("show")
> > > >                 $("a[id="+this.id+"]").addClass("hide")
> > > >                 $("div[title!="+this.id+"][class=news]").hide(500)
> > > >                 $("div[title="+this.id+"][class=news]").show(500)
> > > >                 event.preventDefault();
> > > >           });
>
> > > > it doesn't seem to remove the show class, and add the hide class.

[jQuery] Re: [autocomplete] how to query for words with special (UTF-8 encoded) characters?

[Adriano Varoli Piazza]

On 7 ago, 06:06, Christer Bygdestam 
wrote:
> Hi,
>
> I'm trying to get Joerns awesomeautocomplete-plugin to work with
> UTF-8 but I've had no luck in making it work. Has anyone managed to
> query the backend using UTF-8 encodendcharacters?
>
> Right now I'm trying my best to decode the incoming string ie
> "q=Östman" but nothing happens? Do I need to encode the returned
> string as well?
>
> Any thoughts are greatly appreciated!
>
> Christer

I'd like to bump this up. I'm trying to implement a dynamic form, and
I need to query for words containing (in this particular case) ñ.

Example:
I want to query for the city 'Añatuya'.
- typing in 'aña' doesn't find it.
- typing in 'ana' displays the word, but without the 'aña' sequence
highlighted. (other returned strings that do contain 'ana' are
properly highlighted).

- firebug tells me the query string sent is
http://localhost/alabern/autocomplete/prov.php?q=a%C3%B1a&limit=1000×tamp=1251146094589

Any solutions or pointers? I'm not really javascript-savvy enough to
actually start picking the plugin apart by myself.

--
Saludos
Adriano

[jQuery] Re: Callback Not Working

[Aaron Gundel]

Hi George,

It appears that your code isn't working because the context of your
this pointer changes in the callback inside of your fadeout effect.
it becomes your section title.  So when you do a find on it, you find
only children of the section title that are of the class explanation
-- which don't exist, hence your problem.  Using "siblings" should
solve the issue.  Try the following code.  Note that I've changed your
mouseove to a mouseleave, since mouseover appears to fire too
frequently.  Hope this helps, or at least gets you on your way

function() {
$('li').mouseover(
  function() {
$(this).find('div.SectionTitle').fadeOut('fast', function() {
  $(this).siblings('div.Explanation').fadeIn('slow');
});
});
$('li').mouseleave(
  function() {
$(this).find('div.Explanation').fadeOut('fast', function () {
$(this).siblings('div.SectionTitle').fadeIn('slow'); });
});
  }

Aaron

On Mon, Aug 24, 2009 at 5:16 AM, GLSmyth wrote:
>
> I am looking to fade text out when the mouse passes over it and
> replace it with text that is faded in. My understanding is that this
> needs to be done through a callback, as the text needs to fade out
> completely before fading in. However, when I try to implement this
> idea the content does not fade in, so I must be doing something wrong.
>
> My code is:
>
>    
>    var Tips = {
>      ready: function() {
>        $('ul#SiteNav li').mouseover(
>          function() {
>            $(this).find('div.SectionTitle').fadeOut('fast', function
> () {
>              $(this).find('div.Explanation').fadeIn('slow');
>            });
>        });
>        $('ul#SiteNav li').mouseout(
>          function() {
>            $(this).find('div.Explanation').hide();
>            $(this).find('div.SectionTitle').show();
>        })
>      }
>    };
>    $(document).ready(Tips.ready);
>    
>
> I left the mouseout part unchanged, as that is an example of what I am
> changing from. What happens is that the mouseover text fades out, but
> the replaced text does not fade back in. Additionally, the shown text
> flashes before fading out if the mouse rolls over the text (as opposed
> to the containing box), which is not really a problem, but I am not
> understanding why that is happening. All works fine with hide/show.
>
> Full code can be found at http://dripinvesting.org/Default_test.asp.
>
> I am apparently missing something basic, so a pointer to a beginner
> would be appreciated.
>
> Cheers -
>
> george

[jQuery] Return Query Results From $.ajax POST

[sdtacoma]

Is it possible to return Query results from a jquery $.ajax POST call?
It seems as though it will only return one value. What am I missing?


var formval = { preceptname:$(this) .val()};
$.ajax({
  type: "POST",
  url: "request_processor.cfm",
  dataType: "text",
  data: formval,
  success: function(response){
$('#contentdiv').fadeIn(2000).html(response);
}
});
});

[jQuery] Re: $.ajax calls in firefox doesn't work

[hosemaria]

Clearing Cookies doesn't work

I am newbee with analyzing headers responses. This are info taken from
Fiddler debuger (FX responses). If you could help me to find something
odd I will be grateful.

Request Header:

POST /manager/www/admin/parking_cfg.php HTTP/1.1
Host: www.somedomain.com
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.0.13)
Gecko/2009073022 Firefox/3.0.13
Accept: application/json, text/javascript, */*
Accept-Language: pl,en-us;q=0.7,en;q=0.3
Accept-Encoding: gzip,deflate
Accept-Charset: ISO-8859-2,utf-8;q=0.7,*;q=0.7
Keep-Alive: 300
Connection: keep-alive
X-Requested-With: XMLHttpRequest
Referer: http://www.somedomain.com/manager/www/admin/index2.php?page=parking
Cookie: PHPSESSID=86cd59b9c6377608ca601713e53e357b
Pragma: no-cache
Cache-Control: no-cache

Response header:
HTTP/1.1 400 Bad Request
Server: IdeaWebServer/v0.60
Date: Mon, 24 Aug 2009 22:48:12 GMT
Content-Type: text/html
Content-Length: 191
Connection: close




400 Bad Request




400 Bad Request
Your browser sent a request that this server could not understand.





parking_cfg.php returns JSON correctly if you type into FX browser
address   http://www.somedomain.com/manager/www/admin/parking_cfg.php

Greetings

[jQuery] Problem in circular scrolling

[Adnan Ahmed]

Great tool. I am using circular feacture of this library. I am getting
one problem of delaying. Open “examples/special_circular.html” file
and add
scroll: ‘5′,
visible: ‘5′,
in

jQuery(document).ready(function() {
jQuery(’#mycarousel’).jcarousel({
wrap: ‘circular’,
scroll: ‘5′,
visible: ‘5′,
itemVisibleInCallback: {onBeforeAnimation:
mycarousel_itemVisibleInCallback},
itemVisibleOutCallback: {onAfterAnimation:
mycarousel_itemVisibleOutCallback}
});
});

Now open skin.css of ie7 and find the class
“.jcarousel-skin-ie7 .jcarousel-clip-horizontal”
and change the width “500px”
Now after these settings the scrolling takes a lot time on third
click. Even something my browser does not respond.
Beside back button works fine with these setting.

Any idea. I really need fix of this.

[jQuery] Flash effect with show/hide

[guidebook]

Hello,

(Sorry for my english, it isn't my native language.)

I would want to show a div (the information about the song) when the
visitor hover on a cover art on a radio website but this div overlap
the cover art with an opacity of 0.7

You can see an example here: http://www.cestici.info/test.jpg

The problem is that when the information div appears, the mouse
pointer isn't on the cover art div anymore for the navigator so the
information div disappears, and so on... resulting in a flash effect.

How can I do this without the flash effect?

Thanks for your help :)

[jQuery] Problem Jquery Multiple Uploads

[marco souza]

Anybody know if there is any way to return a list of files

[jQuery] Superfish v1.4.8 clashes with SWF?

[jim]

Trying to use superfish / jquery navigation on a site. Works great on
my Mac (Safari & Firefox), but in IE (not sure of the version) the
drop-downs go behind the SWFs that sit just below the nav. Here's a
link to the site:

http://www.baitcreative.com/rolling_hills/

Is there an easy fix for this?

[jQuery] Re: How to make it remove class show, and add class hide.

[StefanCandan]

I have tried the exact same setup as yours, but it did not work.

On Aug 25, 12:14 am, James  wrote:
> Have you tried something like:
>
>           $("a.show").click(function(event){
>                 $(this).removeClass("show").addClass("hide");
>                 $("div[title!="+this.id+"][class=news]").hide(500);
>                 $("div[title="+this.id+"][class=news]").show(500);
>                 event.preventDefault();
>           });
>
> On Aug 24, 11:37 am, StefanCandan  wrote:
>
> > Okay, so I'm working on this site, currently I have this jquery code:
>
> >           $("a.show").click(function(event){
> >                 $("a.show[id="+this.id+"]").removeClass("show")
> >                 $("a[id="+this.id+"]").addClass("hide")
> >                 $("div[title!="+this.id+"][class=news]").hide(500)
> >                 $("div[title="+this.id+"][class=news]").show(500)
> >                 event.preventDefault();
> >           });
>
> > it doesn't seem to remove the show class, and add the hide class.

[jQuery] Re: How to make it remove class show, and add class hide.

[StefanCandan]

Thats not what I wanted, I wanted to make the link show a hidden div.
And once the div is shown, it should change the link to hide the div
again once its clicked. but hiding/showing it with the hide & show
animation.

On Aug 25, 12:24 am, marksimon  wrote:
> $(function(){
>         $('a.show').toggle(
>                 var $id=$(this).element('id');
>                 function(){
>                         $('#"+$id).removeClass('hide');
>
>                 },
>                         function(){
>                         $('#"+$id).addClass('hide');
>
>                         }
>                 );
>
> });
>
> Not exactly sure if that's what your trying to do. But this should
> show/hide a div with the same id as the link id on the click event.
> You will also need a css class of .hide { display:none; }
>
> On Aug 24, 2:37 pm, StefanCandan  wrote:
>
> > Okay, so I'm working on this site, currently I have this jquery code:
>
> >           $("a.show").click(function(event){
> >                 $("a.show[id="+this.id+"]").removeClass("show")
> >                 $("a[id="+this.id+"]").addClass("hide")
> >                 $("div[title!="+this.id+"][class=news]").hide(500)
> >                 $("div[title="+this.id+"][class=news]").show(500)
> >                 event.preventDefault();
> >           });
>
> > it doesn't seem to remove the show class, and add the hide class.

[jQuery] Re: How to make it remove class show, and add class hide.

[marksimon]

$(function(){
$('a.show').toggle(
var $id=$(this).element('id');
function(){
$('#"+$id).removeClass('hide');

},
function(){
$('#"+$id).addClass('hide');

}
);
});

Not exactly sure if that's what your trying to do. But this should
show/hide a div with the same id as the link id on the click event.
You will also need a css class of .hide { display:none; }

On Aug 24, 2:37 pm, StefanCandan  wrote:
> Okay, so I'm working on this site, currently I have this jquery code:
>
>           $("a.show").click(function(event){
>                 $("a.show[id="+this.id+"]").removeClass("show")
>                 $("a[id="+this.id+"]").addClass("hide")
>                 $("div[title!="+this.id+"][class=news]").hide(500)
>                 $("div[title="+this.id+"][class=news]").show(500)
>                 event.preventDefault();
>           });
>
> it doesn't seem to remove the show class, and add the hide class.

[jQuery] Re: How to make it remove class show, and add class hide.

[James]

Have you tried something like:

  $("a.show").click(function(event){
$(this).removeClass("show").addClass("hide");
$("div[title!="+this.id+"][class=news]").hide(500);
$("div[title="+this.id+"][class=news]").show(500);
event.preventDefault();
  });

On Aug 24, 11:37 am, StefanCandan  wrote:
> Okay, so I'm working on this site, currently I have this jquery code:
>
>           $("a.show").click(function(event){
>                 $("a.show[id="+this.id+"]").removeClass("show")
>                 $("a[id="+this.id+"]").addClass("hide")
>                 $("div[title!="+this.id+"][class=news]").hide(500)
>                 $("div[title="+this.id+"][class=news]").show(500)
>                 event.preventDefault();
>           });
>
> it doesn't seem to remove the show class, and add the hide class.

[jQuery] How to make it remove class show, and add class hide.

[StefanCandan]

Okay, so I'm working on this site, currently I have this jquery code:

  $("a.show").click(function(event){
$("a.show[id="+this.id+"]").removeClass("show")
$("a[id="+this.id+"]").addClass("hide")
$("div[title!="+this.id+"][class=news]").hide(500)
$("div[title="+this.id+"][class=news]").show(500)
event.preventDefault();
  });

it doesn't seem to remove the show class, and add the hide class.

[jQuery] Re: $.ajax calls in firefox doesn't work

[James]

Maybe there's corrupted header/cookie data being sent with the request
that the server doesn't like. Try viewing the request headers with
Firebug to see if you see anything odd.
Then try clearing your Firefox cookies for that domain to see if that
helps.

On Aug 24, 5:47 am, hosemaria  wrote:
> Important note:
> It works under FX when script is at localhost(developer mashine->wamp
> server). When I download it on linux server(hosting) the situation is
> as described above.

[jQuery] Re: loop/count

[bombaru]

Thanks James...

Here's what I've got working:

$('.item-list ul li').each(function(i) {
  $('.visual-cue p').append("");
});
$('.visual-cue p span:first').addClass('active');
$('#carousel-next').click(function () {
$('.visual-cue p 
span.active').removeClass('active').next().addClass
('active');
});
$('#carousel-prev').click(function () {
$('.visual-cue p 
span.active').removeClass('active').prev().addClass
('active');
});

I'm sure there is a more efficient way of writing this, but for now,
at least it's working the way I envisioned it.  It's going through,
counting the number of  tags that are returned, and then appending
the same number of  tags.  I'm then adding an active class to
the first  tag and changing that with the click function.

The problem I am now having is looping through the results correctly.
The carousel loops, but the above function does not.  I need this to
start over at the beginning when it reaches the last one if the user
is clicking the next button, and vice-versa if the user is using the
previous button action.

Thanks again for your help.

On Aug 24, 5:04 pm, James  wrote:
> So basically you just want to know how many  tags there are?
> If so, something like this could work (untested):
>
> var count = $("div.visual-cue span").length;
>
> On Aug 24, 10:31 am, bombaru  wrote:
>
> > I'm trying to add a navigational aid to a carousel that I'm working
> > on. Basically, I want to visually display the number of results in the
> > carousel and then highlight the result that is currently in the first
> > position as the user scrolls through the result set - providing a
> > visual cue to the user as to where they are in the result set. I've
> > seen this before on other carousels and it's sort of the same concept
> > that Apple uses in the iPhone and iPod screens. I know this can be
> > done rather easily with a bit of jQuery, but my brain is fried. You
> > can see a mock-up of what I'm trying to achieve here:
>
> >http://rule13.com/development/carousel.gif
>
> > I'm trying to loop through the result set and count how many items are
> > returned... then display something like the image above.  As a user
> > navigates through the carousel, an active state is added to the visual
> > cue.  The code I am working with for the visual cue section is
> > currently just a bunch of span tags (I'm open to alternate
> > approaches).  The number of  tags returned would be the same
> > number of results returned in the carousel.
>
> > 
> >          > span> > span>
> >       
>
> > Here's the CSS:
>
> > /* visual cue */
> > #accessorize div.visual-cue {height:16px; line-height:16px;
> > position:absolute; right:0; width:266px; top:-40px;}
> > #accessorize div.visual-cue p {text-align:right; line-height:16px;
> > float:right;}
> > #accessorize div.visual-cue p span {display:block; background:#fff;
> > width:10px; height:10px; border:2px solid #EFEFEF; margin-left:2px;
> > float:left;}
> > #accessorize div.visual-cue p span.active {background:#D3D3D3; border:
> > 2px solid #D3D3D3;}
>
> > Does anyone know how I can achieve this or can someone steer me in the
> > right direction?
>
> > Thanks.

[jQuery] Re: Getting incorrect returned results

[James]

In Firefox 3.5 they both look exactly the same:
$('topics topic',lessons) == 4

In IE6, it differs, with:
$('topics topic',lessons) == 48

I think this is related to an issue where with IE and jQuery it is not
reading the returned data as XML because the response type is not text/
xml. If you do a search on it you'll find some solutions. The most
common solution is to force the response type of the returned XML
(tos.xml) to be text/xml, if possible.

On Aug 24, 10:38 am, Benjamin Sterling
 wrote:
> Hey all,
> Here's the issue, I am pulling in an XML doc, storing it in a global
> var and through out the app I am transversing it to grab certain
> info.  Up till 1.2.6 it's been working fine, but when I upgraded 1.3.2
> I get bad results.
>
> Here are my two test 
> pages:http://ietracker.staging.informationexperts.com/framework/test/result...http://ietracker.staging.informationexperts.com/framework/test/result...
>
> My guess is the it has something to do with Sizzle but I can't place
> exactly where the issue may be happening. But not sure, any
> suggestions would be helpful.

[jQuery] Re: loop/count

[James]

So basically you just want to know how many  tags there are?
If so, something like this could work (untested):

var count = $("div.visual-cue span").length;

On Aug 24, 10:31 am, bombaru  wrote:
> I'm trying to add a navigational aid to a carousel that I'm working
> on. Basically, I want to visually display the number of results in the
> carousel and then highlight the result that is currently in the first
> position as the user scrolls through the result set - providing a
> visual cue to the user as to where they are in the result set. I've
> seen this before on other carousels and it's sort of the same concept
> that Apple uses in the iPhone and iPod screens. I know this can be
> done rather easily with a bit of jQuery, but my brain is fried. You
> can see a mock-up of what I'm trying to achieve here:
>
> http://rule13.com/development/carousel.gif
>
> I'm trying to loop through the result set and count how many items are
> returned... then display something like the image above.  As a user
> navigates through the carousel, an active state is added to the visual
> cue.  The code I am working with for the visual cue section is
> currently just a bunch of span tags (I'm open to alternate
> approaches).  The number of  tags returned would be the same
> number of results returned in the carousel.
>
> 
>          span> span>
>       
>
> Here's the CSS:
>
> /* visual cue */
> #accessorize div.visual-cue {height:16px; line-height:16px;
> position:absolute; right:0; width:266px; top:-40px;}
> #accessorize div.visual-cue p {text-align:right; line-height:16px;
> float:right;}
> #accessorize div.visual-cue p span {display:block; background:#fff;
> width:10px; height:10px; border:2px solid #EFEFEF; margin-left:2px;
> float:left;}
> #accessorize div.visual-cue p span.active {background:#D3D3D3; border:
> 2px solid #D3D3D3;}
>
> Does anyone know how I can achieve this or can someone steer me in the
> right direction?
>
> Thanks.

[jQuery] Re: Form Plugin issue

[Lay András]

Hello!

On Mon, Aug 24, 2009 at 9:46 AM, kostjazz wrote:

> Hi All,
>
> I also experience the very same problem.
>
> I also found that when it happens it submits the form twice.

For me not need to submit twice the form, only one submit enough to
produce the error.

> I haven't tried upgrading the version but the one I'm using is 2.10
> (05/08/2008)

I'm using the latest 2.28 (10-MAY-2009) version.

Lay

[jQuery] Animating Border Color

[phpn1b]

Is it possible to animate an element's border color? I tried $
('#foo').animate({ borderColor: '#ff'}, 1000); and $
('#foo').animate({ 'border-color': '#ff'}, 1000); with no success.

[jQuery] Getting incorrect returned results

[Benjamin Sterling]

Hey all,
Here's the issue, I am pulling in an XML doc, storing it in a global
var and through out the app I am transversing it to grab certain
info.  Up till 1.2.6 it's been working fine, but when I upgraded 1.3.2
I get bad results.

Here are my two test pages:
http://ietracker.staging.informationexperts.com/framework/test/results.1.2.6.html
http://ietracker.staging.informationexperts.com/framework/test/results.1.3.2.html

My guess is the it has something to do with Sizzle but I can't place
exactly where the issue may be happening. But not sure, any
suggestions would be helpful.

[jQuery] loop/count

[bombaru]

I'm trying to add a navigational aid to a carousel that I'm working
on. Basically, I want to visually display the number of results in the
carousel and then highlight the result that is currently in the first
position as the user scrolls through the result set - providing a
visual cue to the user as to where they are in the result set. I've
seen this before on other carousels and it's sort of the same concept
that Apple uses in the iPhone and iPod screens. I know this can be
done rather easily with a bit of jQuery, but my brain is fried. You
can see a mock-up of what I'm trying to achieve here:

http://rule13.com/development/carousel.gif

I'm trying to loop through the result set and count how many items are
returned... then display something like the image above.  As a user
navigates through the carousel, an active state is added to the visual
cue.  The code I am working with for the visual cue section is
currently just a bunch of span tags (I'm open to alternate
approaches).  The number of  tags returned would be the same
number of results returned in the carousel.



  

Here's the CSS:

/* visual cue */
#accessorize div.visual-cue {height:16px; line-height:16px;
position:absolute; right:0; width:266px; top:-40px;}
#accessorize div.visual-cue p {text-align:right; line-height:16px;
float:right;}
#accessorize div.visual-cue p span {display:block; background:#fff;
width:10px; height:10px; border:2px solid #EFEFEF; margin-left:2px;
float:left;}
#accessorize div.visual-cue p span.active {background:#D3D3D3; border:
2px solid #D3D3D3;}

Does anyone know how I can achieve this or can someone steer me in the
right direction?

Thanks.

[jQuery] Re: Passing variables to .click

[James]

Since "region" is not a valid HTML attribute, other ways is to set an
ID on the element and use that as a reference to data stored elsewhere
(e.g. a Javascript array or object).
Depending on whether you have a lot of data or not. Assuming you have
many onclicks on your page, here's another way to do it.


// JS object
var myData = {id1:'US', id2:'Europe', id3:'Antarctica'};

$("div.clickme").click(function() {
   var id = this.id;  // 'id1' or 'id2' or 'id3'
   alert(myData.id);  // 'US' or 'Europe' or 'Antarctica'
   // alert(myData[id]);  // same as above
});


Text 1
Text 2
Text 3


On Aug 23, 2:40 pm, AMP  wrote:
> This is the way I was thinking so could you give me another example
> without attributes (Just so I could learn a different way).
> Thnaks
>
> On Aug 23, 8:05 pm, MorningZ  wrote:
>
> > MANY ways to do this, with this being one of them
>
> > Some
> > Text
>
> > then
>
> > $("#parsetablebutton").click(function() {
> >         var region = $(this).attr("region");  //<<-- the value from
> > PHP
>
> > });
>
> > again, that's just one way of many
>
> > On Aug 23, 6:04 pm, AMP  wrote:
>
> > > Hello,
> > > I was using this:
> > > onClick="parsetable('')"
>
> > > but now I want to use the JQuery:
> > > $("#parsetablebutton").click( function() {
>
> > > How do I pass the parameter to the function?
> > > Would I set an attribute and read it with[att=XXX] where the attribute
> > > is the echo'd $Region or is there a better way?
> > > Thanks- Hide quoted text -
>
> > - Show quoted text -
>
>

[jQuery] Re: Warning: file_get_contents error -- wtf?

[James]

This issue is unrelated to jQuery.

I'm not so surprised that the fail whale rears it's ugly butt once in
a while.
I suggest putting some error catching/suppression in your PHP code.

On Aug 23, 4:26 pm, TrixJo  wrote:
> Do any of you get this problem?
>
> Warning: file_get_contents(http://search.twitter.com/search.json?
> lang=en&rpp=5&q=District+9) [function.file-get-contents]: failed to
> open stream: HTTP request failed! HTTP/1.1 404 Not Found in /home/site/
> public_html/trendingtopics.php on line 51
>
> It tends to appear sporadically no pattern that is obvious
>
> Using LAMP

[jQuery] Re: trouble with 'url' in $.ajax

[James]

Instead of using absolute URLs, could you use relative URLs that begin
with a slash (e.g. /path/to/file.php) to indicate the domain root?

Also, do you have any  tag set? That could cause some
problems with AJAX too.

On Aug 24, 1:25 am, ch2450  wrote:
> Hi everybody,
>
> I recently updated my website with url rewriting.
> What I did was change the htaccess file so that every url is
> redirected to an index.php file, which then parts this url ($_SERVER
> ['REQUEST_URI']) and 'include()' the corresponding files.
>
> Since then, I've had several problems with absolute and relative paths
> throughout the whole website, so I hardcoded every url and src tag
> inside the code using the absolute pathhttp://www.mysite.com/path/to/file
> (instead of path/to/file/).
> This has been working fine for every browser running on a Mac (Safari
> and Firefox) and for Firefox on PC.
> I didn't have the same luck with Chrome, Safari (PC) and IE for which
> everything seems to work fine except the ajax requests. After several
> days of testing, I am 95 percent sure that the problem comes from the
> url's used by the $.ajax requests.
> Although I wrote the absolute path for all of them 
> (http://www.mysite.com/path/to/file.php), the above-mentioned browsers don't
> seem to find them.
>
> Any idea what the problem could be ?
> Any tips on how I could manage the absolute/relative path problem
> better (for php and js) ?
>
> Thank you for your help. Best,
> -Clem.
>
> Here is the entire content of my htaccess file :
> "
> Options +FollowSymLinks
> RewriteEngine on
> RewriteCond %{REQUEST_FILENAME} !-f
> RewriteCond %{REQUEST_FILENAME} !-d
> RewriteRule ^.*$ index.php
> "
>
> I use Dreamhost, if this is of any help.

[jQuery] Re: Safest way to test is a variable is a jQuery object?

[KeeganWatkins]

have you considered just checking for a jQuery method? seems like that
would be the cleanest, least intrusive way of doing your check, for
example:

 function get_object_from_id(variable)
{
// if the param has a "attr" property (which jQuery
objects do,
// but raw DOM nodes don't), use that. Otherwise,
assume
// an ID was passed and return the wrapped set
return variable.attr ? variable : jQuery("#" +
variable);
};

NOTE: if you passed in a different type of object, and it contained a
"attr" property (or whatever jQuery method used for checking), this
would fall apart. However, if you know the param will either be a raw
DOM node OR a jQuery object, this should work fine.

On Aug 23, 5:53 pm, RyanZec  wrote:
> Well I think I am going to be going with a function as that was my
> first instinct.
>
> I see where your going with what you have however that would cause
> some issue if say an int or JSON object is passed as it is going to
> return that instead of an expected jQuery object.  The code I end up
> having is:
>
>         function get_object_from_id(variable)
>         {
>                 if(typeof variable == 'string')
>                 {
>                         variable = $('#' + variable);
>                 }
>                 else if(variable instanceof jQuery)
>                 {
>                         //already a jQuery object so we need to do nothing
>                 }
>                 else
>                 {
>                         //error code
>                 }
>
>                 return variable;
>         };
>
> Not sure how to handle the error (whether to throw an exception or
> just return null or what not) but this way I can handle it if
> something else is passed besides a string or jQuery object.
>
> And even tho I doubt the jQuery object are going to stop being an
> instance of jQuery any time soon, if it does, I have one location to
> change my code.
>
> Thanks for you advance.
>
> On Aug 23, 4:30 pm, "Michael Geary"  wrote:
>
> > If all you need to do is distinguish a string from a jQuery object, and you
> > want to insure that future revisions of jQuery will never break your code, I
> > would just test for the string.
>
> > I'd also put the logic in a function even if you only use it in one place,
> > e.g.
>
> >     // Return a jQuery object given either a string id or
> >     // an existing jQuery object or DOM element
> >     function $fromID( id ) {
> >         if( typeof id == 'string' ) id = '#' + id;
> >         return $(id);
> >     }
>
> > And then code:
>
> >     var $form = $fromID(form);
>
> > -Mike
>
> > > From: Eridius
>
> > > I am wondering what is the safest way to test if a variable
> > > is a jQuery object.  I am building a function where I want to
> > > be able to pass in either the id of the form or the form
> > > object itself.  The current way I am doing this is
>
> > > var $form = (form instanceof jQuery ? form : $('#' + form));
>
> > > Is this the safest way that is not likely to change?  Would I
> > > be better offer wrapping this functionality into a function
> > > all by itself so incase this does change, I only need it to
> > > change in one spot (plan on building a complete UI type framework)?

[jQuery] IE 8 jquery corners problem

[marksimon]

This is inserting a white line in the middle of the div in IE8.
Problem doesn't exist in ff. Can you see a problem with my code?


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


corners



.navoptionrow {
float:left;
font-size:.9em;
}
.navoptionrow ul {
float:left;
background-color: #CDCDCD;
width:890px;
overflow:visible;
}
.navoptionrow li {
float:left;
list-style-type:none;
margin-right:10px;
}





$(function(){
$('.rounded').corners();
});







  Clients

New Client
New Account
Accounts
Request Invoice

[jQuery] Re: setInterval()

[Michael Geary]

> From: Nick Fitzsimons
> Finally, by assigning a string to setInterval you are 
> basically performing an "eval", which is very inefficient. 
> Creating a function reference using a closure is the 
> preferred approach.

A function reference is the best way to do it, but not so much because of
efficiency.

If you're just evaling a single function call once every five seconds, you'd
never notice a difference in performance between eval and a function
reference.

For me, the real reason to use a function reference is because it makes the
code cleaner and it's easier to pass data back and forth.

> function joinRoom(roomId){
> intvarM = window.setInterval((function(roomId) {
> return function() { // return a function to be used by the timer
> joinRoomFunction(roomId);
> }
> })(roomId), 5000);
> }

Whoa, that's a lot more complicated than it has to be. It's using two
closures where one is enough.

You can write this code instead and it will do exactly the same thing:

  function joinRoom(roomId){
  intvarM = setInterval( function() {
  joinRoomFunction(roomId);
  }, 5000 );
  }

-Mike

[jQuery] Form got submitted when I hit enter on select the value in autocomplete box

[pankaj sharma]

Hi  All,

In my application,there are several autocomplte field is available.
When I type "pank" and then it list out the several matching in the
autocomplete field and select one and
then hit the enter then it submitted the entire form, which will cause
the error message. Because there are several
more mandatory field are there, which i need to fill up.

I was trying to restrict in this way, but i believe this is the wrong way.

The following will disable enter-to-submit for the entire form.

$("#myForm").bind("keypress", function(event) {
 if(event.keyCode == 13) {
  return false;
 }
});

Please help me how to resolve this issue in Jquery autocomplete
plugin, so that the should not sumbit on
hitting enter in autocomplete text box.

I am new to this forum, please let me know if you need any more info on this?

Thanks

[jQuery] Re: $.inArray optimisation

[Cesar Sanz]

Does it works for every browser?

- Original Message - 
From: "gurdiga" 

To: "jQuery (English)" 
Sent: Sunday, August 23, 2009 1:07 PM
Subject: [jQuery] $.inArray optimisation




Hello,

The $.inArray function is defined in 
http://jqueryjs.googlecode.com/svn/trunk/jquery/src/core.js

as:

inArray: function( elem, array ) {
for ( var i = 0, length = array.length; i < length; i++ ) {
if ( array[ i ] === elem ) {
return i;
}
}

return -1;
},

I'm wondering: would it be possible to take advantage of the built-in
indexOf method of the Array present in FF Javascript engines? Im
thinking of something like:

   if (typeof Array.prototype.indexOf === 'function') {
   return array.indexOf(elem);
   }

What do you think? 

[jQuery] Re: Quick check over these few lines ?

[brian]

On Sat, Aug 22, 2009 at 5:13 PM, MorningZ wrote:
>
> "The confusing bit is that you're instructing jQuery to make an AJAX
> request for each LI *as the page is loading*"
>
> That is not true, as inside
>
> $(function() {
>   ...
>   ...
>   ...
> })
>
> the page is already "ready", all the 's will be where they should
> be

I realise that; it was a poor choice of words. What I meant was that
the AJAX requests will be fired--for each LI jQuery finds--at the time
the page loads and without any user input. I wonder if the OP really
wants this behaviour.

[jQuery] Re: Cursor moves to start position in Opera Autocomplete Plugin

[juanefren]

Thank you already tested :)

On Aug 22, 4:07 am, Jörn Zaefferer 
wrote:
> Just released version 1.1, which fixes this 
> issue:http://plugins.jquery.com/node/9879
>
> Jörn
>
> On Thu, Aug 20, 2009 at 9:29 PM,juanefren wrote:
>
> > With the autocomplete plugin and using Opera; When the input value, is
> > not found in the suggestions the cursor moves to the beginning of the
> > text, does any body knows how to solve it ?
>
> > Thanks in advance

[jQuery] Re: App like hangman

[Brett Ritter]

On Mon, Aug 24, 2009 at 11:24 AM, Boris Trivic wrote:
> I can success print ui.draggable to console, but how to convert it to
> string?
> I need to write it into some element with .innerHTML and I will
> probably use it in "for" loop...

I think you are trying the hard way.

ui.draggable is not a string, but a jQuery element.  Use that as you see fit.

For Hangman you're probably looking to copy either the text  (
ui.draggable.text() ) or the html itself ( ui.draggable.html() ).  If
you need to clone the source you want ui.draggable.clone() (note that
any events bound to the original are not bound to the clone unless you
use live() )

Trying to convert a jQuery element to a string doesn't make sense
unless you say what "string" you want - the text, the html, the id,
these are all different strings.

-- 
Brett Ritter / SwiftOne
swift...@swiftone.org

[jQuery] Re: $.ajax calls in firefox doesn't work

[hosemaria]

Important note:
It works under FX when script is at localhost(developer mashine->wamp
server). When I download it on linux server(hosting) the situation is
as described above.

[jQuery] Re: [validate] problem of defining custom rules

[Jörn Zaefferer]

"firstname" must refer to the name of a field. There is no field with
that name in your form, just class="firstname".

Jörn

On Mon, Aug 24, 2009 at 4:55 PM, david wrote:
>
> i played with the example.html from jquery.validate 1.55 and wanted to
> make a custom rule firstname that is required, with the message please
> enter a firstname.
> My changes were in the validate :
> $("#commentForm").validate({
>                rules: {
>                        firstname: "required"
>                        },
>                messages: {
>                        firstname: "Enter your firstname"
>                }
>        });
>
> and then         minlength="2" />
> my problem is that it is shown as valid, even i don't enter nothing.
> i don't know what i am making wrong
>
> Thanks,
> David
>
> This is the code
>  www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> http://www.w3.org/1999/xhtml";>
> 
> 
> jQuery validation plug-in - comment form example
>
> 
>
> 
> 
>
> 
> 
>
> 
> $(document).ready(function() {
>        $("#commentForm").validate({
>                rules: {
>                        firstname: "required"
>                        },
>                messages: {
>                        firstname: "Enter your firstname"
>                }
>        });
> });
> 
>
> 
> #commentForm { width: 500px; }
> #commentForm label { width: 250px; }
> #commentForm label.error, #commentForm input.submit { margin-left:
> 253px; }
> 
>
> 
> 
>
> 
>        
>                Please provide your name, email address (won't be 
> published)
> and a comment
>                
>                        Name (required, at least 2 
> characters)
>                         minlength="2" />
>                
>                        E-Mail (required)
>                         />
>                
>                
>                        URL (optional)
>                        
>                
>                
>                        Your comment (required)
>                         class="required">
>                
>                
>                        
>                
>        
> 
>
> 
> 

[jQuery] Re: setInterval()

[Nick Fitzsimons]

2009/8/23 solow :
> function joinRoomFunction(roomId){
>        $("#tables").load("pages/pages.php", {r: roomId}, function()
> {
>                $("#myTable").tablesorter({widgets: ['zebra']});
>                alert('loaded');
>                 $('button#stopINTERVAAL').click(function()
> {intvarM=clearInterval(intvarM);});
>        });
>        }
>    function joinRoom(roomId){
>        var intvarM=window.setInterval("joinRoomFunction("+ roomId
> +")",5000);
>    }

A few points: you are assigning the interval identifier to intvarM
inside a function using "var intvarM = setInterval...". The use of the
"var" keyword will make that variable local to that function. You need
to declare the variable in some outer scope, so that it is also
visible in the click handler you assign to the button.

Also, clearInterval does not return a value (or, to be absolutely
precise, the return value of clearInterval is "undefined"), so there
is probably no point assigning it to anything.

Finally, by assigning a string to setInterval you are basically
performing an "eval", which is very inefficient. Creating a function
reference using a closure is the preferred approach.

Try this:

var intvarM; // as this is declared out here, it will be visible to
all the functions below

function joinRoomFunction(roomId){
$("#tables").load("pages/pages.php", {r: roomId}, function() {
$("#myTable").tablesorter({widgets: ['zebra']});
alert('loaded');
$('button#stopINTERVAAL').click(function() {
window.clearInterval(intvarM); // this method returns undefined
});
 });
}

function joinRoom(roomId){
intvarM = window.setInterval((function(roomId) {
return function() { // return a function to be used by the timer
joinRoomFunction(roomId);
}
})(roomId), 5000);
}

Regards,

Nick.
-- 
Nick Fitzsimons
http://www.nickfitz.co.uk/

[jQuery] Re: localscroll not working, help? could it be lightbox?

[andy]

Are you running WP?  If so some plugins CAN break scrollTo,
serialScroll etc depending on the syntax, etc, but in my experience
Lightbox is not one of them.

On Aug 23, 4:18 pm, Alice  wrote:
> problem can be seen here:http://unedible.com/alicewhite/
>
> it's just not scrolling. sometimes when i change the code around a
> bit, the anchor images stop working completely.
> i'm also using lightbox, could that be the issue?

[jQuery] $.ajax calls in firefox doesn't work

[hosemaria]

Hi to all.
I have problem with $.ajax call with Firefox. At all other browsers
works fine(Opera, IE6,Chrome)

My code:

$.ajax({
url : "statistic_json.php",
type : "post",
dataType : "json",

success : function(data) {
statistic_data = data.occupied;
},
complete : function() {

},
error : function(xhr, ajaxOptions, thrownError) {
alert("error");
},
async : false
});

Response from Firefox(taken from Firebug console):



400 Bad Request




400 Bad Request
Your browser sent a request that this server could not understand.




Response from other browsers(Opera,Chrome,IE6)
{"occupied":{"data":[[1.247868e+12,1],[124795440,1],
[124804080,1]],"label":"some label"}}

Firefox browser ver:
Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.0.13) Gecko/
2009073022 Firefox/3.0.13

[jQuery] Re: jCarousel Appears Vertical then Horizontal

[Sparky12]

Still got this problem ? Anyone else had any luck with it ?

[jQuery] Re: Get inner class of event

[Cesar Sanz]

Sometimes it is good for us if you explain your solution..


- Original Message - 
From: "Liam Potter" 

To: 
Sent: Friday, August 21, 2009 4:16 AM
Subject: [jQuery] Re: Get inner class of event




This happens to me quite often, so do what I do, write the group post, but 
don't send it, just go back to trying to solve it, if you can't solve it 
then click the send button :)


Michael Price wrote:


Hello again folks – as per usual, I managed to get this working five 
minutes later! So never mind, but thanks if you were going to take a look 
at it J


Regards,

Michael Price

*From:* jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] 
*On Behalf Of *Michael Price

*Sent:* 21 August 2009 11:12
*To:* jquery-en@googlegroups.com
*Subject:* [jQuery] Get inner class of event

Hi all,

Got a div on a page, and we want something to happen when a user clicks 
on the div. However, within the div is a link and we want something 
DIFFERENT to happen if they click on the LINK rather than anything else 
in the div. Clicking the link is triggering the div click code as well – 
I need to stop this which I thought I could do with e.stopPropagation(); 
on the link click handler, but it doesn’t seem to be working.


Is there any way to pick up via the div click handler that it was 
actually the LINK, and react in there instead, or am I taking the wrong 
approach?


Regards,

Michael Price

[jQuery] Re: App like hangman

[Boris Trivic]

OK, again I need some help:

I can success print ui.draggable to console, but how to convert it to
string?
I need to write it into some element with .innerHTML and I will
probably use it in "for" loop...

Any your comment will be helpfull.

On Aug 24, 2:45 am, Boris Trivic  wrote:
> Brett thanks for your help, I success founded solution deeper on link
> that you posted.
> If someone needs, here is code:
>
> $(".place").droppable({
> drop: function(e, ui) {
> console.log(ui.droppable);
> }
>
> });
>
> This code writes in console (if you use Firebug), which element is
> dragged (id of that el.). You can customize code for your needs...
>
> On Aug 20, 4:30 am, Brett Ritter  wrote:
>
> > On Wed, Aug 19, 2009 at 11:07 AM, Boris Trivic wrote:
> > > When I take on of draggable divs and put it on 3rd div (fixed), how I
> > > can get ID of that div which is dragged on 3rd div.
>
> > Ah! Now I understand.  (Good examples).
>
> > Sadly, Drag-and-drop is not something I've played with.  However, from
> > looking at the jqueryUI docs, it appears what you are looking for is
> > the "Droppable" plugin, which receives "draggable" objects:
>
> >http://jqueryui.com/demos/droppable/
>
> > Hope that helps!
>
> > --
> > Brett Ritter / SwiftOne
> > swift...@swiftone.org

[jQuery] Re: Scroll to top of page after AJAX load.....

[Ariel Flesler]

Ah, saw this one after the other.
Got a link to what you've been trying to achieve ?

--
Ariel Flesler

On Aug 23, 7:03 pm, Erik  wrote:
> Using AJAX to load content within a div.
>
> Need to find a way to scroll to the top of the page after loading
> content inside div on same page.
>
> After clicking on my bottom links, loading the html inside the div, I
> want the the parent window to scroll up to the top.
>
> scrollTo did not work.
>
> Help!
>
> Erik

[jQuery] Re: localscroll not working, help? could it be lightbox?

[Ariel Flesler]

It currently works for me, and yeah, don't spam ;)

--
Ariel Flesler

On Aug 23, 8:18 pm, Alice  wrote:
> problem can be seen here:http://unedible.com/alicewhite/
>
> it's just not scrolling. sometimes when i change the code around a
> bit, the anchor images stop working completely.
> i'm also using lightbox, could that be the issue?

[jQuery] Re: Scroll To After AJAX Request...

[Ariel Flesler]

Include jQuery.scrollTo[1] and then, everytime the Ajax response
arrives:

$.scrollTo(0, 1000);

Where 1000 is how many milliseconds to animate. You can of course add
more settings as needed.

[1] http://flesler.blogspot.com/2007/10/jqueryscrollto.html

--
Ariel Flesler

On Aug 23, 9:34 pm, "Erik R. Peterson"  wrote:
> Any one can help with a script to scroll to the top of the page AFTER  
> an AJAX REQUEST loading a div?
>
> Erik

[jQuery] Re: setInterval()

[Michael Lawson]

'this' is undefined in the current scope

cheers

Michael Lawson
Development Lead, Global Solutions, ibm.com
Phone:  1-276-206-8393
E-mail:  mjlaw...@us.ibm.com

'Whether one believes in a religion or not,
and whether one believes in rebirth or not,
there isn't anyone who doesn't appreciate kindness and compassion..'


   
  From:   solow
   
  To: "jQuery (English)"   
   
  Date:   08/24/2009 09:31 AM  
   
  Subject:[jQuery] Re: setInterval()   
   






I really need this

<><>

[jQuery] Re: PHP IDE with support JQuery

[Michael Lawson]

As a codeigniter fanboy, I'd be very anxious to mess around with the CI
plugin for your IDE.  the jQuery plugin also looks very cool!

cheers

Michael Lawson
Development Lead, Global Solutions, ibm.com
Phone:  1-276-206-8393
E-mail:  mjlaw...@us.ibm.com

'Whether one believes in a religion or not,
and whether one believes in rebirth or not,
there isn't anyone who doesn't appreciate kindness and compassion..'


   
  From:   "s...@codelobster.com" 
   
  To: "jQuery (English)"   
   
  Date:   08/24/2009 09:45 AM  
   
  Subject:[jQuery] PHP IDE with support JQuery 
   






Hi.

Let me introduce free PHP IDE with available JQuery plug-in (paid):

Codelobster PHP Edition (http://www.codelobster.com) - has all
standart abilities for editing code
- PHP/HTML/CSS/JavaScript highlighting, autocomplete, code structure
- PHP debugger
- code folding, tooltips, help and etc.

and it has special JQuery features:
- autocomplete for JQuery library
- context and dynamic help for JQuery library

We are waiting for your comments and suggestions.

Regards,
Codelobster Team.

<><>

[jQuery] Fwd: [jquery-ui] Re: Psychological Assessmet Tool Using JQuery and Personal Construct Theory

[Joe Whitehurst]

Perhaps someone on this forum will have a suggestion for me to try?

-- Forwarded message --
From: jQuery UI Support 
Date: Mon, Aug 24, 2009 at 3:47 AM
Subject: [jquery-ui] Re: Psychological Assessmet Tool Using JQuery and
Personal Construct Theory
To: jquery...@googlegroups.com


Is this actuallly related to jQuery UI? If not, please post to the jQuery
discussion list: http://groups.google.com/group/jquery-en

Otherwise, please provide a more specific description of your problem.

jQuery UI support team


On Sun, Aug 23, 2009 at 10:49 PM, Joe Whitehurst wrote:

> I recently discovered Jquery and am quite excited about its capabilities.
>  I'm working on a sophisticated online psychological assessment tool using
> Personal Construct Theory (go here:
> http://www.warpraptor.com/irannewuser.html. to see an example of its use
> in political polling using the 2009 Iranian Presidential debacle (and get
> links to learn more about Personal Construct Theory).
> What I'm trying to accomplish is to place three circles (images) in a
> rectangular box and allow a user to move each of the circles anywhere in
> this rectangular box--but be locked within the box--occupying about 70% of
> the screen.  I want to capture the amount of time each circle is selected
> (cumulative if they are selected multiple times) and the total distance each
> is moved--no matter how they zig and zag or circle.  I want to be able to
> calculate the distances between the center of each circle and the centers of
> the other two when they all have been moved where the user wants to place
> them finally (actually, I would really like to capture the distances
> continuously from the time a user starts until the user clicks finished, but
> I'll add this in version 2).  I have downloaded and tested  wz_dragdrop (
> http://www.walterzorn.com/dragdrop/dragdrop_e.htm), but I have not yet
> gotten it to work correctly.  But now I think Jquery is a better bet.   I
> want the circles to be fairly small but big enough to contain a recognizable
> image of a human face.  I also want them to be perfect circles including the
> background.  I have not been able to figure out to create an image with a
> perfectly circular background.  Circular images are no problem.  The closest
> I have come to circular backgrounds is squares with rounded edges.  If you
> come across something that might help with any of these please let me know
>
>
>
>
>

[jQuery] PHP IDE with support JQuery

[s...@codelobster.com]

Hi.

Let me introduce free PHP IDE with available JQuery plug-in (paid):

Codelobster PHP Edition (http://www.codelobster.com) - has all
standart abilities for editing code
- PHP/HTML/CSS/JavaScript highlighting, autocomplete, code structure
- PHP debugger
- code folding, tooltips, help and etc.

and it has special JQuery features:
- autocomplete for JQuery library
- context and dynamic help for JQuery library

We are waiting for your comments and suggestions.

Regards,
Codelobster Team.

[jQuery] Re: Jquery + ExtJS 3.0

[mikfig]

thanks,
that solved it :D

On Aug 23, 11:49 pm, Steven Yang  wrote:
> try switching the order of  src="...ext-all.js">
> 
>
> to
> 
> 

[jQuery] Re: setInterval()

[solow]

I really need this

[jQuery] Re: Realtime ajax response

[Michael Lawson]

Unless I'm mistaken in my understanding of your issue, this is kind of what
AJAX was really meant for.  You can certainly post something, and then do a
get on whatever it was you posted to to get a response.  You might want to
take a polling approach where you set a javascript timer or timeout to do
the get request after a certain amount of time to allow the service to do
its work.  You're just making two AJAX calls on the page, instead of one.
Here is an example for you, its a shoutbox module I wrote in PHP using
javascript.  It isn't using jQuery (to eliminate dependencies) but you can
get the idea


http://sourceforge.net/projects/easyshoutbox/files/easyshoutbox/Easy_shout_box_0.5/

cheers

Michael Lawson
Development Lead, Global Solutions, ibm.com
Phone:  1-276-206-8393
E-mail:  mjlaw...@us.ibm.com

'Whether one believes in a religion or not,
and whether one believes in rebirth or not,
there isn't anyone who doesn't appreciate kindness and compassion..'


   
  From:   Josip Lazic   
   
  To: "jQuery (English)"   
   
  Date:   08/24/2009 08:19 AM  
   
  Subject:[jQuery] Realtime ajax response  
   






Hi,

can jQuery display response from .post request in realtime?

I force buffer flush in PHP with ob_start, and ob_flush, I know that I
can set target='iframeID' to my form, but I need ajax and target
should be div.

Thanks

<><>

[jQuery] Re: trouble with 'url' in $.ajax

[Jonathan Vanherpe (T & T NV)]

It's kinda hard to tell without seeing the site, but I think you could 
try finding out which url gets loaded and what response you get by using 
something like Fiddler ( http://www.fiddlertool.com/ ) or Wireshark ( 
http://www.wireshark.org/ ). Chrome also has a built-in debug thing, I 
believe.


Jonathan

ch2450 wrote:


Hi everybody,

I recently updated my website with url rewriting.
What I did was change the htaccess file so that every url is
redirected to an index.php file, which then parts this url ($_SERVER
['REQUEST_URI']) and 'include()' the corresponding files.

Since then, I've had several problems with absolute and relative paths
throughout the whole website, so I hardcoded every url and src tag
inside the code using the absolute path http://www.mysite.com/path/to/file
(instead of path/to/file/).
This has been working fine for every browser running on a Mac (Safari
and Firefox) and for Firefox on PC.
I didn't have the same luck with Chrome, Safari (PC) and IE for which
everything seems to work fine except the ajax requests. After several
days of testing, I am 95 percent sure that the problem comes from the
url's used by the $.ajax requests.
Although I wrote the absolute path for all of them (http://
www.mysite.com/path/to/file.php), the above-mentioned browsers don't
seem to find them.

Any idea what the problem could be ?
Any tips on how I could manage the absolute/relative path problem
better (for php and js) ?

Thank you for your help. Best,
-Clem.


Here is the entire content of my htaccess file :
"
Options +FollowSymLinks
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^.*$ index.php
"

I use Dreamhost, if this is of any help.




--
Jonathan Vanherpe - Tallieu & Tallieu NV - jonat...@tnt.be

[jQuery] Re: [validate] Radios with empty values and required:true

[Jörn Zaefferer]

When a question isn't required, it shouldn't have the required-rule.

Jörn

On Mon, Aug 24, 2009 at 1:43 PM, Gordon wrote:
>
> I'm working on a survey builder that lets people generate web forms
> for collecting user data.  Form builders can create forms with various
> controls on them.
>
> At the moment I'm building in a jQuery validate layer (there is also a
> server side validation layer, but I want to keep users from making
> unnecessary submits).  I've run into a little problem with radio
> buttons though.
>
> If I have radio buttons that all have values ( name="radioQuestion" value="1">,  name="radioQuestion value=2">, etc) then if I set up a required:true
> rule and try to submit I get a validation error as expected.  However,
> if there's a radio with no value in the group, such as  type="radio" name="radioQuestion" value=""> then if the radio with no
> value is selected, the validation check is passed.
>
> Is there a way around this, other than simply not including a radio
> button with no value?  I'd want this for questions that aren't set
> required.

[jQuery] [validate] Radios with empty values and required:true

[Gordon]

I'm working on a survey builder that lets people generate web forms
for collecting user data.  Form builders can create forms with various
controls on them.

At the moment I'm building in a jQuery validate layer (there is also a
server side validation layer, but I want to keep users from making
unnecessary submits).  I've run into a little problem with radio
buttons though.

If I have radio buttons that all have values (, , etc) then if I set up a required:true
rule and try to submit I get a validation error as expected.  However,
if there's a radio with no value in the group, such as  then if the radio with no
value is selected, the validation check is passed.

Is there a way around this, other than simply not including a radio
button with no value?  I'd want this for questions that aren't set
required.

[jQuery] Realtime ajax response

[Josip Lazic]

Hi,

can jQuery display response from .post request in realtime?

I force buffer flush in PHP with ob_start, and ob_flush, I know that I
can set target='iframeID' to my form, but I need ajax and target
should be div.

Thanks

[jQuery] Callback Not Working

[GLSmyth]

I am looking to fade text out when the mouse passes over it and
replace it with text that is faded in. My understanding is that this
needs to be done through a callback, as the text needs to fade out
completely before fading in. However, when I try to implement this
idea the content does not fade in, so I must be doing something wrong.

My code is:


var Tips = {
  ready: function() {
$('ul#SiteNav li').mouseover(
  function() {
$(this).find('div.SectionTitle').fadeOut('fast', function
() {
  $(this).find('div.Explanation').fadeIn('slow');
});
});
$('ul#SiteNav li').mouseout(
  function() {
$(this).find('div.Explanation').hide();
$(this).find('div.SectionTitle').show();
})
  }
};
$(document).ready(Tips.ready);


I left the mouseout part unchanged, as that is an example of what I am
changing from. What happens is that the mouseover text fades out, but
the replaced text does not fade back in. Additionally, the shown text
flashes before fading out if the mouse rolls over the text (as opposed
to the containing box), which is not really a problem, but I am not
understanding why that is happening. All works fine with hide/show.

Full code can be found at http://dripinvesting.org/Default_test.asp.

I am apparently missing something basic, so a pointer to a beginner
would be appreciated.

Cheers -

george

[jQuery] Re: [treeview] Can I apply classes to async trees??

[Jörn Zaefferer]

You can use the "classes" property in the JSON response. These are
added to each node.

Jörn

On Mon, Aug 24, 2009 at 12:12 PM, nsbk wrote:
>
> Hi!
>
> I'm currently working on a project in wich I use a pair of trees. The
> thing is that one of them is too big and IE6 (it needs to be
> supported :s ) takes forever to process the tree so I want to load it
> asynchronously branch by branch using the async version of the tree.
>
> The problem is that I want the tree to be a filetree, but when created
> as async it displays with default style. Is it possible to create an
> async filetree (without applying the classes "manually")??
>
> Here's my code:
>
> //js
>        $(document).ready(function(){
>                $("#tree").treeview({
>                        url: "MenuTree.aspx",animated: "fast",collapsed: true, 
> unique: true
>                })
>        });
> //html
>
>        
>        
>
> Thanks in advance!
>
> -- nsbk
>

[jQuery] Re: Help with using the 'not' selector

[MiKiTiE]

Thanks for your help but this is still not working. All that happens
is as soon as I click the word to make the div appear, it fades out
again.

I'm probably being totally thick here and missing something really
simple but I just cannot figure it out. All I need is for the div to
appear when clicking the link and to disappear when clicking out of
it.

This is how I make it appear:

$('a').click(function(e){
var x = $('#FM_OPTIONS').css( {
'left' : e.pageX - 100,
'top' : e.pageY + 35
} );

x.show();
});

which works.

I tried just a simple test:

$('body').click(function(){
$("#FM_OPTIONS").fadeOut('fast');
});

and even that doesn't do anything. I tried implementing the :not()
selector by saying "if it's not an  tag" but I don't think that's
what it's actually for. I hope someone can come up with a working
solution - I would really appreciate it.

Thanks.


On Aug 17, 8:18 pm, Ricardo  wrote:
> return false; in your 's click handler should avoid that, as it
> prevents the event from bubbling to the body. You can also check
> visibility:
>
> $().click(function(){
>     var opt = $(#'fm_options');
>     if( this != opt[0] && opt.is(':visible') )
>       opt.fadeOut('fast');
>
> });
>
> On Aug 17, 6:27 am,MiKiTiE wrote:
>
> > Thanks for your reply.
>
> > This is pretty much what I want - except I need my div to appear when
> > a particular link is clicked, but since I've put the fire in the body,
> > it's basically doing the fadeOut on every click (which stands to
> > reason since everything is the body!) So really what I need is
> > something else in there that says if it's also NOT an  tag...but
> > I'm pretty sure that if the  tag is clicked it will recognise it as
> > the body still? Is there some kind of work around for this?
>
> > Thanks
> > Mike
>
> > On Aug 14, 5:42 pm, Wolf  wrote:
>
> > > hi you have ask if the id is different, then dissappear the div o
> > > element
>
> > > $("body").click(function(){
> > >     IF($(this).attr('id') !="FM_OPTIONS")
> > >     {
> > >       $("#FM_OPTIONS").fadeOut('fast');
> > >     }
>
> > > });

[jQuery] [treeview] Can I apply classes to async trees??

[nsbk]

Hi!

I'm currently working on a project in wich I use a pair of trees. The
thing is that one of them is too big and IE6 (it needs to be
supported :s ) takes forever to process the tree so I want to load it
asynchronously branch by branch using the async version of the tree.

The problem is that I want the tree to be a filetree, but when created
as async it displays with default style. Is it possible to create an
async filetree (without applying the classes "manually")??

Here's my code:

//js
$(document).ready(function(){
$("#tree").treeview({
url: "MenuTree.aspx",animated: "fast",collapsed: true, 
unique: true
})
});
//html




Thanks in advance!

-- nsbk

[jQuery] trouble with 'url' in $.ajax

[ch2450]

Hi everybody,

I recently updated my website with url rewriting.
What I did was change the htaccess file so that every url is
redirected to an index.php file, which then parts this url ($_SERVER
['REQUEST_URI']) and 'include()' the corresponding files.

Since then, I've had several problems with absolute and relative paths
throughout the whole website, so I hardcoded every url and src tag
inside the code using the absolute path http://www.mysite.com/path/to/file
(instead of path/to/file/).
This has been working fine for every browser running on a Mac (Safari
and Firefox) and for Firefox on PC.
I didn't have the same luck with Chrome, Safari (PC) and IE for which
everything seems to work fine except the ajax requests. After several
days of testing, I am 95 percent sure that the problem comes from the
url's used by the $.ajax requests.
Although I wrote the absolute path for all of them (http://
www.mysite.com/path/to/file.php), the above-mentioned browsers don't
seem to find them.

Any idea what the problem could be ?
Any tips on how I could manage the absolute/relative path problem
better (for php and js) ?

Thank you for your help. Best,
-Clem.


Here is the entire content of my htaccess file :
"
Options +FollowSymLinks
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^.*$ index.php
"

I use Dreamhost, if this is of any help.

[jQuery] Re: Display DIVs as Multiple Columns

[Jonathan Vanherpe (T & T NV)]

S2 wrote:

How can I display a bunch of DIVs in multiple columns? Like Flex's
TileList component.

A
B
C
C
E
F
G

A B C
D E F
G

A B C D
E F G



You could use float: left;width: 33%; in the stylesheet. No need to use 
javascript for that (as long as your divs have a fixed height).


Jonathan

--
Jonathan Vanherpe - Tallieu & Tallieu NV - jonat...@tnt.be

[jQuery] Re: Display DIVs as Multiple Columns

[Liam Potter]

float them, with css.

S2 wrote:

How can I display a bunch of DIVs in multiple columns? Like Flex's
TileList component.

A
B
C
C
E
F
G

A B C
D E F
G

A B C D
E F G
  

[jQuery] Re: Is there a jQuery script that can do automatic text sizing based on browser window size?

[Liam Potter]

would just be a function to increase the font size same as anything 
else, and if you are using percentages or em's would be even simpler.


Tuckers wrote:

I want to create a page that scales everything on it as you increase/
decrease the browser window/viewport.  I can scale everything on the
page except the text.

You can see my example here (made for IE only now).  You can size the
browser window and see how it all scales.
http://mediazure.com/message_boards/Logo-message-board-template.htm

I have not found a solution to scale text with window size. I think
that there is a function that can be called called onResize.I only
need it to work in IE.  If it doesn't work in Firefox etc., as long as
it doesn't mess up those browsers it will be ok.

Does anyone know a jQuery script that can do this?  Or maybe someone
might want to make a bit of money making this for me?  I am not a
javascript programmer, I have one available if there is a script
available.

Thanks!
  

[jQuery] Display DIVs as Multiple Columns

[S2]

How can I display a bunch of DIVs in multiple columns? Like Flex's
TileList component.

A
B
C
C
E
F
G

A B C
D E F
G

A B C D
E F G

[jQuery] Re: Form Plugin issue

[kostjazz]

Hi All,

I also experience the very same problem.

I also found that when it happens it submits the form twice.

I haven't tried upgrading the version but the one I'm using is 2.10
(05/08/2008)

Cheers
Kostya

[jQuery] Re: Trying to pass vars from multiple triggers

[Irwan Setiawan]

Hi,

"id" is designed to work with only 1 instance in a web page.
If you need multiple instances of an element, use class="newsTrigger"
instead of id="newsTrigger".
And change $('#newsTrigger') into $('.newsTrigger').

Regards,
Irwan Setiawan


-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of TrixJo
Sent: Monday, August 24, 2009 9:54 AM
To: jQuery (English)
Subject: [jQuery] Trying to pass vars from multiple triggers


Hi I have multiple triggers and I am trying to pass variables via a
"rel=" tag (which are unique id's) for each trigger

I can get most of it working, problem is that since there are multiple
triggers with id="newsTrigger" only the first listed trigger works

Using PHP/mySQL.



An example trigger is:
while loop{
   echo ''.substr($rowNewsHeadline[$counter],0,40).'';
}

The above outputs a large number of rows with the same span id of
"newsTrigger".  When a user mousesover any of the newsTrigges I am
trying to get an ajax dialog to load up content based on the id that
is being passed through the rel tag.  How do I do this?


The javascript so far is:



$(document).ready(function(){

$("#newsTrigger").mouseover(function() {
var newsid = $(this).attr("rel");
alert(newsid);

});

});

[jQuery] Is there a jQuery script that can do automatic text sizing based on browser window size?

[Tuckers]

I want to create a page that scales everything on it as you increase/
decrease the browser window/viewport.  I can scale everything on the
page except the text.

You can see my example here (made for IE only now).  You can size the
browser window and see how it all scales.
http://mediazure.com/message_boards/Logo-message-board-template.htm

I have not found a solution to scale text with window size. I think
that there is a function that can be called called onResize.I only
need it to work in IE.  If it doesn't work in Firefox etc., as long as
it doesn't mess up those browsers it will be ok.

Does anyone know a jQuery script that can do this?  Or maybe someone
might want to make a bit of money making this for me?  I am not a
javascript programmer, I have one available if there is a script
available.

Thanks!