[jQuery] Re: [autocomplete] Dynamic textboxs
Every time you insert a new text field to the DOM, you have to call
autocomplete().
On Wed, Jul 22, 2009 at 10:03 AM, escribatiago.garrochi...@gmail.com wrote:
I can't put autocomplete working with dynamic textboxs. I have a
javascript function to add dynamic textboxs, but when i attach the
autocomplete function to the dynamic textboxs, it doenst work.
Some work that might help this issue:
// Javascript function that adds dynamicly textboxs
var initial_count = new Array();
var rows_limit = 5; // Set to 0 to disable limitation
function addRow(table_id)
{
var tbl = document.getElementById(table_id);
// counting rows in table
var rows_count = tbl.rows.length;
if (initial_count[table_id] == undefined)
{
// if it is first adding in this table setting initial rows
count
initial_count[table_id] = rows_count;
}
// determining real count of added fields
var tFielsNum = rows_count - initial_count[table_id];
if (rows_limit!=0 tFielsNum = rows_limit) return false;
var input = 'input class=text_area type=text name=author[]
id=bla size=70 maxlength=250/';
var remove= 'input type=button value=- onclick=removeRow
(\''+table_id+'\',this.parentNode.parentNode)/';
try
{
var newRow = tbl.insertRow(rows_count);
var newCell = newRow.insertCell(0);
newCell.innerHTML = input;
var newCell = newRow.insertCell(1);
newCell.innerHTML = remove;
}
catch (ex) {
//if exception occurs
alert(ex);
}
}
// Button that adds textboxs dynamicly
input type=button name=Button value=+ onClick=addRow
('authorsTable') /
// Jquery autocomplete function call
$(document).ready(function()
{
$(#bla).autocomplete(cities);
});
NOTICE: I already have this working with fixed textboxs, the only
problem is with dynamicly added textboxs. Thanks
[jQuery] Re: Please Help - While Loop PHP JSON - Comment List
#commentWrapper is the selector for the following element:
ul id=commentWrapper/ul
The JS I provided will append that element if it isn't already
present. I did have to make a single change:
$(body).append('ul id=commentWrapper/ul');
to:
$(body).append('ul id=commentWrapper/ul');
Also, you should specify the type expected for the $.post call:
$.post(url, data, callback, ### type goes here ###);
For your purposes:
$.post(url, {/* data */}, function(data){/* callback */}, json);
I've updated the following example code:
http://snipt.net/jakemcgraw/jquery-listserv-answer-ajax-comment-list
- jake
On Tue, Apr 28, 2009 at 10:55 PM, fluxUX martine...@gmail.com wrote:
This is great. Thanks so much!
For some reason the DIV for the commentWrapper is not working on the
render page..here is what I have:
/head
body
input name=u id=u type=hidden value=A_u3V /
a href=# id='goComment'go/a
div id=commentWrapper/div
/body
/html
It appears the code you provided amends the DIV. Any thoughts would be
great?
On Apr 28, 5:11 pm, Jake McGraw jmcgr...@gmail.com wrote:
You've got quite a few errors in both your JavaScript and PHP, which
probably explains the lack of answers. Utilizing AJAX using jQuery and
PHP can be a bit confusing at first, I've tried to make some sense of
what you're doing here:
http://snipt.net/jakemcgraw/jquery-listserv-answer-ajax-comment-list
- jake
On Tue, Apr 28, 2009 at 12:17 PM, fluxUX martine...@gmail.com wrote:
I want to display an unordered list of comments from my echoed JSON
result using this jQuery code block:
$(#goComment).click(function(){
bigComment = $(#bigComment).val();
$.post(i-upComments.php, { //this inserts the
comment
into the 'comments' table in the DB
bigComment: bigComment,
u: u,
}, function(data){
//display the list of comments as a unordered list - LI
});
});
-
Here is my PHP:
?php
include_once(db.php);
$u = 'Jl6XR';
$sql = SELECT * FROM bigNest INNER JOIN comments ON comments.u =
bigNest.uid;
$result = mysql_query($sql);
while($array = mysql_fetch_array($result)) {
$bigtitle = $array[bigtitle];
$bigbody = $array[bigbody];
$comments = $array[comments];
}
$val = array(bigtitle = $bigtitle,
bigbody = $bigbody,
comments = $comments,
);
$output = json_encode($val);
echo $output.\n;
?
[jQuery] Re: Please Help - While Loop PHP JSON - Comment List
You've got quite a few errors in both your JavaScript and PHP, which
probably explains the lack of answers. Utilizing AJAX using jQuery and
PHP can be a bit confusing at first, I've tried to make some sense of
what you're doing here:
http://snipt.net/jakemcgraw/jquery-listserv-answer-ajax-comment-list
- jake
On Tue, Apr 28, 2009 at 12:17 PM, fluxUX martine...@gmail.com wrote:
I want to display an unordered list of comments from my echoed JSON
result using this jQuery code block:
$(#goComment).click(function(){
bigComment = $(#bigComment).val();
$.post(i-upComments.php, { //this inserts the
comment
into the 'comments' table in the DB
bigComment: bigComment,
u: u,
}, function(data){
//display the list of comments as a unordered list - LI
});
});
-
Here is my PHP:
?php
include_once(db.php);
$u = 'Jl6XR';
$sql = SELECT * FROM bigNest INNER JOIN comments ON comments.u =
bigNest.uid;
$result = mysql_query($sql);
while($array = mysql_fetch_array($result)) {
$bigtitle = $array[bigtitle];
$bigbody = $array[bigbody];
$comments = $array[comments];
}
$val = array(bigtitle = $bigtitle,
bigbody = $bigbody,
comments = $comments,
);
$output = json_encode($val);
echo $output.\n;
?
[jQuery] Re: finding script tags in remote HTML
I'm using jQuery AJAX to recursively spider a website to build a
sitemap.xml file. I'll acknowledge that this is an ass backwards
method for building a sitemap, but let's put aside that issue. My
issue is that I'd like to be able to parse anchors in each page, but
not execute the JavaScript on the page. The pseudo code looks
something like:
var makeRequest = function(link) {
$.get(link, {}, function(html){
$(a, html).each(function(){
makeRequest($(this).attr(href));
});
});
}
$(a).each(function(){
makeRequest($(this).attr(href));
});
My problem is that when I do $(a, html), the html is executed (DOM?)
and IE complains about JavaScript errors. My question is can I prevent
the JS from being executed, external resources from being loaded (img,
css) but still get the anchors for each page?
- jake
On Thu, Nov 6, 2008 at 1:01 PM, axemonkey [EMAIL PROTECTED] wrote:
Hi all. I'm having an amazing amount of pain trying to parse and
execute JS script blocks in remote HTML (in IE, typically).
Here's the code in question:
$.ajax({
type: POST,
url:checkFilename,
dataType: text,
success:function(src){
var wtf = $(src).find(script).each(function(){
eval( $(this).text() );
});
}
});
http://www.pastie.org/308878
checkFilename is just an HTML file, so src comes back with the entire
source of that page. What I want to do then is use find() to get all
inline script tags inside the body of the page, and use eval()* to
run them. Elsewhere before this happens a large chunk of HTML from
checkFilename is loaded and displayed, and now I need to run any
inline JS that was in the page.
The above function works perfectly in FF2 and FF3, but IE completely
fails to find any instances of script tags in src. Any ideas? I
can't extract the inline JS blocks in question, as they are dynamic
and inserted by a CMS that I have no control over.
Thanks in advance,
--Clive.
* I know it's evil, but I need it in this instance...
[jQuery] Re: finding script tags in remote HTML
Whoops, not trying to top post, but I believe our threads are related,
in that we're both processing HTML from an AJAX request.
Sorry,
- jake
On Tue, Dec 2, 2008 at 10:08 AM, Jake McGraw [EMAIL PROTECTED] wrote:
I'm using jQuery AJAX to recursively spider a website to build a
sitemap.xml file. I'll acknowledge that this is an ass backwards
method for building a sitemap, but let's put aside that issue. My
issue is that I'd like to be able to parse anchors in each page, but
not execute the JavaScript on the page. The pseudo code looks
something like:
var makeRequest = function(link) {
$.get(link, {}, function(html){
$(a, html).each(function(){
makeRequest($(this).attr(href));
});
});
}
$(a).each(function(){
makeRequest($(this).attr(href));
});
My problem is that when I do $(a, html), the html is executed (DOM?)
and IE complains about JavaScript errors. My question is can I prevent
the JS from being executed, external resources from being loaded (img,
css) but still get the anchors for each page?
- jake
On Thu, Nov 6, 2008 at 1:01 PM, axemonkey [EMAIL PROTECTED] wrote:
Hi all. I'm having an amazing amount of pain trying to parse and
execute JS script blocks in remote HTML (in IE, typically).
Here's the code in question:
$.ajax({
type: POST,
url:checkFilename,
dataType: text,
success:function(src){
var wtf = $(src).find(script).each(function(){
eval( $(this).text() );
});
}
});
http://www.pastie.org/308878
checkFilename is just an HTML file, so src comes back with the entire
source of that page. What I want to do then is use find() to get all
inline script tags inside the body of the page, and use eval()* to
run them. Elsewhere before this happens a large chunk of HTML from
checkFilename is loaded and displayed, and now I need to run any
inline JS that was in the page.
The above function works perfectly in FF2 and FF3, but IE completely
fails to find any instances of script tags in src. Any ideas? I
can't extract the inline JS blocks in question, as they are dynamic
and inserted by a CMS that I have no control over.
Thanks in advance,
--Clive.
* I know it's evil, but I need it in this instance...
[jQuery] Re: finding script tags in remote HTML
On Tue, Dec 2, 2008 at 2:23 PM, Jeffrey Kretz [EMAIL PROTECTED] wrote:
geek
Before I answer, I've gotta ask (I've been wondering for MONTHS), have you
read the Starrigger series?
/geek
Previously, Googling jake mcgraw would bring up hits for the
Starrigger series... as you can see:
http://www.google.com/search?q=jake+mcgraw
I've fixed that. I know about the series but have never read any of it.
Now that that's out of the way, I can think of a couple of approaches.
#1. Parse the links with regex
$.get(link,{},function(html){
var r_links = /a\b[^]*?href\s*=\s*[']([^']+)[^]*/gi;
var m;
while (m=r_links.exec(html))
{
makeRequest(m[1]);
}
});
#2. Remove the script tags and inline events with regex, then grab the HTML.
var makeRequest = function(link) {
$.get(link, {}, function(html){
html =
html.replace(/script\b[\s\S]*?\/script/gi,'').replace(/on\w+\s*=\s*(['])
[^']+\1/gi,'');
$(a, html).each(function(){
makeRequest($(this).attr(href));
});
});
}
I'll test what the performance is for eacvh of those methods, thanks
for the advice.
- jake
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Jake McGraw
Sent: Tuesday, December 02, 2008 7:09 AM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: finding script tags in remote HTML
I'm using jQuery AJAX to recursively spider a website to build a
sitemap.xml file. I'll acknowledge that this is an ass backwards
method for building a sitemap, but let's put aside that issue. My
issue is that I'd like to be able to parse anchors in each page, but
not execute the JavaScript on the page. The pseudo code looks
something like:
var makeRequest = function(link) {
$.get(link, {}, function(html){
$(a, html).each(function(){
makeRequest($(this).attr(href));
});
});
}
$(a).each(function(){
makeRequest($(this).attr(href));
});
My problem is that when I do $(a, html), the html is executed (DOM?)
and IE complains about JavaScript errors. My question is can I prevent
the JS from being executed, external resources from being loaded (img,
css) but still get the anchors for each page?
- jake
On Thu, Nov 6, 2008 at 1:01 PM, axemonkey [EMAIL PROTECTED] wrote:
Hi all. I'm having an amazing amount of pain trying to parse and
execute JS script blocks in remote HTML (in IE, typically).
Here's the code in question:
$.ajax({
type: POST,
url:checkFilename,
dataType: text,
success:function(src){
var wtf = $(src).find(script).each(function(){
eval( $(this).text() );
});
}
});
http://www.pastie.org/308878
checkFilename is just an HTML file, so src comes back with the entire
source of that page. What I want to do then is use find() to get all
inline script tags inside the body of the page, and use eval()* to
run them. Elsewhere before this happens a large chunk of HTML from
checkFilename is loaded and displayed, and now I need to run any
inline JS that was in the page.
The above function works perfectly in FF2 and FF3, but IE completely
fails to find any instances of script tags in src. Any ideas? I
can't extract the inline JS blocks in question, as they are dynamic
and inserted by a CMS that I have no control over.
Thanks in advance,
--Clive.
* I know it's evil, but I need it in this instance...
[jQuery] LiveQuery won't allow explicit onchange firing?
Using livequery for a project when I ran across an issue using the
following code:
$(input).livequery( change, function(){
if ($(this).is(:checked)) {
alert(checked!);
} else {
alert(not checked!);
}
}).change();
My problem is the chained change function call. It looks like
livequery doesn't like when I directly call events from within jQuery,
custom events don't work either:
$(input),livequery(demo.change, function(){
if ($(this).is(:checked)) {
alert(checked!);
} else {
alert(not checked!);
}
}).change(function(){
$(this).trigger(demo.change);
}).change();
This does work, but doesn't utilize livequery:
$(input).change(function(){
if ($(this).is(:checked)) {
alert(checked!);
} else {
alert(not checked!);
}
}).change();
So, my question is, how do I trigger livequery events within JavaScript?
- jake
[jQuery] Re: Anyone know where to ask jQuery questions?
Jim: See this http://dev.jquery.com/ticket/3143. Long story short, jQuery only supports $(html) or $(xmlObject). - jake On Fri, Sep 5, 2008 at 2:53 PM, Jim Buzbee [EMAIL PROTECTED] wrote: I must be in the wrong group. This morning, I posted a question (I must be missing something simple...) on a pared-down jQuery code segment and a URL showing the problem. Out of the 10,000+ members of the mailing list, my Apache log shows a grand total of 1 hit on the example and I got no response on the mailing list. I must be in the wrong list. Is there somewhere to ask jQuery questions? Once again, the code in question can be found at: http://batbox.org/bh.html It works under firefox/safari, and doesn't under IE7 Thanks, Jim Buzbee
[jQuery] Re: help with ajax post
$.ajax({
type: POST
, url: GetNewHash.aspx
, data:
{
orderid : $(#orderid).val()
, amount : $(#amount).val()
, dtnow : $(#time).val()
, Gateway_MerchantConfigID : $(#Gateway_MerchantConfigID).val()
}
, async: false
, success : function (response) {
$(#hash).val(response);
}
});
- jake
On Fri, Sep 5, 2008 at 3:36 PM, nananannae2 [EMAIL PROTECTED] wrote:
can someone help me get this to work please? i need a post to a page
that returns a string to set but it's my first time using it
$(#hash).val(
$.ajax({type: POST
,url: GetNewHash.aspx
,data:orderid=+ $(#orderid).val()+amount=+ $
(#amount).val()+dtnow=+ $(#time).val()
+Gateway_MerchantConfigID=+ $(#Gateway_MerchantConfigID).val()
,async: false}).responseText);
[jQuery] Re: Preview: Password validation and strength meter
Couple of things:
1. Can we get some kind of interaction with an Ajax dictionary for common words.
2. Options: {minimum:4, maximum:16, ... }
- jake
On Thu, Aug 21, 2008 at 9:12 AM, Jörn Zaefferer
[EMAIL PROTECTED] wrote:
Hi jQueryans,
I'd like to share a preview of a validation extension for validating
passwords, combined with a password strength meter. Preview means the
API is subject to change, code may be more buggy than usual, etc. pp.
Code is here: http://dev.jquery.com/view/trunk/plugins/validate.password/
A demo here: http://dev.jquery.com/view/trunk/plugins/validate.password/demo/
To get an idea how passwords are rated, check out the tests:
http://dev.jquery.com/view/trunk/plugins/validate.password/test/rating.js
To use, include the jquery.validate.password files (js and css) and
put the strength meter markup somewhere in your form (see demo
markup). Add a rule password to your password field (removed
required rule if present).
Looking forward to your feedback!
Jörn
[jQuery] Re: Select
On Mon, Jul 21, 2008 at 3:15 PM, shapper [EMAIL PROTECTED] wrote:
Hello,
I am trying to style my form inputs, textareas and selects as follows:
Try using yui-css-reset and yui-css-base. These CSS files will strip all
most of the default styling set by the browser. Check it out here:
http://developer.yahoo.com/yui/reset/
- jake
input, select, textarea {
border: solid 6px #ECF0F9;
color: #252525;
font: normal 0.75em Verdana, Geneva, sans-serif;
padding: 0.25em;
width: 520px;
}
I am having a few problems:
Firefox 3:
1. The select is narrow than the inputs and textareas;
2. When I click the select the dropdown borders look different ...
some are thinner than others.
IE 7:
1. The select is narrow than the inputs and textareas;
2. The border of the select is not changed.
What am I doing wrong and how can I make the appearance of a Select
look the same across various browsers?
Can I do this with JQuery?
Thanks,
Miguel
[jQuery] Re: Button Updating Help
You have two options:
liveQuery http://brandonaaron.net/docs/livequery/ to automatically
bind functions
or
Manually do it using something like:
var myFunction = function(e) {
$('#objects').append('html
code').find(.add_letter_code_object).click(myFunction);
};
$(function(){
$(.add_letter_code_object').click(myFunction);
});
- jake
On Thu, Jul 10, 2008 at 3:19 PM, stephen [EMAIL PROTECTED] wrote:
This is my code:
$(document).ready(function() {
$('.add_letter_code_object').click(function(event) {
$('#objects').append('html code')
});
});
What im trying to do is when you click the + button it appends a new
object which also has a + button to add more, the problem I'm having
is when you try to use the + button on the NEWLY created object it
doesn't work, is there a way for updating a function upon appending
new objects ( or code )? Thanks for any suggestions and help
[jQuery] Re: How do I add click event to Ajax result?
function(data){$(#foo).html(data).find(.clickable).click(function(){
// Do onclick stuff here
});
- jake
On Wed, Jun 25, 2008 at 6:51 AM, jebberwocky [EMAIL PROTECTED] wrote:
hello all
I have a js code as:
$(document).ready(function() {
$(.menu-item2).click(function(){
$.get(/foo ,{cate:$(this).attr(name)},
function(data){$(#foo).html(data); == data = a
id=clickable /
});});
});
and html:
div id=foo /div
the question is how do i add onclick to clickable???
[jQuery] Re: How do I add click event to Ajax result?
Whoops, find(.clickable) should be find(#clickable)
- jake
On Wed, Jun 25, 2008 at 9:01 AM, Jake McGraw [EMAIL PROTECTED] wrote:
function(data){$(#foo).html(data).find(.clickable).click(function(){
// Do onclick stuff here
});
- jake
On Wed, Jun 25, 2008 at 6:51 AM, jebberwocky [EMAIL PROTECTED] wrote:
hello all
I have a js code as:
$(document).ready(function() {
$(.menu-item2).click(function(){
$.get(/foo ,{cate:$(this).attr(name)},
function(data){$(#foo).html(data); == data = a
id=clickable /
});});
});
and html:
div id=foo /div
the question is how do i add onclick to clickable???
[jQuery] Re: DOM changes persist after page reload in FF?
Do you have a live example page?
- jake
On Tue, Jun 24, 2008 at 1:07 PM, [EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
Hi,
First off, the caveat, I'm a noob. However, I have a small piece of
code that is causing some odd behaviour in FF 2 and 3 but not in other
browsers (IE6 7, Safari 3 are the ones I've tested).
The code inspects a text input and on each keyup issues an ajax
request. The target PHP file checks whether the input matches a string
and if so the jQuery code then disables the text input field, scans
the page for PayPal add to basket buttons (normally 7 off them) and
adjusts each form hidden field amount and button text by 2 pounds (the
forms are not encrypted).
This all seems to work very well on every browser I've got immediate
access to but not FF 3 (Mac) or FF 2 (Win). On these browsers the
changes to the hidden fields persist across page reloads so if I input
the correct code then refresh the page and input the correct code
again then the form fields and buttons will be adjusted by 4 pounds
and not just two. This behaviour will continue as many times as I can
be bothered to refresh and reenter the correct code. What's
particularly odd is the button values are reset to the originals after
each page refresh, just not the hidden fields amounts.
I've no doubt that this is down to me a) not understanding how the DOM
really works and b) not really understanding how jQuery works and c)
writing crappy code. However, I'd really appreciate some guidance and
explanation. My code is pasted below.
Cheers
Greg
$(document).ready(function(){
// reset the discount input
$('#discountCode').attr('disabled', '').val('');
$('#discountCode').keyup(function() {
var inputValue = $('#discountCode').val();
$.get('/assets/data/discount.php', {code: inputValue},
function(data) {
if (data == 'true')
{
// if code is correct we disable the
input
$('#discountCode').attr('disabled',
'disabled');
// and show the tick mark
$('#correctCode').css('display',
'inline');
// get each hidden input amount
$(#main form
input[name='amount']).each(function() {
var originalCost =
$(this).val();
// apply the discount
var discountCost =
originalCost - 2;
// set the discount in the
hidden amount fields
$(this).val(discountCost);
// Change the button text
var newButtonText =
'£'+discountCost+' Add to basket';
$(this).parent().next('.paypal_button').val(newButtonText);
// reset variables
originalCost = 0;
discountCost = 0;
});
};
});
});
});
[jQuery] Re: thoughts ? Announcing AJAX Libraries API: Speed up your Ajax apps with Google’s infrastructure
My company is using it on our dev server, we'll most likely move it out to production sometime this winter. So far, it has turned out to be a great resource, especially for keeping all of our different apps on the same page and staying up to date on the latest library releases (in our case jQuery). One question I'd like to ask: What resources has Google committed to this project to ensure availability? I've noticed that http://code.google.com has yet to switch to the Google AJAX Libraries API, are there any plans to do this in the future? - jake On Tue, Jun 3, 2008 at 11:07 AM, Jiming [EMAIL PROTECTED] wrote: Great! It could be even better if you can have some most popular plugins included. Thanks, Jiming On Jun 3, 2:55 am, Seth - TA [EMAIL PROTECTED] wrote: Scottus Nifty idea. Suggestion - Look to implement plugin options as well. Keeping track of versions is a benefit and the speed improvement is nice to a degree, but the biggest struggle is I hate having to have 5 or 6 script tags calling plugins. I hate combining them into on js file too, because then it is just an unreadable cluster. It would be nice to take plugins submitted by plugin authors and have a naming convention to also include these. That would drastically improve load times. You could utilize the plugin library which currently exists on jquery.com and add an option for the google name which is used to call the plugin. Just a thought. Seth On Jun 2, 12:36 pm, aldomatic [EMAIL PROTECTED] wrote: Not yet, but I plan on using it here in a day or so. Looks intresting so far. On Jun 2, 12:16 pm, cfdvlpr [EMAIL PROTECTED] wrote: Is anyone using this for jQuery yet? To do this, you can just use this line of code, right? script src=http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/ jquery.min.js/
[jQuery] Re: Sortable Checkbox
On Mon, Jun 2, 2008 at 2:45 PM, Kandy I [EMAIL PROTECTED] wrote: Are there any plugins like on Apple's Pro site, with the sortable checkbox? http://www.apple.com/pro/profiles/ If you would like the specific functionality provided by Apple's site, it would be trivial to implement yourself. I'd use the metadata plugin to assign each entry a label and then attach a click event to each label choice. Add CSS to match the look. - jake
[jQuery] Re: OT: Firefox 3 RC1 for Mac
Check out http://ejohn.org/blog/sexy-firefox-3/ - jake On Mon, May 19, 2008 at 4:18 PM, Shelane [EMAIL PROTECTED] wrote: Is there a way to install Firefox 3 RC1 without affecting FF2 on a Mac. The release notes have this message: Please note that installing Firefox 3 will overwrite your existing installation of Firefox on Mac OS X and Linux. I'm guessing that's if you simply install it into the Applications folder. If I install it in another folder within the Applications folder, will it be ok? If it's using this same directory for it's support files (~/Library/Application Support/Firefox) can it still affect FF2? I have to keep FF2 because it's the officially supported browser at work. But I would love to install FF3 to start testing on my apps.
[jQuery] Modal overlay for specific page section
Hello all, I'd like to know if a jQuery plugin exists that allows for creating a modal overlay for a specific element of a page (say a DIV). The overlay would completely cover the section and prevent click-throughs or any other interaction with the elements within the section. Note: I've seen the modal plugins that cover the entire screen, I need one that correctly positions and sizes itself for a given section (not the whole screen). - jake
[jQuery] Re: Modal overlay for specific page section
Gawd, I am one lazy developer, Mike goes through the trouble of creating a well laid out site with plenty of tutorials and I totally miss Element Blocking. Thanks Alexandre + Mike! - jake On Mon, May 19, 2008 at 4:49 PM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: sure jake, there is the excellent blockUI plugin http://www.malsup.com/jquery/block/ On Mon, May 19, 2008 at 10:45 PM, Jake McGraw [EMAIL PROTECTED] wrote: Hello all, I'd like to know if a jQuery plugin exists that allows for creating a modal overlay for a specific element of a page (say a DIV). The overlay would completely cover the section and prevent click-throughs or any other interaction with the elements within the section. Note: I've seen the modal plugins that cover the entire screen, I need one that correctly positions and sizes itself for a given section (not the whole screen). - jake -- Alexandre Plennevaux LAb[au] http://www.lab-au.com
[jQuery] Re: $ is not defined
Could you provide an example of this online? - jake On Tue, May 6, 2008 at 12:33 PM, mdg583 [EMAIL PROTECTED] wrote: Hi, I don't know where this problem is coming from, but I find that over the course of a few jquery AJAX operations and a ajaxForm submit, for a little while I find that $ is not defined. Basically, I am loading a form into the current document using the jquery load function, and then setting up ajaxForm to submit this form and put the results into another div. This content that is finally loaded into this next div div has a javascript function near the beginning, and at the point in time when this script is reached, I find that $ is not defined. This happened once before and I just worked around it, but that is getting difficult. Does anyone know why this would be? I have jquery.form that says it requires jQuery v1.1 or later, and I have jQuery 1.2.1.
[jQuery] Re: Selector Madness! How to Select all the Text on a Page?
ah why not try $(body).text() That should strip all of the markup? - jake On Fri, May 2, 2008 at 8:55 AM, Joe [EMAIL PROTECTED] wrote: Okay I have read and reread http://www.learningjquery.com/2006/11/how-to-get-anything-you-want-part-1 and http://www.learningjquery.com/2006/12/how-to-get-anything-you-want-part-2 and still cannot figure out how to grab all the text (not the markup) on a page. I am toying with the Google Translation API and am attempting to parse all text, translate, and put it back. I have the looping logic (and the 500 char limit issue with Google) sorted out, but I can't get the fundamental part down...GRABBING ALL THE TEXT. So let's say you have markup like so ul lia href=somelinkblabh blah 1/a/li lia href=somelinkblabh blah 2/a/li lia href=somelinkblabh blah 3/a/li /ul and even h1some heading/h1 and pSome paragraph text/p etc. etc. I want to be able to grab all the text and manipulate it. I've tried $(#mainContainerDiv *).each(...some function), but this crashed the system. I would like to do something like this: $(#mainContainerDiv *.text.each(some function...), but this clearly won't work. Any help is greatly appreciated.
[jQuery] Re: [ANNOUNCE] New Twitter Account for jQuery jQuery UI Projects
@jquery doc.jquery.com is down :-P - jake On Wed, Apr 30, 2008 at 9:27 AM, Rey Bango [EMAIL PROTECTED] wrote: Jason described it perfectly and you won't be left out of the loop because you don't use Twitter. The mailing list is still the main point of communication for the jQuery project. You would be surprised, though, how many people do not subscribe to the mailing list but are on Twitter and other services. We need to reach those folks as well. Going forward, we're going to use every means possible to get the word out about jQuery. Remember that part of the team is dedicated to evangelism efforts so we won't be thinning ourselves out. Rey... Rick Faircloth wrote: Thanks, Jason... just wanted to make sure I wasn't getting left out of the loop or had to subscribe to yet *another* source of info... Rick -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Jason Huck Sent: Wednesday, April 30, 2008 8:31 AM To: jQuery (English) Subject: [jQuery] Re: [ANNOUNCE] New Twitter Account for jQuery jQuery UI Projects Twitter posts (or tweets) are limited to 140 characters, so they're not going to replace full-fledged announcements. Rather, most of the time, they'll just be headlines with a URL which points to...you guessed it...the plugin repository, the main site, this list, various blogs, etc. So, I wouldn't worry about news being distributed exclusively via Twitter. You just might find out about something a little bit sooner if you use the service. In fact, even if you don't have a Twitter account, you can still subscribe to an RSS or Atom feed of the updates via your favorite feed reader. I don't know how much automation is currently in place or planned, but it might be nice to set it up to auto-announce new additions to the plugin repository, new posts at planet.jquery.com, etc. - jason On Apr 30, 8:05 am, Rick Faircloth [EMAIL PROTECTED] wrote: Hi, Rey... First, a disclaimer... I'm not a Twitter user, so I don't get it, as I've heard Twitter users say of no-users. :o) That being said, I wanted to ask why another source of info, beyond the jquery.com site, the ton of individual plug-in sites, doc sites, etc, is needed. It seems that we're spreading the sources of info even thinner, rather than deeper. I was surprised to see the Twitter accounts starting up. So, I'm hoping to understand the desired benefits of using Twitter. I know you stated below that you hope to maximize the reach of announcements about upcoming jQuery jQuery UI updates and releases. How does Twitter do that better than the mailing list? And will the mailing list continue to be adequate for this of us who don't Twitter? Can you clue me in? Rick
[jQuery] Re: [ANNOUNCE] New Twitter Account for jQuery jQuery UI Projects
*http://docs.jquery.com/ On Wed, Apr 30, 2008 at 9:45 AM, Jake McGraw [EMAIL PROTECTED] wrote: @jquery doc.jquery.com is down :-P - jake On Wed, Apr 30, 2008 at 9:27 AM, Rey Bango [EMAIL PROTECTED] wrote: Jason described it perfectly and you won't be left out of the loop because you don't use Twitter. The mailing list is still the main point of communication for the jQuery project. You would be surprised, though, how many people do not subscribe to the mailing list but are on Twitter and other services. We need to reach those folks as well. Going forward, we're going to use every means possible to get the word out about jQuery. Remember that part of the team is dedicated to evangelism efforts so we won't be thinning ourselves out. Rey... Rick Faircloth wrote: Thanks, Jason... just wanted to make sure I wasn't getting left out of the loop or had to subscribe to yet *another* source of info... Rick -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Jason Huck Sent: Wednesday, April 30, 2008 8:31 AM To: jQuery (English) Subject: [jQuery] Re: [ANNOUNCE] New Twitter Account for jQuery jQuery UI Projects Twitter posts (or tweets) are limited to 140 characters, so they're not going to replace full-fledged announcements. Rather, most of the time, they'll just be headlines with a URL which points to...you guessed it...the plugin repository, the main site, this list, various blogs, etc. So, I wouldn't worry about news being distributed exclusively via Twitter. You just might find out about something a little bit sooner if you use the service. In fact, even if you don't have a Twitter account, you can still subscribe to an RSS or Atom feed of the updates via your favorite feed reader. I don't know how much automation is currently in place or planned, but it might be nice to set it up to auto-announce new additions to the plugin repository, new posts at planet.jquery.com, etc. - jason On Apr 30, 8:05 am, Rick Faircloth [EMAIL PROTECTED] wrote: Hi, Rey... First, a disclaimer... I'm not a Twitter user, so I don't get it, as I've heard Twitter users say of no-users. :o) That being said, I wanted to ask why another source of info, beyond the jquery.com site, the ton of individual plug-in sites, doc sites, etc, is needed. It seems that we're spreading the sources of info even thinner, rather than deeper. I was surprised to see the Twitter accounts starting up. So, I'm hoping to understand the desired benefits of using Twitter. I know you stated below that you hope to maximize the reach of announcements about upcoming jQuery jQuery UI updates and releases. How does Twitter do that better than the mailing list? And will the mailing list continue to be adequate for this of us who don't Twitter? Can you clue me in? Rick
[jQuery] Re: accessing the content of iframe
You'll need some method of determining if the iframe has been loaded, check out the frameReady plugin: http://jakemcgraw.com/javascript/jquery.frameready.js - jake On Tue, Apr 29, 2008 at 3:38 AM, Teonator [EMAIL PROTECTED] wrote: Hi, Let say I have page A with an iframe (# ifrmContent) where its src is page B. The page B have a checkbox (# chkAgree). How am I going to access the checkbox in page B using the selector from page A (parent)? Could someone guide me a bit? Cheers, Teon
[jQuery] Re: Ext went GPL
Does it mean, that if I have PHP application, that uses javascript under GPL3, I must release also PHP source? AFAIK if you bundle something GPL everything will become GPL. This includes your PHP source. Just an FYI, this is only for non-commercial versions of ExtJS. I suppose the logic here is that if you would like to use ExtJS without paying for a commercial license and reap the rewards of an open source application, you will have to make your software open source (quid pro quo). You have a couple of options if you'd like to continue using ExtJS: 1. Keep using versions prior to 2.1 without making any changes to your existing code base. 2. Buy a commercial license, you won't need to make any changes to your code base. 3. Use a GPL version of ExtJS, open source any of your code (server/client) which directly references ExtJS, no changes to you existing code base. 4. Use a GPL version of ExtJS, remove any direct references of ExtJS from your code, develop an interface (a JSON message server?) which doesn't directly reference ExtJS, use it as an intermediate with ExtJS. Using this method, you wouldn't need to open source any of your software because you aren't directly referencing ExtJS. Granted, none of this is as convenient as an MIT or BSD or LGPL or CC license, but then, the core team ExtJS has a right to license their software anyway they'd like to keep the project up and running. - jake
[jQuery] Re: getScript is great to add scripts dynamically, but how might you remove scripts?
Which begs the question, Why would you want to remove scripts? Once a script has been included, it should have executed, so what do you gain by removing it? - jake On Mon, Apr 21, 2008 at 6:41 PM, cfdvlpr [EMAIL PROTECTED] wrote: Is it possible to remove a script from a page dynamically?
[jQuery] Re: event question
The default behavior:
$(.classname).click(function(){
alert(Hello, world!);
});
$(body).append('span class=classnameClick Me!/span');
Clicking Click Me! would do nothing.
Using the liveQuery plugin (http://brandonaaron.net/docs/livequery/):
$(.classname).livequery(click, function(event) {
alert(Hello, world!);
});
$(body).append('span class=classnameClick Me!/span');
Clicking Click Me! should now produce an alert window.
- jake
On Tue, Apr 22, 2008 at 4:45 PM, Brian Ronk [EMAIL PROTECTED] wrote:
I have a click even that I add to a certain class when the page is
created. There is the possibility of dynamically adding another
element with that class, and I would like to have the same click even
added. I'm just wondering what would happen if I registered the click
event for that class, would that work? For instance:
At page creation, this is run:
$('.classname').click(function() {
...
});
If I ran this after a new element with that class was created, would
that screw anything up. I do have an id associated with the element,
so I could just add the event that way. I just wasn't sure if there
might be a better way, or if I could add that to a function, and just
call it when needed.
[jQuery] Re: Expression for finding a displayed DIV?
var id = $(div.policy:visible).attr(id); - jake On Mon, Apr 14, 2008 at 11:57 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, I have a number of DIVS of class = policy on my page. At any one time, only one will be displayed, that is, have the CSS display attribute set to block. How can I write a JQuery expression to find the ID of such a DIV? Thanks, - Dave
[jQuery] Re: Hover Problems
You have to scope the hover to the current image, otherwise all div
with class item_info will show up (because, by default $(selector)
operates on the entire document, like $(selector, document)), here
is how you do this:
Assuming an HTML structure like this:
div class='item'
div class='img_cont'
div class='item_info'264 VIEWS/div
img src=some-img.gif/
/div
/div
$('.item img').hover(function() {
$(this).siblings(.item_info).animate({ opacity: 'show' }, 700);
}, function() {
$(this).siblings(.item_info).animate({ opacity: 'hide' }, 700);
});
Check out the documentation for how selectors work here:
http://docs.jquery.com/Core/jQuery#expressioncontext
and here:
http://docs.jquery.com/Selectors
- jake
On Sun, Apr 13, 2008 at 12:46 PM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
I am creating my first site with jquery. (Its my first time with
javascript, and I love it)
I have most of it ready, one thing I am completely stuck on.
I have a bunch of images that when you hover over each one there
should be a div appearing. Right now when I hover over any image the
div appears on all images. I only want it to appear on the image that
you are hovering over and not on all instances of the image. I tried a
lot of things, I need some help.
my html:
div class='item'
div class='img_cont'
div class='item_info'264 VIEWS/div
/div
/div
( the div that should be showing up is item_info which by default is
display:none; . )
$('.item img').hover(function() {
$(.item_info).animate({ opacity: 'show' }, 700);
}, function() {
$(.item_info).animate({ opacity: 'hide' }, 700);
});
--
Right now there are about 30 of the same divs with class image and
img's in them. When I hover over any image I see all divs on all
images popping up. How do I target just that one single image div
that the mouse is over, so that I can have the div popup whenever the
mouse is only over the one image.
Thank you
- Lukas
[jQuery] Re: Using Jquery instance in an Iframe
I would suggest using the frameready plugin, but it appears the
authors site was been removed from the internet.
You can download it from here:
http://jakemcgraw.com/javascript/jquery.frameready.js
Usage instructions are included in the script comments.
- jake
On Thu, Apr 10, 2008 at 12:25 PM, Jeffrey Kretz [EMAIL PROTECTED] wrote:
I've successfully used jquery by referring to the parent frame.
Instead of this, try document
alert($(#mycontent, document).html());
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Frederic
Sent: Thursday, April 10, 2008 5:52 AM
To: jQuery (English)
Subject: [jQuery] Using Jquery instance in an Iframe
Hello,
To avoid the loading of multiple Jquery in my application using
Iframe, I would know if anybody has succeeded in using a single Jquery
instance (in the same domain name).
myexample.html
html
headscript type=text/javascript src=jquery.js/script/head
body
div id=myparentHello world!/div
iframe id=myiframe name=myiframe src=myiframe.html/
/body
/html
myiframe.html
html
head
script
var $ = window.parent.$;
var jQuery = window.parent.jQuery;
$().ready(function() {
alert('jquery loaded in iframe');
alert($(#myparent, parent.document).html());
alert($(#mycontent, this).html());
});
/script
/headbodydiv id=mycontentWorking in iframe !/div/body/
html
When executing myexample.html :
= alert box #1 : jquery loaded in iframe
= alert box #2 : Hello world!
= alert box #3 : null=== must be Working in iframe !
Any idea on a solution ?
regards
Frederic
[jQuery] Re: Refresh Baltimore Tonight
Second the request for slides / any multimedia. - jake On Wed, Apr 9, 2008 at 4:18 PM, Richard D. Worth [EMAIL PROTECTED] wrote: Way to go, Benjamin! Wish I could be there. Will there be a recording? slides? - Richard On Wed, Apr 9, 2008 at 4:03 PM, Benjamin Sterling [EMAIL PROTECTED] wrote: Hey all, Just wanted to give a heads up that I will be giving a basic jQuery presentation at the Refresh Baltimore meeting tonight. So if you are in the Baltimore area come check it out. http://www.refreshbmore.org/ -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com http://www.BenjaminSterling.com
[jQuery] Re: $(window).bind(load,function(){ vs onready
Mixing content and logic, a no no for standardistas. It really depends on how much content you have on any given page. I'd suggest using both the head and footer methods to determine what provides the best end user experience Vs what keeps your pages standard compliant. - jake On Tue, Apr 8, 2008 at 9:33 AM, Mika Tuupola [EMAIL PROTECTED] wrote: On Apr 8, 2008, at 6:30 AM, coughlinsmyalias wrote: I have heard about loading them at the end of the page, I would love to see statistics on it as well. I understand this all now, I kept seeing both and I was confused each of them. When possible JavaScript should be loaded in the end of the page. Browsers stop rendering while JavaScript file loads. Browsers download only one JavaScript file at the time blocking also any new parallel downloads of other elements. Thus when moving all scripts just before closing body tag will make page finish rendering sooner. -- Mika Tuupola http://www.appelsiini.net/
[jQuery] Re: Help
Spam? On Tue, Apr 8, 2008 at 4:46 AM, Sarah Johns [EMAIL PROTECTED] wrote: Hello guys, i need some serious help here. My dad made a site, this http://www.videoriporter.hu . And he cant make it work. Can any of you help me? Thank you Sarah
[jQuery] Re: $(window).bind(load,function(){ vs onready
Regardless of whether it validates, it's considered best practices to keep all script tags out of the body: Curtesy of quirksmode.org :: snip :: Generally you place JavaScripts in the head of a page. Only when you want to write a message in the page, you'll have to place the script in the correct place in the HTML. Placing scripts in the head makes sure that any functions are loaded before the buttons, links or other things that call them are loaded. If you put your scripts at the very end of a page, it is possible that a user already sees part of the page including a button with a JavaScript function call, while the rest of the page hasn't loaded yet. Result: user pushes button and gets JavaScript Error Message Alerts, because the browser can't find the script (yet). :: snip :: jQuery mitigates this issue with the $(document).ready() function, regardless, all logical (JavaScript) and stylistic (CSS) resources should be kept separate from your content (XHTML). - jake On Tue, Apr 8, 2008 at 11:11 AM, Mika Tuupola [EMAIL PROTECTED] wrote: On Apr 8, 2008, at 6:06 PM, Jake McGraw wrote: Mixing content and logic, a no no for standardistas. It really depends on how much content you have on any given page. I'd suggest using both the head and footer methods to determine what provides the best end user experience Vs what keeps your pages standard compliant. All my sites validate perfectly with script tags just before closing /body. What standard are you talking about? -- Mika Tuupola http://www.appelsiini.net/
[jQuery] Re: $(window).bind(load,function(){ vs onready
From the comments on Yahoo Performance Rule # 5
http://developer.yahoo.net/blog/archives/2007/07/high_performanc_5.html:
:: snip ::
There are some cases where you wouldn't want your JS at the bottom.
For example, if you were using an ondomready event that many of the
js libraries supply, you would want the code to execute towards the
top. If you were to move all your JS to the bottom of the page, the
event would be rendered useless.
However, it's nice to know that having it at the top is a performance
hit so that I can weigh the positives with the negatives before moving
forward.
:: snip ::
So there is an instance where, using jQuery $(document).ready() or any
JavaScript library DOM ready functionality, it makes more sense to
keep your script tags in the document head.
In the end, it's up to the developer which method to use, as both can
be utilized successfully. I said in my original post that this is
mostly the territory of debate for standardistas, therefore its
worth inside of real-world web application development is
questionable. Considerations of end user experience often override
whatever the W3C or ECMA specificies. I'm just providing an alternate
opinion so developers can make an informed consideration. Thankfully,
jquery-en provides a professional environment where we can have this
discussion.
- jake
On Tue, Apr 8, 2008 at 11:40 AM, Mika Tuupola [EMAIL PROTECTED] wrote:
On Apr 8, 2008, at 6:23 PM, Jake McGraw wrote:
Regardless of whether it validates, it's considered best practices to
keep all script tags out of the body:
It all depends who consideres.
http://developer.yahoo.com/performance/rules.html#js_bottom
If you put your scripts at the very end of a page, it is possible that
a user already sees part of the page including a button with a
JavaScript function call, while the rest of the page hasn't loaded
yet. Result: user pushes button and gets JavaScript Error Message
Alerts, because the browser can't find the script (yet).
True, if you do things like:
input type=button onclick=checkform() /
Then again not a problem if you write unobtrusive JavaScript.
$(function() {
$(input).bind(click, checkform);
});
And isn't jQuery about writing unobtrusive JavaScript? ;)
--
Mika Tuupola
http://www.appelsiini.net/
[jQuery] Re: setinterval vs. settimeout
The following will pop up an alert dialog EVERY 20 (2 milliseconds) seconds:
window.setInterval(function(){alert('Hello!');},2);
The following will pop up an alert dialog ONCE, AFTER 20 (2 ms) seconds:
window.setTimeout(function(){alert('Hello!');},2);
To keep your site updated you would use setInterval, as it will be
called continuously.
- jake
On Mon, Apr 7, 2008 at 11:53 AM, coughlinsmyalias [EMAIL PROTECTED] wrote:
Hey, I found this article here:
http://www.evolt.org/article/Using_setInterval_to_Make_a_JavaScript_Listener/17/36035/
- to try to clear up my confusion with setInterval and setTimeout, but
still kind of confused, but this is what I got out of it so far:
setInterval: Does X every X ms
setTimeout: Delays X every X ms
Is that close or am I completely off? If someone has a more clear
example could you post it :)
Also, if I want to try to keep my site as live and updated as
possible, which would be better.
Thanks,
Ryan
[jQuery] Re: How do I write this jquery expression?
$(tr.rowData :text, tr.rowData textarea).blur(function(){
/* Callback goes here */
});
On Thu, Apr 3, 2008 at 4:58 PM, [EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
Hi,
Within my TR of class rowData, how do I write a jquery onblur
handler for every input field of type = text or every field that is
a TEXTAREA?
Thanks, - Dave
[jQuery] Looking New jQuery Logo
I remember seeing a streamlined, grey on grey logo, I think John R. used in a presentation. Anyone have a high def version of this? - jake
[jQuery] Re: [POLL] Online jQuery Training from John Resig
Any ideas on the fee? - jake On Thu, Mar 6, 2008 at 9:57 AM, Rey Bango [EMAIL PROTECTED] wrote: For those that missed this email the first time: The jQuery team is looking to gauge interest in jQuery training delivered in a live, online format by jQuery project lead John Resig. Nobody knows jQuery better than John and in terms of JavaScript, he's considered one of the best in the world. So a training class delivered by him would surely help anyone become more proficient in JavaScript and jQuery. So, if you could take a couple of minutes to participate in the following poll, that would be a big help in determining how to proceed: http://www.polldaddy.com/poll.aspx?p=388570 Thanks, The jQuery Team
[jQuery] jQuery Tutorial at IBM
http://www.ibm.com/developerworks/web/library/wa-aj-overhaul1/index.html?ca=drs- Developer Works drops jQuery Ajax + ThickBox tutorial. Part one posted today. - jake
[jQuery] Re: Ajax Post URL
Try:
$.post(index.cfm, {Action:processajax}, function(){/* Success
callback */});
On Mon, Feb 25, 2008 at 10:23 PM, MikeP [EMAIL PROTECTED] wrote:
Hello.
I'm using an Ajax Post. It works fine when I use the path in the
url...
url: controllers/processajax.cfm,
However, If I want to use a url string like:
url: index.cfm?Action=processajax,
Then I get the following error:
unterminated regular expression literal
It blows up in what appears to be the data results. However,
literally
the only difference is the URL string I use.
Any ideas?
Thanks,
Mike
[jQuery] Media Plugin Issue
I'm trying to use the Media Plugin as it appears to be a gift from god
in the way it handles multiple media types with the same code.
Unfortunately, I've got two problems:
1) I can't get it to acknowledge my custom flash video player. When I
do something like:
$(.mediabox).mediabox({
flvPlayer : http://www.foobar.com/fooplayer.swf
});
and then click on a link, say:
a class=mediabox href=http://www.foobar.com/media/bar.flv;Watch Now!/a
Firebug tells me I've requested the following URL:
mediaplayer.swf?file=http://www.foobar.com/media/bar.flv
2) I can't get it to acknowledge my custom flashvars, which are unique
for each video. I've tried using both the metadata plugin:
a class=mediabox
{flashvars:{playlist_url:'http://www.foobar.com/playlist?id=1234'}}
href=http://www.foobar.com/media/1234.flv;Watch Now!/a
and the pre-render callback:
$(.mediabox).mediabox({...}, function(e,o){
o.flashvars = {
playback_url: http://www.foobar.com/playlist?id=1234;
};
});
Using Firebug and looking at the HTML that was generated, I see the following:
embed ... flashvars=file=http://www.foobar.com/media/1234.flv; ... /
So, what am I doing wrong?
- jake
[jQuery] Re: ajax file uploads: getting strange error
Ah, I traced the issue to a PHP error, make sure your server scripts aren't spitting out HTML errors! - jake On Feb 14, 2008 3:05 AM, Yılmaz Uğurlu [EMAIL PROTECTED] wrote: Can you try upload your file without upload plugin. Create simple file form and just post to data your uplaod action. Maybe your uplaod action returning invalid result. I got the similiar error when i first try. The problem was upload action in my project. Just check that. 2008/2/13, Jake McGraw [EMAIL PROTECTED]: Just started getting this issue with the Forms plugin! - jake On Feb 9, 2008 5:07 PM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, I just downloaded the latest version of the ajax file upload plugin (http://www.phpletter.com/Demo/AjaxFileUpload-Demo/). I have created a test page http://elearningrd.info/test.php but every time I upload a file, the error callback is invoked and the message Syntax error: Invalid label is displayed. My file does get uploaded to the proper directory, but the error is troubling me. What does it mean and any ideas how to resolve it? Thanks, - Dave -- Yılmaz Uğurlu ~ jabber : [EMAIL PROTECTED] ~ http://www.2nci.com ~ İzmir
[jQuery] Re: Jquery and function(json)
What are you using to encode your json server side? If you have PHP
5.2 and above, I'd suggest json_encode, which takes a PHP array and
converts it into json. To output a 1, you should be able to do the
following:
echo json_encode(array(error=1));
- jake
On Fri, Feb 15, 2008 at 3:48 PM, FrEaKmAn [EMAIL PROTECTED] wrote:
Hello,
so today I started with jquery and wow :D I have one question
regarding json. I found this topic (I'm sorry if linking isn't
allowed)
http://www.designerstalk.com/forums/programming/29651-jquery-ajax-question.html
I want something similar:
...
success: function(json){
if( json.success == true ) {
} else {
if(json.error == 1) {
}
but it's doesn't want to work with my script. Now is jquery.js
(latest) enough or must I include special addons? Or this works and my
php file isn't right; any info how to set error to be equal to 1?
Thanks for help!
[jQuery] Re: ajax file uploads: getting strange error
Just started getting this issue with the Forms plugin! - jake On Feb 9, 2008 5:07 PM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, I just downloaded the latest version of the ajax file upload plugin (http://www.phpletter.com/Demo/AjaxFileUpload-Demo/). I have created a test page http://elearningrd.info/test.php but every time I upload a file, the error callback is invoked and the message Syntax error: Invalid label is displayed. My file does get uploaded to the proper directory, but the error is troubling me. What does it mean and any ideas how to resolve it? Thanks, - Dave
[jQuery] Re: what editor do you use?
Zend Studio, before that TextMate On Feb 13, 2008 3:15 PM, Kyle Browning [EMAIL PROTECTED] wrote: Zend Studio. On Feb 13, 2008, at 12:15 PM, Alexandre Plennevaux wrote: aptana studio On Feb 13, 2008 8:49 PM, Mika Tuupola [EMAIL PROTECTED] wrote: On Feb 13, 2008, at 6:38 PM, Feijó wrote: I changed my own a few weeks ago, now I'm using Editpad++ (http://sourceforge.net/projects/notepad-plus/ ) its freeware, nice resources, like macros, quick-text, highlighted source, .. Textmate with jQuery bundle, of course :) http://macromates.com/ http://www.learningjquery.com/2006/09/textmate-bundle-for-jquery -- Mika Tuupola http://www.appelsiini.net/ -- Alexandre Plennevaux LAb[au] http://www.lab-au.com
[jQuery] Re: getting the (computed) background-color
Ah, this issue bit me in the ass, using jQuery 1.2.3... is this a
browser/css quirk or is there a planned fix?
- jake
On Jun 17, 2007 7:31 AM, Fil [EMAIL PROTECTED] wrote:
I'am not sure, but this one may be faster:
// get the background color
var current_p = $(this);
var bg = transparent;
while(bg == transparent) {
bg = current_p.parent().css('background-color');
current_p = current_p.parent();
}
you have a parent() too many ;-)
anyway this will fail if everything is transparent: you'll hit the
document as $('html').parent() and get a js error when doing .css() on
it.
-- Fil
[jQuery] Re: Problems with frames
This is the page: http://ideamill.synaptrixgroup.com/?page_id=18 So, you're doing your development off of a web server? Perhaps you could install either an XAMPP or LAMP environment on your machine? - jake On Feb 8, 2008 4:06 AM, Androrion [EMAIL PROTECTED] wrote: Could you explain me why frames shouldn't be needed for what I described? As I don't have any web server, I cannot use simple divs and include my pages as I want, like i would do with php or jsp, isn't it? If you have another solution, I take it : I don't want to use frames, it's just I can't figure out how else I can do. About the url you gave me, the page doesn't seem to exist anymore :( Do you know where i could find this plugin? Thanks a lot for your help! Jake McGraw wrote: If you're using frames (which shouldn't be needed for what you're describing) try using the frameReady plugin, http://ideamill.synaptrixgroup.com/?p=6. Pay attention to the load option for including the accordian plugin in your target frame. - jake On Jan 25, 2008 8:55 AM, Androrion [EMAIL PROTECTED] wrote: Hi all, I'm currently working on a static website using some javascript effects. So far i'm very impressed by the possibilities offered by jQuery and that's why i chose this framework, but now i have a little problem. The web site i wanna create is very classic : a header, a footer, a side-bar navigation menu and a main frame. Wanting to avoid the use of iframe, i tried some div with the jQuery load function. It seems to work but when i want to insert an accordion menu in the menu div, it doesn't work... The only solution i found was to write the menu code in my index page, which is quite... ugly... Does anybody know how i could fix that, and use jQuery in every frame? -- View this message in context: http://www.nabble.com/Problems-with-%22frames%22-tp15087899s27240p15087899.html Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/Problems-with-%22frames%22-tp15087899s27240p15351625.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] frameReady plugin and reloading iframes
So, I've been using the brilliant frameReady plugin, and when I ran across an issue: I'd like to be able to reload an iframe (sometime after initial loading) and have frameReady perform the exact same actions as it did to begin with. I think this is a similar issue as re-binding of events to DOM elements after they've been replaced using Ajax. Has anyone else run across this situation? - jake
[jQuery] Re: Problems with frames
If you're using frames (which shouldn't be needed for what you're describing) try using the frameReady plugin, http://ideamill.synaptrixgroup.com/?p=6. Pay attention to the load option for including the accordian plugin in your target frame. - jake On Jan 25, 2008 8:55 AM, Androrion [EMAIL PROTECTED] wrote: Hi all, I'm currently working on a static website using some javascript effects. So far i'm very impressed by the possibilities offered by jQuery and that's why i chose this framework, but now i have a little problem. The web site i wanna create is very classic : a header, a footer, a side-bar navigation menu and a main frame. Wanting to avoid the use of iframe, i tried some div with the jQuery load function. It seems to work but when i want to insert an accordion menu in the menu div, it doesn't work... The only solution i found was to write the menu code in my index page, which is quite... ugly... Does anybody know how i could fix that, and use jQuery in every frame? -- View this message in context: http://www.nabble.com/Problems-with-%22frames%22-tp15087899s27240p15087899.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: A working copy of jQuery UI?
Currently using the nightlies with no problem. - jake On Feb 6, 2008 10:14 AM, Rey Bango [EMAIL PROTECTED] wrote: Hi, A release candidate for UI should be VERY available soon that should resolve any issues. Rey [EMAIL PROTECTED] wrote: So I downloaded jQuery 1.2.2 and UI from the site, and kept getting errors (such as draggables throwing a not a function error.) I borrowed a copy of ui from some random website, which at least got draggables to work, but not entirely - opacity isn't working. It seems like I can't depend on ui.jquery.com to get a functioning copy of jquery ui - the dialog that downloads a minified copy of different plugins isn't even working. Can someone direct me to a (preferably) minified copy of jquery ui that works with 1.2.2?
[jQuery] Re: JQuery takes 80% of my core2Duo proc on DOM element inserts
Perhaps you could set up a queue using window.setInterval() and limit your appends to 40 or so rows every couple of seconds? Also, do you have an example page where your script can be viewed? - jake On Feb 4, 2008 1:57 PM, Ashish [EMAIL PROTECTED] wrote: Hi , I am very new to jquery. I am using jquery 1.2.2 . I use jquery tablesorter to insert around 400 rows to a table. The data is collected using an Ajax call. When new rows are inserted to the table the CPU utilization shoots up to 80%. All browsers freeze until the table is populated :( I tried to insert 400 divs to a single div and faced the same problem. This rules out a problem with tablesorter. Does jquery attach a lot of handlers to dom events that make appends very slow ? Any suggestions would be much appreciated. Thanks and regards, - Ashish
[jQuery] Re: Opposite of .contains() ?
$(p).not($(p).contains(1)); See: visualjquery.com DOM Traversing not(elems) On Jan 11, 2008 10:35 AM, Sean O [EMAIL PROTECTED] wrote: Hi, I'm trying to select elements that do not contain certain text. In effect, the opposite of .contains(). e.g. p1:/p p1:/p p2:/p p3:/p p4:/p How can I select all ps without a 1 in the text? like... $(p).doesNotContain(1) Various attempts with not: and filter() have failed... Thanks, SEAN www.sean-o.com -- View this message in context: http://www.nabble.com/Opposite-of-.contains%28%29---tp14758914s27240p14758914.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: How come when I put everything in like this, it will not be working?
Could you throw up an example page with the HTML document.
- jake
On Jan 4, 2008 1:58 AM, DeaR [EMAIL PROTECTED] wrote:
script type=text/javascript
function disappear() {
$(#response).fadeOut(slow)
}
$(document).ready(function() {
$(#message_me).click(function() {
$(#form).fadeIn(slow)
})
$(#send).click(function() {
var str = $(#input_form).serialize()
$.post(send-mail.php,str,function(data) {
$(#response).html(data).fadeTo(slow, 0.7)
setTimeout(disappear(), 3000)
})
})
$.get(counter.php, function(data) {
$(#counter).html(data).fadeIn(slow)
})
})
/script
I saved the above script in a separate file, let's say myscript.js.
Then I imported it in my html file like this
script src=myscript.js type=text/javascript/script
Then, when I run this, it's not working. I've been trying to find the
error. It says missing } in XML expression at $(#send) but then
I switched places between $(#send)... and $.get(..., then the error
comes out like missing } XML expression at $.get(... instead. So I
don't know what's wrong, Is there any function that needs to be put in
between somehow?
Again, now I delete everything except for $.get( in myscript.js.
And I put them in the html file manually like
script type=text/javascript
function disappear() {
$(#response).fadeOut(slow)
}
$(document).ready(function() {
$(#message_me).click(function() {
$(#form).fadeIn(slow)
})
$(#send).click(function() {
var str = $(#input_form).serialize()
$.post(send-mail.php,str,function(data) {
$(#response).html(data).fadeTo(slow, 0.7)
setTimeout(disappear(), 3000)
})
})
})
/script
Now then, it works fine.
Can you tell me why it's not working in the uppermost one. cuz I want
to put everything in one script file, and not to show any script in
the html file.
Thank you very much for any responses, really appreciate your time.
DeaR
[jQuery] Re: BBC Redesign
Can't stand that clock in the right hand corner... why on earth is it there? - jake On Jan 2, 2008 9:43 AM, Andy Matthews [EMAIL PROTECTED] wrote: Very nice...well done -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of nathandh Sent: Monday, December 31, 2007 11:51 PM To: jQuery (English) Subject: [jQuery] BBC Redesign Looks like the long-overdue BBC redesign is using jQuery (and a metric ton of whitespace and internal CSS): http://www.bbc.co.uk/home/beta/
[jQuery] Re: using AJAX with jQuery
JJShell:
You can address both issues by using all inputs within a form
var values = {};
$(form).find(input:text).each(function(){
values[$(this).attr(name)] = $(this).val();
});
Now values will have the following structure for your second example, which
PHP should automatically turn into an array within $_POST:
{
pagetitle[1] : test,
pagetitle[2] : some title,
pagetitle[3] : some other title
}
- jake
On Dec 21, 2007 3:00 AM, jjshell [EMAIL PROTECTED] wrote:
First of all, thanks for your time and answers. I really appreciate
it. Having made a few tests, the $.ajax approach seems the one that
fits the most my application.
Just a few questions:
1.
Can you avoid to explicitely name each field of your form?
data: test= + $(input[name=test]).val(),
What if a form is dynamically created server-side? Do you also have to
dynamically create a line for jQuery?
2.
How dows this approach reacts to array fields?
input type=text name=pagetitle[1] value=test /
input type=text name=pagetitle[2] value=some title /
input type=text name=pagetitle[3] value=some other title /
Thank you again for your time :)
[jQuery] Re: using AJAX with jQuery
As you can tell, the possibilities are endless with jQuery... best skimming
through the documents so you can get an idea of the tools out there.
- jake
On Dec 21, 2007 11:28 AM, Jake McGraw [EMAIL PROTECTED] wrote:
JJShell:
You can address both issues by using all inputs within a form
var values = {};
$(form).find(input:text).each(function(){
values[$(this).attr(name)] = $(this).val();
});
Now values will have the following structure for your second example,
which PHP should automatically turn into an array within $_POST:
{
pagetitle[1] : test,
pagetitle[2] : some title,
pagetitle[3] : some other title
}
- jake
On Dec 21, 2007 3:00 AM, jjshell [EMAIL PROTECTED] wrote:
First of all, thanks for your time and answers. I really appreciate
it. Having made a few tests, the $.ajax approach seems the one that
fits the most my application.
Just a few questions:
1.
Can you avoid to explicitely name each field of your form?
data: test= + $(input[name=test]).val(),
What if a form is dynamically created server-side? Do you also have to
dynamically create a line for jQuery?
2.
How dows this approach reacts to array fields?
input type=text name=pagetitle[1] value=test /
input type=text name=pagetitle[2] value=some title /
input type=text name=pagetitle[3] value=some other title /
Thank you again for your time :)
[jQuery] Re: Announcing jQuery HowTo's
Very cool, I often write detailed responses for how to questions on this list. From now on, I'll post to your website and send them a link. - jake On Dec 21, 2007 2:50 AM, Shawn [EMAIL PROTECTED] wrote: In a recent thread ( http://groups.google.com/group/jquery-en/browse_thread/thread/acfe180142e9668a/0453acd9acf83754?lnk=gstq=New+jQuery+release#0453acd9acf83754 ) the need for volunteer help with the documentation was discussed. I posted a suggestion that maybe a how-to type of document may help those who do not like the reference style of the official docs. I took a look at adding to the wiki, but don't know the syntax/formatting needed (yet). But I wanted to do something about this idea while it was more or less fresh in my head. So, I slapped together a quick Drupal site under a sub-domain to my own domain, and started typing. Actually, I had started typing first, but quickly realized that an approach was needed to allow the community to offer feedback and/or help out. So, a Drupal site sounded perfect for this - for now at least. So, the site is at http://jquery.open2space.com I have some basic items in there right now, and am planning on extending the how-to's as I have time. But I'm only one person and the areas I think would be helpful may be only a small subset of what everyone else thinks is helpful. So feel free to create an account and help out. The actual how-to's are at http://jquery.open2space.com/howto. And if you'd like to contribute, I have some quick instructions and guidelines at http://jquery.open2space.com/node/2. Logged in users can also blog about their jQuery experiences if they'd like. This is a bit of an experiment for me (the community driven site that is). I'd like to see the community grow this idea, and even better - make it so popular that it makes sense to roll back into the official jQuery site. :) My thoughts right now is that this site become a jQuery learning center, with links to pertinent books and blogs, and other resources for learning jQuery. (Yep I have the Learning jQuery blog in the feeds.. any others that should be there? :) Any suggestions on making the site better are much appreciated. And thanks to everyone who helped me get as far in my own understanding of jQuery! Shawn Grover
[jQuery] Re: creating own callback
I'm sure there's a more sophisticated way of doing this, but functions can
be passed around like any other variable type in JavaScript, so:
jQuery.extend({
preloadImage: function(imagePath,callback) {
jQuery(img).attr(src, gfx/+imagePath);
callback();
}
});
Should do the trick.
- jake
On Dec 21, 2007 3:11 PM, Eric Teubert [EMAIL PROTECTED] wrote:
Hi,
I spend some time in browsing through the documentation but I didn't
find anything about creating own functions with callback-
functionality. How do I do this?
What I want to do:
Write a function that preloads an image and returns a callback when
the image is loaded. It looks like
jQuery.extend({
preloadImage: function(imagePath) {
jQuery(img).attr(src, gfx/+imagePath);
}
});
$.preloadImage(example.gif);
But how have I to edit the first part when I want the second to look
like the following?
$.preloadImage(example.gif, function() { alert(Preloading
finished); });
Thanks!
[jQuery] Re: Call Function From AJAX Loaded Page
Hmm, first thing that caught my eye:
a id=1... is invalid markup, all ids must start with a letter or
underscore, see:
http://www.w3.org/TR/html4/types.html#type-name
Secondly, make sure that your document has been loaded BEFORE binding
events, you can't simply do:
head
script type=text/javascript
$(a.twitter).click(function(){...});
/script
/head
body
a class=twitterHello!/a
Because when $(a.twitter) runs, the entire document hasn't yet been
loaded, so no elements are found and no events are bound. Luckily, jQuery
has a very easy way to remedy this, wrap anything that interacts with
elements with $(document).ready(function(){...})
head
script type=text/javascript
$(document).ready(function(){
$(a.twitter).click(function(){...});
// Other bindings, events, etc
});
/script
/head
body
a class=twitterHello!/a
For more information on this, check out:
http://docs.jquery.com/Events/ready
- jake
On Dec 21, 2007 3:23 PM, Dave [EMAIL PROTECTED] wrote:
I am trying to call a function from this link ( div
id=twitter_displaydiv class=content
Alright! New office chair!bra class=twitter id=1[next]/a/
div/div ) I want this to activate on the click() of
a.twitter but $
(a.twitter).click(function() {... is not calling the function.
What do I need to replace a.twitter with to get this function to
call? Thanks
[jQuery] Re: using AJAX with jQuery
Replace // ? with:
$(function(){ // 1
$(form).submit(function(){ // 2
var value = $(this).find(input[name=test]).val(); // 3
$.post(/test/ajax/record/,{test:value},function(){ // 4
alert(Message sent successfully!); // 5
});
return false; // 6
});
});
Notes for each line:
1. $(function(){}) is short hand for $(document).ready(function(){}), this
means your javascript won't run until the entire document is loaded, check
out:
http://docs.jquery.com/Events/ready
2. We bind a function to execute when our form is being submitted:
$(form) finds all of the form elements on the page (there is only one
right now)
$(form).submit() binds a function to the submit event of the form (what
takes place when you click the submit button), see:
http://docs.jquery.com/Events/submit#fn
3. When a function is bound to a select set ($(form) =
$(form).submit()), the this keyword is automatically set to the element
we are currently with, so rather than writing $(form) again, we can simply
refer to $(this), see:
...the 'this' keyword points to the specific DOM element...
http://docs.jquery.com/Core/each
4. The $.post function has three parameters:
a. The URL target for the post
b. Variables to be sent to server: {var:value} (Accessible in PHP using
$_POST['var'])
c. A callback function to be executed when the AJAX message successfully
sends and receives a response, see:
http://docs.jquery.com/Ajax/jQuery.post#urldatacallback
5. A JavaScript popup for succesful completion.
6. return false to prevent the form from actually submitting, which would
take us away from the current page, see:
http://docs.jquery.com/Events_(Guide)#event.stopPropagation.28__.29
So, that, in a nutshell is how to do Ajax with jQuery without a plugin.
There is a lot of other stuff thrown in, so definitely check out the
resources before embarking on your AJAX trip and learn all the things jQuery
can do.
- jake
On Dec 20, 2007 1:49 PM, jjshell [EMAIL PROTECTED] wrote:
Hello,
I'm new to jQuery (and AJAX for that matter). Even if the library is
really easy to use, I'm still having problems ajaxing.
I'd like to understand how to post the following simple form to the
server, and send a message to the client depending on the submission
process output (telling him if what he submitted is ok or not).
Would someone be kind enough to guide me through the steps?
Here's the HTML bit. I am going to use jQuery with the Zend Framework
(PHP).
html
head
script type=text/javascript src=jquery-1.2.1.js/script
script type=text/javascript
//?
/script
/head
body
form action=/test/ajax/record/ method=post
input type=text name=test value= /
input type=submit name=ajax value=save /
/form
/body
/html
[jQuery] Re: Updating input values before the submit.
Ah do you have a copy of the form, so I can see exactly what you're doing?
- jake
On Dec 18, 2007 7:29 PM, Jesse R. [EMAIL PROTECTED] wrote:
The request is still failing. Any other ideas?
On Dec 18, 11:37 am, Jake McGraw [EMAIL PROTECTED] wrote:
The problem is that the form is actually submitting before you can get a
response, this is the nature of an asynchronous request (the first A in
AJAX). Perhaps you could bind the the submit to one of the callbacks:
jQuery(#googleCheckout).submit(function() {
var $form = jQuery(this);
if (!$form.is(.okgo)) {
jQuery.ajax({
type: POST,
dataType: json,
url: /json-checkout,
error: function(){
// Do nothing, okgo not added
},
success: function(json){
jQuery(input:first).val(json.gec);
jQuery(input:eq(1)).val(json.ges);
// This will prevent the AJAX message from being sent
again
$form.addClass(okgo);
// Successful AJAX message, re-submit, this time for
real
$form.submit();
}
});
return false;
}
});
On Dec 18, 2007 11:27 AM, Jesse R. [EMAIL PROTECTED] wrote:
I have the following html code:
form id=googleCheckout action=https://sandbox.google.com/checkout/
cws/v2/Merchant/747474/checkout method=post
input type=hidden name=cart value=somevalue /
input type=hidden name=signature value=anothervalue /
input type=image name=Google Checkout alt=Fast checkout through
Google
src=https://sandbox.google.com/checkout/buttons/checkout.gif?
merchant_id=747474amp;w=160amp;h=43amp;style=WHITEamp;variant=TEXTamp;loc=en_US
height=43 width=160 /
/form
I want to dynamically load those values with a json request
immediately before the submit, but not any sooner. I tried doing the
following code:
jQuery(#googleCheckout).submit(function() {
jQuery.ajax({
type: POST,
dataType: json,
url: /json-checkout,
error: function(){return false;},
success: function(json){
jQuery(input:first).attr({
value: json.gec
});
jQuery(input:eq(1)).attr({
value: json.ges
});
return true;
}
});
});
However, the ajax request fails according to Firebug and the submit
contains the old data. The requested URL is
http://www.blueskyvineyard.com/json-checkout.
Any suggestions would be greatly appreciated!
[jQuery] Re: Create unique class for links inside the tabs?
perhaps you could apply a class to any inserted anchors, something like:
JavaScript:
$(li.tab).append('a href=/index.htm class=resetA Link/a');
CSS:
a.reset {
background:#FFF !important;
// So on and so forth
}
- jake
On Dec 19, 2007 2:40 PM, Reuben [EMAIL PROTECTED] wrote:
Hi Bernd:
Thanks for your great work. I'm new to CSS and jQuery, so forgive me
if there is an obvious answer to this. I'm trying to replace the
inside contents of a tab section with individual links. However, as
soon as I throw the a tags on something, the link inherits the class
of the tab section (with the gray BG and all). How can I inhibit this
with link content inside the tabs? Thanks!
[jQuery] Re: Updating input values before the submit.
The problem is that the form is actually submitting before you can get a
response, this is the nature of an asynchronous request (the first A in
AJAX). Perhaps you could bind the the submit to one of the callbacks:
jQuery(#googleCheckout).submit(function() {
var $form = jQuery(this);
if (!$form.is(.okgo)) {
jQuery.ajax({
type: POST,
dataType: json,
url: /json-checkout,
error: function(){
// Do nothing, okgo not added
},
success: function(json){
jQuery(input:first).val(json.gec);
jQuery(input:eq(1)).val(json.ges);
// This will prevent the AJAX message from being sent again
$form.addClass(okgo);
// Successful AJAX message, re-submit, this time for real
$form.submit();
}
});
return false;
}
});
On Dec 18, 2007 11:27 AM, Jesse R. [EMAIL PROTECTED] wrote:
I have the following html code:
form id=googleCheckout action=https://sandbox.google.com/checkout/
cws/v2/Merchant/747474/checkout method=post
input type=hidden name=cart value=somevalue /
input type=hidden name=signature value=anothervalue /
input type=image name=Google Checkout alt=Fast checkout through
Google
src=https://sandbox.google.com/checkout/buttons/checkout.gif?
merchant_id=747474amp;w=160amp;h=43amp;style=WHITEamp;variant=TEXTamp;loc=en_US
height=43 width=160 /
/form
I want to dynamically load those values with a json request
immediately before the submit, but not any sooner. I tried doing the
following code:
jQuery(#googleCheckout).submit(function() {
jQuery.ajax({
type: POST,
dataType: json,
url: /json-checkout,
error: function(){return false;},
success: function(json){
jQuery(input:first).attr({
value: json.gec
});
jQuery(input:eq(1)).attr({
value: json.ges
});
return true;
}
});
});
However, the ajax request fails according to Firebug and the submit
contains the old data. The requested URL is
http://www.blueskyvineyard.com/json-checkout.
Any suggestions would be greatly appreciated!
[jQuery] Re: jQuery + call PHP function
Well, yes and no... you must echo the output of the function calls in order
for the AJAX call to get the information... you can do something like this
though, to hold off echoing until the end of the file. I've also included
the exit command, because you generally don't want any other information
outputted once your function has run:
?php
function func1() {return 'Hello from 1';}
function func2() {return 'Hello from 2';}
function func3() {return 'Hello from 3';}
switch($_GET['func']) {
case '1':
$output = func1();
break;
case '2':
$output = func2();
break;
case '3':
$output = func3();
break;
default:
$output = '';
}
// Do other things...
echo $output;
exit;
?
On Dec 17, 2007 7:45 PM, uraz [EMAIL PROTECTED] wrote:
I have just one more question. Is it possible to use return instead
of echo in php function to pass some data back?
[jQuery] Re: jQuery + call PHP function
Well, depending on how to implement it, you'd have to pass some kind of
argument:
PHP File, myscript.php:
?php
function func1() {echo 'Hello from 1';}
function func2() {echo 'Hello from 2';}
function func3() {echo 'Hello from 3';}
switch($_GET['func']) {
case '1':
func1();
break;
case '2':
func2();
break;
case '3':
func3();
break;
default:
// Do nothing?
}
?
JavaScript:
$.get(myscript.php,{'func':'2'},function(data){
// data now contains Hello from 2
});
$.get(myscript.php,{'func':'1'},function(data){
// data now contains Hello from 1
});
$.get(myscript.php,{'func':'3'},function(data){
// data now contains Hello from 3
});
I'd suggest setting up a switch statement as opposed to a call_user_func(),
for security purposes.
- jake
On Dec 17, 2007 10:52 AM, uraz [EMAIL PROTECTED] wrote:
Ok but if You have for exaple 3 php functions ( function1(),
function2(), function3() ) in the document and you want to call
function2() what can you do?
[jQuery] Re: jQuery + call PHP function
This would call the PHP script that originally produced the page (stored in
window.location.toString()) using AJAX:
$.get(window.location.toString(),{/* Put $_GET variables here
*/},function(data){
/* Do something with data here */
});
- jake
On Dec 13, 2007 2:35 PM, uraz [EMAIL PROTECTED] wrote:
I'm wondering how can I asynchronously call the php function which is
placed in the same file as the js code and html (just on the top of
it, before the html). Something that 'xajax' do.
Thanks for replies
[jQuery] [SITE SUBMISSION] BigCarrot.com
Hey Everyone: I'd like to submit the site I've been working on for 5 months or so: www.bigcarrot.com Think crowd-sourced inducement prizes (give yourself a high five if any of that makes sense to you). We're using jQuery (little Ajax, site wide fixes for IE forms) and jqModal throughout the site. For any TinyMCE users/developers out there, we're currently using TinyMCE for content creation and it just so happens that a bug within the editor has proven to be such a pain that we've started our own inducement prize to fix it: http://www.bigcarrot.com/prizes/zqyzafdgf Critiques are welcome! - jake
[jQuery] Re: [SITE SUBMISSION] BigCarrot.com
Thanks for the feedback guys, Josh, Mike: thanks for getting it, we figure that's half the battle in getting people to use our site. It's incredibly refreshing to get some positive feedback. I 3 the jQuery community. - jake On Dec 13, 2007 6:18 PM, Mike Alsup [EMAIL PROTECTED] wrote: Great site! Love the idea, love the look. Nice work, Jake! I'd like to submit the site I've been working on for 5 months or so: www.bigcarrot.com
[jQuery] Re: Code feedback... Callbacks for timing...
What are you trying to accomplish with load()? From the documentation:
http://docs.jquery.com/Events/load
I don't see any reference to the usage you're attempting.
- jake
On Dec 6, 2007 8:34 PM, Micky Hulse [EMAIL PROTECTED] wrote:
Hi all, I hope my question is not too silly... I just wanted to get a
little feedback -- basically wondering what I am doing wrong here:
...snip...
$('#' + what).fadeOut('slow', function() {
$(this).load(this.href, {'targ': what}, function() {
$(this).fadeIn('slow');
});
});
...snip...
Basically, I want to fade-out a div, then .load(), then fade the div
back in... The above code is returning errors, but I am not sure what
I am doing wrong.
I can post more code if need be.
Any help, tips, rtfm's, and/or links would be spectacular. :)
Many TIA's.
Cheers,
Micky
[jQuery] Re: Can figure out the diference between input button and button
Perhaps try button type=button ... instead of button type=submit
Haven't tested, but it looks like maybe your form is trying to submit before
the AJAX gets a chance to resolve.
- jake
On Dec 6, 2007 1:53 PM, Marcelo Wolfgang [EMAIL PROTECTED] wrote:
Hi list
Long time lurker, first time poster, so here it goes:
I have a simple form that call a $.get, if I have a input
type=button my code works but if I have a button/button it
doesn't ... can anyone tell me what I'm doing wrong? here's the code:
script type=text/javascript src=../../assets/jquery.js/script
script type=text/javascript
$(document).ready(function(){
$(#btSubmit).click(function () {
var id = $(#user_id).val();
var number2 = $('#number2').attr('value');
$.get(a_edit.php, { userid: id, number2: number2 },
function(data){
alert(Data Loaded: + data);
$(#edit_response).append(data);
});
});
});
/script
and the html that works
form
input type=hidden name=user_id id=user_id value=10 /
input type=button id=btSubmit value== /
/form
div id=edit_response/div
and the html that don't work:
form
input type=hidden name=user_id id=user_id value=10 /
button type=submit id=btSubmitimg
src=../../images/btAdicionar.gif width=94 height=16 alt=subit
form //button
/form
div id=edit_response/div
TIA
Marcelo Wolfgang
[jQuery] Re: Replacing contents using an array
Here's a solution I think you'll find helpful:
JavaScript:
Trans = {
t1:New Text 1,
t2:New Text 2,
t3:New Text 3
};
$(function(){
$(#newText, #oldText).click(function(){
if ($(this).is(.active)) {return;}
$(a).each(function(){
if (Trans[this.id]) {
var tmp = $(this).text();
$(this).text(Trans[this.id]);
Trans[this.id] = tmp;
}
});
$(this).addClass(active).siblings(input:button).not(this).removeClass(active);
});
});
HTML:
input type=button name=newText id=newText value=New Text/
input type=button name=oldText id=oldText value=Old Text
class=active/
a id=t1 href=#Old Text 1/a
a id=t2 href=#Old Text 2/a
a id=t3 href=#Old Text 3/a
This solution changes link text based on IDs, so if you don't have
everything translated yet you can still swap for those links you do have
translations for.
- jake
On Dec 1, 2007 5:50 PM, Mali [EMAIL PROTECTED] wrote:
Hello Lee,
It's work like a charm!! :) thank you very much for your help. I'll
study this more. It's fun!
Regards,
Mali
On Dec 1, 11:47 am, [EMAIL PROTECTED] [EMAIL PROTECTED]
wrote:
Hi Mali,
Try this instead:
I'm still fairly new to jQuery (1 week), so I'm sure there must be an
even shorter way...
$(function() {
$(#newText).click(function(){
$('#myList a').each(function(x){
if (!this.origText) {
this.origText = $(this).text();
}
arr=[My new text A,My new text B,My new
text C,My new text
D,My new text E,My new text F];
$(this).text(arr[x]);
});
});
$(#oldText).click(function(){
$('#myList a').each(function(x){
$(this).text(this.origText);
//$('#dump').html(printProps(this, 'obj'));
});
});
});
Regards
Lee
Mali wrote:
Hello,
I am a webdesigner who is new to javascript and this is my first week
of learning jquery. I enjoy it very much. I have a question about
array.
What I am trying to do is to translate the text of each links into
other language by using array. I want the texts to be switched when
clicking Give me new texts/ Give me old texts buttons.
What I did below is a straightforward way by selecting each a tag
directly and replace it with the new texts. Also, I would like to
'clone' the original text so that I can switch it back.
I am sure that there is a better way of doing this using .each,
.clone and array technique.
The problem is that I don't know how to combine all these in the
logical way.
Can someone give me a good direction please. Your answer will be
greatly appreciated
Here is my code
---
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;
html
head
script src=http://code.jquery.com/jquery-latest.js;/script
script language=javascript
$(function() {
arr=[My new text A,My new text B,My new text C,My new text
D,My new text E,My new text F];
$(#newText).click(function(){
$(#myList a:eq(0)).text(arr[0]);
$(#myList a:eq(1)).text(arr[1]);
$(#myList a:eq(2)).text(arr[2]);
$(#myList a:eq(3)).text(arr[3]);
$(#myList a:eq(4)).text(arr[4]);
$(#myList a:eq(5)).text(arr[5]);
});
});
/script
/head
body
input id=newText type=button value=Give me new texts /
input id=oldText type=button value=Give me old texts /
ul id=myList
lia href=#Text A/a/li
lia href=#Text B/a/li
lia href=#Text C/a/li
lia href=#Text D/a/li
lia href=#Text E/a/li
lia href=#Text F/a/li
/ul
/body
/html
-
[jQuery] Re: list items and show comments? NEWBIE
No, jQuery automatically assigns events to the entire selector set:
$(function(){
$(#Comments a).click(function(){
/* All anchors will perform this function when clicked */
$(this).next( div.Comment:eq(0)).fadeIn(slow);
/* Note the use of the this keyword */
});
});
Assuming your HTML document looks like this:
div id=Comments
a href=# title=View CommentView the first comment/a
div class=Comment style=display:none;
Here is my first comment
/div
a href=# title=View CommentView the second comment/a
div class=Comment style=display:none;
Here is my Second comment
/div
/div
That should work for you. For more information on how selectors and event
assignment works check out:
http://docs.jquery.com/Core/jQuery#expressioncontext
http://docs.jquery.com/Types#Element
- jake
On Dec 1, 2007 10:00 AM, msjoedin [EMAIL PROTECTED] wrote:
Hi all!
I am struggling to make my first jQuery implementation and I really would
need some help. Here's my thing...
I have a list of Click here to view comments and I then want to call the
fadeIn(normal) on the comment div. Do I need to use the foreach for each
object? Or is there any other smart way to do this?
/ Mats
--
View this message in context:
http://www.nabble.com/list-items-and-show-comments--NEWBIE-tf4928469s27240.html#a14106081
Sent from the jQuery General Discussion mailing list archive at Nabble.com
.
[jQuery] Re: Geocoding with Google Maps while a page is loading
Are you getting any specific JavaScript errors (using Firebug)? Also could
you provide a link to the page you're trying to work on? I have some
experience using jQuery an Google Maps.
- jake
On Dec 1, 2007 4:26 PM, Mazso [EMAIL PROTECTED] wrote:
For several hours I tried to get the Google Map GeoCoding Script of
Blackpool Community Church Javascript Team working with jQuery but I
failed. Loading the script from an external file is no problem. But I
can´t get the function showAddress() starting when the page is
loaded. I tried $(window).load(function(showAddress), $
(document).ready(function() - no one worked. The address is stored in
a paragraph with the id address which one I can manipulate. When I
put the JavaScript-Code inside the XHTML-Code an call showAdress with
body onload=showAddress() everthing is working fine. But really -
I don't like JavaScript and XHTML mixed up.
So anyone has an advice for me?
Thank you
Mazso
$(document).ready(function() {
if (GBrowserIsCompatible()) {
var map = new GMap($(#map)[0]);
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(20,0),2);
// == Create a Client Geocoder ==
var geo = new GClientGeocoder();
// == Array for decoding the failure codes ==
var reasons=[];
reasons[G_GEO_SUCCESS]= Success;
reasons[G_GEO_MISSING_ADDRESS]= Missing Address: The
address was either missing or had no value.;
reasons[G_GEO_UNKNOWN_ADDRESS]= Unknown Address: No
corresponding geographic location could be found for the specified
address.;
reasons[G_GEO_UNAVAILABLE_ADDRESS]= Unavailable Address:
The
geocode for the given address cannot be returned due to legal or
contractual reasons.;
reasons[G_GEO_BAD_KEY]= Bad Key: The API key is
either invalid or does not match the domain for which it was given;
reasons[G_GEO_TOO_MANY_QUERIES] = Too Many Queries: The
daily geocoding quota for this site has been exceeded.;
reasons[G_GEO_SERVER_ERROR] = Server error: The
geocoding request could not be successfully processed.;
// == Geocoding ==
function showAddress() {
var search = $(#address).text();
//var search = document.getElementById(search).value;
// == Perform the Geocoding ==
geo.getLocations(search, function (result)
{
// If that was successful
if (result.Status.code == G_GEO_SUCCESS) {
// How many resuts were found
document.getElementById(message).innerHTML = Found
+result.Placemark.length + results;
// Loop through the results, placing markers
for (var i=0; iresult.Placemark.length; i++) {
var p = result.Placemark[i].Point.coordinates;
var marker = new GMarker(new GLatLng(p[1],p[0]));
document.getElementById(message).innerHTML +=
br+(i+1)+: + result.Placemark[i].address + marker.getPoint();
map.addOverlay(marker);
}
// centre the map on the first result
var p = result.Placemark[0].Point.coordinates;
map.setCenter(new GLatLng(p[1],p[0]),14);
}
// == Decode the error status ==
else {
var reason=Code +result.Status.code;
if (reasons[result.Status.code]) {
reason = reasons[result.Status.code]
}
alert('Could not find '+search+ ' ' + reason);
}
}
);
}
}
// display a warning if the browser was not compatible
else {
alert(Sorry, the Google Maps API is not compatible with this
browser);
}
});
[jQuery] Re: tinyMCE jquery equivalent
WYMeditor - jake On Nov 19, 2007 9:46 AM, FrankTudor [EMAIL PROTECTED] wrote: Hi all I am looking for a tinyMCE jquery equivalent (if one exists)... Thanks, Frank
[jQuery] Re: tinyMCE jquery equivalent
FYI tinyMCE w/ plugin based GZip, I was able to get the entire library down to 46KB for the limited subset of functions I was using. - jake On Nov 19, 2007 11:23 AM, Gordon [EMAIL PROTECTED] wrote: There is WYMeditor, but last time I saw it in action it wasn't nearly as powerful as TinyMCE. I don't think there's any particular reason why the two scripts wouldn't play nicely though, is there any particular reason you want a jQuery based editor? On Nov 19, 2:46 pm, FrankTudor [EMAIL PROTECTED] wrote: Hi all I am looking for a tinyMCE jquery equivalent (if one exists)... Thanks, Frank
[jQuery] [SITE SUBMISSION] songza.com
This is one of the first sites I saw and the following events took place: 1. They've got to have some slick-ass library running underneath... 2. Click firebug... 3. and what do you know jQuery. Enjoy it while it's still legal. - jake
[jQuery] Re: [OT] WYSIWYG for Safari
Thanks for getting back to me, after researching the issue, it appears all JavaScript WYSIWYG editors for Safari 2.0.4 and lower can not properly detect the Tab event. After some consideration, we've decided to drop support for Safari 2.0.4 and lower. Thanks for the suggestion though. - jake On Nov 14, 2007 7:57 PM, [EMAIL PROTECTED] wrote: The YUI framework has a Rich Text Editor (RTE) that supports Safari, I'm not sure which version tho. On 11/13/07, Jake McGraw [EMAIL PROTECTED] wrote: Hey all, sorry for the off topic post, but I must be going insane. I read that TinyMCE and FCKeditor now support Safari, but when I download the demos for both neither works when trying to use Safari 2.0.4. I'm looking for a VERY limited selection of functionality, specifically, Bold, Italic, Ordered List and Links. Can anyone recommend a JavaScript WYSIWYG that will work in IE7, IE6, Firefox AND Safari 2? - jake -- Joan Piedra || Frontend web developer http://www.justaquit.com/ || http://www.joanpiedra.com/
[jQuery] Re: ANNOUNCE: tinyEdit v.1.0 plugin for jQuery released
Any way to include detection for invalid inserts? I was able to do the following: strongHello, world/strong to strongHello, worldem/strong/em Perhaps a recursive tag count on insert? - jake On Nov 13, 2007 11:41 AM, Andy Matthews [EMAIL PROTECTED] wrote: That plugin looks like exactly what I need for a project. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Karl Swedberg Sent: Tuesday, November 13, 2007 9:48 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: ANNOUNCE: tinyEdit v.1.0 plugin for jQuery released On Nov 13, 2007, at 9:34 AM, Guy Fraser wrote: Giant Jam Sandwich wrote: Any suggestions or issues, please let me know. Thanks! Sweet plugin, tiny codebase too! :D Is it possible to implement different types of tags - eg. bbcode or wiki notation? Hi Guy, Not sure what Brian's plans are for implementing different types of tags, but if you need that functionality now, there is another excellent plugin called jTagEditor: http://www.jaysalvat.com/jquery/jtageditor/ This page shows examples using HTML, BBCode, Wiki, and Textile: http://www.jaysalvat.com/jquery/jtageditor/_full/index.html --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] [OT] WYSIWYG for Safari
Hey all, sorry for the off topic post, but I must be going insane. I read that TinyMCE and FCKeditor now support Safari, but when I download the demos for both neither works when trying to use Safari 2.0.4. I'm looking for a VERY limited selection of functionality, specifically, Bold, Italic, Ordered List and Links. Can anyone recommend a JavaScript WYSIWYG that will work in IE7, IE6, Firefox AND Safari 2? - jake
[jQuery] Re: [OT] RegEx (preg_replace) search in PHP
$string = 'TEXT [ GARBAGE ] TEXT [ GARBAGE ] TEXT';
$string = preg_replace('/\[[^\]]+\]/','',$string);
echo $string;
Should do the trick.
On Nov 9, 2007 11:50 AM, Olaf Bosch [EMAIL PROTECTED] wrote:
Hi all,
sorry for this OT, can you help me with this?
I have this string Text [ Trash ] Text [ Trash ] Text
I will have this Text Text Text
What can i do? my stupid try:
$news_desc = preg_replace ('![.+?]!is','',$news_desc);
--
Viele Grüße, Olaf
---
[EMAIL PROTECTED]
http://olaf-bosch.de
www.akitafreund.de
---
[jQuery] Re: LiveQuery (Discuss Please)
I don't see what the disconnect for most users is, but I always assumed that after destroying an element, no matter how it was reconstructed, I would have to re-bind events using helper functions. LiveQuery is a useful shortcut for bypassing a logical (IMHO) series of events, and as such, should remain a plugin rather than added to the core. - jake On Nov 7, 2007 12:09 PM, cjiang [EMAIL PROTECTED] wrote: Hi, I had the same experience as Tane. In the beginning, because of the JQuery's bug that non-root level script cannnot be evaluated after Ajax call in 1.2 release, I used livequery a lot, and did find that the page was not very responsive. The performance is getting better after I removed some of them. Regards, Changsu On Nov 1, 1:33 am, Tane Piper [EMAIL PROTECTED] wrote: Here's my 2p I've recently been using livequery a lot on my pastebin app - however I've been taking it out again, and I really wonder if it should be core? Don't get me wrong, it is a great plugin - however I think it breeds bad (lazy) design in Ajax apps as it lacks and I wonder if it's really that fast? Since taking a lot of livequery out I've noticed speed improvments in my app. On 01/11/2007, Yehuda Katz [EMAIL PROTECTED] wrote: I would like to see livequery in the core, but John believes that its rate of adoption is too slow to justify getting it in the core. If that's the case, I want to know why, since it fundamentally improves on core jQuery concepts in (like I said above), what I believe to be the most innovative improvement to the jQuery paradigm since its inception. If you use it, please speak up! If not, why not? -- Yehuda On 10/31/07, Mike Alsup [EMAIL PROTECTED] wrote: What makes you think the adoption rate is slow? I get the feeling that a good number of people are using it. So as far as I'm concerned, livequery is the biggest advance in jQuery since its inception (no, I am not its author). I'm trying to understand why it's having such a slow rate of adoption. -- Yehuda Katz Web Developer | Procore Technologies (ph) 718.877.1325 -- Tane Piper Blog -http://digitalspaghetti.me.uk AJAX Pastebin -http://pastemonkey.org This email is: [ ] blogable [ x ] ask first [ ] private- Hide quoted text - - Show quoted text -
[jQuery] Re: PROBLEM: Adding hover to table rows on large tables
Why not try paging on scroll, similar to Google Reader? I think there
was a plugin for just that a while ago.
- jake
On Nov 6, 2007 5:01 PM, Josh Nathanson [EMAIL PROTECTED] wrote:
I had to do just that (add mouse events directly to the html elements) in a
similar situation. Binding via jQuery was too slow when it got up to 1000
or so bindings. I was getting the long running script errors. A
necessary evil in that scenario I'm afraid.
In my case users can select how much data they want to view. Sometimes
people like loading tons of data onto a page, as they prefer scrolling to
paging.
-- Josh
- Original Message -
From: Karl Swedberg
To: jquery-en@googlegroups.com
Sent: Tuesday, November 06, 2007 1:55 PM
Subject: [jQuery] Re: PROBLEM: Adding hover to table rows on large tables
You could add onmouseover and onmouseout directly to the trs. It's ugly
(don't tell anyone I suggested it), but it might avoid the overhead.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Nov 6, 2007, at 3:43 PM, fambizzari wrote:
You guys are all right, but so many rows on one page are necessary
here.
I'll try to figure out an acceptable work-around.
Thanks
On Nov 6, 8:38 pm, Andy Matthews [EMAIL PROTECTED] wrote:
I'd have to agree. I can't see any practical reason why you'd need to
display that much data on one page. Aside from the download, and rendering
time, the performance of the browser with that much data in memory would be
horrible. Scrolling, copying, etc. would all be severely affected.
andy
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Jeffrey Kretz
Sent: Tuesday, November 06, 2007 9:21 AM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: PROBLEM: Adding hover to table rows on large tables
Personally, I would recommend looking at a paging solution, rather than
trying to deal with so many rows on a single HTML page.
I tested a simple 10,000 row table with very little data in it clocked in at
a 2mb download, requiring 4 seconds to download and render as a local file
on FireFox (i.e. no network traffic, loading the .htm file out of my local
file system).
And the more DOM elements of the page the harder it is to manipulate with
any kind of scripting.
If paging your results doesn't work for you, then the tr:hover CSS-only
solution would really be the best way to go.
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of fambizzari
Sent: Tuesday, November 06, 2007 2:29 AM
To: jQuery (English)
Subject: [jQuery] Re: PROBLEM: Adding hover to table rows on large tables
The solution i adopted was CSS (tr:hover) for non-IE6 and only allow small
tables to have hover-over using a class name to identify them.
Any better solutions?
On Nov 6, 10:45 am, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
The following code works fine on small tables:
$(table tbody
tr).mouseover(function(){$(this).addClass(over);}).mouseout(function(){$(
this).removeClass(over);});
But on tables with 5,000-10,000 rows, it throws the A script on this
page may be busy, or it may have stopped responding. You can stop the
script now, open the script in the debugger, or let the script continue.
Can anyone suggest a workaround?
Thanks
[jQuery] Re: SITE SUBMISSION: pvponline.com
What I love is the bullocks (I've been watching too much Gordon Ramsey's Kitchen Nightmares) these guys have (http://thinslice.net/) have, from their website: Crap. The stuff that so many web experts hurl at their clients without mercy. They promise style, they promise substance. But underneath all the gloss, they've got nothing. Well we say it's time to cut the crap. To trim the fat that's weighing down the web, with custom applications built to enhance and simplify. So, if including 200KB of JavaScript Libraries on a page that only utilizes ThickBox is considered trim[ing] the fat, what does a fat website look like? That particular page weighs in at 826KB, not exactly lean by anyone's definition. - jake On Nov 5, 2007 9:09 AM, Andy Matthews [EMAIL PROTECTED] wrote: That's pretty funny. Whomever designed this site isn't really thinking that smart. They're using jQuery AND Prototype. Most likely just using jQuery to be able to use Thickbox. Why not just use Lightbox then and save yourself the load of jQuery? andy -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Jake McGraw Sent: Sunday, November 04, 2007 1:38 AM To: jquery-en@googlegroups.com Subject: [jQuery] SITE SUBMISSION: pvponline.com Online comic, using ThickBox: http://www.pvponline.com/book - jake
[jQuery] SITE SUBMISSION: pvponline.com
Online comic, using ThickBox: http://www.pvponline.com/book - jake
[jQuery] Re: Sticky Footer
I also had a tough time getting Ryan's solution to work, but eventually I got it to. My major mis-step was using 'px' instead of 'em' for the negative bottom-margin on the content and height for push and footer. I think you have to use 'em'. - jake On Oct 31, 2007 5:12 PM, cfdvlpr [EMAIL PROTECTED] wrote: Is there a way to make a footer always show right at the bottom of the page using jQuery? I've tried the CSS solution from Ryan Fait and it's not working for me.
[jQuery] Re: Sticky Footer
Ah, that isn't a true sticky footer, he's talking about a footer that
sticks to the bottom AND does not overlay the page content.
- jake
On Oct 31, 2007 5:21 PM, Andy Matthews [EMAIL PROTECTED] wrote:
What code are you using for your CSS? There shouldn't need to be a
solution.
CSS:
#footer {
position: absolute;
height: 50px;
width: 300px;
bottom: 0px;
left: 10px;
}
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of cfdvlpr
Sent: Wednesday, October 31, 2007 4:13 PM
To: jQuery (English)
Subject: [jQuery] Sticky Footer
Is there a way to make a footer always show right at the bottom of the page
using jQuery? I've tried the CSS solution from Ryan Fait and it's not
working for me.
[jQuery] Re: Prevent comment SPAM with jQuery
Recaptcha is an awesome idea, Google should get in on it. - jake On 10/23/07, Guy Fraser [EMAIL PROTECTED] wrote: Alexandre Plennevaux wrote: a much more safe way is to use a very obvious email input field that you hide via CSS. Then you check on the serverside, if that field has received a value, then it's most probably a bot, because normal users won't see it, thus not fill it in. of course, not perfect not either since screenreaders will have it displayed. But i heard it's possible to control and hide stuff for screenreaders. Even that won't work - spammers will often post a comment manually and watch the HTTP traffic using something like Ethereal to see exactly what gets sent to the server. Then they just grab that and automate the process and voila, comment spam! You'd do much better to use something like re-captcha: http://recaptcha.net/ Guy
[jQuery] Re: PHP variable into jQuery
Could you possibly give each checkbox the same class?
a id=eid_22 class=checkMe/
a id=eid_23 class=checkMe/
a id=eid_24 class=checkMe/
$(function(){
$(input.checkMe).click(function(){
if (this.checked) {
$(#eventItems).text(/([0-9]+)$/.exec(this.id)[1]);
} else {
$(#eventItems).empty();
}
});
});
On 10/18/07, choffman [EMAIL PROTECTED] wrote:
Hello,
I have a form where the values are pulled from MySQL and looped
through using PHP. The name and id values are create dynamically.
For example HTML:
Item A input type=checkbox name=event_id_22 id=eid_22 /
Item B input type=checkbox name=event_id_23 id=eid_23 /
For example PHP:
Item A input type=checkbox name=event_id_$value id=eid_$value /
Item B input type=checkbox name=event_id_$value id=eid_$value /
I'm using jQuery to count the boxes that get checked. How can I get
jQuery to see my PHP variable so it can count the number of boxes that
get checked? Thoughts?
$(document).ready(function() {
$(#eid_??).click(function() {
if (this.checked == true) {
var event_id = $(#eid_??).length;
$(#eventItems).text(event_id);
}
if (this.checked == false) {
$(#eventItems).empty();
}
});
});
[jQuery] Re: [Site Submission]: nbc.com
A function err'd on my visit, looks like an uncaught exception, when I went to check it out, I found this comment: // This is a hack for now. The zip-city map for the lookup service // most likely doesn't match the zip-city in the WX XML file. We // we're going to lookup the id in the lookup servcie for the city name so we // have some consistancy. Two issues: First, why they even have comments in production js is mind boggling. Second, if you're going to take the time to add comments to your code and let the whole world see them, why not run over them with a quick check for spelling (servcie consistancy) or grammar (we're != were). - jake On 10/4/07, Sam Collett [EMAIL PROTECTED] wrote: It's good that they are using it quite a bit. There are some site that use it, but only $(document).ready to call a function that manipulates the DOM the old fashioned way. On 4 Oct, 08:23, John Resig [EMAIL PROTECTED] wrote: Wow! Very awesome :-) It looks like they're getting a pretty good coverage of features, too. (DOM Manipulation, animations, events, etc.) --John On 10/4/07, Karl Swedberg [EMAIL PROTECTED] wrote: Looks like nbc.com is heavily into the jQuery love now, using 1.1.4.1 on their site. Looks like they're using Interface and Mike Alsup's Media plugin, and Klaus Hartl's cookie plugin. Also, pulling in some data with $.ajax, doing some accordion stuff, etc.. They could be using the This line appears in http://www.nbc.com/assets/js/global/nbc.com.jsright after all of the jQuery code: // Legacy crap - Pretty funny. Here's another file you might want to poke around in: http://www.nbc.com/assets/js/video/fun.js --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] Re: [Site Submission]: nbc.com
On 10/4/07, Karl Swedberg [EMAIL PROTECTED] wrote: I wonder, Why do I feel like a proud papa every time I see jQuery in the wild? It's silly -- I haven't contributed a single line of code and yet I had a big grin on my face looking through the .js files on that site. I can only imagine how John feels. Must be a rush. It's always fun being on the winning team :-) - jake --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Oct 4, 2007, at 8:36 AM, Sam Collett wrote: It's good that they are using it quite a bit. There are some site that use it, but only $(document).ready to call a function that manipulates the DOM the old fashioned way. On 4 Oct, 08:23, John Resig [EMAIL PROTECTED] wrote: Wow! Very awesome :-) It looks like they're getting a pretty good coverage of features, too. (DOM Manipulation, animations, events, etc.) --John On 10/4/07, Karl Swedberg [EMAIL PROTECTED] wrote: Looks like nbc.com is heavily into the jQuery love now, using 1.1.4.1 on their site. Looks like they're using Interface and Mike Alsup's Media plugin, and Klaus Hartl's cookie plugin. Also, pulling in some data with $.ajax, doing some accordion stuff, etc.. They could be using the This line appears in http://www.nbc.com/assets/js/global/nbc.com.jsright after all of the jQuery code: // Legacy crap - Pretty funny. Here's another file you might want to poke around in: http://www.nbc.com/assets/js/video/fun.js --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] Re: jquery + adobe air: getting started?
A free copy of AIR for JavaScript Developers is available here: http://tinyurl.com/23uqqj [ajaxian.com] As jQuery ajax functions work within Safari (Webkit), there should be no major overhauls necessary for your app. Simply generate a static HTML representation of your application and include it in a directory with jquery.js, AIRAlias.js and your custom scripts/images. Create an AIR configuration file (see book) and you should be good to go. You may also want to check out the Flex Build IDE for Eclipse. It includes a lot of built in functionality for developing AIR Applications using either Flex/Flash or HTML/JavaScript. - jake On 10/2/07, Andy Matthews [EMAIL PROTECTED] wrote: If anyone sends you something offlist, please post it back here. I'm also VERY interested in learning this type of development. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Jack Killpatrick Sent: Tuesday, October 02, 2007 11:13 AM To: jquery-en@googlegroups.com Subject: [jQuery] jquery + adobe air: getting started? Hi All, Anyone know of some blog entries, tutorials, etc (other than the general stuff at Adobe Labs) that might help me get started migrating a jquery-based HTML app to the Adobe AIR runtime? I'm looking for jquery-specific tips, examples, etc. My app does a lot of ajax calls that send json data back and forth, so the bulk of it will live in the AIR sandbox, at least initially, so that has to be present in the how-to's. I'm using Aptana's AIR plugin for Eclipse for my IDE, FWIW. Thanks! - Jack
[jQuery] Re: Enterprise Javascript?
Why no love for AIR? From what I've read, heard and seen, it's going to be a very interesting platform to develop for and bridge the gap for a lot of web developers that would like to code for the desktop. What I'm looking for in developing web applications for the desktop is the easiest, fastest and best supported platform that doesn't require me to monkey around too much with my existing code base. While I've only worked with AIR, after giving a cursory look at XUL here are some of the things AIR does that XUL doesn't: * Built in support for Flex/Flash (Layout/Logic + Fancy Animation/Video) * Many chrome options, in window animation, incredibly fast rendering speed for windows, support for native OS features, simple packaging scheme * Hundreds of desktop application hooks available for your Javascript * Application signing for publishers * Industry backing: Adobe, AOL, eBay, Salesforce.com, Akamai, O'Reilly, Movable Type * Documentation: Adobe Integrated Runtime (AIR) for JavaScript Developers Pocket Guide * IDEs: Flex Builder, Aptana, Eclipse AIR Plugin - jake On 9/26/07, Christof Donat [EMAIL PROTECTED] wrote: Hi, Actually, if you'd like to use js to access a database, may I suggest Adobe AIR? Have I already expressed my dislike of AIR? Basically, in allows you to embed JS/HTML into an installable application, Wow, how new. Have you ever looked at XUL? Just create an installer that installs XULRunner and your XUL/XBL/HTML/JS/CSS-Application and you are done. I also remember to have seen simple Windows applications that only created a window, embedded the IE Engine and load a HTML page that has been copied to disk by the installer. Have you ever heared of .hta applications? They are a generic type of the above IE applications by only providing the HTML, images, scripts, etc. in an archive file. OK, the last two are not platform independant, but in many cases that is good enough. Use XULRunner otherwise. So what is so revolutionary new about AIR now that we have to hear all that fuzz? Is there anything that can not be done equally efficient with XULRunner? Christof
[jQuery] Re: Enterprise Javascript?
Well, then it sounds like a great platform to develop on. As I said, I only have experience working with Adobe AIR, which I really like. Perhaps now I'll take a look at XUL/Gecko. - jake On 9/28/07, Christof Donat [EMAIL PROTECTED] wrote: Hi, after giving a cursory look at XUL here are some of the things AIR does that XUL doesn't: * Built in support for Flex/Flash (Layout/Logic + Fancy Animation/Video) Of course you can use any Firefox Plugin - including the flash Player, Quicktime, Adobe Reader, etc. IIRC there is even going to be an OpenOffice Plugin. * Many chrome options, XUL uses CSS for the chromes with mozilla extensions. What exactly is missing for you? in window animation, You can mix XUL, HTML and SVG and even MathML as you like. You can have a canvas tag and of course you have JavaScript. Which types of Animations are missing for you? Ah yes, of course you can use the Flash Plugin as well. incredibly fast rendering speed for windows, I have not had any XUL applications up to now where that would have been an issue. Can you tell me a use case, wher XUL is too slow, but AIR does the thing? support for native OS features, What native OS features are you missing from the Mozilla Platform? simple packaging scheme http://www.mozilla.org/projects/xpinstall/ is a good start for help with packaging XUL applications. I have not user it up to now, but AFAIK that is what Firefox and Thunderbird use. * Hundreds of desktop application hooks available for your Javascript XPConnect gives you access to all XPCom components of the Mozilla Platform. Of course that is not available for online XUL applications, but for Desktop Applications you can of course access everything using JavaScript. * Application signing for publishers At this point I have to admitt, that I have never needed to think about that up to now. At least I know that Firefox Extensions are signed so I guess that the Mozilla Platform does support it. * Industry backing: Adobe, AOL, eBay, Salesforce.com, Akamai, O'Reilly, Movable Type Are you shure, that the industry backing for the Mozilla platform is bad? From reading the news I don't get that impression. * Documentation: Adobe Integrated Runtime (AIR) for JavaScript Developers Pocket Guide The Mozilla Project is one of the best documented pieces of complex Software available. What exactly are you missing? * IDEs: Flex Builder, Aptana, Eclipse AIR Plugin Have a look at http://wiki.mozilla.org/XUL:IDE Christof
[jQuery] Re: Enterprise Javascript?
Actually, if you'd like to use js to access a database, may I suggest Adobe AIR? Basically, in allows you to embed JS/HTML into an installable application, which allows you to move away from the browser security model and do all kinds of crazy stuff like cross site scripting, off-line operation and direct database interaction. I just attended the Adobe onAIR conference in NYC, there is a lot of interest in this new technology and I think jQuery could play a major role in desktop applications if this becomes popular. www.adobe.com/go/air - jake On 9/26/07, Danjojo [EMAIL PROTECTED] wrote: We have Java, .NET, PHP, and CFM... As developers we can do pretty much any UI we want with javascript (jquery), css, and semantic markup... What can't we do? Interact with an Enterprise database... Unfortunately at the point we need a real RDBM database backend, we are forced to choose one of the server-side languages above in order to continue development. I have not missed a news flash anywhere where this is NOT the case have I? Thanks,
[jQuery] Re: post data and get data in one request?
Ah, I think you can do something like: form method=post action=myapp.php?get1=valget2=val... input type=text name=post1/ input type=text name=post2/ input type=submit value=Submit/ /form and then in myapp.php: ?php echo $_GET['get1']; echo $_GET['get2']; echo $_POST['post1']; echo $_POST['post2']; ? The trick is manually inserting the GET variables as URL parameters in the form action field. - jake On 9/20/07, Codex [EMAIL PROTECTED] wrote: Hello, this is probably something very simple, but I don't get it. I want to post data to a php file that send the posted data to the DB. Then I would like to return the last inserted ID and use that on the same page the request was made from. How is this done? I know how to post and how to get, but not in the same request. Do I have to use Ajax? Maybe it's a little clearer if I mention it's for writing tags to the DB Flickr style. Need help! ;-)
[jQuery] Re: Strip out HTML tags
Doesn't $().text(); automatically do this?
So:
var text = $(html).text();
Would solve your problem, I think.
- jake
On 9/14/07, Stosh [EMAIL PROTECTED] wrote:
In Prototype there is a method called stripTags(), it's source looks
like:
stripTags: function() {
return this.replace(/\/?[^]+/gi, '');
}
To do it the jQuery way, I might consider doing something like this...
jQuery.fn.stripTags = function() {
return this.replaceWith( this.html().replace(/\/?[^]+/gi, '')
);
};
Hope this helps, Pax.
- Stan
On Sep 11, 11:08 am, AnandG [EMAIL PROTECTED] wrote:
I retrieve a lot of strings from a JSON file. These strings can contain
HTML
tags.
I would like to show the strings (for example a description of a
product)
but with a limit on the number of characters.
So I have to count the number of characters and I would like to set a
limit
to 200 characters. But I want to exclude the
characters of the HTML tags. The easiest method seems to me to strip
HTML
tags in the strings.
I have searched in this forum and found some posts that deal with
stripping
out HTML tags:
http://www.nabble.com/Strip-a-href-links-from-a-div-tf4372556s15494.h...
Strip a href links from a div
http://www.nabble.com/stripping-out-tags...-tf2583359s15494.html#a720...
Stripping out tags
But they all require that you send a HTML tag as a parameter. But that's
difficult if i'm not sure which HTML tag is going to be used.
--
View this message in context:
http://www.nabble.com/Strip-out-HTML-tags-tf4421390s15494.html#a12611168
Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: What does === equate to?
The triple equals is a comparison without type conversion. The following should fix your code so that fn.apply() never runs with fn is null: if (fnfn.apply(...)) break; The first part checks if fn is non-null, if it is null or false or 0 or Nan the second part fn.apply will never run and you won't have that error. - jake On 8/1/07, Buzzterrier [EMAIL PROTECTED] wrote: I am getting a exception when jquery is processing a successful ajax call on line 339 of the most recent release: if ( fn.apply( obj[i], args || [i, obj[i]] ) === false ) break; The error is that fn is void, and the onreadystatchange function, catches the exception and changes the status from success to an error. I am trying to dissect why this is happening (the responseText is fine) and cannot figure how what the heck === is.
[jQuery] Re: problem with each() function
You have to wrap this with the jQuery $() object:
$(this).children.eq(0)...
- jake
On 7/12/07, Salvatore FUSTO [EMAIL PROTECTED] wrote:
Hi,
i've a table in which there are a number of cells, of class myCl: these
cells are not in all rows; in each of these cells i have one select and
one
input ;
i would retreive for each myCl-classed td the value of the first element,
then i think to write:
$(td.myCl).each(function(i){this.children().eq(0).val()});
but i've an error: this.children is not a function.
What is my mystake?
regards
salvatore
