Re: [jQuery] Re: img src replacement
Hi Glen.
I'm late to the thread (and this is probably a bit off-topic for this list)
but up until the point where you asked for the cross-fade, everything you need
can be done with vanilla CSS, no need to involve jquery at all.
In the page:
a class=available-button href=whatever.php
Currently accepting new jobs
/a
In the CSS:
div#availibilty a.available-button {
display: block;
float: right;
width: 169px;
height: 222px;
border: none;
background: url('images/avail.png) top left no-repeat;
text-indent: -3000px;
}
div#availibilty a.available-button:hover {
background: url('images/availhover.png) top left no-repeat;
}
I put up the example above using your images:
http://b.ite.me.uk/css_demo.html
One advantage to this is that it works in browsers that have javascript turned
off, and also that screen readers etc. will still see the link as text (try
looking at it in Firefox with styles turned off to get an idea what a screen
reader sees). Improved accessibility is always a good thing.
Hope this helps, if not for this (CSS can't do you a cross-fade) then maybe
other projects,
Mark
Re: [jQuery] Re: Need help learning
Thank you, you have help out so much
On Jan 6, 2010, at 6:14 PM, Šime Vidas wrote:
If you want to manipulate with the DIV inside the $.get function, you
can declare a local variable and put the reference to DIV in it...
(function($) {
$.fn.myPlugin = function() {
this.each(function() {
alert(this.id);
var that = this;
$.get(return.php,function(data) {
// now this is that
alert(that.id);
//do something with this the
data
});
});
return this;
};
})(jQuery);
You don't have to call the variable that, but it's a nice name,
isn't it? :)
[jQuery] jQuery Cycle Plugin width problems
The Goal
I want to cycle through list items in an unordered list. I want the
list items to take up the full width of the browser, even when the
browser is resized.
The Problem
Once the first slide transition takes place and the browser is resized
smaller horizontal scroll bars are introduced. Then when the browser
is resized larger than the original size, the list item width is only
as wide as it was when the page was first loaded.
The Assumption
The cycle plugin needs to calculate the width of the item it is
transitioning and then sets it to that width.
The Question
Is it possible to keep all widths as percentages maintaining the fluid
width of the list item?
The HTML
ul class=slideshow
li class=lah3Label Applicators/h3/li
li class=pah3Print and Apply/h3/li
li class=tth3Table-Top Printers/h3/li
li class=hsh3High Speed/h3/li
li class=csh3Custom Systems/h3/li
/ul
div class=ssnavwrap
ul id=ssnav
li class=laa href=#LA/a/li
li class=paa href=#PA/a/li
li class=tta href=#TT/a/li
li class=hsa href=#HS/a/li
li class=csa href=#CS/a/li
/ul
/div
The CSS
.slideshow {
margin: 43px 0 0;
height: 340px;
}
.slideshow li {
height: 340px;
width: 100%;
overflow: hidden;
}
The Javascript
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade',
height: 'auto',
width: 'auto',
fit: 0,
containerResize: 0,
speed: 1400,
timeout: 6000,
pager: '#ssnav',
manualTrump: false,
pagerAnchorBuilder: function(idx, slide) {
return '#ssnav li:eq(' + idx + ') a';
}
});
$('#ssnav li a').click(function() {
$('.slideshow').cycle('pause');
});
});
The Attempts
I've tried things like overflow: hidden in the CSS. I've tried options
in Cycle like width, fit, contatinerResize.
Thanks for any help on this.
Re: [jQuery] Re: sorting columns using jquery. noob with html and java. built custom php using snmp
Alex,
Thanks so much. It does look a lot better...and looking through your
changes, it makes perfect sense. Thanks for doing that.
Are you sure this code belongs in my .php file or should it be in the
jquery.tablesorter.min.js file?
$(document).ready(function() {
// call the tablesorter plugin
$(#results_table).tablesorter({
// enable debug mode
debug: true
});
});/script
On Tue, Dec 29, 2009 at 5:08 AM, Alex Mcauley
webmas...@thecarmarketplace.com wrote:
You have alot of unclosed tags in there ...
Let me help you out a bit and pastebin how it should look!...
This should help
http://pastie.org/759936
On Dec 28, 6:44 pm, ace123 markay...@gmail.com wrote:
I'm not sure if this is possible...but I love the jquery tablesorter-
but I can't figure out how to get it working. My page displays as if
it's not even there. I used php to snmpget some data from my network
switches and routers. It saves it to my DB...then I have this page to
display the information from the database. This is where I want to be
able to sort, by switch type, software version, etc. I'm not a code
guy, just a network engineer trying to make my job easier. Your help
please is MUCH appreciated. I've been trying to get this to
work off and on for 6 months.
This is what I've got so far
The page looks something like this when I load it.
Host Name Device Type Firmware VersionSoftware Version
edge-109c-gs.gov.ntwk 470-24T 3.6.0.7 v3.7.3.13
edge-241c-gs.anx.ntwk 470-24T 3.6.0.7 v3.7.3.13
edge-399c-gs.anx.ntwk 470-24T 3.6.0.7 v3.7.3.13
html
body
?php
$username=root;
$password=;
$database=switchesdb;
mysql_connect(localhost,$username,$password);
mysql_select_db($database) or die( Unable to select database);
$query=SELECT * FROM switchcode;
$result=mysql_query($query);
$num=mysql_numrows($result);
?
head
script type=text/javascript src=/var/www/html/jquery-1.3.2.js/
script
script type=text/javascript src=/var/www/html/
jquery.tablesorter.min.js/script
script type=text/javascript
$(document).ready(function() {
// call the tablesorter plugin
$(table).tablesorter({
// enable debug mode
debug: true
});
});/script
table id=table
table class=tablesorter cellspacing=1
thead
table border=1 cellspacing=4 cellpadding=4
tr
thfont face=Arial, Helvetica, sans-serifHost Name/font/th
thfont face=Arial, Helvetica, sans-serifDevice Type/font/th
thfont face=Arial, Helvetica, sans-serifFirmware Version/font/
th
thfont face=Arial, Helvetica, sans-serifSoftware Version/font/
th
/tr
/thead
/head
?php
$i=0;
while ($i $num) {
$host_name=mysql_result($result,$i,host_name);
$device_type=mysql_result($result,$i,device_type);
$firmware_version=mysql_result($result,$i,firmware_version);
$software_version=mysql_result($result,$i,software_version);
?
tbody
tr
tdfont face=Arial, Helvetica, sans-serif?php echo $host_name;
?/font/td
tdfont face=Arial, Helvetica, sans-serif?php echo
$device_type; ?/font/td
tdfont face=Arial, Helvetica, sans-serif?php $cleanstring
=strstr($firmware_version, \); echo ($cleanstring); ?/font/td
tdfont face=Arial, Helvetica, sans-serif?php $cleanstring1
=strstr($software_version, \); echo ($cleanstring1); ?/font/td
/tr
/tbody
/body
/html
?php
$i++;}
?
--
Mark K Ayler Jr.
CCNA, MCSE, NNCSS, OASIS.
Re: [jQuery] Re: sorting columns using jquery. noob with html and java. built custom php using snmp
Thanks for that awesome explanation. I just asked because the data isn't
sortable. But it's very nice looking...
When I click Host Name or Device Type, it just highlights it. I guess I was
just hoping jquery would figure it out, and make those columns sortable. I
assume I need to some how tell it to.
Host Name Device Type Firmware Version Software Version
edge-109c-gs.gov.ntwk470-24T3.6.0.7v3.7.3.13edge-241c-gs.anx.ntwk470-24T
3.6.0.7v3.7.3.13edge-399c-gs.anx.ntwk470-24T3.6.0.7v3.7.3.13
edge-1c-cr.ngc.ntwk5510-48T5.0.0.4v5.1.0.015
On Tue, Dec 29, 2009 at 8:54 AM, brian zijn.digi...@gmail.com wrote:
Leave it in the PHP file. The tablesorter file should be left clean.
Think of it as a library that you include. The snippet of code you
referred to is something that makes use of that library. Don't be
fooled by the script tags. While the file is a PHP script, any PHP
code is parsed on the server. The script tags, however, are parsed by
the browser's JS engine, and are unrelated to PHP.
On Tue, Dec 29, 2009 at 11:25 AM, Mark K. Ayler Jr. markay...@gmail.com
wrote:
Alex,
Thanks so much. It does look a lot better...and looking through your
changes, it makes perfect sense. Thanks for doing that.
Are you sure this code belongs in my .php file or should it be in the
jquery.tablesorter.min.js file?
$(document).ready(function() {
// call the tablesorter plugin
$(#results_table).tablesorter({
// enable debug mode
debug: true
});
});/script
On Tue, Dec 29, 2009 at 5:08 AM, Alex Mcauley
webmas...@thecarmarketplace.com wrote:
You have alot of unclosed tags in there ...
Let me help you out a bit and pastebin how it should look!...
This should help
http://pastie.org/759936
On Dec 28, 6:44 pm, ace123 markay...@gmail.com wrote:
I'm not sure if this is possible...but I love the jquery tablesorter-
but I can't figure out how to get it working. My page displays as if
it's not even there. I used php to snmpget some data from my network
switches and routers. It saves it to my DB...then I have this page to
display the information from the database. This is where I want to be
able to sort, by switch type, software version, etc. I'm not a code
guy, just a network engineer trying to make my job easier. Your help
please is MUCH appreciated. I've been trying to get this to
work off and on for 6 months.
This is what I've got so far
The page looks something like this when I load it.
Host Name Device Type Firmware VersionSoftware
Version
edge-109c-gs.gov.ntwk 470-24T 3.6.0.7 v3.7.3.13
edge-241c-gs.anx.ntwk 470-24T 3.6.0.7 v3.7.3.13
edge-399c-gs.anx.ntwk 470-24T 3.6.0.7 v3.7.3.13
html
body
?php
$username=root;
$password=;
$database=switchesdb;
mysql_connect(localhost,$username,$password);
mysql_select_db($database) or die( Unable to select database);
$query=SELECT * FROM switchcode;
$result=mysql_query($query);
$num=mysql_numrows($result);
?
head
script type=text/javascript src=/var/www/html/jquery-1.3.2.js/
script
script type=text/javascript src=/var/www/html/
jquery.tablesorter.min.js/script
script type=text/javascript
$(document).ready(function() {
// call the tablesorter plugin
$(table).tablesorter({
// enable debug mode
debug: true
});
});/script
table id=table
table class=tablesorter cellspacing=1
thead
table border=1 cellspacing=4 cellpadding=4
tr
thfont face=Arial, Helvetica, sans-serifHost Name/font/th
thfont face=Arial, Helvetica, sans-serifDevice Type/font/th
thfont face=Arial, Helvetica, sans-serifFirmware
Version/font/
th
thfont face=Arial, Helvetica, sans-serifSoftware
Version/font/
th
/tr
/thead
/head
?php
$i=0;
while ($i $num) {
$host_name=mysql_result($result,$i,host_name);
$device_type=mysql_result($result,$i,device_type);
$firmware_version=mysql_result($result,$i,firmware_version);
$software_version=mysql_result($result,$i,software_version);
?
tbody
tr
tdfont face=Arial, Helvetica, sans-serif?php echo $host_name;
?/font/td
tdfont face=Arial, Helvetica, sans-serif?php echo
$device_type; ?/font/td
tdfont face=Arial, Helvetica, sans-serif?php $cleanstring
=strstr($firmware_version, \); echo ($cleanstring); ?/font/td
tdfont face=Arial, Helvetica, sans-serif?php $cleanstring1
=strstr($software_version, \); echo ($cleanstring1); ?/font/td
/tr
/tbody
/body
/html
?php
$i++;}
?
--
Mark K Ayler Jr.
CCNA, MCSE, NNCSS, OASIS.
--
Mark K Ayler Jr.
CCNA, MCSE, NNCSS, OASIS.
[jQuery] Re: validate - error messages keep piling up
Works now :) Had to create a special class that combined all three classes. On Dec 17, 5:36 pm, Mark Livingstone namematters...@msn.com wrote: OK, thanks. I will try and report back. On Dec 16, 12:22 pm, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: You have three classes specified for the errorClass. The plugin can't handle that. If you actually need more then one class, use the highlight and unhighlight options to add and remove those. Jörn On Wed, Dec 16, 2009 at 4:43 PM, Mark Livingstone namematters...@msn.comwrote: On Dec 16, 9:59 am, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: At least post your full JS codes instead of just excerpts. Jörn http://jsbin.com/isuco/edit I can e-mail you the link to my working page if that will help. Unfortunately I cannot share it here.
[jQuery] Re: validate - error messages keep piling up
OK, thanks. I will try and report back. On Dec 16, 12:22 pm, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: You have three classes specified for the errorClass. The plugin can't handle that. If you actually need more then one class, use the highlight and unhighlight options to add and remove those. Jörn On Wed, Dec 16, 2009 at 4:43 PM, Mark Livingstone namematters...@msn.comwrote: On Dec 16, 9:59 am, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: At least post your full JS codes instead of just excerpts. Jörn http://jsbin.com/isuco/edit I can e-mail you the link to my working page if that will help. Unfortunately I cannot share it here.
[jQuery] Re: validate - error messages keep piling up
anyone? :)
On Dec 15, 12:37 pm, Mark Livingstone namematters...@msn.com wrote:
Hi,
Since I moved to a new design I cannot figure out how to stop the
validate plug-in to append error messages and instead have it remove
the previous error message before creating another one.
here is what my HTML code looks like with multiple error messages:
p
label for=email
E-mail
/label
input class=text-input medium-input input-notification error
png_bg name=client[email] id=email value={EMAIL} size=25
span class=errorValidate generated=true htmlfor=email
This field is mandatory
/span
span class=errorValidate generated=true htmlfor=email
This field is mandatory
/span
span class=errorValidate generated=true htmlfor=email
This field is mandatory
/span
span class=errorValidate generated=true htmlfor=email
This field is mandatory
/span
span class=errorValidate generated=true htmlfor=email
Please enter a valid e-mail address
/span
/p
CSS:
.errorValidate {
padding: 2px 0 2px 22px;
margin: 0 0 0 5px;
}
JS:
var validateForm = $(#clientUpdateForm).validate(
{
errorClass: errorValidate,
/etc/...
}
Any ideas why it would do that?
Thanks in advance!
[jQuery] Re: validate - error messages keep piling up
Jörn , it's hard to extract the code and make it functional just for
jsbin.com
Basically, the validation plug-in APPENDS span element that contains
the error message right after the input field. When another message
appears, it appends it again instead of first removing the initial
message.
My workaround is ugly but does the job:
onkeyup: function(element)
{
$(element).next().remove();
},
focusInvalid: false,
invalidHandler: function()
{
$(span).each(function(){ if($(this).attr(class) == input-
notification error png_bg) { $(this).remove(); } });
},
onfocusout: function(element)
{
$(element).next().remove();
$(span).each(function(){ if($(this).next().attr(class) ==
input-
notification error png_bg) { $(this).next().remove(); } });
},
This basically shows error messages only when the form is submitted.
When the input field is in focus, it removes the error message. The
onfocusout option removes repeated messages.
I just can't figure out why it would behave this way.
On Dec 16, 8:58 am, Jörn Zaefferer joern.zaeffe...@googlemail.com
wrote:
Could you provide a full example, eg. via jsbin.com?
Jörn
On Wed, Dec 16, 2009 at 2:53 PM, Mark Livingstone
namematters...@msn.comwrote:
anyone? :)
On Dec 15, 12:37 pm, Mark Livingstone namematters...@msn.com wrote:
Hi,
Since I moved to a new design I cannot figure out how to stop the
validate plug-in to append error messages and instead have it remove
the previous error message before creating another one.
here is what my HTML code looks like with multiple error messages:
p
label for=email
E-mail
/label
input class=text-input medium-input input-notification error
png_bg name=client[email] id=email value={EMAIL} size=25
span class=errorValidate generated=true htmlfor=email
This field is mandatory
/span
span class=errorValidate generated=true htmlfor=email
This field is mandatory
/span
span class=errorValidate generated=true htmlfor=email
This field is mandatory
/span
span class=errorValidate generated=true htmlfor=email
This field is mandatory
/span
span class=errorValidate generated=true htmlfor=email
Please enter a valid e-mail address
/span
/p
CSS:
.errorValidate {
padding: 2px 0 2px 22px;
margin: 0 0 0 5px;
}
JS:
var validateForm = $(#clientUpdateForm).validate(
{
errorClass: errorValidate,
/etc/...
}
Any ideas why it would do that?
Thanks in advance!
[jQuery] Re: validate - error messages keep piling up
On Dec 16, 9:59 am, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: At least post your full JS codes instead of just excerpts. Jörn http://jsbin.com/isuco/edit I can e-mail you the link to my working page if that will help. Unfortunately I cannot change it here.
[jQuery] Re: validate - error messages keep piling up
On Dec 16, 9:59 am, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: At least post your full JS codes instead of just excerpts. Jörn http://jsbin.com/isuco/edit I can e-mail you the link to my working page if that will help. Unfortunately I cannot share it here.
[jQuery] MultiFile Emulation
I'm trying to emulate the multifile plug-in (http://www.fyneworks.com/
jquery/multiple-file-upload/) with files stored on a server. This
worked with the 1.24 version of the plug-in. I've upgraded to the 1.46
version and now it isn't working fully correctly.
This is my relevant HTML:
code html
input name=tufilelist id=tufilelist type=text
style=visibility: hidden;
/code
This is what I have for JavaScript code:
code javascript
$(document).ready(function(){
$('#tufilelist').MultiFile();
});
function fileAppend(fileId, fileName){
appendDbFile('tu-' + fileId + '-' + fileName);
}
function appendDbFile(fileinfo){
$('#tufilelist').val(fileinfo).change();
}
code
Notice the type is text instead of file and the field is hidden from
the user. So, all I'm looking for is the adding and removing items
from a list of values. The PHP code on the back-end parses the stings
to actually attach the files to the item we're working on.
With 1.24, I'd get HTML like this:
div id=multi_2
input type=text style=visibility: hidden; id=multi_2_8
name=tufilelist8/
input type=text style=visibility: hidden; position: absolute;
left: -1000px; id=multi_2_7 name=tufilelist7/
input type=text style=visibility: hidden; position: absolute;
left: -1000px; id=multi_2_6 name=tufilelist6/
input type=text style=visibility: hidden; position: absolute;
left: -1000px; id=multi_2_5 name=tufilelist5/
div
[a href=#multi_2remove/a]
span title=File selected: db-32715-pic1.JPG
class=filedb-32715-pic1.JPG/span
/div
div
[a href=#multi_2remove/a]
span title=File selected: db-32777-doc1.pdf
class=filedb-32777-doc1.pdf/span
/div
div
[a href=#multi_2remove/a]
span title=File selected: db-32716-pic2.JPG
class=filedb-32716-pic2.JPG/span
/div
/div
With 1.46, I get HTML like this:
div id=tufilelist_wrap class=MultiFile-wrap
input type=text style=visibility: hidden; position: absolute;
top: -3000px; id=tufilelist name=tufilelist class=MultiFile-
applied/
input type=text style=visibility: hidden; id=tufilelist_F1
name=tufilelist class=MultiFile-applied MultiFile/
input type=text style=visibility: hidden; id=tufilelist_F1
name=tufilelist class=MultiFile-applied MultiFile/
input type=text style=visibility: hidden; id=tufilelist_F1
name=tufilelist class=MultiFile-applied MultiFile/
div id=tufilelist_wrap_list class=MultiFile-list
div class=MultiFile-label
a href=#tufilelist_wrap class=MultiFile-removex/a
span title=File selected: db-32715-pic1.JPG
class=MultiFile-titledb-32715-pic1.JPG/span
/div
div class=MultiFile-label
a href=#tufilelist_wrap class=MultiFile-removex/a
span title=File selected: db-32777-doc1.pdf
class=MultiFile-titledb-32777-doc1.pdf/span
/div
div class=MultiFile-label
a href=#tufilelist_wrap class=MultiFile-removex/a
span title=File selected: db-32716-pic2.JPG
class=MultiFile-titledb-32716-pic2.JPG/span
/div
/div
/div
[jQuery] jQuery ajaxStart() Event Handler
I have two Ajax methods in a page. The first handles the loading of html content in response to a user 'click' event, the second in response to a form submission. I want to have a 'loading...' message appear for the form submission but not the html load. But when I fire the html load event, the 'loading...' message appears above the form. How can I separate the ajaxStart() event for two different Ajax methods on the same page? Cheers, Mark
[jQuery] Re: jQuery ajaxStart() Event Handler
Actually scratch that - it was staring me right in the face... For
anyone else who is interested, use:
$.ajax({
type: 'POST',
url: ,
beforeSend: function () {
// show load message
},
success: function (msg) {
// message to display on success
},
error: function (msg) {
// message to display on error
},
complete: function () {
// hide load message
}
});
Sometimes I just get in my own way!
On Dec 17, 5:23 am, Mark marksr...@gmail.com wrote:
I have two Ajax methods in a page. The first handles the loading of
html content in response to a user 'click' event, the second in
response to a form submission. I want to have a 'loading...' message
appear for the form submission but not the html load. But when I fire
the html load event, the 'loading...' message appears above the form.
How can I separate the ajaxStart() event for two different Ajax
methods on the same page?
Cheers,
Mark
[jQuery] validate - error messages keep piling up
Hi,
Since I moved to a new design I cannot figure out how to stop the
validate plug-in to append error messages and instead have it remove
the previous error message before creating another one.
here is what my HTML code looks like with multiple error messages:
p
label for=email
E-mail
/label
input class=text-input medium-input input-notification error
png_bg name=client[email] id=email value={EMAIL} size=25
span class=errorValidate generated=true htmlfor=email
This field is mandatory
/span
span class=errorValidate generated=true htmlfor=email
This field is mandatory
/span
span class=errorValidate generated=true htmlfor=email
This field is mandatory
/span
span class=errorValidate generated=true htmlfor=email
This field is mandatory
/span
span class=errorValidate generated=true htmlfor=email
Please enter a valid e-mail address
/span
/p
CSS:
.errorValidate {
padding: 2px 0 2px 22px;
margin: 0 0 0 5px;
}
JS:
var validateForm = $(#clientUpdateForm).validate(
{
errorClass: errorValidate,
/etc/...
}
Any ideas why it would do that?
Thanks in advance!
[jQuery] How To Upload Video File Using JQuery
Hi, I am looking for a way to use JQuery to upload video files. Since these files are so large it is important to provide a cue to the user when the download is in progress and when it ends. Thanks, Mark
[jQuery] Jquery form plugin and accessing formData
I am using the excellent jquery form plugin to obtain form data, do
some pre-submission processing, and pass the altered form on to a
django view via ajax for some additional processing.
I have a jQuery form plugin beforeSubmit function to basically
divide a form field by 12 if another monthly/yearly checkbox is
checked, and pass the altered value on to django.
I have a html form called myForm with a bunch of text inputs
amount1, amount2, amount3, etc. and two checkboxes for each
text input amount1my, amount2my, amount3my etc. for the user to
select whether amount fields are monthly or annual amounts (the
checkbox values are m and y)
I bind the form in
$(document).ready(function() :
var options = {
...
beforeSubmit: myBeforeSubmit,
...
}
$('#myForm').ajaxForm(options);
}
What I want to do is search the form data for a y value in any of
the checkboxes, and if present, get the related amount field and
divide by 12.
the beforeSubmit function is basically this:
function myBeforeSubmit(formData, jqForm, options) {
//for loop to get the name of each formData name field containing
y - I get this using match(/y/) - so far, so good
///strip the field name of the my to get the underlying amount
field name and create new variable theFieldName for the resulting
stripped string - so far, so good.
//This all works to this point, but when I try to do the math on the
field:
formData.theFieldName.value = formData.theFieldName.value/12;
// the jQuery Form plugin sees theFieldName as a form field name
which of course does not exist
}
Question: it is possible to insert a variable in the formData.[field
name].value statement?
Mark
Re: [jQuery] Re: How can i make a timer that i can stop with jquery?
Hey,
Thanx for that code but i see one problem. It's not gonna work with
multiple countdowns (which i have).
Perhaps i need to send the animate object between the start and stop
actions to be able to stop a certain animation (countdown)??
@Michael Geary
i actually have that option working but without displaying the countdown:
var countdown = setTimeout(function(){
form.submit();
}, 5000);
$(body).append(a href='#'
onclick='clearTimeout(+countdown+);'cancel/a);
like that.. but how do i display the number after the cancel text?
Thanx to all so far,
Mark
On Fri, Nov 13, 2009 at 1:50 AM, Phish renatounta...@gmail.com wrote:
Hey Mark,
The plugin uses a recursive function to achieve the countdown. You
can cancel the countdown by checking a global variable with each
decrement in the number.
Line 19:
$(this).animate({
'fontSize': settings.endFontSize
},settings.duration,'',function() {
if (cancel_countdown == 1) return; // this cancels the
countdown
if(to settings.endNumber + 1) {
$(this).css('fontSize',settings.startFontSize).text(to
- 1).countDown(settings,to - 1);
}
else
{
settings.callBack(this);
}
});
You'll need to set the global variable 'cancel_countdown' when
starting, and canceling the countdown.
HTML:
input id=start_countdown type=button/input
input id=cancel_countdown type=button/input
More jQuery:
$(input#start_countdown).click(function(){
// start countdown code
cancel_countdown = 0;
});
$(input#stop_countdown).click(function(){
cancel_countdown = 1;
});
Hope this helps,
Renato.
On Nov 12, 4:39 pm, Mark mark...@gmail.com wrote:
Hi,
i tried this jquery countdown
plugin:http://davidwalsh.name/jquery-countdown-pluginand it works neat.. but
not for my interest.
What i try to do is have this:
Have a simple countdown that counts down from 5 to 0 then changes the
text to Uploading...
The plugin mentioned can do that but i also want to be able to
cancel the countdown which it can't do.
Can anyone point me to a plugin that does have that functionality? or
how i make that in this plugin..
So what i want to be able to do:
5
4
3
2
1
0
Uploading...
Or when cancel is pressed
5
4
3
2
CANCEL
Just like that.
I hope anyone can help me with this.
Thanx,
Mark.
[jQuery] Jquery post for google intensity map - tabs don't work?
I've been struggling with an issue for while now: trying to do a
partial page update to a google intensity map visualization using
jquery. Recently tried setting up a JSON builder and using the
jquery.post method to get the data from the server. Eureka! Or so I
thought. The intensity map I draw has three tabs and while the data
does return fine via the JSON and the map draws fine, the tabs don't
work at all. When I select them, the map stays on the first data
series.
I tried setting up a select event handler and using getSelection()/
setSelection() to force an update to the chart, but no go.
Any help would be greatly appreciated. I have posted in the code
below. Thanks. Mark.
-
html xmlns=http://www.w3.org/1999/xhtml;
head
titleUsage Statistics JSON Map/title
link rel=stylesheet href=/css/jquery/ui/smoothness/
ui.theme.css type=text/css media=all /
script type='text/javascript' src='http://www.google.com/
jsapi'/
script
script src=/js/jquery-1.3.2.js type=text/javascript/script
script src=/js/jquery.ui.all.1.7.2.min.js type=text/
javascript/script
script type=text/javascript
$.chart = null;
$.chartdata = null;
google.load('visualization', '1', {packages:['intensitymap']});
google.setOnLoadCallback(drawMapChart);
function LoadMapData(){
$.chartdata = new google.visualization.DataTable();
$.chartdata.addColumn('string', '', 'Country');
$.chartdata.addColumn('number', 'Hits', 'a');
$.chartdata.addColumn('number', 'Users', 'b');
$.chartdata.addColumn('number', 'Orgs', 'c');
var StartDate = 1/1/2009;
var EndDate = 11/1/2009;
var OrgType = 1;
var OrgID = *;
$.post(/getJSONData.aspx?builder=GetMapData,
{StartDate:StartDate, EndDate:EndDate, OrgType:OrgType, OrgID:OrgID},
function(data){
$.chartdata.addRows(data.length);
for(i=0;idata.length;i++){
$.chartdata.setValue(i, 0, data[i].StateCode);
$.chartdata.setValue(i, 1, data[i].TotalEvents);
$.chartdata.setValue(i, 2, data[i].UserIDs);
$.chartdata.setValue(i, 3, data[i].OrgIDs);
}
google.visualization.events.addListener($.chart, 'ready',
readyHandler);
$.chart.draw($.chartdata, {region: 'usa', width: 440, colors:
['dodgerblue', 'firebrick', 'orange']});
google.visualization.events.addListener($.chart, 'select',
selectHandler);;
}
,json);
}
function drawMapChart() {
$.chart = new google.visualization.IntensityMap
(document.getElementById('chart_div'));
LoadMapData();
}
function selectHandler(e) {
alert('select event');
}
/script
/head
body
div style=float:leftdiv id=chart_div style='float:left; width:
440px; height: 263px; vertical-align:middle'nbsp;nbsp;/div/div
/body
/html
[jQuery] When to Use'.' When Referring To Css Classes In JQuery
Hi,
Is there some general rule to determine when '.' should be added to
JQuery method parameters when referring to CSS classes. Here's an
example from the excellent book Learning JQuery 1.3
if ($header.is('.sort-alpha')) {
findSortKey = function($cell) {
return $cell.find('sort-key')
.text().toUpperCase() + ' ' + $cell.text
().toUpperCase();
};
}
In this case both '.sort-alpha' and 'sort-key' are CSS classes. How
does one know when to include the '.'
Thanks,
Mark
PS. I accidentally placed this in the JQuery Plugin Discussions.
Apologies for the duplication.
[jQuery] changing a select
I need to programmatically change the option that is selected within a select.
I have code registered to run when this occurs, whether the selection
is initiated by the user or programmatically.
Why doesn't this approach work?
$(document).ready(function () {
$(select#foo).change(function () {
alert(Now selected: + $(select#foo option:selected).text());
}
}
var select = $(select#foo);
select.find(option:first).select();
select.change();
The alert is only displayed when the user changes the selection, not
when the code above changes it.
--
R. Mark Volkmann
Object Computing, Inc.
[jQuery] Re: Firefox problem on ajax loaded javascript
I have such similar case in my project, but it did work in FF and IE.
but recent days, I found it does not work in Safari instead.
On 11月2日, 下午6时29分, nomen gaston...@gmail.com wrote:
Hi all:
I have a simple page.
Clicking in a button it loads a content by Ajax to the page, let's
call to it subpage.
In subpage I have some HTML(some select lists) and a jquery code
in $(document).ready(function(){ The javascript code launches
another js (http://www.yxscripts.com/cs/chainedselects.html) and
this one affects to the loaded select list using the ID of the select
lists.
In IE8, IE7, Chrome and Opera 10 it works perfectly, but, in
Firefox, the ready function is fired but Firebug says that there is an
error because it can´t find the select lists ID.
What I´m doing bad?
Thanks in advance.
[jQuery] Re: AJAX and JSON
On Mon, Oct 26, 2009 at 9:58 PM, MorningZ morni...@gmail.com wrote:
if this is your *exact* code
$.getJSON(url + ?callback?, function (json) {
then you're missing an equal sign
$.getJSON(url + ?callback=?, function (json) {
Good catch! Fortunately I had the = in my real code. I just forgot to
type it in the email.
As for the rest of your issue of what to do, this post should help:
http://groups.google.com/group/jquery-en/browse_thread/thread/fd821bf488c9a9d3?hl=en#
Okay, I think I understand about using jsonp now. I don't think I need
it in my case though because my call isn't cross-site. So I still have
these questions:
1) What should the response type be when using jsonp?
2) What should the response type be when not using jsonp? Is that just
called plain json?
3) When not using jsonp, what should the server code return? Still
JavaScript code that calls the callback function with the json content
or just the json content?
On Oct 26, 8:14 pm, Mark Volkmann r.mark.volkm...@gmail.com wrote:
I have some code working that invokes an HTTP service that returns JSON.
From my JavaScript I call the service with:
$.getJSON(url + ?callback?, function (json) {
// do something with json here
});
My service is implemented as a Java servlet with a doGet method.
In that method I:
1) set the content type of the response to application/x-javascript.
2) get the value of the callback parameter
3) create a Java Map
4) use the org.json library to convert the map to JSON text
5) build a string of JavaScript code that calls the callback function,
passing it the JSON
6) write the string of JavaScript to the response
Is this the recommended approach? I was expected that
I wouldn't need to pass the callback function name to the servlet and
could just return the JSON from the servlet instead of a string of
JavaScript code.
--
R. Mark Volkmann
Object Computing, Inc.
[jQuery] AJAX and JSON
I have some code working that invokes an HTTP service that returns JSON.
From my JavaScript I call the service with:
$.getJSON(url + ?callback?, function (json) {
// do something with json here
});
My service is implemented as a Java servlet with a doGet method.
In that method I:
1) set the content type of the response to application/x-javascript.
2) get the value of the callback parameter
3) create a Java Map
4) use the org.json library to convert the map to JSON text
5) build a string of JavaScript code that calls the callback function,
passing it the JSON
6) write the string of JavaScript to the response
Is this the recommended approach? I was expected that
I wouldn't need to pass the callback function name to the servlet and
could just return the JSON from the servlet instead of a string of
JavaScript code.
--
R. Mark Volkmann
Object Computing, Inc.
[jQuery] Preventing double submits
Hi,
I am using jQuery and blockUI to prevent the user from submitting a
form twice by double clicking on the interface:
This is in my global js file and is called on every pages
document.ready:
$('form').submit(function(){$.blockUI({message:'', overlayCSS:
{opacity:0.2}})});
This was working really well, but if I have validation on one of the
form submits that returns false, I of course want to unblock the UI.
Can you suggest a way of doing this? (without hard coding validation
checks in the global js file?)
Thanks for any suggestions
[jQuery] AutoComplete Sends Null To Server Side Function
Hi, I'm using the AutoComplete Plugin with ASP.NET MVC. For some reason the client side input value is NULL when it reaches the Server method. Any suggestions would be appreciated. Thanks, Mark
[jQuery] Re: AutoComplete Sends Null To Server Side Function
Thanks for the reply. I discovered the answer. A silly mistake actually. The AutoComplete parameter is q. ASP.NET MVC Routes needs an exact parameter name match on the server side method. I was using the word filter instead of q, so ASP.NET MVC passed in null to the server method. Mark On Oct 8, 10:45 am, MorningZ morni...@gmail.com wrote: Are you using firebug or another Developer Console like program to see what request the AutoComplete is sending out? it should be something like http://yourwebsite/Serice/AutoComplete.ashx?q=foolimit=10×tamp=... And all values can be accessed in ASP.NET via Request.QueryString, key q has the value to search on On Oct 7, 10:50 pm, Mark Phillips mgphilli...@gmail.com wrote: Hi, I'm using the AutoComplete Plugin with ASP.NET MVC. For some reason the client side input value is NULL when it reaches the Server method. Any suggestions would be appreciated. Thanks, Mark- Hide quoted text - - Show quoted text -
[jQuery] Re: Simple Jquery AJAX post
in my example i would isted of alert($(data).find('result').text());
use $('.loading').text($(data).find('result').text());
if you had html then $('.loading').html($(data).html()) would work i
think so long as you returned html you might have to tell it what the
return type is just it normaly pics that up unless your html is
malformed
in yours i think you would just have to change your $
(#response).html(html); to $(#response).html($(html).html());
maby $(#response).html($(html)); would work but it would depend on
your input as somtimes that will brake and i never did work out why
On Sep 30, 10:27 am, mattastic mharris...@yahoo.co.uk wrote:
Thanks very much for your reply, however, could you please tell me how
I can populate the loading div with the response text, rather than an
alert?
Many thanks
On Sep 29, 1:56 pm, Mark Gorman dayg...@gmail.com wrote:
yay for it not showing what you said before i posted, try on your
start and stop doing $(document).ajaxStart(); for some reson is can be
quite silly with that also use $(document).ready(); its nicer that way
and avoids unexpected issues
On Sep 29, 1:52 pm, Mark Gorman dayg...@gmail.com wrote:
this is how you do a post with loading at the top middle ish
html
head
style
.loading {
display: none;
position: absolute;
top: 0px;
left: 50%;}
/style
script src=jquery.js language=Javascript type=text/javascript/
script
/head
body
script language=Javascript type=text/javascript
$(document).ready(function(){
$(document).ajaxStart(function(){
$('.loading').show();
});
$(document).ajaxStop(function(){
$('.loading').hide();
});
$('.clickme').click(function(){
//i have trouble with the post permiters so i always do
it the {}
way but you can just pass a array
$.post('example.cfm',{peram1 : 'hello',peram2 : 'world',
myval : $
('.myinput').val()},function(data){
alert($(data).find('result').text());
});
return false;
});
});
/script
div class=loadingloading/div
a href=# class=clickmeClick me/a
input class=myinput name=text_input type=text value=Enter
Something here
/body
/html
On Sep 29, 11:15 am, mattastic mharris...@yahoo.co.uk wrote:
Thanks very much for your replies.
Could you please post the whole page code?
So I can see how the javascript, html and ajax works together
I'mn struggling to understand how the whole page is layed out.
Thanks in advance
On Sep 28, 2:18 pm, Mark Gorman dayg...@gmail.com wrote:
http://docs.jquery.com/Ajaxhaseverythingyouneedbut a simple
example would be...
$(document).ready(function(){
$.ajaxStart(function(){
$('.loading').show();});
$.ajaxStop(function(){
$('.loading').hide();});
//i have trouble with the post permiters so i always do it the {} way
but you can just pass a array
$.post('example.php',{peram1 : 'hello',peram2 : 'world', myval : $
('.myinput').val()},function(data){
alert($(data).find('result').text());
});
});
if the return was xml ie messageresultit saved/result/message
then you would get it saved in a alert watch some of the functions
though if you tell it to expect something as it will just
brake. .loading i am useing as your loading graphic or a div
containing it etc using css to absolutely position it or putting it
wherever you want it. you can do better things if you want but if you
just trying things for the first time this will do :P
On Sep 28, 10:58 am, mattastic mharris...@yahoo.co.uk wrote:
Could soneone please show me an example of a simple ajax post to a
coldfusion page, with a loading graphic?
I cant find an appropriate example in the documentation.
Thankyou
[jQuery] Re: Simple Jquery AJAX post
this is how you do a post with loading at the top middle ish
html
head
style
.loading {
display: none;
position: absolute;
top: 0px;
left: 50%;
}
/style
script src=jquery.js language=Javascript type=text/javascript/
script
/head
body
script language=Javascript type=text/javascript
$(document).ready(function(){
$(document).ajaxStart(function(){
$('.loading').show();
});
$(document).ajaxStop(function(){
$('.loading').hide();
});
$('.clickme').click(function(){
//i have trouble with the post permiters so i always do it the
{}
way but you can just pass a array
$.post('example.cfm',{peram1 : 'hello',peram2 : 'world', myval
: $
('.myinput').val()},function(data){
alert($(data).find('result').text());
});
return false;
});
});
/script
div class=loadingloading/div
a href=# class=clickmeClick me/a
input class=myinput name=text_input type=text value=Enter
Something here
/body
/html
On Sep 29, 11:15 am, mattastic mharris...@yahoo.co.uk wrote:
Thanks very much for your replies.
Could you please post the whole page code?
So I can see how the javascript, html and ajax works together
I'mn struggling to understand how the whole page is layed out.
Thanks in advance
On Sep 28, 2:18 pm, Mark Gorman dayg...@gmail.com wrote:
http://docs.jquery.com/Ajaxhaseverything you need but a simple
example would be...
$(document).ready(function(){
$.ajaxStart(function(){
$('.loading').show();});
$.ajaxStop(function(){
$('.loading').hide();});
//i have trouble with the post permiters so i always do it the {} way
but you can just pass a array
$.post('example.php',{peram1 : 'hello',peram2 : 'world', myval : $
('.myinput').val()},function(data){
alert($(data).find('result').text());
});
});
if the return was xml ie messageresultit saved/result/message
then you would get it saved in a alert watch some of the functions
though if you tell it to expect something as it will just
brake. .loading i am useing as your loading graphic or a div
containing it etc using css to absolutely position it or putting it
wherever you want it. you can do better things if you want but if you
just trying things for the first time this will do :P
On Sep 28, 10:58 am, mattastic mharris...@yahoo.co.uk wrote:
Could soneone please show me an example of a simple ajax post to a
coldfusion page, with a loading graphic?
I cant find an appropriate example in the documentation.
Thankyou
[jQuery] Re: Simple Jquery AJAX post
yay for it not showing what you said before i posted, try on your
start and stop doing $(document).ajaxStart(); for some reson is can be
quite silly with that also use $(document).ready(); its nicer that way
and avoids unexpected issues
On Sep 29, 1:52 pm, Mark Gorman dayg...@gmail.com wrote:
this is how you do a post with loading at the top middle ish
html
head
style
.loading {
display: none;
position: absolute;
top: 0px;
left: 50%;}
/style
script src=jquery.js language=Javascript type=text/javascript/
script
/head
body
script language=Javascript type=text/javascript
$(document).ready(function(){
$(document).ajaxStart(function(){
$('.loading').show();
});
$(document).ajaxStop(function(){
$('.loading').hide();
});
$('.clickme').click(function(){
//i have trouble with the post permiters so i always do it
the {}
way but you can just pass a array
$.post('example.cfm',{peram1 : 'hello',peram2 : 'world',
myval : $
('.myinput').val()},function(data){
alert($(data).find('result').text());
});
return false;
});
});
/script
div class=loadingloading/div
a href=# class=clickmeClick me/a
input class=myinput name=text_input type=text value=Enter
Something here
/body
/html
On Sep 29, 11:15 am, mattastic mharris...@yahoo.co.uk wrote:
Thanks very much for your replies.
Could you please post the whole page code?
So I can see how the javascript, html and ajax works together
I'mn struggling to understand how the whole page is layed out.
Thanks in advance
On Sep 28, 2:18 pm, Mark Gorman dayg...@gmail.com wrote:
http://docs.jquery.com/Ajaxhaseverythingyou need but a simple
example would be...
$(document).ready(function(){
$.ajaxStart(function(){
$('.loading').show();});
$.ajaxStop(function(){
$('.loading').hide();});
//i have trouble with the post permiters so i always do it the {} way
but you can just pass a array
$.post('example.php',{peram1 : 'hello',peram2 : 'world', myval : $
('.myinput').val()},function(data){
alert($(data).find('result').text());
});
});
if the return was xml ie messageresultit saved/result/message
then you would get it saved in a alert watch some of the functions
though if you tell it to expect something as it will just
brake. .loading i am useing as your loading graphic or a div
containing it etc using css to absolutely position it or putting it
wherever you want it. you can do better things if you want but if you
just trying things for the first time this will do :P
On Sep 28, 10:58 am, mattastic mharris...@yahoo.co.uk wrote:
Could soneone please show me an example of a simple ajax post to a
coldfusion page, with a loading graphic?
I cant find an appropriate example in the documentation.
Thankyou
[jQuery] Re: Simple Jquery AJAX post
i did try ealer to send a reply but that did not seem to apper so
heres a shorter version
http://docs.jquery.com/Ajax has everything you need, to make a loading
image come up on start you can just ether in your click function
inlude $(.loading).show(); or use the event
http://docs.jquery.com/Ajax/ajaxStart#callback
then use the stop http://docs.jquery.com/Ajax/ajaxStop#callback
then its just a $.post(url,data,callback) i normally do my data in a
{} so {peram1 : 'test'} etc ending up with somthing like $.post
('example.php',{peram1 : 'test'},function(data){ alert('hello')});
On Sep 28, 10:58 am, mattastic mharris...@yahoo.co.uk wrote:
Could soneone please show me an example of a simple ajax post to a
coldfusion page, with a loading graphic?
I cant find an appropriate example in the documentation.
Thankyou
[jQuery] Re: Simple Jquery AJAX post
http://docs.jquery.com/Ajax has everything you need but a simple
example would be...
$(document).ready(function(){
$.ajaxStart(function(){
$('.loading').show();
});
$.ajaxStop(function(){
$('.loading').hide();
});
//i have trouble with the post permiters so i always do it the {} way
but you can just pass a array
$.post('example.php',{peram1 : 'hello',peram2 : 'world', myval : $
('.myinput').val()},function(data){
alert($(data).find('result').text());
});
});
if the return was xml ie messageresultit saved/result/message
then you would get it saved in a alert watch some of the functions
though if you tell it to expect something as it will just
brake. .loading i am useing as your loading graphic or a div
containing it etc using css to absolutely position it or putting it
wherever you want it. you can do better things if you want but if you
just trying things for the first time this will do :P
On Sep 28, 10:58 am, mattastic mharris...@yahoo.co.uk wrote:
Could soneone please show me an example of a simple ajax post to a
coldfusion page, with a loading graphic?
I cant find an appropriate example in the documentation.
Thankyou
[jQuery] Sliding list items -- missing bullets?
I'm having issues with using slideUp/slideDown on lists; when list items reappear, their bullets are missing, both in Safari and Firefox. See example at: http://www.mnot.net/test/slide-list.html Is this a known issue? Thanks, -- Mark Nottingham http://www.mnot.net/
[jQuery] Buy or sell
We have great deals for Real Estate Investors. As real estate investors ourselves we are very eager to work with other real estate investors like you. http://www.greenmiraclesinc.com/inv.php?sysac=9pg=26tm=
[jQuery] JSON how to transform an object into an array?
Hi all.
I got an php page who picks up data out of my data base and puts it in
a multidimensinal array. That array is being encoded to Json
$event = json_encode($super_array);
Then i made an javasript get funtion to get that array to my main
page.
function get(){
$.get(../position of my file/test.php, function(data){
alert (+data);
});
The var data doesn't give me an array it gives me an object while i
programmed it to give me an array (inplace of force_object):
{5:
{id:5,title:test,start_datum:6161616,end_datum:663461,afspraak_type:memo},10:
{id:10,title:bla,start_datum:4819028,end_datum:8230948,afspraak_type:verjaardag}}
What i need to have is that it gives me an array that looks something
like this:
[
{
id:5,
title:test,
start_datum:6161616,
end_datum: 663461,
afspraak_type: Memo
}
{
id:10,
title:bla,
start_datum: 4819028,
end_datum:8230948,
afspraak_type:Verjaardag
}
]
What is the best way to get to this?
Mark
[jQuery] Re: JSON how to transform an object into an array?
yeah that i was thinking to but the problem is that you get.
[object Object]
if you alert out data again.
On Aug 12, 11:53 am, Dhruva Sagar dhruva.sa...@gmail.com wrote:
I think this is what you are looking for
data = eval ( '(' + data + ')' );
Thanks Regards,
Dhruva Sagar.
Jonathan
Swifthttp://www.brainyquote.com/quotes/authors/j/jonathan_swift.html
- May you live every day of your life.
On Wed, Aug 12, 2009 at 3:18 PM, Mark johanns.m...@gmail.com wrote:
Hi all.
I got an php page who picks up data out of my data base and puts it in
a multidimensinal array. That array is being encoded to Json
$event = json_encode($super_array);
Then i made an javasript get funtion to get that array to my main
page.
function get(){
$.get(../position of my file/test.php, function(data){
alert (+data);
});
The var data doesn't give me an array it gives me an object while i
programmed it to give me an array (inplace of force_object):
{5:
{id:5,title:test,start_datum:6161616,end_datum:663461,afspraak_type:memo},10:
{id:10,title:bla,start_datum:4819028,end_datum:8230948,afspraak_type:verjaardag}}
What i need to have is that it gives me an array that looks something
like this:
[
{
id:5,
title:test,
start_datum:6161616,
end_datum: 663461,
afspraak_type: Memo
}
{
id:10,
title:bla,
start_datum: 4819028,
end_datum:8230948,
afspraak_type:Verjaardag
}
]
What is the best way to get to this?
Mark
[jQuery] How to POST using jQuery?
Hi, I know you can use jquery to post data from a json object ajaxly. However I want to redirect the browser to the new page (like submitting a form) only passing the values explicitly from javascript rather than actually submitting a form. Is this possible using jquery? Thanks
[jQuery] Re: How to POST using jQuery?
But then the page that gets served to the user with have no parameters posted to it. On Aug 12, 3:50 pm, Liam Potter radioactiv...@gmail.com wrote: well, on the post callback, forward the browser to the page? window.location=/page.php Mark Smith wrote: Hi, I know you can use jquery to post data from a json object ajaxly. However I want to redirect the browser to the new page (like submitting a form) only passing the values explicitly from javascript rather than actually submitting a form. Is this possible using jquery? Thanks
[jQuery] Re: How to POST using jQuery?
Thanks for the ideas. Looks like it's not supported, which might be a symptom of bad design on my part. I just have lots of different actions, having a form for each one seemed messy. Maybe a suitable workaround would be to have a hidden form on the page, attach input elements to it as I need them, then finally call .submit on the form On Aug 12, 4:09 pm, Liam Potter radioactiv...@gmail.com wrote: He's not using a form at all in this, I don't know why. Michael Price wrote: Is there any particular reason you HAVE to use Javascript to handle the form submission? If you want to redirect the user to another page after the form submission you may as well submit the form the normal way and use a server side redirect to send them on to the next page. Failing that, you could make your form processing script return the next page in it's response, parse for this and then use it - is that feasible? SUBMIT FORM PARSE RESPONSE WHICH WILL CONTAIN NEW PAGE URL IN IT window.location = newPage; Regards, Michael Price -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of Mark Smith Sent: 12 August 2009 16:02 To: jQuery (English) Subject: [jQuery] Re: How to POST using jQuery? But then the page that gets served to the user with have no parameters posted to it. On Aug 12, 3:50 pm, Liam Potter radioactiv...@gmail.com wrote: well, on the post callback, forward the browser to the page? window.location=/page.php Mark Smith wrote: Hi, I know you can use jquery to post data from a json object ajaxly. However I want to redirect the browser to the new page (like submitting a form) only passing the values explicitly from javascript rather than actually submitting a form. Is this possible using jquery? Thanks
[jQuery] maskedinput plugin not cooperating with validate plugin?
My project uses jquery.maskedinput.js 1.2.2 and jquery.validate.js r6096. I'm looking at a date field, with a mask of 99/99/, which happens to also be required. If I focus and then blur on the required date field, validate fires (as it should), and does its required check, which (if I'm reading this properly) consists of a length check on the date textfield. Problem is, the 'value' of the date textfield is the format mask text itself, '__/__/', with a length of 10, so validation passes. Is there a prescribed way (short of my hacking jquery.validate.js) for validate and maskedinput to play nicely together? Say, for validate to return false if the required field's value matches the mask applied to it? I'm trying to use maskedinput's completed:function() to test and zap the data, but it's not firing properly just yet. Thanks much for any help / clarification / workarounds! Mark
[jQuery] Cannot load google API intensity map with jquery
Relatively inexperienced. I'm creating a dashboard using some of the
Google visualizations. Want to do a selective refresh of certain
pieces of the dashboard based on user action (rather than a full page
reload).
Was hoping to use jquery for this, but when I try to use in
combination with the Google visualization (in this case, the intensity
map) it just says Transferring data from www.google.com... and
continues to run without completing. Any help would be greatly
appreciated.
Here is the code:
html xmlns=http://www.w3.org/1999/xhtml;
head runat=server
titleTest JQuery Div Load/title
link rel=stylesheet href=/css/jquery/ui/smoothness/ui.theme.css
type=text/css media=all /
script type='text/javascript' src='http://www.google.com/jsapi'/
script
script src=/js/jquery-1.3.2.js type=text/javascript/script
script src=/js/jquery.ui.all.1.7.2.min.js type=text/javascript/
script
script type=text/javascript
jQuery.noConflict();
/script
script type=text/javascript
jQuery(document).ready(function() {
jQuery(#UsageMap).load(UsageMap.aspx);
});
/script
/head
body
div id=UsageMap
pThis should get replaced with content from UsageMap.aspx/p
/div
/body
/html
[jQuery] Re: error jquery-1.3.2.js(line 3633)
Can anybody find anything what i did wrong? the only code that is not commented out in the handler.php is ?php print_r($_POST); ? To show me what kind of values it gets and how it looks in an array so i can make an associative of it. On Jul 7, 3:01 pm, Mark johanns.m...@gmail.com wrote: http://webserver.c4v.nl/mark/agenda%20nieuw/agenda.php for the main filehttp://webserver.c4v.nl/mark/agenda%20nieuw/handler.php for the handlerhttp://webserver.c4v.nl/mark/agenda%20nieuw/agenda.css for the csshttp://webserver.c4v.nl/mark/agenda%20nieuw/jquery-1.3.2.js for the java sript librarie You can see all the files here and test what is going wrong. (the notes u see in the handler.php are in dutch made for my internship boss so hecan easy can see what i have done but he hasnt time to help me time = money:s ) On Jul 7, 10:09 am, Jonathan Vanherpe (T T NV) jonat...@tnt.be wrote: Mark wrote: I have 3 drop down menu's where is post the value's bij a button.click (see code below). But when i push the button i see an error in fire bug POST http://localhost/agendanieuw/handler.php67ms jquery-1.3.2.js(line 3633) I looked online for awnsers but couldn't find any. Maybe you guys can help me. Here is my js code. Are you sure 'handler.php' exists? 'POST' isn't typically an error, unless the server returns a 404 or internal server error (500), in which case Firebug will show it in red. It would be nice if you uploaded your stuff somewhere (preferably reduced as a testcase). Jonathan -- Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
[jQuery] Re: error jquery-1.3.2.js(line 3633)
I used $(document).ready(function() {
$(from#myfrom).submit(function() {
now it doesn't give an error anymore so far i can see.
So now only try to figure out how to post the value's with out the
reload and then im going to make a callback to a new div and print the
php array thereso i can go on form there
Thank you for your help so far now only hope and pray it will work
On Jul 8, 9:56 am, Jonathan Vanherpe (T T NV) jonat...@tnt.be
wrote:
Sorry, I didn't see your reply, this list is pretty high-traffic.
I tried it, but it doesn't give me an error. The POST returns a 200 OK.
What I do notice is that after I click the button, I get a page reload,
so I think you need to put a 'return false;' in there somewhere to stop
the form from getting submitted.
It's also a nice idea to use submit() instead of click(), to catch
people that use keyboard shortcuts and the like.
so use:
$(form#myform).submit(function()...
instead of
$(button).click(function()...
Jonathan
Mark wrote:
Can anybody find anything what i did wrong?
the only code that is not commented out in the handler.php is
?php
print_r($_POST);
?
To show me what kind of values it gets and how it looks in an array so
i can make an associative of it.
On Jul 7, 3:01 pm, Mark johanns.m...@gmail.com wrote:
http://webserver.c4v.nl/mark/agenda%20nieuw/agenda.php for the
main filehttp://webserver.c4v.nl/mark/agenda%20nieuw/handler.php for
the
handlerhttp://webserver.c4v.nl/mark/agenda%20nieuw/agenda.css for the
csshttp://webserver.c4v.nl/mark/agenda%20nieuw/jquery-1.3.2.js for the
java sript librarie
You can see all the files here and test what is going wrong.
(the notes u see in the handler.php are in dutch made for my
internship boss so hecan easy can see what i have done but he hasnt
time to help me time = money:s )
On Jul 7, 10:09 am, Jonathan Vanherpe (T T NV) jonat...@tnt.be
wrote:
Mark wrote:
Are you sure 'handler.php' exists? 'POST' isn't typically an error,
unless the server returns a 404 or internal server error (500), in which
case Firebug will show it in red.
It would be nice if you uploaded your stuff somewhere (preferably
reduced as a testcase).
Jonathan
--
Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
--
Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
[jQuery] Re: error jquery-1.3.2.js(line 3633)
Ty just found it my self to and it works i think this topic is done ty
for your help!!
On Jul 8, 11:37 am, Jonathan Vanherpe (T T NV) jonat...@tnt.be
wrote:
This should stop the form from submitting (untested):
$(f...@myform).submit(function() {
$.post('handler.php', {
jaar:$('#jaar').val(),
maand:$('#maand').val(),
week:$('#week').val()
}//,
//do_something(data)
);
return false;
});
Jonathan
Mark wrote:
I used $(document).ready(function() {
$(from#myfrom).submit(function() {
now it doesn't give an error anymore so far i can see.
So now only try to figure out how to post the value's with out the
reload and then im going to make a callback to a new div and print the
php array thereso i can go on form there
Thank you for your help so far now only hope and pray it will work
On Jul 8, 9:56 am, Jonathan Vanherpe (T T NV) jonat...@tnt.be
wrote:
Sorry, I didn't see your reply, this list is pretty high-traffic.
I tried it, but it doesn't give me an error. The POST returns a 200 OK.
What I do notice is that after I click the button, I get a page reload,
so I think you need to put a 'return false;' in there somewhere to stop
the form from getting submitted.
It's also a nice idea to use submit() instead of click(), to catch
people that use keyboard shortcuts and the like.
so use:
$(form#myform).submit(function()...
instead of
$(button).click(function()...
Jonathan
Mark wrote:
Can anybody find anything what i did wrong?
the only code that is not commented out in the handler.php is
?php
print_r($_POST);
?
To show me what kind of values it gets and how it looks in an array so
i can make an associative of it.
On Jul 7, 3:01 pm, Mark johanns.m...@gmail.com wrote:
--
Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
--
Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
[jQuery] Re: error jquery-1.3.2.js(line 3633)
$vorigejaar =
date(Y,$vorig_jaar_time);
$jr=array($vorigejaar,$jaar,$volgendjaar);
$count=0;
echo ( select id='jaar'
size='1');
echo(option selected
value='Jaren'-Jaren- );
echo( /option );
for($count==0; $count 3;){
echo (option
value='j+.$count.');
echo ($jr[$count]);
echo (/option);
$count++;
};
echo ( /select);
?
button class=buttonknop/button
/form
h1 align=centerJanuari/h1
div id =overzicht
?php
$i=0;
$a=1;
While($i 7){
$dagnaam = array
(date(l, mktime(0, 0, 0, 1, +$a,1)));
$i++;
$a++;
Foreach($dagnaam as
$value){
echo div
id='$value' name='$value';
echo $value;
echo /div;
}
}
?
/div
/div
/body
/html
On Jul 6, 4:59 pm, Eric Garside gars...@gmail.com wrote:
Well, firebug shouldn't have cared as much as IE would, because of a
comma inside the list of params in your POST. The last element in an
object can't have a comma.
Also, could you post the HTML?
On Jul 6, 8:49 am, Mark johanns.m...@gmail.com wrote:
I have 3 drop down menu's where is post the value's bij a button.click
(see code below).
But when i push the button i see an error in fire bug
POSThttp://localhost/agendanieuw/handler.php67ms jquery-1.3.2.js(line
3633)
I looked online for awnsers but couldn't find any. Maybe you guys can
help me. Here is my js code.
script type=text/javascript src=jquery-1.3.2.js/
script
script type=text/
javascript
$(document).ready(function() {
$(button).click(function() {
$.post('handler.php', {
jaar:$('#jaar').val(),//jaar means year
maand:$('#maand').val(),//maand means month
week:$('#week').val(),
})
});
});
/script
[jQuery] Re: error jquery-1.3.2.js(line 3633)
http://webserver.c4v.nl/mark/agenda%20nieuw/agenda.php for the main file http://webserver.c4v.nl/mark/agenda%20nieuw/handler.php for the handler http://webserver.c4v.nl/mark/agenda%20nieuw/agenda.css for the css http://webserver.c4v.nl/mark/agenda%20nieuw/jquery-1.3.2.js for the java sript librarie You can see all the files here and test what is going wrong. (the notes u see in the handler.php are in dutch made for my internship boss so hecan easy can see what i have done but he hasnt time to help me time = money:s ) On Jul 7, 10:09 am, Jonathan Vanherpe (T T NV) jonat...@tnt.be wrote: Mark wrote: I have 3 drop down menu's where is post the value's bij a button.click (see code below). But when i push the button i see an error in fire bug POST http://localhost/agendanieuw/handler.php 67ms jquery-1.3.2.js(line 3633) I looked online for awnsers but couldn't find any. Maybe you guys can help me. Here is my js code. Are you sure 'handler.php' exists? 'POST' isn't typically an error, unless the server returns a 404 or internal server error (500), in which case Firebug will show it in red. It would be nice if you uploaded your stuff somewhere (preferably reduced as a testcase). Jonathan -- Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
[jQuery] Re: How to read the contents of .php filw on the webserver
var scrUrl;
var Host = http://www.example.com/read.php;;
function inializeUrl()
{
scrUrl = Host //+ string //in de string komt de api key
te staan
maar omdat die niet standaard is maak ik er later een string van
}
function do_it()
{
inializeUrl();
var letitsee = document.getElementById(ID OF DIV
WHERE IT HAS TO GO INTO\\);
letitsee.innerHTML = iframe id='iframe' src='+srcUrl+'
frameborder='0' scrolling='yes'/iframe;
}
little script i have written today for a mail pakage service.
I selected the things out of it what u need know you have only have to
call the do_it function in your document now and make a div where it
has to be printed in.
(
div id=//This name has to be the same as the capslock part\\
/div
)
On Jul 7, 9:19 am, Neha neha2...@gmail.com wrote:
Hey guys,
Myself totally new in this javascript worldi have to read the
contents of a .php file which is placed on the webserver...say
(http//www.example.com/read.php)...howto do that???
[jQuery] error jquery-1.3.2.js(line 3633)
I have 3 drop down menu's where is post the value's bij a button.click
(see code below).
But when i push the button i see an error in fire bug POST
http://localhost/agenda nieuw/handler.php 67ms jquery-1.3.2.js(line
3633)
I looked online for awnsers but couldn't find any. Maybe you guys can
help me. Here is my js code.
script type=text/javascript src=jquery-1.3.2.js/
script
script type=text/
javascript
$(document).ready(function() {
$(button).click(function() {
$.post('handler.php', {
jaar:$('#jaar').val(),//jaar means year
maand:$('#maand').val(),//maand means month
week:$('#week').val(),
})
});
});
/script
[jQuery] Validate
HI I am trying to use the Validate plugin for Jquery with .NET. I managed to work it out on one particular page. However I have a minor problem. Let's suppose you have a page with 2 Query tabs. In the first tab the user can add a Person which includes Name, Surname etc. In the other tab the user can add some Person History. Now in the first tab Person Name is required. So I create a validator on First Name on the first page and it works ok. In the second tab I create a required field on another field. Now the problem is that if Person Name is not empty, and the user clicks on Add in the second tab but the required field in the second tab is empty, the Validate() method will return true even though the field in the second tab is empty. Therefore I need to find a way how I can create a grouping validator for the first and second tab like what is in ASP.NET in which it enabled you to create a group so that when you validate you validate per group. I am using ASP.NET and I do not wish to crearte a button with its type as SUBMIT since I am using AJAX calls and I do not want to submit the form when the ADD button is clicked. Thanks
[jQuery] Re: Hide/show divs based on form parameters
Ah, I actually came across this page, but assumed it was built into
jQuery and didn't notice it was a plug-in. It works now, thanks for
making me read it properly :P
On Jun 14, 3:37 am, Nitin Sawant nitin.jays...@gmail.com wrote:
http://www.mathias-bank.de/2006/10/28/jquery-plugin-geturlparam/
On Jun 13, 8:37 pm, Mark markjtur...@gmail.com wrote:
Hi all,
I'm trying to selectively hide and show divs based on what a user
specifies using three select boxes in a form.
I'm quite new to jQuery so I'm probably missing something obvious, but
here's what I've got and it doesn't, work, they divs just stay hidden.
Any help would be greatly appreciated!
html
head
script
src=http://code.jquery.com/jquery-latest.js;/script
script type=text/javascript
$(document).ready(function(){
$(.coursecontent).hide();
var area = $(document).getUrlParam(area);
var level = $(document).getUrlParam(level);
var time = $(document).getUrlParam(time);
$(. + area + . + level + . + time).show();
});
/script
titleJavascript 'search' demo/title
/head
body
form
pFind a Course/p
pWe have something for everyone!/p
div class=BoxBody
select id=area name=area size=1
style=outline: none
option value= selectedSelect Course
area/option
option value=Any/option
option value=barryBarry/option
option value=cantonCanton/option
option value=cardiffbayCardiff
Bay/option
option value=cardiffcentreCardiff
Centre/option
option
value=cowbridgeCowbridge/option
option
value=creigiauCreigiau/option
option value=elyEly/option
option
value=grangetownGrangetown/option
option value=gwaelodygarthGwaelod y
Garth/option
option value=llandafLlandaf/option
option
value=llanishenLlanishen/option
option
value=llanrumneyLlanrumney/option
option value=llantwitmajorLlantwit
Major/option
option value=penarthPenarth/option
option value=pentwynPentwyn/option
option
value=pontprennauPontprennau/option
option
value=rhiwbinaRhiwbina/option
option value=roathRoath/option
option value=rumneyRumney/option
option value=splottSplott/option
option value=st AthanSt
Athan/option
option
value=whitchurchWhitchurch/option
option value=wickWick/option
/select
br /
select name=level size=1 style=outline:
none
option value= selectedSelect
Course level/option
option value=Any/option
option
value=prePre-entry/Taster/option
option value=entryEntry/option
option value=wlpanEntry
amp; Foundation (Wlpan)/option
option
value=foundationFoundation/option
option
value=intermediateIntermediate/option
option value=higherHigher/option
option
value=proficiencyProficiency/Fine-Tuning/
option
/select
br /
select name=time size=1 style=outline:
none
option value= selectedSelect
Course time/option
option value=Any/option
option
value=morningMorning/option
option
value=lunchLunchtime/option
option
value=afternoonAfternoon/option
[jQuery] Show/hide divs depending on form parameters
Hi all,
I am pretty new to jQuery, and I'm looking for a way to kind of
'filter' divs depending on the parameters supplied by a form.
I have three select boxes that set 'area', 'level', and 'time'
parameters (for courses).
I have given corresponding classes to some example divs, and I want
the ones that match the parameters to be visible, and the rest to be
hidden.
Here is what I have got, but it doesn't work (they all stay no matter
what parameters are supplied). Any help would be greatly appreciated!
html
head
script src=http://code.jquery.com/jquery-latest.js;/script
script type=text/javascript
$(document).ready(function(){
$(.coursecontent).hide();
var area = $(document).getUrlParam(area);
var level = $(document).getUrlParam(level);
var time = $(document).getUrlParam(time);
$(. + area + . + level + . + time).show();
});
/script
titleJavascript 'search' demo/title
/head
body
form
pFind a Course/p
pWe have something for everyone!/p
div class=BoxBody
select id=area name=area size=1
style=outline: none
option value= selectedSelect Course
area/option
option value=Any/option
option value=barryBarry/option
option value=cantonCanton/option
option value=cardiffbayCardiff
Bay/option
option value=cardiffcentreCardiff
Centre/option
option value=cowbridgeCowbridge/option
option value=creigiauCreigiau/option
option value=elyEly/option
option
value=grangetownGrangetown/option
option value=gwaelodygarthGwaelod y
Garth/option
option value=llandafLlandaf/option
option value=llanishenLlanishen/option
option
value=llanrumneyLlanrumney/option
option value=llantwitmajorLlantwit
Major/option
option value=penarthPenarth/option
option value=pentwynPentwyn/option
option
value=pontprennauPontprennau/option
option value=rhiwbinaRhiwbina/option
option value=roathRoath/option
option value=rumneyRumney/option
option value=splottSplott/option
option value=st AthanSt Athan/option
option
value=whitchurchWhitchurch/option
option value=wickWick/option
/select
br /
select name=level size=1 style=outline:
none
option value= selectedSelect Course
level/option
option value=Any/option
option
value=prePre-entry/Taster/option
option value=entryEntry/option
option value=wlpanEntry amp;
Foundation (Wlpan)/option
option
value=foundationFoundation/option
option
value=intermediateIntermediate/option
option value=higherHigher/option
option
value=proficiencyProficiency/Fine-Tuning/
option
/select
br /
select name=time size=1 style=outline:
none
option value= selectedSelect Course
time/option
option value=Any/option
option value=morningMorning/option
option value=lunchLunchtime/option
option
value=afternoonAfternoon/option
option value=eveningEvening/option
/select
br /
input id=button type=submit value=Search
style=outline: none
/div
/form
div class=coursecontent barry entry
[jQuery] Hide/show divs based on form parameters
Hi all,
I'm trying to selectively hide and show divs based on what a user
specifies using three select boxes in a form.
I'm quite new to jQuery so I'm probably missing something obvious, but
here's what I've got and it doesn't, work, they divs just stay hidden.
Any help would be greatly appreciated!
html
head
script src=http://code.jquery.com/jquery-latest.js;/script
script type=text/javascript
$(document).ready(function(){
$(.coursecontent).hide();
var area = $(document).getUrlParam(area);
var level = $(document).getUrlParam(level);
var time = $(document).getUrlParam(time);
$(. + area + . + level + . + time).show();
});
/script
titleJavascript 'search' demo/title
/head
body
form
pFind a Course/p
pWe have something for everyone!/p
div class=BoxBody
select id=area name=area size=1
style=outline: none
option value= selectedSelect Course
area/option
option value=Any/option
option value=barryBarry/option
option value=cantonCanton/option
option value=cardiffbayCardiff
Bay/option
option value=cardiffcentreCardiff
Centre/option
option value=cowbridgeCowbridge/option
option value=creigiauCreigiau/option
option value=elyEly/option
option
value=grangetownGrangetown/option
option value=gwaelodygarthGwaelod y
Garth/option
option value=llandafLlandaf/option
option value=llanishenLlanishen/option
option
value=llanrumneyLlanrumney/option
option value=llantwitmajorLlantwit
Major/option
option value=penarthPenarth/option
option value=pentwynPentwyn/option
option
value=pontprennauPontprennau/option
option value=rhiwbinaRhiwbina/option
option value=roathRoath/option
option value=rumneyRumney/option
option value=splottSplott/option
option value=st AthanSt Athan/option
option
value=whitchurchWhitchurch/option
option value=wickWick/option
/select
br /
select name=level size=1 style=outline:
none
option value= selectedSelect Course
level/option
option value=Any/option
option
value=prePre-entry/Taster/option
option value=entryEntry/option
option value=wlpanEntry amp;
Foundation (Wlpan)/option
option
value=foundationFoundation/option
option
value=intermediateIntermediate/option
option value=higherHigher/option
option
value=proficiencyProficiency/Fine-Tuning/
option
/select
br /
select name=time size=1 style=outline:
none
option value= selectedSelect Course
time/option
option value=Any/option
option value=morningMorning/option
option value=lunchLunchtime/option
option
value=afternoonAfternoon/option
option value=eveningEvening/option
/select
br /
input id=button type=submit value=Search
style=outline: none
/div
/form
div class=coursecontent barry entry morning
Barry, Entry, Morning
/div
div class=coursecontent canton entry evening
Canton, Entry,
[jQuery] Re: Plug-in to display (overlay) DIV element on the page at all times?
Thanks to all. I know that this can be done using CSS but dailylife.com uses JS, since disabling it disables the feedback tab. That's why I was wondering if there's a plug-in for jQuery that does the same.
[jQuery] Plug-in to display (overlay) DIV element on the page at all times?
Example: http://www.daylife.com/ (facebook tab on the left). Is anyone aware of a jQuery plug-in that would do something similar? Thanks.
[jQuery] Re: Request: build hoverFlow in jquery core
On Tue, Jun 2, 2009 at 10:48 PM, Ralf Stoltzeralf.stol...@googlemail.com wrote: Hi Mark, First let me say that your request might be better suited for the jquery-dev list. As the author of hoverFlow I'm not quite sure if and how hoverFlow should be included in core. I think that hoverFlow doesn't solve a general problem with animations, it solves a special issue that arises from the combination of animation and mouse interaction (hovering). I think we have to wait and see how frequent this problem comes up in order to qualify it for core. like for example that you can say to the animate function to run once and not build up the queue? It's not about running once, it's about running under certain conditions. And these conditions are tied to the mouse events (that is why hoverFlow requires you to pass in the event type as its first argument). Currently I can't see how this could be best reflected in the jQuery API (maybe adding the event type to the animation options hash). I see that people don't really want to add another plugin to their stack just to solve this litte problem. Many suggestions to overcome animations buildup can be found on http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup (the post that inspired me to build the plugin). In many situations, variations of the stop()-method work quite well. For submenu navigations, the solution presented at the bottom of http://www.2meter3.de/code/hoverFlow/submenus.html is suitable. However, most solutions fail with long animation durations. Ralf Hi, i do like your plugin a lot! thanx for making that. About the mailing list. this used to be the jquery dev mailing list because this was the only list. I didn't know that there where more lists. As for including it to the core. Your plugin solved my issue and is probable the answer to every site that has the issue of animations queuing up. This plugin/solution is only required with mouse hovering thus the current jquery animation methods are indeed just fine. Perhaps a way of implementing it is when .hover() is used? because then you probably want to use your mouse anyway. i don't know it anymore. just adding this one file is fine right now.
[jQuery] Select box .show problem
Hi ,
I'm just trying jQuery out for the first time...
Is this a bug in jQuery or am I doing something wrong?
I am trying to chain together a bunch of drop down select boxes.
Whenever I just use .hide() and .show() it works fine. But if I
use .show(slow) it adds big gaps between some of the select boxes.
I get the same result with both FF, IE and Safari.
Example code is below. Any ideas?
Thanks
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/
TR/html4/strict.dtd
html
head
script type=text/javascript src=/js/
jquery-1.3.2.min.js/
script
/head
body
form action= onsubmit=return false;
input type=text id=test value= style=width:
200px; /br/
select name=sel id=sel
option1/option
option2/option
option3/option
/selectbr/
select name=sel1 id=sel1
option1/option
option2/option
option3/option
/selectbr/
select name=sel2 id=sel2
option1/option
option2/option
option3/option
/selectbr/
select name=sel3 id=sel3
option1/option
option2/option
option3/option
/select
/form
script type=text/javascript
$('#sel1').hide();
$('#sel2').hide();
$('#sel3').hide();
//$(#sel).ajaxAddOption(http://localhost:83/ajax/random;,
null,false);
$(#sel).change(function(event)
{
//$(#sel1).ajaxAddOption(http://localhost:83/ajax/
random, null,
false);
$('#sel1').show(slow);
$('#sel2').hide();
$('#sel3').hide();
});
$(#sel1).change(function(event)
{
//$(#sel2).ajaxAddOption(http://localhost:83/ajax/
random, null,
false);
$('#sel2').show(slow);
$('#sel3').hide();
});
$(#sel2).change(function(event)
{
//$(#sel3).ajaxAddOption(http://localhost:83/ajax/
random, null, false);
$('#sel3').show(slow);
});
/script
/body
/html
[jQuery] Re: Request: build hoverFlow in jquery core
On Mon, Jun 1, 2009 at 9:46 PM, Mark mark...@gmail.com wrote: Hey, The biggest issue i always had with jquery was that queue build up stuff. Now we have the hoverFlow plugin to fix that: http://www.2meter3.de/code/hoverFlow/index.html But i was wondering.. shouldn't this be part of the core? like for example that you can say to the animate function to run once and not build up the queue? Also the ability hoverFlow provides seems to be something that really should be in the core because everyone working with effects will probably need it at some point in time. So that's why i request to make hoverFlow part of the jquery core. Just out of curiosity. What's the fastest way to imitate the hoverFlow effect without adding that plugin? i personally would rather avoid adding any more javascript plugins to my site. one should be enough unless your doing extreme things. No comments? suggestions? or just anything?
[jQuery] Request: build hoverFlow in jquery core
Hey, The biggest issue i always had with jquery was that queue build up stuff. Now we have the hoverFlow plugin to fix that: http://www.2meter3.de/code/hoverFlow/index.html But i was wondering.. shouldn't this be part of the core? like for example that you can say to the animate function to run once and not build up the queue? Also the ability hoverFlow provides seems to be something that really should be in the core because everyone working with effects will probably need it at some point in time. So that's why i request to make hoverFlow part of the jquery core. Just out of curiosity. What's the fastest way to imitate the hoverFlow effect without adding that plugin? i personally would rather avoid adding any more javascript plugins to my site. one should be enough unless your doing extreme things.
[jQuery] treeview - way to ignore a list from treeview
I am displaying some lists, and some of the list li's display user generated content. Some of that conetnt seems to have lists in them. Is there a way to specifically say that treeview should only process certain uls or lis and ignore others? e.g. ul class=filetree li !-- begin user content -- ul limy user list/li limy user list/li /ul pa paragraph/p !-- end user content -- /li /ul I'd like treeview to ignore the ul in the user content. TIA
[jQuery] Changing droppable accept or scope dynamically in the drag callback.
I've tried about everything and can't get the results I need. Basically I have some draggables in a movable div (pane). When I'm over the pane I only want the draggable to be droppable on elements in the pane (and have a visual cue as such). When I move beyond the pane I only want the draggable to be droppable on elements on a background div the size of the window behind the pane. Right now if I drop on a droppable in the pane and there is a droppable behind the pane they both get the drop call. I'm setting up the droppables in the start callback of the draggable. I've tried changing the accept on the droppables outside the pane in the drag callback, when the draggable crosses outside the pane boundary. I can't seem to change the accept on droppables dynamically from within the drag callback. They seem locked to the state when the drag first started. I've also tried changing the scope of the draggable (and also tried it on the droppables) from within the drag callback, when the draggable crosses outside the pane boundary. The scope doesn't seem to change dynamically when called from within the drag callback. They also seem locked to the state when the drag first started. I would really like the activeClass cue to change dynamically when I cross the pane boundary as well. Does anyone have any ideas as to how to make this work. Thanks, -ml
[jQuery] How to destroy a tooltip?
I'm using tooltips on a file list.
When I delete a file (and it's DOM structure representation) that has
a tooltip I'm getting an error at line 232.
setting(current) is undefined
if (event) {
231 // position the helper 15 pixel to bottom right, starting from
mouse position
232 left = event.pageX + settings(current).left;
233 top = event.pageY + settings(current).top;
234 var right='auto';
235 if (settings(current).positionLeft) {
236 right = $(window).width() - left;
237 left = 'auto';
238 }
239 helper.parent.css({
240 left: left,
241 right: right,
242 top: top
243 });
244 }
Is there any way to destroy the tooltip when I remove the DOM element
that has the tooltip?
Thanks,
-ml
[jQuery] Re: Cluetip not working on multiple links calling local html data
Hi Karl,
I'm having a similar issue as described in the original post here:
- I have three divs that I want to use for cluetip: info-1, info-2,
and info-3.
- I have six links: two for each div. They all have the correct rel
attributes set (two have rel=#info-1, and so on).
- Only the first of the six links displays the correct content. While
the rest of the cluetips do show up and they do have the right header,
their content is empty.
I tried the release you've posted here to no avail. I also tried using
the method described above (setting the rel attribute to a class
that's shared by all the divs and placing the divs after each link),
but the cluetips don't display properly: the first three links show
the first div, then the rest show none.
Am I asking too much of cluetip? Or is there a different way to do
this?
Thanks,
Mark Trapp
On Apr 9, 7:21 pm, Karl Swedberg k...@englishrules.com wrote:
Hi there Ian,
So sorry about that problem. I believe I've fixed it in a version I've
had up on Github for a couple weeks. Just put together a new release
for it here:
http://plugins.jquery.com/node/7526
Please give that one a try and let me know if you still run into
problems
--Karl
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Apr 8, 2009, at 10:44 PM, Ian wrote:
Hi,
I'm pretty new to jquery, but I really love the cluetip plugin. I'm
having trouble, though, when I define tips for a series of a
elements which each call different local html data. When I use the
rel attribute to call distinct attribute values for the divs
holding the data (whether id or class), I only get data in the first
cluetip. For the rest I get the tip but it's empty.
Here's the script in my head:
$(document).ready(function() {
$('a.load-local').cluetip({local:true, hideLocal: true, sticky: true,
arrows: true, cursor: 'pointer'});
});
And here's the html in the body:
a class=load-local href=# rel=.loadmehover here/abr /
div id=loadme class='loadme'Here's some contentbr /here's
another line./div
a class=load-local href=# rel=.loadmeToohover here too/
abr /
div id=loadAgain class=loadmeTooHere's some different content./
div
a class=load-local href=# rel=.loadmeToo2hover here too/
abr /
div id=loadStillAgain class=loadmeToo2Here's some really
different content./div
If I use the rel attribute of all the links to call one common class
for the data divs then I get the appropriate data showing up in each
tip. But then only the first data div is hidden. All the rest in the
series are left visible in the document body (as well as being cloned
in the cluetip).
Here's the html I'm using in that case:
a class=load-local href=# rel=.loadmehover here/abr /
div id=loadme class='loadme'Here's some contentbr /here's
another line./div
a class=load-local href=# rel=.loadmehover here too/abr /
div id=loadAgain class='loadme'Here's some different content./
div
a class=load-local href=# rel=.loadmehover here too/abr /
div id=loadStillAgain class='loadme'Here's some really different
content./div
Am I doing something wrong? This is a trivial example, of course, but
the principle applies to a larger web-app I'm working on.
Thanks,
Ian
[jQuery] Superfish on roids second top level row problem (z-index?)
hello, I want to use this menu but i have so many main items that there are 2 rows. The first row is always on top. How can i get the second level menu to be on top of the fisrt item menu-item1 menu-item2 menu-item3 menu-item4 menu-item5 menu-item6 menu-item7 menu-item8 menu-item9
[jQuery] Re: Form validation plugin
i have major trouble to get the form validation plugin from Jörg to run it seems like it cannot deal with forms coming from a framework like CAKEPHP the fields are build the following by cake: textarea name=data[Poll][descr] cols=30 rows=13 class=bbcode width=100% id=PollDescr /textarea well, now this plugin seems to ignore the id tags and use the name tag instead but it has trouble with the [ ] brackets if i set up the form fields manually, it works fine is there some way of getting this fixed? thx On 17 Apr., 22:15, Rick r...@marketingease.com wrote: I bet you're just missing a comma or something somewhere.. On Apr 17, 1:11 pm, koolkat merrill.ma...@yahoo.com wrote: When I tried it on 1.3.2, the messages displayed briefly but then the form submitted. Is there some other change I need to make? Thanks. On Apr 15, 11:59 pm, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: The current validation plugin works fine with both 1.2.6 and 1.3.2. Jörn On Thu, Apr 16, 2009 at 1:48 AM,koolkatmerrill.ma...@yahoo.com wrote: I have been using the form validation plugin with jquery 1.2.6. I would like to use the new jquery version 1.3.2 but was wondering if there is a replacement validation plugin for this version or if it could be made to work. Thank you.
[jQuery] Superfish - Bug with fix
There is an issue in the comparison of the computed string lengths and
the min and max values because they are being compared as string
instead of floats. The following code needs to be change from...
if (emWidth o.maxWidth) { emWidth = o.maxWidth; }
else if (emWidth o.minWidth) { emWidth = o.minWidth; }
to...
if ((emWidth * 1) (o.maxWidth * 1)) { emWidth = o.maxWidth; }
else if ((emWidth * 1) (o.minWidth * 1)) { emWidth = o.minWidth; }
Works great with that fix. Thanks for a great script.
Mark
[jQuery] Can't get ActiveX custom event in IE using jQuery
Hello, I have a handler for a custom ActiveX control event that I can successfully register for in IE using the following code: this.activeXObj.attachEvent(PlayerInitialized, this.handlerFunc); When I use the code above I get the event in my handler. I am now trying to use jQuery to attach the event handler like this: $(this.activeXObj).bind(PlayerInitialized, this.handlerFunc); With the jQuery code I never receive the event. Can anyone tell me what I am doing wrong? Thanks, Mark
[jQuery] Re: [validate] grouped select boxes
I did this in the end (created a div called errorcontainer obviously).
$(document).ready(function(){
var container = $(#errorcontainer);
container.hide();
$(#regform).validate({
submitHandler: function(form) {
if ($(#seasonmember).val()==0
$(#season).val()==0) {
container.show();
}
else {
form.submit();
}
}
});
});
On Mar 11, 6:13 pm, Jörn Zaefferer joern.zaeffe...@googlemail.com
wrote:
Using the validation plugin, set a required-rule for each field, after
removing the value from the 0-option, that is, change it to option
value0/option
Jörn
On Wed, Mar 11, 2009 at 6:57 AM, Mark King m...@ampersand.net.au wrote:
Hi.
I have two select boxes for differrent classes of tickets , like so:
select name=seasonmember id=seasonmember
option value=00/option
option value=11/option
option value=22/option
option value=33/option
option value=44/option
option value=55/option
/select
select name=season id=season
option value=00/option
option value=11/option
option value=22/option
option value=33/option
option value=44/option
option value=55/option
/select
I want to validate that at least one ticket has been purchased. I
would like to try to do this with the validate plugin, more for the
purposes of RD than anything else (I could write some code to just
add up the values, but that's not really the point).
How would I go about doing this?
Thanks,
Mark
[jQuery] Re: [validate] grouped select boxes
I did this in the end (created a div called errorcontainer obviously).
$(document).ready(function(){
var container = $(#errorcontainer);
container.hide();
$(#regform).validate({
submitHandler: function(form) {
if ($(#seasonmember).val()==0
$(#season).val()==0) {
container.show();
}
else {
form.submit();
}
}
});
});
On Mar 11, 6:13 pm, Jörn Zaefferer joern.zaeffe...@googlemail.com
wrote:
Using the validation plugin, set a required-rule for each field, after
removing the value from the 0-option, that is, change it to option
value0/option
Jörn
On Wed, Mar 11, 2009 at 6:57 AM, Mark King m...@ampersand.net.au wrote:
Hi.
I have two select boxes for differrent classes of tickets , like so:
select name=seasonmember id=seasonmember
option value=00/option
option value=11/option
option value=22/option
option value=33/option
option value=44/option
option value=55/option
/select
select name=season id=season
option value=00/option
option value=11/option
option value=22/option
option value=33/option
option value=44/option
option value=55/option
/select
I want to validate that at least one ticket has been purchased. I
would like to try to do this with the validate plugin, more for the
purposes of RD than anything else (I could write some code to just
add up the values, but that's not really the point).
How would I go about doing this?
Thanks,
Mark
[jQuery] [validate] grouped select boxes
Hi. I have two select boxes for differrent classes of tickets , like so: select name=seasonmember id=seasonmember option value=00/option option value=11/option option value=22/option option value=33/option option value=44/option option value=55/option /select select name=season id=season option value=00/option option value=11/option option value=22/option option value=33/option option value=44/option option value=55/option /select I want to validate that at least one ticket has been purchased. I would like to try to do this with the validate plugin, more for the purposes of RD than anything else (I could write some code to just add up the values, but that's not really the point). How would I go about doing this? Thanks, Mark
[jQuery] clone of an element to be dropped draggable
hi i want to a clone of an element to be dropped and dragged. i am using the standard jquery 1.3 and jquery ui 1.7. i tried the helper clone option. it creates a clone when dragged, but when it is dropped it just reverts back to the original position. but i want a clone also to be dropped. for example: http://jqueryui.com/demos/draggable/revert.html i tried this demo with revert set to false. but still a clone is not dropped. thanks a lot!
[jQuery] [Validate] Modifying validate options after page load.
Hi
This is a strange question I know but I would like to modify the
validate options to my form based on a click of a button. For example
my default onload code sets up the .validateI() class with my options
then based on a user clicking a button I want to override the
submitHandler options with some new code.
so in short:
$(document).ready(function(){
$('#form').validate();
});
function changevalidateoptions()
{
//Set my new options here
}
Thanks, Mark
[jQuery] Re: [Validate] Modifying validate options after page load.
Yup that worked after I got the scoping right
$('#myButton').click(function(){
var validator = $(#myForm).validate();
validator.settings.submitHandler = function() {alert('new
submithandler involed');};
});
Thanks Jorn.
Mark
On Mar 6, 12:39 pm, Jörn Zaefferer joern.zaeffe...@googlemail.com
wrote:
Try this:
var validator = $(#myform).validate(...);
$(.button).click(function() {
validator.settings.submitHandler = function() { ... };
});
Jörn
On Fri, Mar 6, 2009 at 1:02 PM, Mark Perry markperr...@googlemail.com wrote:
Hi
This is a strange question I know but I would like to modify the
validate options to my form based on a click of a button. For example
my default onload code sets up the .validateI() class with my options
then based on a user clicking a button I want to override the
submitHandler options with some new code.
so in short:
$(document).ready(function(){
$('#form').validate();
});
function changevalidateoptions()
{
//Set my new options here
}
Thanks, Mark
[jQuery] Re: jQuery.validate not working properly?
Ah, I totally forgot to reply to this. This fixed the problem, thank
you so much!
Mark
On Feb 15, 5:18 am, Jörn Zaefferer joern.zaeffe...@googlemail.com
wrote:
The minLength doesn't exist, its minlength. What happens is that an
error as thrown, and instead of stopping the submit, it just submits.
To debug issues like this, you can set debug:true - it'll then always
prevent a submit, valid or not.
Jörn
On Sun, Feb 15, 2009 at 1:24 AM, Mark mnbaya...@gmail.com wrote:
If I leave all the fields blank, the errors show up as they should.
But if I correctly fill out even just one of them, the form gets
submitted. Why is this happening?
Here's the JS:
script type=text/javascript
$(document).ready(function() {
$(form).validate({
rules: {
email: {
required: true,
email: true
},
fname: {
required: true,
minLength: 2
},
lname: {
required: true,
minLength: 2
},
city: {
required: true,
minLength: 2
},
password1: {
required: true,
minLength: 6
},
password2: {
equalTo: #password1
}
},
messages: {
email: *,
fname: *,
lname: *,
city: *,
password1: *,
password2: *
}
});
});
/script
The page is visible here:http://whitechocolateent.com/register
[jQuery] How to use multiple versions of jQuery
Hi, I've written an article and small bit of support code to aid in the use of multiple versions of jQuery (and possibly other) JS libraries in a page: Docs: https://www.adaptavist.com/display/~mgibson/Using+multiple+versions+of +javascript+libraries Code: http://test3.internal.adaptavist.net/~mgibson/versions/ I'd be interested in feedback on this: * Can you foresee any problems with this technique? * Would it work for any other of the major JS libraries? * Should I put it somewhere on jquery.com? * Would a google.load style version matching algorithm be worthwhile? * Any other suggestions? Regards - Mark Gibson
[jQuery] iterate through form elements, wait for post to finish and continue
I have the following inputs
input type=text id=start_date value=2009-01-01 /br/
input type=text name=a id=a value=3 days class=interval
rel=a_preview/span id=a_preview/spanbr /
input type=text name=b id=b value=3 days class=interval
rel=b_preview/span id=b_preview/spanbr /
input type=text name=c id=c value=3 days class=interval
rel=c_preview/span id=c_preview/spanbr /
input type=button id=assign name=assign /
The idea is that I have a php script that calculates the date by
building upon the values that are passed into it.
So in the (a|b|c)_preview span the expected values would be something
like:
2009-01-04
2009-01-05
2009-01-06
I then tried to do something like the following:
$(document).ready(function(){
$(#assign).click(function() {
$(.interval).each( function() {
// save current
var previewId = $(this).attr(rel);
//alert( previewId );
if( $(# + $(#previousStartDate).val()).val() !
= '' $(# + $(#previousStartDate).val()).val() != null) {
var startDate = $(# + $
(#previousStartDate).val() ).html();
}
else {
var startDate = $(#start_date).val();
}
alert( '0-'+previewId);
$.post(/scripts/admin.course.php?
action=calculateDate, {startDate: startDate, nextDate: $(this).val
()},function(data){
$(# + previewId).html(data);
alert( 'i-'+previewId );
// save what the previous start date field
id is
$(#previousStartDate).val($(this).attr
(rel) );
});
});
})
})
What happens (which from what I read is expected) is that I get all of
the O- alerts and then I get all of the I- alerts. So the dates
aren't built upon each other.
What would be a good way to re-do this function so that it waits for
the previous value before continuing on.
[jQuery] Re: iterate through form elements, wait for post to finish and continue
Actually sorry the values should be: 2009-01-04 2009-01-07 2009-01-10
[jQuery] Re: how to zebra stripe divs?
Great Scott! you are right, it is working now :) Many thanks indeed everyone
you are all legends!, I shall write this up in my blog, thanks again :)
2009/2/17 Ricardo Tomasi ricardob...@gmail.com
The code in your test page still reads $(div:.postSummary
(odd)).addClass(odd), not $(div.postSummary:odd).addClass(odd);
On Feb 17, 12:04 am, mark law m...@digiflip.tv wrote:
Thanks MorningZ :), yes that is the one I'm trying to mimic. odd is
only
declared in:
$(div.postSummary-teaser:odd).addClass(odd);
Where else should it be? I was hoping this code would just add it to
alternate divs with a class of postSummary-teaser
The html is actually:
!-- Entry --
div class=postSummary id=post-125
!-- Post Top Summary --
div class=postSummary-top
h3a href=linktitle/a/h3
pPosted by: a href=link title=View all posts by
class=author-linkauthor name/a in ilabel here/inbsp; on
span class=post-datedate here/span
/p
/div
!-- Post Teaser Text --
div class=postSummary-teaser
html of teaser text goes here
!-- Post Footer --
p class=postSummary-footer
a href=link
class=postSummary-commentslink
to comments/a
a href=link to full article
class=postSummary-readmoreRead More.../a
/p
/div
!-- Post Divider --
hr class=postEntry-divider /
/div
div class=clear/div
then it repeats itself if there are more posts. I now realise I should be
using postSummery not postSummary-teaser, I made the change. I just tried
it
in a static page with nothing else in it just to make sure there are no
conflicts.
It still does not work though:
http://www.digiflipconcepts.com/digiflip-v3/templates/digiflip/test.html
:( ?
2009/2/17 MorningZ morni...@gmail.com
so this is the jQuery you are trying to mimic?
$(tr:nth-child(odd)).addClass(odd);
??
that uses current selector syntax (http://docs.jquery.com/Selectors/
nthChild#index http://docs.jquery.com/Selectors/%0AnthChild#index),
and
would indeed work on
table
tr
tdRow 1/td
/tr
tr
tdRow 2/td
/tr
tr
tdRow 3/td
/tr
tr
tdRow 4/td
/tr
/table
If you had
div class=postSummary-teaserTeaser 1/div
div class=postSummary-teaserTeaser 2/div
div class=postSummary-teaserTeaser 3/div
div class=postSummary-teaserTeaser 4/div
div class=postSummary-teaserTeaser 5/div
then, there's no reason why
$(div.postSummary-teaser:odd).addClass(odd);
wouldn't give zebra stripes (as long as class name odd is declared
somewhere)
On Feb 16, 9:09 pm, mark law m...@digiflip.tv wrote:
I copied it from here:
http://blog.jquery.com/2006/10/18/zebra-table-showdown/andtried
unsuccessfully to modify it for div classes ...
2009/2/17 MorningZ morni...@gmail.com
I'm just curious... where are you getting your syntax from?
div:.postSummary
.postSummary-teaser(odd) ??
there's now where in the documentation (http://docs.jquery.com)
where
that syntax is shown
On Feb 16, 6:31 pm, morktron m...@digiflip.tv wrote:
Hi I'm just wondering whether it is possible to zebra stripe
alternate
divs
with the same class name?
The class name is .postSummary-teaser, I tried this:
script type=text/javascript
window.onload = function(){
$(div:.postSummary-teaser(odd)).addClass(odd);};
/script
but no joy. I'm no Javascript programmer but it was easy to
stripe
alternate
rows with a tutorial on the jQuerey site. There seems to be
nothing
about
using divs?
The page in question is in development here:
http://www.digiflipconcepts.com/digiflip-v3/Rant-and-Rave
Can anyone help? thanks
--
View this message in context:
http://www.nabble.com/how-to-zebra-stripe-divs--tp22048135s27240p2204.
..
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
[jQuery] Append images to div from JSON
I am trying to append images to a div from a json file, but a don't
see the images. They look broken, but the references are ok. What is
wrong here?
body
script type=text/javascript src=http://www.sionvalais.com/v2/js/
jq.js/script
script type=text/javascript
$(document).ready(function(){
$.getJSON(http://www.sionvalais.com/social/json.php;,
function(data){
$.each(data.items, function(i,item){
$(img/).attr(src, item.cam).appendTo(#images);
if ( i == 3 ) return false;
});
});
});
/script
styleimg{ height: 100px; float: left; }
#images {
width:500px;
height:200px;
}
/style
div id=images
/div
[jQuery] Re: how to zebra stripe divs?
Thanks Stephen, I suppose it's usually only doctors who say your colon is
in the wrong place ;), unfortunately it still doesn't work :(, I appreciate
your help though
2009/2/17 aquaone aqua...@gmail.com
your colon is in the wrong place. (how often does one get to say that?)
$(div.postSummary-teaser:odd).addClass(odd);
stephen
On Mon, Feb 16, 2009 at 15:31, morktron m...@digiflip.tv wrote:
Hi I'm just wondering whether it is possible to zebra stripe alternate
divs
with the same class name?
The class name is .postSummary-teaser, I tried this:
script type=text/javascript
window.onload = function(){
$(div:.postSummary-teaser(odd)).addClass(odd);
};
/script
but no joy. I'm no Javascript programmer but it was easy to stripe
alternate
rows with a tutorial on the jQuerey site. There seems to be nothing about
using divs?
The page in question is in development here:
http://www.digiflipconcepts.com/digiflip-v3/Rant-and-Rave
Can anyone help? thanks
--
View this message in context:
http://www.nabble.com/how-to-zebra-stripe-divs--tp22048135s27240p22048135.html
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
[jQuery] Re: how to zebra stripe divs?
I copied it from here:
http://blog.jquery.com/2006/10/18/zebra-table-showdown/ and tried
unsuccessfully to modify it for div classes ...
2009/2/17 MorningZ morni...@gmail.com
I'm just curious... where are you getting your syntax from?
div:.postSummary
.postSummary-teaser(odd) ??
there's now where in the documentation (http://docs.jquery.com) where
that syntax is shown
On Feb 16, 6:31 pm, morktron m...@digiflip.tv wrote:
Hi I'm just wondering whether it is possible to zebra stripe alternate
divs
with the same class name?
The class name is .postSummary-teaser, I tried this:
script type=text/javascript
window.onload = function(){
$(div:.postSummary-teaser(odd)).addClass(odd);};
/script
but no joy. I'm no Javascript programmer but it was easy to stripe
alternate
rows with a tutorial on the jQuerey site. There seems to be nothing about
using divs?
The page in question is in development here:
http://www.digiflipconcepts.com/digiflip-v3/Rant-and-Rave
Can anyone help? thanks
--
View this message in context:
http://www.nabble.com/how-to-zebra-stripe-divs--tp22048135s27240p2204...
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
[jQuery] Re: how to zebra stripe divs?
Thanks MorningZ :), yes that is the one I'm trying to mimic. odd is only
declared in:
$(div.postSummary-teaser:odd).addClass(odd);
Where else should it be? I was hoping this code would just add it to
alternate divs with a class of postSummary-teaser
The html is actually:
!-- Entry --
div class=postSummary id=post-125
!-- Post Top Summary --
div class=postSummary-top
h3a href=linktitle/a/h3
pPosted by: a href=link title=View all posts by
class=author-linkauthor name/a in ilabel here/inbsp; on
span class=post-datedate here/span
/p
/div
!-- Post Teaser Text --
div class=postSummary-teaser
html of teaser text goes here
!-- Post Footer --
p class=postSummary-footer
a href=link class=postSummary-commentslink
to comments/a
a href=link to full article
class=postSummary-readmoreRead More.../a
/p
/div
!-- Post Divider --
hr class=postEntry-divider /
/div
div class=clear/div
then it repeats itself if there are more posts. I now realise I should be
using postSummery not postSummary-teaser, I made the change. I just tried it
in a static page with nothing else in it just to make sure there are no
conflicts.
It still does not work though:
http://www.digiflipconcepts.com/digiflip-v3/templates/digiflip/test.html
:( ?
2009/2/17 MorningZ morni...@gmail.com
so this is the jQuery you are trying to mimic?
$(tr:nth-child(odd)).addClass(odd);
??
that uses current selector syntax (http://docs.jquery.com/Selectors/
nthChild#index http://docs.jquery.com/Selectors/%0AnthChild#index), and
would indeed work on
table
tr
tdRow 1/td
/tr
tr
tdRow 2/td
/tr
tr
tdRow 3/td
/tr
tr
tdRow 4/td
/tr
/table
If you had
div class=postSummary-teaserTeaser 1/div
div class=postSummary-teaserTeaser 2/div
div class=postSummary-teaserTeaser 3/div
div class=postSummary-teaserTeaser 4/div
div class=postSummary-teaserTeaser 5/div
then, there's no reason why
$(div.postSummary-teaser:odd).addClass(odd);
wouldn't give zebra stripes (as long as class name odd is declared
somewhere)
On Feb 16, 9:09 pm, mark law m...@digiflip.tv wrote:
I copied it from here:
http://blog.jquery.com/2006/10/18/zebra-table-showdown/and tried
unsuccessfully to modify it for div classes ...
2009/2/17 MorningZ morni...@gmail.com
I'm just curious... where are you getting your syntax from?
div:.postSummary
.postSummary-teaser(odd) ??
there's now where in the documentation (http://docs.jquery.com) where
that syntax is shown
On Feb 16, 6:31 pm, morktron m...@digiflip.tv wrote:
Hi I'm just wondering whether it is possible to zebra stripe
alternate
divs
with the same class name?
The class name is .postSummary-teaser, I tried this:
script type=text/javascript
window.onload = function(){
$(div:.postSummary-teaser(odd)).addClass(odd);};
/script
but no joy. I'm no Javascript programmer but it was easy to stripe
alternate
rows with a tutorial on the jQuerey site. There seems to be nothing
about
using divs?
The page in question is in development here:
http://www.digiflipconcepts.com/digiflip-v3/Rant-and-Rave
Can anyone help? thanks
--
View this message in context:
http://www.nabble.com/how-to-zebra-stripe-divs--tp22048135s27240p2204.
..
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
[jQuery] jQuery.validate not working properly?
If I leave all the fields blank, the errors show up as they should.
But if I correctly fill out even just one of them, the form gets
submitted. Why is this happening?
Here's the JS:
script type=text/javascript
$(document).ready(function() {
$(form).validate({
rules: {
email: {
required: true,
email: true
},
fname: {
required: true,
minLength: 2
},
lname: {
required: true,
minLength: 2
},
city: {
required: true,
minLength: 2
},
password1: {
required: true,
minLength: 6
},
password2: {
equalTo: #password1
}
},
messages: {
email: *,
fname: *,
lname: *,
city: *,
password1: *,
password2: *
}
});
});
/script
The page is visible here: http://whitechocolateent.com/register
[jQuery] Re: Prepended row, slide-in, showing only first cell
Thanks I'll give that a shot!
On Feb 12, 11:35 pm, mkmanning michaell...@gmail.com wrote:
That should read ..first-child of its parent,.. in the first
sentence
On Feb 12, 11:33 pm, mkmanning michaell...@gmail.com wrote:
Actually, Mark's use of 'first-child' is correct. ':first-child' is
used to indicate the the element is the first-child its parent, not
the parent element's first-child. The tr has a class of .ajax, and
since it's prepended to the tbody, it is the first-child of the tbody,
so the correct selector to get it would in fact be '.ajax:first-
child'; you could also use '#recent_activity tbody tr:first-child'
which means the same thing.
The problem you're having with the display once you call the slideDown
() and fadeIn() functions is that they apply a style of
'display:block' to the table row, which results in the td not spanning
other table cells like you'd expect. You need to put a div inside the
td and use the slideDown() and fadeIn() functions on that.
If you want a very 'jQuery' chaining approach, try this:
$('div').css('display','none').text('Testing this func').appendTo($
('td').attr('colspan','7').appendTo($('tr').prependTo
('#recent_activity tbody'))).slideDown('slow').fadeIn('slow');
On Feb 12, 6:51 pm, James james.gp@gmail.com wrote:
That's probably because you're using the first-child of the tr,
which is just the first td.
Maybe you intended to do:
$(.ajax).slideDown('slow')
?
I'm not sure of its effects for a tr though compared to a div.
On Feb 12, 4:43 pm, Mark Steudel msteu...@gmail.com wrote:
I have a table that is setup with a tbody tag.
If I run the following:
$(#recent_activity tbody).prepend( 'tr class=ajaxtd
colspan=7Testing this func/td/tr' );
I get a new row spanning 7 columns
If I prepend this:
$(#recent_activity tbody).prepend( 'tr style=display:none
class=ajaxtd colspan=7Testing this func/td/tr' );
Then try to show it, with something like:
$(.ajax:first-child).slideDown('slow').fadeIn('slow');
I only get the first cell showing up. Why does this happen?
[jQuery] Re: Prepended row, slide-in, showing only first cell
Follow up question, if I instead wanted to use multiple table cells
instead of one big colspan, is there a way to do this same sort of
thing without a div?
On Feb 12, 11:35 pm, mkmanning michaell...@gmail.com wrote:
That should read ..first-child of its parent,.. in the first
sentence
On Feb 12, 11:33 pm, mkmanning michaell...@gmail.com wrote:
Actually, Mark's use of 'first-child' is correct. ':first-child' is
used to indicate the the element is the first-child its parent, not
the parent element's first-child. The tr has a class of .ajax, and
since it's prepended to the tbody, it is the first-child of the tbody,
so the correct selector to get it would in fact be '.ajax:first-
child'; you could also use '#recent_activity tbody tr:first-child'
which means the same thing.
The problem you're having with the display once you call the slideDown
() and fadeIn() functions is that they apply a style of
'display:block' to the table row, which results in the td not spanning
other table cells like you'd expect. You need to put a div inside the
td and use the slideDown() and fadeIn() functions on that.
If you want a very 'jQuery' chaining approach, try this:
$('div').css('display','none').text('Testing this func').appendTo($
('td').attr('colspan','7').appendTo($('tr').prependTo
('#recent_activity tbody'))).slideDown('slow').fadeIn('slow');
On Feb 12, 6:51 pm, James james.gp@gmail.com wrote:
That's probably because you're using the first-child of the tr,
which is just the first td.
Maybe you intended to do:
$(.ajax).slideDown('slow')
?
I'm not sure of its effects for a tr though compared to a div.
On Feb 12, 4:43 pm, Mark Steudel msteu...@gmail.com wrote:
I have a table that is setup with a tbody tag.
If I run the following:
$(#recent_activity tbody).prepend( 'tr class=ajaxtd
colspan=7Testing this func/td/tr' );
I get a new row spanning 7 columns
If I prepend this:
$(#recent_activity tbody).prepend( 'tr style=display:none
class=ajaxtd colspan=7Testing this func/td/tr' );
Then try to show it, with something like:
$(.ajax:first-child).slideDown('slow').fadeIn('slow');
I only get the first cell showing up. Why does this happen?
[jQuery] Re: Getting data from the corresponding column. (HTML Table with thead and tbody section.)
To make this example more readable, and to better convey my goal, I've
restructured the CSS and HTML. Only the green area is click able (as
it should be, the red area does not have a bound click even for a
reason). When I click any part of the green area, I would like to get
the value from the table head from the blue area in the corresponding
column.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
titleExample Table/title
style
table, thead, tbody, tfoot, tr, th, td {
border-collapse: collapse; border: 1px
SOLID;
padding: 10px 10px 10px 10px;
font: 12px Arial;
}
thead th {background: #FAA;} thead td {background:
#AAF;}
tbody th {background: #FCC;} tbody td {background:
#CFC;}
tbody tr.odd th {background: #FAA;} tbody tr.odd td
{background: #AFA;}
/style
script
src=http://jqueryjs.googlecode.com/files/jquery-1.3.1.min.js;
type=text/javascript/script
script type=text/javascript
$(document).ready(function() {
$(tbody td).click(function(e) {
var innerHTML =
$(this).get(0).innerHTML;
alert(innerHTML);
});
$(tbody tr:odd).addClass('odd');
});
/script
/head
body
table
thead
trthtHead-1A/thtdtHead-1B/tdtdtHead-1C/tdtdtHead-1D/td/tr
/thead
tbody
trthtBody-1A/thtdtBody-1B/tdtdtBody-1C/tdtdtBody-1D/td/tr
trthtBody-2A/thtdtBody-2B/tdtdtBody-2C/tdtdtBody-2D/td/tr
trthtBody-3A/thtdtBody-3B/tdtdtBody-3C/tdtdtBody-3D/td/tr
trthtBody-4A/thtdtBody-4B/tdtdtBody-4C/tdtdtBody-4D/td/tr
/tbody
/table
/body
/html
Title: Example Table
tHead-1AtHead-1BtHead-1CtHead-1D
tBody-1AtBody-1BtBody-1CtBody-1D
tBody-2AtBody-2BtBody-2CtBody-2D
tBody-3AtBody-3BtBody-3CtBody-3D
tBody-4AtBody-4BtBody-4CtBody-4D
[jQuery] Get contents of first child tr, td with class
I have a table like so:
table id=recent_activity
thead
tr
tht1/th
tht2/th
/tr
/thead
tbody
tr
tdvalue/td
td class=date2008-09-01/td --- want this content
/tr
tr
tdvalue/td
td class=date2008-09-01/td
/tr
/tbody
/table
And I want to try and get the first td with class date, I've tried the
following and I get close, but I think I'm just missing something
easy:
$('#recent_activity tbody:first-child .activity_date').val(); --
returns undefined
or
$('#recent_activity tbody:first-child .activity_date').html(); --
returns null
Thoughts? Better way?
Thanks
[jQuery] Re: Get contents of first child tr, td with class
Thanks, though that didn't work for me, though it could be more my
page doesn't match my example totally. Though I did just come up with
this, and this seems to work:
$('.activity_date:first').html() ;
On Feb 12, 11:21 am, James james.gp@gmail.com wrote:
$(#recent_activity tbody tr td.date:first).text();
On Feb 12, 9:13 am, Mark Steudel msteu...@gmail.com wrote:
I have a table like so:
table id=recent_activity
thead
tr
tht1/th
tht2/th
/tr
/thead
tbody
tr
tdvalue/td
td class=date2008-09-01/td --- want this content
/tr
tr
tdvalue/td
td class=date2008-09-01/td
/tr
/tbody
/table
And I want to try and get the first td with class date, I've tried the
following and I get close, but I think I'm just missing something
easy:
$('#recent_activity tbody:first-child .activity_date').val(); --
returns undefined
or
$('#recent_activity tbody:first-child .activity_date').html(); --
returns null
Thoughts? Better way?
Thanks
[jQuery] [validate] at least one of four fields
I have a form with four text fields where one must be completed - then each has their own validation rules (so if a field is not blank it must validate, but it can be blank as long as at least one other is completed). How can I code this using the validate plugin?
[jQuery] Prepended row, slide-in, showing only first cell
I have a table that is setup with a tbody tag.
If I run the following:
$(#recent_activity tbody).prepend( 'tr class=ajaxtd
colspan=7Testing this func/td/tr' );
I get a new row spanning 7 columns
If I prepend this:
$(#recent_activity tbody).prepend( 'tr style=display:none
class=ajaxtd colspan=7Testing this func/td/tr' );
Then try to show it, with something like:
$(.ajax:first-child).slideDown('slow').fadeIn('slow');
I only get the first cell showing up. Why does this happen?
[jQuery] Jquery seems to be sending two requests the first few times. . .
I have been tracing this one down for two days.
Has anyone else ever seen jquery making multiple request for a single
call?
Here is the call:
$(#configure_blocks).load(
config_templates/+config_template
+.html, { bust: new Date() }, function( data ){
var theform =
document.getElementById(basic_properties);
theform.reset();
});
Here are the lines from my apache2 log:
10.0.1.12 - - [09/Feb/2009:11:41:21 -0800] POST /config_templates/
led.html HTTP/1.1 200 3035 http://10.0.1.190/; Mozilla/5.0
(Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9) Gecko/2008061712
Firefox/3.0
10.0.1.12 - - [09/Feb/2009:11:41:21 -0800] GET /config_templates/
led.html HTTP/1.1 200 3035 - Mozilla/5.0 (Macintosh; U; Intel Mac
OS X 10.5; en-US; rv:1.9) Gecko/2008061712 Firefox/3.0
This has been driving me mad as I can't get a handle on why this is
happening.
As well, is it ok to make a second ajax call in the completion block
of a previous ajax call?
$(#configure_blocks).load(
config_templates/+config_template
+.html, { bust: new Date() }, function( data ){
var theform =
document.getElementById(basic_properties);
theform.reset();
$.get(/cgi-bin/socket.cgi, { socket:'led',
command:off, plain:
1 }, function( json ){
alert( dump( json );
}, json );
});
Thanks,
ml
[jQuery] Re: Using $_POST to transmit large key/pair
Thanks, Beres. I am reading this order_message from a DIV. How do I 'POST' it? By using form? Also, to url encode... do I use escape()? On Jan 30, 3:08 am, Beres Botond boton...@gmail.com wrote: You want to use POST, but you are sending your data as GET (without url encoding). So I'm pretty sure it cuts before #, because # is a non-alphanumeric character and you haven't urlencoded your data. Data in URL = GET, not POST, even if you are using $.post . http://docs.jquery.com/Post So either urlencode your data before putting it in the request or send it as POST. Also I'm not sure how it worked for you on server-side, if you were expecting $_POST... I assume you were expecting $_REQUEST instead, which is not a good idea in my opinion. On Jan 30, 8:08 am, Mark Livingstone namematters...@msn.com wrote: I have the following code: $.post(order_send_email.php?order_message='+order_message) my 'order_message' is: 'Dear '+data['salutation']+ +data['first_name']+ +data['last_name'] +', \n\nThis is to inform you that your order #'+key+ and payment in the amount of...'; When using $.POST... the message gets cut before #. Is there a limit on how much cam be transmitted or am I doing something wrong? Thanks.- Hide quoted text - - Show quoted text -
[jQuery] Re: Using $_POST to transmit large key/pair
ah, I thought that { key : pair } was just a replacement for
key=pair...
On Jan 30, 2:25 pm, Beres Botond boton...@gmail.com wrote:
As shown in the docs (link I gave you), it should work
$.post(order_send_email.php,
{order_message : order_message}, // {key : variable}
function(data)
{
alert(data);
// do something
});
On Jan 30, 4:03 pm, Mark Livingstone namematters...@msn.com wrote:
Thanks, Beres.
I am reading this order_message from a DIV. How do I 'POST' it? By
using form?
Also, to url encode... do I use escape()?
On Jan 30, 3:08 am, Beres Botond boton...@gmail.com wrote:
You want to use POST, but you are sending your data as GET (without
url encoding).
So I'm pretty sure it cuts before #, because # is a non-alphanumeric
character and you haven't urlencoded your data.
Data in URL = GET, not POST, even if you are using $.post .
http://docs.jquery.com/Post
So either urlencode your data before putting it in the request or send
it as POST.
Also I'm not sure how it worked for you on server-side, if you were
expecting $_POST... I assume you were expecting
$_REQUEST instead, which is not a good idea in my opinion.
On Jan 30, 8:08 am, Mark Livingstone namematters...@msn.com wrote:
I have the following code:
$.post(order_send_email.php?order_message='+order_message)
my 'order_message' is:
'Dear '+data['salutation']+ +data['first_name']+ +data['last_name']
+', \n\nThis is to inform you that your order #'+key+ and payment in
the amount of...';
When using $.POST... the message gets cut before #. Is there a limit
on how much cam be transmitted or am I doing something wrong?
Thanks.- Hide quoted text -
- Show quoted text -- Hide quoted text -
- Show quoted text -
[jQuery] Using $_POST to transmit large key/pair
I have the following code: $.post(order_send_email.php?order_message='+order_message) my 'order_message' is: 'Dear '+data['salutation']+ +data['first_name']+ +data['last_name'] +', \n\nThis is to inform you that your order #'+key+ and payment in the amount of...'; When using $.POST... the message gets cut before #. Is there a limit on how much cam be transmitted or am I doing something wrong? Thanks.
[jQuery] Re: New link being ignored by jQuery
Hi Rick, Thanks for your response. I've got it working now. I used the LiveQuery plugin that you recommended. It took a few attempts but I've finally managed to get it working! Thanks again. Saved me a *lot* of time! Mark On Jan 19, 9:44 pm, Rick Faircloth r...@whitestonemedia.com wrote: Hi, Mark... Check into the LiveQuery plug-in and use it on your .click element. (see the instructions at the plug-in site). You can also use .live function built into jQuery 1.3, if you're using that. But I understand the .live function has some limitations that the LiveQuery doesn't have. hth, Rick -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of Mark MacInnes Sent: Monday, January 19, 2009 1:14 PM To: jQuery (English) Subject: [jQuery] New link being ignored by jQuery I'm using jQuery to perform some ajax when a link with a certain id is clicked on. The ajax updates a database record and then it replaces the 'a' tag with a new one. This all works fine. The new 'a' tag has the same id as the old one, but text and some other properties on it change. It's the id that activates the jQuery functionality. When the old 'a' tag is replaced with the new one the jQuery that should operate doesn't work. I understand that this is because the new 'a' tag has been added after the page loaded so jQuery doesn't know to fire when it's clicked on. Is there anything I can do that will force jQuery to fire when the new 'a' tag is clicked? I suspect this has probably been answered a million times, but I don't just can't find the right search terms.
[jQuery] New link being ignored by jQuery
I'm using jQuery to perform some ajax when a link with a certain id is clicked on. The ajax updates a database record and then it replaces the 'a' tag with a new one. This all works fine. The new 'a' tag has the same id as the old one, but text and some other properties on it change. It's the id that activates the jQuery functionality. When the old 'a' tag is replaced with the new one the jQuery that should operate doesn't work. I understand that this is because the new 'a' tag has been added after the page loaded so jQuery doesn't know to fire when it's clicked on. Is there anything I can do that will force jQuery to fire when the new 'a' tag is clicked? I suspect this has probably been answered a million times, but I don't just can't find the right search terms.
[jQuery] Alternative stylesheet for jQuery.com
Any chance of getting an alternative stylesheet added to jquery.com?
I've got a small 1024x600 display, and the heading of jquery.com, nice
as it is, takes up a lot of space. I'd just like to suggest adding the
following as an alternative (using link rel=alternate
stylesheet ...) for folk with vertically impaired screens:
#jq-secondaryNavigation { margin-top: 4px; }
#jq-secondaryNavigation ul, #jq-footerNavigation ul { width: auto; }
#jq-siteLogo { top: 14px; }
#jq-header { height: 80px; }
body#jq-interior #jq-header { height:102px; }
#jq-content { padding-top: 1em; }
#jq-header h1, #jq-primarySearchForm { bottom: 4px; }
At the minute I use greasemonkey to add this, but I thought others may
benefit too.
Regards
- Mark Gibson
[jQuery] Re: Alternative stylesheet for jQuery.com
Ah, fantastic, works much better than Greasemonkey, thanks for the link. The only trouble with FF Add-ons is there are so many of them! On Jan 15, 11:52 am, Liam Potter radioactiv...@gmail.com wrote: you should give stylish a try to do client side CSS changes rather then greasemonkey.https://addons.mozilla.org/en-US/firefox/addon/2108 Mark Gibson wrote: Any chance of getting an alternative stylesheet added to jquery.com? I've got a small 1024x600 display, and the heading of jquery.com, nice as it is, takes up a lot of space. I'd just like to suggest adding the following as an alternative (using link rel=alternate stylesheet ...) for folk with vertically impaired screens: At the minute I use greasemonkey to add this, but I thought others may benefit too. Regards - Mark Gibson
[jQuery] stock price ticker plugin?
hi guys, i am looking for a stock price ticker plugin, that will change color of the price green or red, and also change in real time. do you guys know any plugins or any other suggestions for this? thanks
[jQuery] malformed url with getJSON
I am using the following code to access the Yahoo Music API:
$.getJSON(http://us.music.yahooapis.com/artist/v1/list/
published/popular?
response=mainappid=myappidformat=jsoncallback=?,function(json)
{alert(json);});
and it generates the following url:
http://us.music.yahooapis.com/artist/v1/list/published/popular?response=mainappid=PISzAQ7V34Ee2_9eTnc28ZWc6Yn1aApPCr4_8lzDyRNqTzDeZjAtjNY2k4JgSqM-format=jsoncallback=jsonp1230228631768_=1230228631798
The last parameter (_=1230228631798) is created by jquery and the
Yahoo service flags it as a bad parameter.
The same occurs with the flickr example, but it seems that the Flickr
services just ignores it.
I have tried the url on a script tag so I'm sure it works. I wonder if
jquery converts the first and second '?' to callback functions and
that is why that extra parameter is created.
Is there someway to prevent jQuery from creating that extra parameter,
or is this a bug?
Thanks in advance for any help.
Mark
[jQuery] Re: getJSON invalid label
jrutter,
I am having a similar issue with the Yahoo music api. In my case
jQuery is replacing the url:
http://us.music.yahooapis.com/artist/v1/list/published/popular?response=mainappid=myappidformat=jsoncallback=?
with
http://us.music.yahooapis.com/artist/v1/list/published/popular?response=mainappid=myappidformat=jsoncallback=jsonp1230228631768_=1230228631798
As you can see jquery replaced the last ? with jsonp1230228631768
(ok), but it also adds _=1230228631798 (not ok) to the end. This last
part is what Yahoo is flagging as a bad parameter. Some services, such
as Flickr, simply ignore that last parameter.
You may want to check if that is the same issue you are having, but
unfortunately I don't know how to fix it...
On Dec 11, 9:28 am, jrutter jake.rut...@gmail.com wrote:
What am I doing wrong? Im able to submit the request and get a
response, but in Firebug it says invalid label and the alert doesnt
show up.
here is my code:
$(form).submit(function() {
$.getJSON(http://api.nytimes.com/svc/movies/v2/reviews/
search.json?api-
key=c82338627fba39e9bcb953728fe445a2:15:57546791callback=?, {query :
$('#query').val()}, function(data){
alert(data);
});
return false;
});
