Nabble - jQuery General Discussion

Re: Create array based on input value

2008-07-24T11:07:04Z

Thanks Ariel,

My situation is, I have a list of links. When I click a link, I need
the input box to appear, which is where I will enter the number. When
I enter a number, say, 5, I need the URL for that link to be put into
an array, but 5 times, or 5 items in the array. So each time, the
user with specify how many times the URL will be put into the array.

Sounds strange, but there is a purpose for this.

On Jul 24, 7:51 am, Ariel Flesler <afles...@...> wrote:

> You need to modify the text of the input and it will "resize" the
> array to that limit.
> I didn't know exactly when to modify the size, you need to change that
> to suit your needs.
>
> The change event is triggered after you modify the text of the input
> and you remove the focus from it.
>
> Am I getting your situation wrongly ?
>
> --
> Ariel Fleslerhttp://flesler.blogspot.com/
>
> On 24 jul, 02:12, hubbs <nnhubb...@...> wrote:
>
> > The values for the array are just random text, I will replace them
> > later.
>
> > Ariel, I am checking vals with an alert, and it is returning the whole
> > array, did I do something wrong?
>
> > On Jul 23, 6:54 pm, Ariel Flesler <afles...@...> wrote:
>
> > > Maybe something like:
>
> > > var full = [ 'a', 'b', 'c', 'd', 'e', 'f', 'g' ];
> > > var vals = full;
>
> > > $('input.happy').change(function(){
> > > var amount = parseInt(this.value);
> > > if( !isNaN(amount ) )
> > > vals = full.slice( 0, amount );
>
> > > });
>
> > > full contains all the possible values, vals has only as many as the
> > > user selected.
>
> > > Cheers
>
> > > --
> > > Ariel Fleslerhttp://flesler.blogspot.com/
>
> > > On 23 jul, 21:38, "Michael Geary" <m...@...> wrote:
>
> > > > I don't think you *would* do this with jQuery, other than the trivial part
> > > > of fetching the value from the input box. It's just JavaScript.
>
> > > > The answer is, of course, yes, you can create an array where the number of
> > > > elements depend on some defined value.
>
> > > > But where do you get the values for the array elements? Where do "Jani" et
> > > > al come from?
>
> > > > There's not quite enough information here to answer the question.
>
> > > > -Mike
>
> > > > > I am wondering if it is possible to create an array, but the
> > > > > number of array items would depend on the number value in an
> > > > > input box.
>
> > > > > So, if the user entered 5, it would create:
>
> > > > > var arr = new Array(6);
> > > > > arr[0] = "Jani";
> > > > > arr[1] = "Hege";
> > > > > arr[2] = "Stale";
> > > > > arr[3] = "Kai Jim";
> > > > > arr[4] = "Borge";
> > > > > arr[5] = "Tove";
>
> > > > > I am having a hard time understanding how I would do this with jQuery.- Ocultar texto de la cita -
>
> > > > - Mostrar texto de la cita -- Ocultar texto de la cita -
>
> > - Mostrar texto de la cita -

file uploads with progress bars

2008-07-24T10:53:09Z

Hi,

Does anyone know of a JQuery plug-in that can do the following,
perhaps unreasonable, list of things

- AJAX file uploads
- Progress bar while upload is happening
- ability to catch server response and display a message instead of
page refreshing
- cancel the AJAX request mid-stream

You guys are the best as always, - Dave

Re: Write binary data (from server) is possible with Ajax?

2008-07-24T10:22:22Z

In Short: You CAN...just not using the current JQuery version.

It is possible with Firefox to download binary data using the xmlHttpRequest object. Please read the following link:
http://mgran.blogspot.com/2006/08/downloading-binary-streams-with.html

Pretty impressive stuff. Would be nice if JQuery would implement this into the ajax functionality and return binary streams so multiple libraries would not be needed.

Regards,
Mjack

Mario Wolff-2 wrote:

Hi!
In short: You can't!
A possible way:
Do a HEAD request first, check the content-type as you do, if it's
"usable" data load it with a GET request, if it's "downloadable" data
open the same url in a new window. The browser will see that it is an
oktet-stream and will open download dialog!
Regards,
Mario

PS: My english is also pure!

Re: Simple/obvious way to reveal items clipped by overflow:hidden ?

2008-07-24T10:11:37Z

Hi Su,

One way you could do it is to make sure that the contents of the div are contained within another div. Something like this:

<div>

<h3>Heading</h3>

<p>paragraph</p>

<p>another paragraph</p>

</div>

Then you could animate the outer div to the inner div's height:

$(document).ready(function() {

var initHeight = $('#outer').height();

$('#outer').hover(function() {

$(this).animate({height: $('> div', this).height()}, 400);

}, function() {

$(this).animate({height: initHeight}, 400);

});

You don't have to animate it, of course, but I thought that would look cool. :-)

--Karl
____________

Karl Swedberg

www.englishrules.com

www.learningjquery.com

On Jul 24, 2008, at 12:22 PM, Su wrote:

Let's say I have a div with a CSS height of 200px, with
overflow:hidden, and so there's content clipped inside it.
Is there any way to have .hover() make that div expand down to reveal
the internal content, without having to manually specify the target
height?

Since overflow:auto produces proportional scrollbars, I have the
impression that the browser /does/ know this number somehow, but I
have no idea how to get at it.

Re: need some documentation mirror or something

2008-07-24T09:58:13Z

Sorry about the inconvenience with the docs site. I know John was looking into the problem a few days ago, but he's traveling a lot at the moment so not sure how much progress has been made or how soon he'll be able to return to it. In the meantime, Remy Sharp's API viewer is very handy:

http://remysharp.com/jquery-api/

--Karl
____________

Karl Swedberg

www.englishrules.com

www.learningjquery.com

On Jul 24, 2008, at 11:10 AM, AstroIvan wrote:

docs.jquery.com is way too unstable to be useful. can we get the
documentation grouped into a downloaded file as well? i'd submit a
bug but i can't get to the nav.

Re: slideToggle() very jerky

2008-07-24T09:55:15Z

Thanks. I had seen similar posts to that (after I asked the question) and tried it, but that presented two problems. First, it was still jerky. Second, the second table row didn't close all the way because of the padding issue. But thank you for trying. Let me know if you have any other ideas...

On Thu, Jul 24, 2008 at 11:51 AM, Karl Swedberg <karl@...> wrote:

It might help to take the margin off of the sliding div and put padding on the containing td instead.

--Karl
____________

Karl Swedberg

www.englishrules.com

www.learningjquery.com

On Jul 24, 2008, at 9:59 AM, toddhd wrote:

Hello - I am very new to jquery, so maybe I'm doing something wrong. I
am trying to create a pretty simple expanding container. This is
standard fare, with a title bar, and when you click on the +/- it
should expand/collapse the contents of the container. Functionally,
the code below is working just fine. My concern is that the movement
(in both IE and FF) is jerky. To be more specific, the rollup looks
pretty good, but when it expands again, there is a hesitation - it is
not smooth.

Am I doing something wrong? Or is this a known issue?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script src="javascript/jquery-1.2.6.min.js" type="text/javascript"></
script>
</head>

<body>

<table cellpadding="0" cellspacing="0" style="border: 1px black solid;
width: 300px;">
<tr>
<td style="background-color: navy; color: white; font-weight: bold;
padding: 5px;">
<a href="#" onclick="$('#slide').slideToggle('slow');">
<img alt="Expand/Collapse" src="images/Minus.gif" style="margin-
right: 10px; border-style: none;" /></a>Title</td>
</tr>
<tr>
<td style="background-color: gray;">
<div id="slide" style="width: 100%; padding: 0px; margin: 5px;">
Vestibulum accumsan imperdiet pede. Donec est sapien, facilisis a,
pretium
nec, vehicula in, sapien. Donec luctus. In tincidunt, sem in
dapibus
adipiscing, pede leo euismod ligula, eget mattis est orci ut
lectus.
Proin ligula. Donec fringilla volutpat nisl. Nam a lacus non orci
vehicula
semper. Nam iaculis, lacus nec auctor tincidunt, velit ipsum
iaculis
elit, eget semper nibh sapien non justo. Cras tellus turpis,
iaculis
sit amet, tempor nec, rhoncus vitae, purus. Sed pharetra commodo
orci.
Fusce auctor tincidunt nulla. Pellentesque habitant morbi
tristique
senectus et netus et malesuada fames ac turpis egestas. Vivamus
tempus
fermentum nunc. Cras rhoncus sapien vel felis. Duis elit enim,
vulputate
in, eleifend a, tempor quis, lacus. Etiam volutpat, felis vitae
hendrerit
pharetra, eros urna pulvinar nibh, et ultricies neque augue nec
dui.
Phasellus non tellus. Phasellus faucibus lectus nec augue.
Praesent
vulputate. Nam leo neque, consectetuer non, aliquet at, accumsan
vitae,
sapien. </div>
</td>
</tr>
</table>

</body>

</html>

--
-Todd Davis
www.SeaburyDesign.com

Re: An event from the ajax result

2008-07-24T09:53:48Z

Hi,
I am not sure if I understand ur question. are you getting any errors
when run this or are you asking where to insert the $(".abc").click
function?

you will normally include $(".abc").click function inside $
(document).ready() function like this

<script language=javascript>
$(document).ready(function(){
$(".abc").click(function() {
$.ajax({
url: "url.php",
method: "post",
data: "data1=1",
success: function(m) {
$(".parent_div").append(m);

}
});
}

});
</script>

On Jul 24, 9:46 am, "Didats Triadi" <did...@...> wrote:

> Hi All,
>
> I'm quite new in JQuery and this mailing list. And want to ask
> something that I couldn't get the answer yet.
> I hope someone can help me.
>
> I have this HTML link:
>
> <a href="#" class="abc">the link</a>
>
> And this JQuery.
>
> $(".abc").click(function() {
> $.ajax({
> url: "url.php",
> method: "post",
> data: "data1=1",
> success: function(m) {
> $(".parent_div").append(m);
>
> }
> });
> }
>
> The Ajax process will result this (the m variable):
>
> <a href="#" class=".abc">link 1</a>
>
> The question is, how can I make the $(".abc").click() above, working
> on the HTML ajax result?
>
> Thanks in advance.
> Didats Triadi

Re: An event from the ajax result

2008-07-24T09:52:43Z

This is a common question.

As soon as you have appended your latest element to the DOM, you could
select it and bind a click handler to it (right inside the success
function).

See: http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_Ajax_request.3F

Also consider: http://brandonaaron.net/docs/livequery/

Mark

On Jul 24, 7:46 am, "Didats Triadi" <did...@...> wrote:

Re: slideToggle() very jerky

2008-07-24T09:51:03Z

It might help to take the margin off of the sliding div and put padding on the containing td instead.

--Karl
____________

Karl Swedberg

www.englishrules.com

www.learningjquery.com

On Jul 24, 2008, at 9:59 AM, toddhd wrote:

Hello - I am very new to jquery, so maybe I'm doing something wrong. I
am trying to create a pretty simple expanding container. This is
standard fare, with a title bar, and when you click on the +/- it
should expand/collapse the contents of the container. Functionally,
the code below is working just fine. My concern is that the movement
(in both IE and FF) is jerky. To be more specific, the rollup looks
pretty good, but when it expands again, there is a hesitation - it is
not smooth.

Am I doing something wrong? Or is this a known issue?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script src="javascript/jquery-1.2.6.min.js" type="text/javascript"></
script>
</head>

<body>

<table cellpadding="0" cellspacing="0" style="border: 1px black solid;
width: 300px;">
<tr>
<td style="background-color: navy; color: white; font-weight: bold;
padding: 5px;">
<a href="#" onclick="$('#slide').slideToggle('slow');">
<img alt="Expand/Collapse" src="images/Minus.gif" style="margin-
right: 10px; border-style: none;" /></a>Title</td>
</tr>
<tr>
<td style="background-color: gray;">
<div id="slide" style="width: 100%; padding: 0px; margin: 5px;">
Vestibulum accumsan imperdiet pede. Donec est sapien, facilisis a,
pretium
nec, vehicula in, sapien. Donec luctus. In tincidunt, sem in
dapibus
adipiscing, pede leo euismod ligula, eget mattis est orci ut
lectus.
Proin ligula. Donec fringilla volutpat nisl. Nam a lacus non orci
vehicula
semper. Nam iaculis, lacus nec auctor tincidunt, velit ipsum
iaculis
elit, eget semper nibh sapien non justo. Cras tellus turpis,
iaculis
sit amet, tempor nec, rhoncus vitae, purus. Sed pharetra commodo
orci.
Fusce auctor tincidunt nulla. Pellentesque habitant morbi
tristique
senectus et netus et malesuada fames ac turpis egestas. Vivamus
tempus
fermentum nunc. Cras rhoncus sapien vel felis. Duis elit enim,
vulputate
in, eleifend a, tempor quis, lacus. Etiam volutpat, felis vitae
hendrerit
pharetra, eros urna pulvinar nibh, et ultricies neque augue nec
dui.
Phasellus non tellus. Phasellus faucibus lectus nec augue.
Praesent
vulputate. Nam leo neque, consectetuer non, aliquet at, accumsan
vitae,
sapien. </div>
</td>
</tr>
</table>

</body>

</html>

Simple/obvious way to reveal items clipped by overflow:hidden ?

2008-07-24T09:22:33Z

Let's say I have a div with a CSS height of 200px, with
overflow:hidden, and so there's content clipped inside it.
Is there any way to have .hover() make that div expand down to reveal
the internal content, without having to manually specify the target
height?

Since overflow:auto produces proportional scrollbars, I have the
impression that the browser /does/ know this number somehow, but I
have no idea how to get at it.

IE Problem, throws no error dont know what its doing.

2008-07-24T09:09:57Z

I have a small multi-part form (full version at http://liveanime.org/manga/
click the upload manga link") it works in everything but IE (as usual.
none of them 6,7,8) And none of them are giving me an error they are
just refusing to work.

I have trimmed down the code to try and work out where the error is
and its not getting past the ajax post of information to the php file
which validates the form. As far as i can tell. I cant work out where
the error is.

Trimmed down version is here = http://liveanime.org/manga/test.html
click the CHECK THESE DETAILS link, no need to do anything else. In
everything but ie it will come back saying, fill this in etc.

Thanks in advanced.

Re: more jQuerish-way instead of each -> accesing "this" or "self" or "currently mangeld object"

2008-07-24T09:06:42Z

Your solution is already as good as it gets.

Jörn

On Thu, Jul 24, 2008 at 2:11 PM, Harald Armin Massa
<haraldarminmassa@...> wrote:

>
> Hello!
>
> I need to add autocomplete-functionality to some of my input fields.
>
> I can select them via $j("input.acmplajax") -> done
>
> The URL for requesting the autocomplete-Filler needs to be different
> for every input, so I want to refer to the DOM-ID of that input-
> element, the following works:
>
> $j("input.acmplajax").each(
> function(ind, obj)
> {$j(obj).autocomplete("/autocont/"+obj.id)
> }
> )
>
> But my stomach tells me: there must be some way to write this
>
> $j("input.acmplajax").autocomplete("/autocont/"+<how_do_I_access the
> current element of the jQuery collection>.id)
>
> so, what is the correct value for "<how_do_I_access the current
> element of the jQuery collection>" ???
>
> Harald
>
>

slow jQuery functionality in IE on Windows

2008-07-24T08:52:26Z

My page:
http://dev.theredgroup.us/greenside

Please mouseover six graphic 'tiles' on righthand side. Content below
changes as well as tile color changes.

Problem:
IE on Windows has very slow performance, with lag between mouseover of
images leading to slow change from gray to color.

Firefox Mac/Win and Mac Safari does not show this. I have not tried
Mac IE.

Any thoughts?

The jQuery code that controls this content:

$("#tiles a").mouseover(function(){

// get tile filename
var newsrc = $(this).children("img").attr("src");

// change all tiles to gray
$("#tiles a img").each(function(){
var newsrc2 = $(this).attr("src");
$(this).attr("src", "images/tiles/"+newsrc2.substr(13,5)+"-
gray.gif");
});

// change this tile to color
$(this).children("img").attr("src", "images/
tiles/"+newsrc.substr(13,5)+"-color.gif");

// change text content
$("#hpcopy div").css("display","none").appendTo("#holding");
$
("#"+newsrc.substr(13,5)).css("display","inline").appendTo("#hpcopy");

});

thanks!

Jason

Re: Augmentation of Object.prototype

2008-07-24T08:33:22Z

This snippet of code means "iterate over all members of myObj AND all
members of the prototypes in its chain" :

for (var m in myObj) {
// use of m...
}

In JQuery the most (all?) of "for (.. in ..)" construction means
"iterate over all members of myObj".
You expect that the object.prototype is empty... but it's not always
true :).

If i have time I will try to use an "each" instead of the "for in" in
jQuery and take some performance measures.

/Greg

On Jul 22, 7:23 pm, "Michael Geary" <m...@...> wrote:

> > If it's so BAD why Douglas Crockford in his book[1] has no
> > problem with object.prototype augmentation ?
>
> > For example, take a look :
> >http://javascript.crockford.com/prototypal.html
> > He says : "The problem with Object.prototype.begetObject is
> > that it trips up incompetent programs[..]"
>
> > [1]http://oreilly.com/catalog/9780596517748/
>
> Doug's a very smart guy, and a world-class JavaScript expert. However, there
> are a few things like this where he's not really looking at all the
> tradeoffs. (That's a polite way of saying "he's wrong!")
>
> On this particular issue, Doug wishes JavaScript had a feature it doesn't
> have - the ability to add non-enumerable properties to an object or its
> prototype. So, he's willing to push the burden of dealing with this
> limitation onto every for..in loop in existence. That means you can never
> write a clean and simple for..in loop again: instead, you have to use (ugh!)
> a Design Pattern.
>
> Consider Doug's JSON library, which until recently extended
> Object.prototype, and as a result all sorts of code around the world broke
> in odd ways. Not just jQuery, but anyone who innocently used a for..in loop
> and expected it to work as advertised.
>
> The newest version of Doug's JSON library no longer extends
> Object.prototype.
>
> -Mike

jqModal gallery slideshow

2008-07-24T08:16:38Z

Anyone ever made a gallery slideshow with jqModal? Can anyone
recommend a good place to start? Code?

Erin

Re: jQuery Validation Opera Issue

2008-07-24T08:15:38Z

I get a similar issue with a textarea but mine actually does have
validation rules of required and minlength. Mine shows the proper
required error when there's nothing there but once I start adding text
to it I get an error that's the same name/id as the field
(areaHearAbout). Also only happening to me in Opera 9.26. Tried the
latest release 1.3 and 1.4 and getting the same error as well.

Re: How to cancel an ajax request?

2008-07-24T08:14:08Z

This should do:

var xhr = $.ajax({....});
//...
xhr.abort();

There small issues with this, they were fixed on trunk but I don't
think they made it to 1.2.6.
In short, this is how.

--
Ariel Flesler
http://flesler.blogspot.com

On 24 jul, 12:10, "laredotorn...@..."
<laredotorn...@...> wrote:
> Hi,
>
> Not sure if this is possible but wanted to float this out there. Is
> there a way to cancel an AJAX request once the ball is set in motion?
> I'm using the "$.ajax" call, not sure if there are parameters I can
> pass or things I can catch that would help me cancel the request at
> some later point.
>
> Thanks for your input, - Dave

need some documentation mirror or something

2008-07-24T08:10:29Z

docs.jquery.com is way too unstable to be useful. can we get the
documentation grouped into a downloaded file as well? i'd submit a
bug but i can't get to the nav.

How to cancel an ajax request?

2008-07-24T08:10:25Z

Hi,

Not sure if this is possible but wanted to float this out there. Is
there a way to cancel an AJAX request once the ball is set in motion?
I'm using the "$.ajax" call, not sure if there are parameters I can
pass or things I can catch that would help me cancel the request at
some later point.

Thanks for your input, - Dave

Re: Create array based on input value

2008-07-24T07:51:25Z

You need to modify the text of the input and it will "resize" the
array to that limit.
I didn't know exactly when to modify the size, you need to change that
to suit your needs.

The change event is triggered after you modify the text of the input
and you remove the focus from it.

Am I getting your situation wrongly ?

--
Ariel Flesler
http://flesler.blogspot.com/

On 24 jul, 02:12, hubbs <nnhubb...@...> wrote:

> The values for the array are just random text, I will replace them
> later.
>
> Ariel, I am checking vals with an alert, and it is returning the whole
> array, did I do something wrong?
>
> On Jul 23, 6:54 pm, Ariel Flesler <afles...@...> wrote:
>
>
>
> > Maybe something like:
>
> > var full = [ 'a', 'b', 'c', 'd', 'e', 'f', 'g' ];
> > var vals = full;
>
> > $('input.happy').change(function(){
> > var amount = parseInt(this.value);
> > if( !isNaN(amount ) )
> > vals = full.slice( 0, amount );
>
> > });
>
> > full contains all the possible values, vals has only as many as the
> > user selected.
>
> > Cheers
>
> > --
> > Ariel Fleslerhttp://flesler.blogspot.com/
>
> > On 23 jul, 21:38, "Michael Geary" <m...@...> wrote:
>
> > > I don't think you *would* do this with jQuery, other than the trivial part
> > > of fetching the value from the input box. It's just JavaScript.
>
> > > The answer is, of course, yes, you can create an array where the number of
> > > elements depend on some defined value.
>
> > > But where do you get the values for the array elements? Where do "Jani" et
> > > al come from?
>
> > > There's not quite enough information here to answer the question.
>
> > > -Mike
>
> > > > I am wondering if it is possible to create an array, but the
> > > > number of array items would depend on the number value in an
> > > > input box.
>
> > > > So, if the user entered 5, it would create:
>
> > > > var arr = new Array(6);
> > > > arr[0] = "Jani";
> > > > arr[1] = "Hege";
> > > > arr[2] = "Stale";
> > > > arr[3] = "Kai Jim";
> > > > arr[4] = "Borge";
> > > > arr[5] = "Tove";
>
> > > > I am having a hard time understanding how I would do this with jQuery.- Ocultar texto de la cita -
>
> > > - Mostrar texto de la cita -- Ocultar texto de la cita -
>
> - Mostrar texto de la cita -

Jquery Cycle and XML

2008-07-24T07:41:29Z

Hello,
I've posted an unresponded post few days ago concerning cycle function
in jquery.

I've change completly the function I was using to be able to get all
the power of jquery.

Here is the function :
I'm trying to greate a dynamic photo cycle after the info of a XML
file.
The xml loads great, but the cycle never runs.

any idea ?

$(document).ready(function(){

var marque = JSExtraireParamMarque();

// Open the students.xml file
$.get("xml/listeProduits.xml",{},function(xml){

// Build an HTML string
myHTMLOutput = '';
//myHTMLOutput += '<table width="98%" border="1" cellpadding="0"
cellspacing="0">';
//myHTMLOutput += '<th>Name</th><th>Age</th><th>Phone</th><th>SSN</
th>';

// Run the function for each student tag in the XML file

$('marque',xml).each(function(i) {

nomMarque = $(this).find("nomMarque").text();
myRE = new RegExp(nomMarque, "i")

if (marque.match(myRE)) {

$('produit',xml).each(function(i) {
nom = $(this).find("nom").text();
promotion = $(this).find("promotion").text();
//nomMarque = $(this).find("marque").attr("idMarque");
$('#diaporama').append('<img src="images/'+nom+'.jpg" width="80"
height="108" />');
//buildDiapo (nom);
});
}
});

//myHTMLOutput += '</table>';

// Update the DIV called Content Area with the HTML string
});

$('#diaporama').cycle({});

});

Drag Drop (sortable) questions

2008-07-24T07:31:00Z

Hi,
I'm trying to use the Jquery sortable (drag/drop)
Everything works well but I need help on 2 topics.

First, when I dynamically add portlets, I recall this function :
$('div.portletHolder').Sortable(.....);
Otherwise, the portlet is not draggable.
Is there a more elegant way to accomplish this?

To add a new portlet I use this function
portlet="htmlcontent";
$(portlet).prependTo("#column1");
Is it possible to add some code to add the drag/drop functionnality to
the newest portlet?
Knowing that I need to serialize it.

My second question is about the animation when I drag and drop a
portlet.
How can I add a smooth animation when I drop the portlet?
I've seen this website (http://www.pageflakes.com) and I like the
effect when you drop the portlet.

Any help?

Stan

Re: Form Plugin: access xhr object

2008-07-24T07:30:15Z

> I'm quite new to JQuery and started using the Form Plugin found here:http://malsup.com/jquery/form/
>
> In my success callback I am trying to get hold of the XmlHttpRequest
> instance that was used to make the Ajax request.
>
> However xhr does not seem available from the arguments passed into the
> success callback? Looking at JQuery docs the ajax function does return
> xhr instance, but how to get access when using the form plugin?
>
> The reason for this is server side returns certain response headers
> which I would like to inspect and act upon.
>
> kind regards
>
> bob

The XHR is not passed to the success handler, but it is passed to the
"complete" handler so you could use that instead.

Mike

Re: Clone problem in IE...

2008-07-24T07:10:58Z

I just found out that cloneNode doesn't pass the value in a file field
when being cloned from inside an iframe in IE.
Apparently this is an IE bug, and I've tried over 15 different ways of
trying to clone the object, then change the values, and update the
values, and even changing them before they get cloned, but nothing
works.

After trying so many different options, and still having no value
being cloned, so that the function won't work, I have given up.

If anyone else has had this problem and solved it, please post.

After spending years hating IE, this has definitely helped me to start
thinking about FF only site-app design. <grin>

Thanks

Marcus

finding the exact error when using $.ajax

2008-07-24T07:06:52Z

Hi,

I am using $.ajax method in an aspx page for the validation. When I
run this on my localhost, it works fine. however, when I deploy this
to our IIS server, it is not working. I am trying to get the error
message but not sure how to get it. could some one please help me?

Following is the code.
------------------

function ValidateRoutingNumber(event){
var txt = event.target;
if(txt != undefined){
if($.trim(txt.value).length > 0){
$.ajax({
type: "POST",
cache: false,
url: "<%= Request.ApplicationPath %>/Validations.aspx/
ValidateBankRouting",
data: "{'RoutingNumber':'" + txt.value + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
error: function(XMLHttpRequest, textStatus, errorThrown)
{
alert(errorThrown);
},
success: function(msg) {
var details = eval("(" + msg + ")");
if(details.Valid == true){
}
else {
//invalid
alert("Bank Routing number " + $(txt).val() + " is not
a valid Bank Routing number.");
$(txt).select();
}
}
});
}
}
}

-- function
<Runtime.Serialization.DataContract()> _
Private Structure BankRoutValidationResults
<Runtime.Serialization.DataMember()> _
Public Valid As Boolean
<Runtime.Serialization.DataMember()> _
Public BankName As String
<Runtime.Serialization.DataMember()> _
Public BankNameInDB As Boolean
End Structure
<WebMethod()> _
Public Shared Function ValidateBankRouting(ByVal RoutingNumber As
String) As String
Dim objResult As BankRoutValidationResults
Dim returnVal As String = String.Empty
Dim obj As BankRoutDAO
Try
objResult = New BankRoutValidationResults
If ValidateRoutingNo(RoutingNumber) = False Then
objResult.Valid = False
objResult.BankName = String.Empty
Else
objResult.Valid = True
obj = New BankRoutDAO(RoutingNumber)
If Not obj Is Nothing AndAlso obj.InDatabase Then
objResult.BankName = obj.Description.Trim
objResult.BankNameInDB = True
Else
objResult.BankNameInDB = False
objResult.BankName = String.Empty
HttpContext.Current.Session("BankRout") =
RoutingNumber
End If
End If
returnVal = JavaScriptConvert.SerializeObject(objResult)
Catch ex As Exception
LogException(ex.Source, ex.Message)
End Try
Return returnVal
End Function

slideToggle() very jerky

2008-07-24T06:59:08Z

Hello - I am very new to jquery, so maybe I'm doing something wrong. I
am trying to create a pretty simple expanding container. This is
standard fare, with a title bar, and when you click on the +/- it
should expand/collapse the contents of the container. Functionally,
the code below is working just fine. My concern is that the movement
(in both IE and FF) is jerky. To be more specific, the rollup looks
pretty good, but when it expands again, there is a hesitation - it is
not smooth.

Am I doing something wrong? Or is this a known issue?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script src="javascript/jquery-1.2.6.min.js" type="text/javascript"></
script>
</head>

<body>

<table cellpadding="0" cellspacing="0" style="border: 1px black solid;
width: 300px;">
<tr>
<td style="background-color: navy; color: white; font-weight: bold;
padding: 5px;">
<a href="#" onclick="$('#slide').slideToggle('slow');">
<img alt="Expand/Collapse" src="images/Minus.gif" style="margin-
right: 10px; border-style: none;" /></a>Title</td>
</tr>
<tr>
<td style="background-color: gray;">
<div id="slide" style="width: 100%; padding: 0px; margin: 5px;">
Vestibulum accumsan imperdiet pede. Donec est sapien, facilisis a,
pretium
nec, vehicula in, sapien. Donec luctus. In tincidunt, sem in
dapibus
adipiscing, pede leo euismod ligula, eget mattis est orci ut
lectus.
Proin ligula. Donec fringilla volutpat nisl. Nam a lacus non orci
vehicula
semper. Nam iaculis, lacus nec auctor tincidunt, velit ipsum
iaculis
elit, eget semper nibh sapien non justo. Cras tellus turpis,
iaculis
sit amet, tempor nec, rhoncus vitae, purus. Sed pharetra commodo
orci.
Fusce auctor tincidunt nulla. Pellentesque habitant morbi
tristique
senectus et netus et malesuada fames ac turpis egestas. Vivamus
tempus
fermentum nunc. Cras rhoncus sapien vel felis. Duis elit enim,
vulputate
in, eleifend a, tempor quis, lacus. Etiam volutpat, felis vitae
hendrerit
pharetra, eros urna pulvinar nibh, et ultricies neque augue nec
dui.
Phasellus non tellus. Phasellus faucibus lectus nec augue.
Praesent
vulputate. Nam leo neque, consectetuer non, aliquet at, accumsan
vitae,
sapien. </div>
</td>
</tr>
</table>

</body>

</html>

Re: Can't save jEditable value

2008-07-24T06:57:29Z

On Jul 23, 2008, at 8:21 PM, Mat_ wrote:

> if ( isset($_POST['value']))
> {
> $resume = $_POST['value'];
> $sql = ("UPDATE customer SET
> resume='".mysql_real_escape_string($resume)."' WHERE
> user_name='".mysql_real_escape_string($_SESSION[logname])."' ");
> mysql_query($sql) or die('impossible de modifier le
> resume'.mysql_error());
>
> $message_ok = "Votre CV a bien été enregistré";
> updateDateUser($_SESSION['logname'],$table_name);
> }
>
>
> If someone see the problem, it could help me so much :)

Have you check do you get any errors when you try to save to database?
Have you checked what values actually are in database?

--
Mika Tuupola
http://www.appelsiini.net/

Re: jQuery XML to JSON Plugin v1.0 and file size problem

2008-07-24T06:57:21Z

oops, I actually read the first message incorrectly, I thought deepsnow was saying it took over 400 seconds to go from xml to js. sorry. Can you make sure that you can point the browser directly at the large xml file url and that it loads successfully there first?

On Thu, Jul 24, 2008 at 9:13 AM, S P Arif Sahari Wibowo <arifsaha@...> wrote:

On Wed, 23 Jul 2008, deepsnow wrote:
> I tried to load a 7.5MB xml file and it 404s on me. Is there a
> file size limit setting somewhere or a way to know what the
> max file size I can use is?

I am a bit new here, but I believe 404 errors are from server,
not from client-side JavaScript. So, I believe the plugin have
no direct limitation in this case, maybe the server have problem
provide those 7.5 MB in the particular setup and manner you
download it. One thing to check is whether you can download that
XML without script at all. There can be timeout built to server
and/or browser causing big download to fail. It can be tricky if
the download size fall into grey area, when if everything good
it still fall under timeout, but if moon is in certain position
in the sky the download got slowed enough to timeout.

--
(stephan paul) Arif Sahari Wibowo
_____ _____ _____ _____
/____ /____/ /____/ /____
_____/ / / / _____/ http://www.arifsaha.com/

--
Christopher Thatcher

Re: IE7 Hover problem

2008-07-24T06:54:43Z

Karl,

Yes, it was the commas.

I just removed the commas from my original code and it's now working fine.

Thanks very much

On 24 Jul 2008, at 14:45, Karl Swedberg wrote:

Not sure if this is the problem, but you might want to try putting a semicolon after your variables:
   var cssObj = {
       backgroundPosition: "-75px,0"
     }; // <-- add the semicolon here.

If that doesn't work, maybe you could simplify by putting the object literal directly in the css argument:

Oh, wait! Those commas shouldn't be in the backgroundPosition value, should they? Try it like this;

   $("#myicon").hover(function () {
   $(this).css(backgroundPosition: "-75px 0");
   }, function () {
   $(this).css(backgroundPosition: "0 0");
   });

Hope that helps.

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

On Jul 24, 2008, at 8:30 AM, djl wrote:

Hi,

I've got a simple page here with a mouse-over effect using .hover to change the background position of the image:-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
#iconsmenu {
position:relative;
background:#ccc;
width:600px;
height:110px;
left:92px;
}

#myicon {
width:75px;
height:110px;
background:url(images/icons/myicon.png) no-repeat;
float:left;

}

</style>

<script type="text/javascript" src="javascript/jquery-1.2.6.js"></script>
<script type="text/javascript">

$(document).ready(function() {

$("#myicon").hover(function () {
    var cssObj = {
       backgroundPosition: "-75px,0"
     }
     $(this).css(cssObj);
   }, function () {
     var cssObj = {
       backgroundPosition: "0,0"
     }
     $(this).css(cssObj);

   });

});

</script>
</head>

<body>
<div id="iconsmenu">

<div id="myicon">
</div>

</div>
</body>
</html>

It works fine in Safari on both Mac and PC, FF on Mac but IE7 keeps throwing an Error: Invalid Argument at line 1120 of jQuery!?!?!?
Line 1120 is: elem[ name ] = value;

Does anyone have any thoughts on this?
It's driving me mad.

Thanks

An event from the ajax result

2008-07-24T06:46:28Z

Hi All,

I'm quite new in JQuery and this mailing list. And want to ask
something that I couldn't get the answer yet.
I hope someone can help me.

I have this HTML link:

<a href="#" class="abc">the link</a>

And this JQuery.

$(".abc").click(function() {
$.ajax({
url: "url.php",
method: "post",
data: "data1=1",
success: function(m) {
$(".parent_div").append(m);
}
});
}

The Ajax process will result this (the m variable):

<a href="#" class=".abc">link 1</a>

The question is, how can I make the $(".abc").click() above, working
on the HTML ajax result?

Thanks in advance.
Didats Triadi

Re: IE7 Hover problem

2008-07-24T06:45:37Z

Not sure if this is the problem, but you might want to try putting a semicolon after your variables:

   var cssObj = {
       backgroundPosition: "-75px,0"
     }; // <-- add the semicolon here.

If that doesn't work, maybe you could simplify by putting the object literal directly in the css argument:

Oh, wait! Those commas shouldn't be in the backgroundPosition value, should they? Try it like this;

   $("#myicon").hover(function () {
   $(this).css(backgroundPosition: "-75px 0");
   }, function () {
   $(this).css(backgroundPosition: "0 0");
   });

Hope that helps.

--Karl
____________

Karl Swedberg

www.englishrules.com

www.learningjquery.com

On Jul 24, 2008, at 8:30 AM, djl wrote:

Hi,

I've got a simple page here with a mouse-over effect using .hover to change the background position of the image:-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
#iconsmenu {
position:relative;
background:#ccc;
width:600px;
height:110px;
left:92px;
}

#myicon {
width:75px;
height:110px;
background:url(images/icons/myicon.png) no-repeat;
float:left;

}

</style>

<script type="text/javascript" src="javascript/jquery-1.2.6.js"></script>
<script type="text/javascript">

$(document).ready(function() {

$("#myicon").hover(function () {
    var cssObj = {
       backgroundPosition: "-75px,0"
     }
     $(this).css(cssObj);
   }, function () {
     var cssObj = {
       backgroundPosition: "0,0"
     }
     $(this).css(cssObj);

   });

});

</script>
</head>

<body>
<div id="iconsmenu">

<div id="myicon">
</div>

</div>
</body>
</html>

It works fine in Safari on both Mac and PC, FF on Mac but IE7 keeps throwing an Error: Invalid Argument at line 1120 of jQuery!?!?!?
Line 1120 is: elem[ name ] = value;

Does anyone have any thoughts on this?
It's driving me mad.

Thanks

Re: jQuery XML to JSON Plugin v1.0 and file size problem

2008-07-24T06:37:48Z

Yeah, I'd also suggest even at anything nearing 1 mb you might see more efficiency with jquery.xslt,js and an xml2js xsl. Most Restful XML databases like eXist will also let you request the resoruce as json, and break the processing into smaller request/response bodies by providing an xpath in the url. For some thing that big, it really is better to push the xml2json off to the server because otherwise your browser is building a huge DOM it's going to throw away anyway.

Thatcher

On Wed, Jul 23, 2008 at 10:00 PM, Ariel Flesler <aflesler@...> wrote:

7.5 mb ?!

I'd try another approach for transfer.. maybe JSON or plain text with
separators.

--
Ariel Flesler
http://flesler.blogspot.com/

On 23 jul, 18:31, deepsnow <daneens...@...> wrote:
> Hi Gang,
> Im using the xmltoJSON plugin. It works fine for an xml file of 300kb
> or so. Im loading the file from an ajax call to a local file. Im going
> to have some big xml files, so I tried making some big file tests. I
> tried to load a 7.5MB xml file and it 404s on me. Is there a file size
> limit setting somewhere or a way to know what the max file size I can
> use is?
>
> Thanks for the help.
>
> DE

--
Christopher Thatcher

Autcomplete error: list.scrollTop is not a function

2008-07-24T06:31:50Z

Can't quite grasp why this is happening on certain pages (and sorry,
these pages are behind login, so really can't publicly share a link)

Line 707 of the autocomplete 1.0.2 is throwing

"list.scrollTop is not a function"

show: function() {
var offset = $(input).offset();
element.css({
width: typeof options.width == "string" || options.width > 0 ?
options.width : $(input).width(),
top: offset.top + input.offsetHeight,
left: offset.left
}).show();
if(options.scroll) {
list.scrollTop(0); <<--- right here ---------------
list.css({
maxHeight: options.scrollHeight,
overflow: 'auto'
});

I saw some previous talk from late last year about this error, but it
had to do with a conflict with UI DatePicker, which i do not have on
this page i am looking at right now... i do have BlockUI and
ClickMenu in the page, but removing those from the page didn't make a
difference

this is my code to wire up the autocomplete

$("#Page_Search").autocomplete(
"/common/services/Autocomplete.ashx",
{ extraParams: { mode: "AFFASB" } }
);

so i don't have anything special defined with scroll or "max" (which
i see line 23 in autocomplete js uses '.scroll')

Oh, and also to mention, the autocomplete functionality does work, but
that JavaScript error could cause other problems

Re: AutoComplete

2008-07-24T06:28:16Z

Please, anyone?

Thank You,
Miguel

On Jul 22, 4:17 pm, shapper <mdmo...@...> wrote:

> The JSon method is always returning a simple array:
>
> ["First","Second"]
>
> Do I need to parse it? I tried but it does not work.
>
> I then tried:
>
> $("#Subjects").autocomplete("GetSubjects", {
> autoFill: true,
> cacheLength: 1,
> multiple: true,
> scrollHeight: 200,
> selectFirst: false,
> width: 260
> });
>
> But it does not work to.
>
> Any idea?
>
> Thanks,
> Miguel
>
> On Jul 22, 1:02 am, shapper <mdmo...@...> wrote:
>
> > Hello,
>
> > I have a JQuery AutoComplete thats gets the value using JSon.
> > Using Firebug I see that the values are being returned in the right
> > way:
>
> > ["First","Second"]
>
> > But I get an error:
> > value is undefined
> > highlight()()JQuery.A...mplete.js (line 409)
> > fillList()JQuery.A...mplete.js (line 648)
> > display()()JQuery.A...mplete.js (line 666)
> > receiveData()JQuery.A...mplete.js (line 316)
> > success()()JQuery.A...mplete.js (line 355)
> > success()JQuery.js (line 2818)
> > onreadystatechange()()JQuery.js (line 2773)
> > [Break on this error] return value.replace(new RegExp("(?![^...^&;]
> > +;)", "gi"), "<strong>$1</strong>");
>
> > My AutoComplete is as follows:
>
> > $("#Subjects").autocomplete("GetSubjects", {
> > autoFill: true,
> > cacheLength: 1,
> > multiple: true,
> > scrollHeight: 200,
> > selectFirst: false,
> > width: 260,
> > parse: function(data) {
> > return $.map(eval(data), function(row) {
> > return {
> > data: row,
> > value: row.Value,
> > result: row.Value
> > }
> > });
> > },
> > formatItem: function(item) {
> > return item.Value;
> > }
> > });
>
> > What am I doing wrong?
>
> > Thanks,
> > Miguel