[jQuery] ajaxform validation submission probs
Hi To All,
I am trying to get the jquery ajaxform plugin to work with the
validate plugin and I cannot seem to get submission right! It will
not stop the submission process no matter what I do. :(
Here is my test code...any help much appreciated. Thanks Lance
$.validator.setDefaults({
submitHandler: function() { alert(submitted!); }
});
$().ready(function() {
// validate signup form on keyup and submit
$(#formaaa).validate({
rules: {
username: {
required: true,
minlength: 2},
},
messages: {
username: {
required: Please enter a username,
minlength: Your username must consist of at
least 2 characters
},
}
});
});
var FormID;
$(document).ready(function () {
//Bind the mouseover function to the form element
$(form).bind(mouseenter mouseleave, function(e){
FormID=(this.id);
// bind form using ajaxForm
$('#'+FormID).ajaxForm({
// target identifies the element(s) to update with the server
response
target: '#htmlExampleTarget'+FormID,
url: 'html-echo.php',
// success identifies the function to invoke when the server
response
// has been received; here we apply a fade-in effect to the
new content
success: function() {
$('#htmlExampleTarget'+FormID).fadeIn('slow');
}
});
});
});
/script
style
p { background:yellow; font-weight:bold; cursor:pointer;
padding:5px; }
p.over { background: #ccc; }
span { color:red; }
/style
/head
body
form id=formaaa class= action= method=post onSubmit=return
false;
Message: input type=text name=username value=
id=username class=required minlength=10 /
input type=submit value=Echo as HTML /
/form
h3htmlExampleTarget (output will be added below):/h3
div id=htmlExampleTargetformaaa/div
/body
/html
[jQuery] Re: ajaxform validation submission probs
Check this example:
http://jquery.bassistance.de/validate/demo/ajaxSubmit-intergration-demo.html
Use ajaxSubmit instead of ajaxForm and put that into the submitHandler.
Jörn
On Tue, Nov 11, 2008 at 9:19 AM, lance123 [EMAIL PROTECTED] wrote:
Hi To All,
I am trying to get the jquery ajaxform plugin to work with the
validate plugin and I cannot seem to get submission right! It will
not stop the submission process no matter what I do. :(
Here is my test code...any help much appreciated. Thanks Lance
$.validator.setDefaults({
submitHandler: function() { alert(submitted!); }
});
$().ready(function() {
// validate signup form on keyup and submit
$(#formaaa).validate({
rules: {
username: {
required: true,
minlength: 2},
},
messages: {
username: {
required: Please enter a username,
minlength: Your username must consist of at
least 2 characters
},
}
});
});
var FormID;
$(document).ready(function () {
//Bind the mouseover function to the form element
$(form).bind(mouseenter mouseleave, function(e){
FormID=(this.id);
// bind form using ajaxForm
$('#'+FormID).ajaxForm({
// target identifies the element(s) to update with the server
response
target: '#htmlExampleTarget'+FormID,
url: 'html-echo.php',
// success identifies the function to invoke when the server
response
// has been received; here we apply a fade-in effect to the
new content
success: function() {
$('#htmlExampleTarget'+FormID).fadeIn('slow');
}
});
});
});
/script
style
p { background:yellow; font-weight:bold; cursor:pointer;
padding:5px; }
p.over { background: #ccc; }
span { color:red; }
/style
/head
body
form id=formaaa class= action= method=post onSubmit=return
false;
Message: input type=text name=username value=
id=username class=required minlength=10 /
input type=submit value=Echo as HTML /
/form
h3htmlExampleTarget (output will be added below):/h3
div id=htmlExampleTargetformaaa/div
/body
/html
[jQuery] Re: ajaxform validation submission probs
Thanks Jorn,
I will give that a go :)
Lance
On Nov 11, 7:24 pm, Jörn Zaefferer [EMAIL PROTECTED]
wrote:
Check this
example:http://jquery.bassistance.de/validate/demo/ajaxSubmit-intergration-de...
Use ajaxSubmit instead of ajaxForm and put that into the submitHandler.
Jörn
On Tue, Nov 11, 2008 at 9:19 AM, lance123 [EMAIL PROTECTED] wrote:
Hi To All,
I am trying to get the jquery ajaxform plugin to work with the
validate plugin and I cannot seem to get submission right! It will
not stop the submission process no matter what I do. :(
Here is my test code...any help much appreciated. Thanks Lance
$.validator.setDefaults({
submitHandler: function() { alert(submitted!); }
});
$().ready(function() {
// validate signup form on keyup and submit
$(#formaaa).validate({
rules: {
username: {
required: true,
minlength: 2 },
},
messages: {
username: {
required: Please enter a username,
minlength: Your username must consist of at
least 2 characters
},
}
});
});
var FormID;
$(document).ready(function () {
//Bind the mouseover function to the form element
$(form).bind(mouseenter mouseleave, function(e){
FormID=(this.id);
// bind form using ajaxForm
$('#'+FormID).ajaxForm({
// target identifies the element(s) to update with the server
response
target: '#htmlExampleTarget'+FormID,
url: 'html-echo.php',
// success identifies the function to invoke when the server
response
// has been received; here we apply a fade-in effect to the
new content
success: function() {
$('#htmlExampleTarget'+FormID).fadeIn('slow');
}
});
});
});
/script
style
p { background:yellow; font-weight:bold; cursor:pointer;
padding:5px; }
p.over { background: #ccc; }
span { color:red; }
/style
/head
body
form id=formaaa class= action= method=post onSubmit=return
false;
Message: input type=text name=username value=
id=username class=required minlength=10 /
input type=submit value=Echo as HTML /
/form
h3htmlExampleTarget (output will be added below):/h3
div id=htmlExampleTargetformaaa/div
/body
/html
[jQuery] [ showcase ] lisapram.com - interactive barcode
Friends, That's it, i digested your comments, and now the website is launched. Thank you to john and every one of the jquery team for making such a great library. Special thanks to the jquery community for providing me with such useful feedback ! the website: http://lisapram.com/ my blog post (if you want to know more about the ideas behind): http://www.pixeline.be/blog/2008/new-website-lisa-pram/ Thanks Alexandre
[jQuery] jQuery timing out on page load
Hi, I've got jQuery loading by default on my site. The library is only used on some pages in my site, however when I load a page that isn't using jquery (but still loading the file in the html header) Firefox pops up with a warning that jquery is timing out. Any suggestions? Cheers
[jQuery] 3D Carousel
can anyone help me with 3D Carousel? have anyone make the horizontal to vertical? if it is, please tell me how is it to be done? please help me... thank you
[jQuery] Radio Buttons - checking a option by value.
I'm trying to work out how to a check a radio button of a particular
group based on it's value.
Here's the html
input type=radio value=2 name=gender/Female
input type=radio value=1 name=gender/Male
input type=radio value=0 name=gender/Not Specified
// My current code.
$(document).ready(function(){
$(input[name='gender']??).attr('checked', true);
});
I know the value I want to set for the group, but not sure how to
access this in jquery, hence the question marks.
[jQuery] .get question related to external variables
Hello list, im trying to perform a very (not that easy to me it seems) easy
task.
Receive 2 variables from an onclick event, then animate, then execute a .get
action.
my code looks like this.
.
script type=text/javascript
function getVars (str1,str2) {
var tc_id = str1;
var c_id = str2;
$(document).ready(function(){
$(.del).click(function(){
$(this).parents(.tags).animate({ opacity: 'hide' },
slow).addClass(removed);
$.get('tareas.php', {
a: 'u',
t: 'rtc',
tcid: tc_id,
cid: c_id
});
});
});
};
/script
.
?php
while ( $array = mysql_fetch_array ( $res, MYSQL_ASSOC ) ) {
?
div id=tags class=tags ../iconos/delete_16.png ','?php echo $id;
?') /nbsp;?php
echo $array ['palabra_tagcloud'];
?/div
?php
}
?
which indeed, doesn't work.
The concept is very basic, there is an image, which contains the onClick
event, it should get 2 variables (number both), which should be passed to
the .get call on the jquery code to execute an action, immediately after
animating (disappearing) the whole container for the image and text.
I need this, because the script is supposed to update a record on a
database table, but i don't want the page to reload, so the person can keep
working on whatever he is doing on the page.
--
View this message in context:
http://www.nabble.com/.get-question-related-to-external-variables-tp20433804s27240p20433804.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] onmouseclick get class
Hi,
I've this html section:
div id=chess-board
div class=chess-board
div id=chess-board_piece_1 class=r style=position:
absolute; top: 301px; left: 301px;/
div id=chess-board_piece_2 class=n style=position:
absolute; top: 301px; left: 258px;/
div id=chess-board_piece_3 class=b style=position:
absolute; top: 301px; left: 215px;/
/div
/div
I need of a jquery function for get the class (r, n,b), of each
.chess-board div when I click on it.
I've try this:
jQuery(document).ready(function(){
$(.chess-board div).click(function() {
test = $(.chess-board div).attr(class);
alert(test);
});
});
Any help?
Alfredo
[jQuery] How to do anything after animate finished
Hi everybody
This my testing gallery slider, it will count image's amount, and
prevent it not to outside the wrapper, but I got one problem, if user
click button after the animation finished, it's done well, but if user
click too fast, the js will not catch the left property in time
correctly, how to fix the bug?
CSS
style type=text/css
!--
body { font-size: 12px; }
#wrapper
{
height: 50px;
width: 50px;
overflow: hidden;
position: relative;
border:1px #FF solid;
}
ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
position: absolute;
white-space:nowrap;
}
li
{
display:inline;
margin:0 -3px 0 0;
width:50px;
height:50px;
overflow:hidden;
}
--
/style
HTML
div id=wrapper
ul
liimg src=1.jpg border=0 //li
liimg src=2.jpg border=0 //li
liimg src=3.jpg border=0 //li
/ul
/div
input type=button name=left id=left value=left /
input type=button name=right id=right value=right /
JavaScript
script language=javascript
!--
$(document).ready(function()
{
var wrapper = $('#wrapper');
var ul = $('ul',wrapper);
var itemsWidth = $('li',ul).outerWidth();
var itemsLen = $('li',ul).size();
var maxMove = (itemsLen - 1) * itemsWidth;
var minMove = 0;
var right = $('#right');
var left = $('#left');
right.click(function()
{
if(ul.css('left') != (maxMove * -1) + 'px')
{
ul.animate({left:'-=50px'});
}
});
left.click(function()
{
if(ul.css('left') != minMove + 'px')
{
ul.animate({left:'+=50px'});
}
});
});
//--
/script
[jQuery] Re: window.close() in jQuery
depends how the pop up was initiated and type of pop up. more details please. Debby wrote: Hello, can anyone explain how to close popup window programmatically in jQuery? Thanks in advance.
[jQuery] document Ready function in the Ajax Response
Hi, I have an issue with document.ready. I have a page which will make an ajax call. The response on the ajax call contains script which contains document.ready. The content in document.ready is getting executed successfully in ie7 but not in ff3. Please tell how to solve this in FF.
[jQuery] Re: window.close() in jQuery
Give me the general way. I am opening a popup using window.open(). But while closing window in popup window.close() not working properly in IE mozilla. So is their any jQuery solution for this. On Tue, Nov 11, 2008 at 4:28 PM, Liam Potter [EMAIL PROTECTED]wrote: depends how the pop up was initiated and type of pop up. more details please. Debby wrote: Hello, can anyone explain how to close popup window programmatically in jQuery? Thanks in advance.
[jQuery] Re: How to do anything after animate finished
activate the button in a callback function after the animate
var isClickable = true;
right.click(function()
{
if(ul.css('left') != (maxMove * -1) + 'px'
isClickable)
{
isClickable = false;
ul.animate({left:'-=50px'},function(){
isClickable = true;
});
}
});
On Tue, Nov 11, 2008 at 11:06 AM, David .Wu [EMAIL PROTECTED] wrote:
Hi everybody
This my testing gallery slider, it will count image's amount, and
prevent it not to outside the wrapper, but I got one problem, if user
click button after the animation finished, it's done well, but if user
click too fast, the js will not catch the left property in time
correctly, how to fix the bug?
CSS
style type=text/css
!--
body { font-size: 12px; }
#wrapper
{
height: 50px;
width: 50px;
overflow: hidden;
position: relative;
border:1px #FF solid;
}
ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
position: absolute;
white-space:nowrap;
}
li
{
display:inline;
margin:0 -3px 0 0;
width:50px;
height:50px;
overflow:hidden;
}
--
/style
HTML
div id=wrapper
ul
liimg src=1.jpg border=0 //li
liimg src=2.jpg border=0 //li
liimg src=3.jpg border=0 //li
/ul
/div
input type=button name=left id=left value=left /
input type=button name=right id=right value=right /
JavaScript
script language=javascript
!--
$(document).ready(function()
{
var wrapper = $('#wrapper');
var ul = $('ul',wrapper);
var itemsWidth = $('li',ul).outerWidth();
var itemsLen = $('li',ul).size();
var maxMove = (itemsLen - 1) * itemsWidth;
var minMove = 0;
var right = $('#right');
var left = $('#left');
right.click(function()
{
if(ul.css('left') != (maxMove * -1) + 'px')
{
ul.animate({left:'-=50px'});
}
});
left.click(function()
{
if(ul.css('left') != minMove + 'px')
{
ul.animate({left:'+=50px'});
}
});
});
//--
/script
[jQuery] [validate] Password validation works in FF3 but not in IE6
Thanks for a great validation plugin!
Writing my first custom validation:
script
$(document).ready(function(){
jQuery.validator.addMethod(adminPwd, function(value,
element) {
return this.optional(element) || /^(?=.*\d)(?=.*[a-z])(?
=.*[A-Z])(?!.*\s)(?!.*\W).{8,255}$/.test(value);
}, The password must contain lower case, upper case and
number(s) and be at least 8 characters);
$('#userForm').validate();
});
/script
The aim is that the password must contain at least one lower case, one
upper case and one number. Spaces are not allowed. Lenght at least 8
characters
This works in FF3 but not in IE6. I suspect some regular expression
incompability in IE6 but I don't know how to debug it to pinpoint
exactly which part of the RE fails.
Any workarounds would be appretiated!
dk
[jQuery] Re: Custom sorter/parser for tablesorter
Here's an example if my question above is answered by yes, that's correct http://paste.pocoo.org/show/90863/ Remove the console.log if you aren't using FireFox and Firebug (which you should be as a JavaScript developer!) On Nov 11, 8:33 am, MorningZ [EMAIL PROTECTED] wrote: Yuck, why patch the js file when a custom parser could just be built? before that can happen though, something needs to be made more clear in the examples above, you pretty much are just ignoring letters for sorting purposes? On Nov 11, 2:51 am, Rodent of Unusual Size [EMAIL PROTECTED] wrote: On Nov 11, 12:29 am, Mike Nichols [EMAIL PROTECTED] wrote: I submitted a patch a long time ago to do this that implemented a natural sorting algorithm for this but it would never get applied and I couldn't get a response..I assumed the project was light or dead. I can send you the patched .js i had if you like. Sure. To what file(s) is it a patch, and does it still apply? Thanks!
[jQuery] Jquery in Drupal
Hi Any one please tell me, how to use the jquery in Drupal, -- உங்கள் நண்பன் பரணி குமார் Regards B.S.Bharanikumar POST YOUR OPINION http://bharanikumariyer.hyperphp.com/
[jQuery] Re: Password validation works in FF3 but not in IE6
Turns out that the positive look ahead syntax (?=.*\d) is buggy in
IE6.
I have a workaround which is good enough: chaining together simpler
regular expressions:
return this.optional(element) || ( (/^[^\W]*$/.test(value)) (/^.
{8,255}$/.test(value)) (/[a-z]+/.test(value)) (/[A-Z]
+/.test(value)) (/[\d]+/.test(value)) );
On Nov 11, 11:14 am, dk [EMAIL PROTECTED] wrote:
Thanks for a great validation plugin!
Writing my first custom validation:
script
$(document).ready(function(){
jQuery.validator.addMethod(adminPwd, function(value,
element) {
return this.optional(element) || /^(?=.*\d)(?=.*[a-z])(?
=.*[A-Z])(?!.*\s)(?!.*\W).{8,255}$/.test(value);
}, The password must contain lower case, upper case and
number(s) and be at least 8 characters);
$('#userForm').validate();
});
/script
The aim is that the password must contain at least one lower case, one
upper case and one number. Spaces are not allowed. Lenght at least 8
characters
This works in FF3 but not in IE6. I suspect some regular expression
incompability in IE6 but I don't know how to debug it to pinpoint
exactly which part of the RE fails.
Any workarounds would be appretiated!
dk
[jQuery] Jquery Xml and XPath
I am trying to load an xml , and then to query the xml through xpath.
I am trying to load an xml, and then to query it using xpath.
i've tried this:
$.ajax({
type: GET,
url: Menu.xml,
dataType: xml,
success:
function(xml)
{
$(xml,'/Root/Item').each(...);
}
}
Root
Item ID=1/Item
Item ID=2/Item
Item ID=3/Item
Item ID=4/Item
/Root
This returns me 0.
But if i change it to
$(xml,'RootItem').each(...);
it works.
But i need to make real xpath queries.
PLz help me
[jQuery] Re: How to load only one image at a time using JQuery Cycle Plugin?
On Nov 11, 9:35 am, Mike Alsup [EMAIL PROTECTED] wrote:
For some reason var index = $
(this).parent().children().index(this); returns -1 and it appears to
be stuck in the onAfter method.
Hmm. Try this instead:
function onAfter(curr, next, opts) {
var index = opts.currSlide;
};- Hide quoted text -
- Show quoted text -
That is working just fine without any errors in both FF 2 and IE 7,
strange. Thanks!
Do you have a paypal link? If not email me privately if possible from
this group.
Again, Thanks!
[jQuery] Re: How to load only one image at a time using JQuery Cycle Plugin?
For some reason var index = $
(this).parent().children().index(this); returns -1 and it appears to
be stuck in the onAfter method.
Hmm. Try this instead:
function onAfter(curr, next, opts) {
var index = opts.currSlide;
};
[jQuery] Re: Jquery in Drupal
Can you provide more information? - What version of Drupal are you using? - What are you trying to do? - What have you tried so far? On Nov 11, 6:38 am, bharani kumar [EMAIL PROTECTED] wrote: Hi Any one please tell me, how to use the jquery in Drupal, -- உங்கள் நண்பன் பரணி குமார் Regards B.S.Bharanikumar POST YOUR OPINIONhttp://bharanikumariyer.hyperphp.com/
[jQuery] Re: Jquery in Drupal
Thanks for reply, I want to integrate the Jquery in drupal Am using the drupal 5, Can u send any sample module , that sample module must contain the JQuery functionality , On Tue, Nov 11, 2008 at 9:22 PM, Eric Martin [EMAIL PROTECTED] wrote: Can you provide more information? - What version of Drupal are you using? - What are you trying to do? - What have you tried so far? On Nov 11, 6:38 am, bharani kumar [EMAIL PROTECTED] wrote: Hi Any one please tell me, how to use the jquery in Drupal, -- உங்கள் நண்பன் பரணி குமார் Regards B.S.Bharanikumar POST YOUR OPINIONhttp://bharanikumariyer.hyperphp.com/ -- உங்கள் நண்பன் பரணி குமார் Regards B.S.Bharanikumar POST YOUR OPINION http://bharanikumariyer.hyperphp.com/
[jQuery] Re: [ANNOUNCEMENT] jquery.timepickr.js: first official release
I think it looks great. Only suggestion I have is to get the selection portion of the plugin hidden until needed. Say, slide it down when the time field is hovered over? It just takes up too much room right now. andy -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Jeffrey Kretz Sent: Tuesday, November 11, 2008 9:35 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: [ANNOUNCEMENT] jquery.timepickr.js: first official release I think it's a great idea --it's a zillion times friendlier than an alert validator in ensuring properly formatted data. JK -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Liam Potter Sent: Tuesday, November 11, 2008 7:16 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: [ANNOUNCEMENT] jquery.timepickr.js: first official release Nice plugin but, how often do you need to input the time into a form? and then, is it really that hard to input the time into a form? Alexandre Plennevaux wrote: impressive, congratz ! On Tue, Nov 11, 2008 at 3:34 PM, h3 [EMAIL PROTECTED] wrote: Hi everyone, Yesterday I released the first public release of my jquery.timepickr plugin. I've posted it on the jQuery plugin page: http://plugins.jquery.com/project/jquery-timepickr Home page: http://haineault.com/media/jquery/ui-timepickr/page/
[jQuery] Re: [ANNOUNCEMENT] jquery.timepickr.js: first official release
Great plugin, but I think that value in input should be changed only when I click on some hour or minute cell. Or it's maybe OK to have something like preview in the input, but it's not OK when I move mouse over some cells, leave without click and the previous value is lost. MichaL On Tue, Nov 11, 2008 at 3:34 PM, h3 [EMAIL PROTECTED] wrote: Hi everyone, Yesterday I released the first public release of my jquery.timepickr plugin. I've posted it on the jQuery plugin page: http://plugins.jquery.com/project/jquery-timepickr Home page: http://haineault.com/media/jquery/ui-timepickr/page/
[jQuery] Re: Jquery in Drupal
http://www.google.com/search?q=drupal+5+jquery In regards to jQuery, I believe a lot has change since version 5. I'm pretty sure that version 6 automatically loads jQuery - is it possible for you to use a newer version. You'll have to do some research... On Nov 11, 7:56 am, bharani kumar [EMAIL PROTECTED] wrote: Thanks for reply, I want to integrate the Jquery in drupal Am using the drupal 5, Can u send any sample module , that sample module must contain the JQuery functionality , On Tue, Nov 11, 2008 at 9:22 PM, Eric Martin [EMAIL PROTECTED] wrote: Can you provide more information? - What version of Drupal are you using? - What are you trying to do? - What have you tried so far? On Nov 11, 6:38 am, bharani kumar [EMAIL PROTECTED] wrote: Hi Any one please tell me, how to use the jquery in Drupal, -- உங்கள் நண்பன் பரணி குமார் Regards B.S.Bharanikumar POST YOUR OPINIONhttp://bharanikumariyer.hyperphp.com/ -- உங்கள் நண்பன் பரணி குமார் Regards B.S.Bharanikumar POST YOUR OPINIONhttp://bharanikumariyer.hyperphp.com/
[jQuery] Re: next() and prev()
Take a look at Ariel Flesler's scrollTo plug-in:
http://flesler.blogspot.com/2008/09/jqueryscrollto-14-released.html
On Nov 11, 12:20 pm, PaulC [EMAIL PROTECTED] wrote:
I'm stuck using next() and prev()
The menu on right hand side of this site:http://sugarsnap.previewurl.net
needs to scroll through each item as the user clicks the arrows. This
is working but only because I've put fixed heights to scroll -
which is buggy cross browser., hence wanting to use next() and prev()
the code that works:
$('a.down').click(function(event) {
$('#folioMenu').scrollTo('+=90px', 800);
return false;
});
I tried this , and several variations, wiht no luck:
$('#folioMenu').scrollTo($(.menuItem).next(), 800);
any thoughts as to how this could be achieved?
[jQuery] Re: Trouble with this
On Nov 11, 10:54 am, RobG [EMAIL PROTECTED] wrote:
No, it's not. What object is the following functions called as
methods of:
(function(){})();
window?
(function(){ alert(this) })();
creating a block scope doesn't make the function float in limbo!
function foo() {};
foo.call({});
In this case the function is being called as a method of a new empty
object ({}) you just created, right?
[jQuery] Re: [ showcase ] lisapram.com - interactive barcode
Very nice, Lisa... Cutting edge, but still navigable and understandable with the addition of the small rectangles underneath slides. Good work. Good photography, too! Rick Alexandre Plennevaux wrote: Friends, That's it, i digested your comments, and now the website is launched. Thank you to john and every one of the jquery team for making such a great library. Special thanks to the jquery community for providing me with such useful feedback ! the website: http://lisapram.com/ my blog post (if you want to know more about the ideas behind): http://www.pixeline.be/blog/2008/new-website-lisa-pram/ Thanks Alexandre --- Text inserted by Panda IS 2009: This message has NOT been classified as spam. If it is unsolicited mail (spam), click on the following link to reclassify it: http://localhost:6083/Panda?ID=pav_2997SPAM=truepath=C:\Documents%20and%20Settings\Rick%20Faircloth\Local%20Settings\Application%20Data\Panda%20Security\Panda%20Internet%20Security%202009\AntiSpam ---
[jQuery] Re: would compressing merging multiple jquery plugin's violate any license?
Not really -- this goes for the MIT license: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. At least, I think, you have to include the name of the license and the copyright owner too. On Nov 11, 4:19 am, Daniel Freiman [EMAIL PROTECTED] wrote: Actually, it may depend on the license of the plugin, but from jquery's side you're fine. On Mon, Nov 10, 2008 at 10:18 PM, Daniel Freiman [EMAIL PROTECTED]wrote: http://docs.jquery.com/Licensing Jquery is released under the MIT license. In other words, do what ever you want. - Daniel Freiman Required disclaimer: I am not a lawyer. On Mon, Nov 10, 2008 at 5:55 PM, henry [EMAIL PROTECTED] wrote: would compressing merging multiple jquery plugin's into 1 JS file violate any license?
[jQuery] Re: Trouble with posting results of jquery autocomplete
I found the answer to my own problem. I had set the id on the input tag, but had not specified the field name. The form does post, but without a name specified, the field is not included in the form values passed to the server.
[jQuery] Re: jqModal
$('#ex3b').jqmShow({
ajax: 'examples/3b.html',
target: 'div.jqmAlertContent',
overlay: 70,
autofire: true
});
You may also give this a shot:
$('#ex3b').jqm().jqmShow({
ajax: 'examples/3b.html',
target: 'div.jqmAlertContent',
overlay: 70,
autofire: true
});
On Nov 11, 12:14 pm, Liam Potter [EMAIL PROTECTED] wrote:
change
$().ready(function() {
to
$(document).ready(function() {
Rule13 wrote:
I'm trying to trigger the following modal after the page loads. I've tried
'autofire:true' and jqmShow() to no avail. I am receiving an error message
that 'h' has no properties. I'm obviously doing something wrong. Can
someone help point me in the right direction? Here's the code:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleUntitled Document/title
!-- jqModal Dependencies --
script type=text/javascript src=jquery-1.2.6.pack.js/script
script type=text/javascript src=jqModal.js/script
!-- jqModal Styling --
link type=text/css rel=stylesheet media=all href=jqModal.css /
link type=text/css rel=stylesheet media=all href=alert.css /
script type=text/javascript
$().ready(function() {
// THIS DOSEN'T WORK
$('#ex3b').jqmShow({
ajax: 'examples/3b.html',
target: 'div.jqmAlertContent',
overlay: 70,
autofire: true
});
// THIS WORKS WHEN A TRIGGER IS USED
// BUT I WANT TO LOAD THE MESSAGE WHEN THE PAGE LOADS)
//var triggers = $('a.ex3bTrigger')[0];
//$('#ex3b').jqm({
//trigger: triggers,
//ajax: 'examples/3b.html',
//target: 'div.jqmAlertContent',
//overlay: 70
//});
// Close Button Highlighting. IE doesn't support :hover. Surprise?
if($.browser.msie) {
$('div.jqmAlert .jqmClose')
.hover(
function(){ $(this).addClass('jqmCloseHover'); },
function(){ $(this).removeClass('jqmCloseHover'); });
}
});
/script
/head
body
!-- this works when a trigger is used - so all the files are working --
# view
div class=jqmAlert id=ex3b
div id=ex3b class=jqmAlertWindow
div class=jqmAlertTitle clearfix
h1Did you know?/h1 # emClose/em
/div
div class=jqmAlertContent
pPlease wait... inc/busy.gif /p
/div
/div
/div
/body
/html
[jQuery] Re: Trouble with this
Hi Rob, thanks for the comments.
Aren't we saying the same thing, though?
From: Michael Geary
To elaborate a bit, this is special, but it's not magic.
Whenever you call a function in JavaScript, it's always called as a
method of some object,
From: RobG
No, it's not. What object is the following functions called
as methods of:
(function(){})();
That anonymous function is called as a method of the global (window) object,
and 'this' is the global object when the function is executing.
When I say called as a method of, what I mean specifically is called with
'this' as a reference to. After all, 'this' is how a function knows what
it's being called as a method of - 'this' is how the function accesses that
object.
We could say something like called *as if it were* a method of, but that
would really be saying the same thing. A function doesn't have any object
that it is really a method of, that's determined by the caller.
function foo() {};
foo.call({});
foo is called as a method of the {} object. To expand the example a bit:
function foo() { alert this.a; }
foo.call({ a:'b' }); // alerts b
and this is a reference to that object.
If an object can't be determined, the global object is used, hence:
var global = (function(){return this;})();
Right, we're saying the same thing. When a function is called, it's always
called as a method of *some* object, the only question is which object. It's
up to the caller to specify that object through object.method() or
object['method']() notation, or through .apply() or .call(), and if no
object is specified, the global object is used.
When you call foo.bar(), you are calling a function as a
method of the foo object, so this == foo.
JavaScript also has a global object. When you call a
function bar() without any explicit object reference, you
are actually calling it as a method of the global object.
No, they aren't. Properties resolved on the scope chain
don't behave like that, otherwise this used within methods
found on prototype objects would refer to the prototype
object rather than the instance.
I'm a little confused here. Are you talking about the scope chain or the
prototype chain?
In any case, how and where the function is located doesn't affect 'this'.
It's how the function is *called* that determines the 'this' object.
Here's an example with the same function in two different prototypes:
function One() {}
One.prototype.prop = 'ONE';
function Two() {}
Two.prototype.prop = 'TWO';
One.prototype.test = Two.prototype.test = function( label ) {
console.log( label, this.constructor, this.prop );
};
var one = new One;
var two = new Two;
one.test( one.test(): );
one['test']( one['test']() );
two.test( two.test:() );
two['test']( two['test'](): );
one.test.call( two, one.test.call(two): );
two.test.call( one, 'two.test.call(one):' );
var oneTest = one.test;
var twoTest = two.test;
oneTest( oneTest(): );
twoTest( twoTest(): );
oneTest.call( two, oneTest.call(two): );
twoTest.call( one, 'twoTest.call(one):' );
That code logs the following:
one.test(): One() ONE
one['test']() One() ONE
two.test:() Two() TWO
two['test'](): Two() TWO
one.test.call(two): Two() TWO
two.test.call(one): One() ONE
oneTest(): Window undefined
twoTest(): Window undefined
oneTest.call(two): Two() TWO
twoTest.call(one): One() ONE
As this shows, it's the caller that determines the 'this' object in each
case.
The global object is used when no other reference can be
resolved or the call sets it to the this keyword.
That's right, as shown in the oneTest/twoTest examples, the function is
called as a method of the global object (called with 'this' set to the
global object) in those cases.
-Mike
[jQuery] Re: Serious help needed thanks
The next and previous buttons don't scroll the tab content but the content of that specific tab. Each tab has its own content. This is the content that has the next and previous scroll applied to it. ricardobeat wrote: http://www.ndoherty.com/demos/coda-slider/1.1.1/ On Nov 6, 6:19 am, Takaya213 [EMAIL PROTECTED] wrote: Hi I have a div, which has tabs that changes the divs in the area below it, show/hide effect. Now inside the div that is changed by the tabs it needs to scroll the content of that specific div with next and previous buttons each div having its own contents that needs to scroll. The tabs when clicked need to be in the hover state as selected. When the person hovers over the image button when it is in the selected state it must remain in the selected state. See the concept below of how it needs to work.http://www.webnow.co.za/enquiry/bask-closed.jpg The pink tab is the one that is in the selected state. Thanks for any help with this, this also needs to be cross-browser friendly, so yes it needs to work in IE as well. ;-) -- View this message in context:http://www.nabble.com/Serious-help-needed-thanks-tp20356767s27240p203... Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/Serious-help-needed-thanks-tp20356767s27240p20444972.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Permission denied to get property XULElement.accessibleType
I get the same error - haven't tracked it down yet. It doesn't show up in IE - only FF.
[jQuery] link fade in / out
Hi. I have a menu consisting of some simple text links. They start
with an opacity of 0.33 then when I move my mouse over them they lit
up. They worked well, however the effects wanted to stack up in a
queue so that when I had swept my mouse over the links a couple of
times fast they would keep fading in and fading out as many times as I
had swept my mouse over them.
What I want is a link that lights up when you move the mouse across
it, then fades down and keeps faded out until I sweep my mouse over it
again. So I added .stop, which didn't work to well. I was hoping
someone would correct me. What happens right now is that sometimes
(often) links get stopped in the middle, with an opacity which is
neither 0.33 nor 1. Also some links freeze and don't respond to moue
hover... thank you.
$(a).hover(function(){
$(this).fadeTo(500,1);
}, function() {
$(this).fadeTo(300,0.33, function () {
$(this).stop({gotoEnd:true});
});
});
[jQuery] Re: [ANNOUNCEMENT] jquery.timepickr.js: first official release
This even got blogged about on John Resig's blog http://ejohn.org/blog/picking-time/ While i agree that it is a nice plugin, the lack of, and seemingly tough luck attitude given by the plugin's main page, it working in IE6 (or 7 as mentioned above) and WebKit for iPhone is a huge strike against..
[jQuery] Re: JSLitmus invaluable tool
JSLitmus isn't testing what it appears to be testing.
In the 'use instance var' case, take a look at what this is inside the
test function. I'll bet it's the window object. That is the reason it's so
much slower in Firefox. I didn't try it in IE, but the difference is
probably even more dramatic there.
It's not surprising that there is little difference in Chrome, with its
completely different architecture.
If 'this' a native JavaScript object, it's still slower to reference
this.foo than it would be to reference foo, but not by such a great
difference.
Compare with this test that provides known values of this:
var total = 100;
function Test() {}
Test.prototype.one = function() {
var t1 = +new Date;
var n = total;
var x = 0;
while( n-- ) x++;
var t2 = +new Date;
console.log( ( t2 - t1 ) / 1000 );
};
Test.prototype.two = function() {
var t1 = +new Date;
var n = total;
this.x = 0;
while( n-- ) this.x++;
var t2 = +new Date;
console.log( ( t2 - t1 ) / 1000 );
};
test = new Test;
test.one();
test.two();
test.one.call(window);
test.two.call(window);
In an example run, that logged these values to the Firebug console:
0.051 - test.one()
0.199 - test.two()
0.052 - test.one.call(window)
2.408 - test.two.call(window)
As you can see, test.two() is several times slower than test.one() when it's
called as a method of the test object, but dramatically slower when it's
called as a method of the window object.
-Mike
From: howardk
I've been experimenting with several different coding styles
for plug- ins. Lately I've been curious about the difference
in performance between using local variables vs. instance
variables for storing state. JSLitmus, while not itself
jQuery-based, has just given me the answers I've been looking
for. I found them a bit surprising:
http://www.fatdog.com/litmus_tests/InstanceVsLocalTest.html
(Apologies for the color scheme! :-)
Howard
[jQuery] Re: [autocomplete] - IE 6 and IE 7 Scroll bar problem.
Jorn, Thank you for showing interest in my problem. It shows the problem on all inputs with a scroll bar. You can try it on Single City (local) or Single Bird (Remote) on http://jquery.bassistance.de/autocomplete/demo/ . And the problem is exhibited on IE 7 as well. Here are the steps once again with more details. 1. Enter something in the text box that provides suggestions (You could try Single City (local) or Single Bird (Remote) and enter a) 2. Let the suggestion list appear with scroll bars. 3. Use the mouse button to scroll up or down (not the mouse wheel) by dragging the scroll bar (remember to use the mouse to scroll up and down. this step is very important. I think it moves the focus away from the text box field and this is probably the cause of the problem) 4. Now click on anywhere outside the suggestion list. Ideally the suggestion list should disappear but I see that the suggestion list just sits there unless you select something from the list At this point the keyboard Up and Down arrows also do not seem to work. Even the Esc key wont work. Thanks! Akio. On Nov 11, 9:33 pm, Jörn Zaefferer [EMAIL PROTECTED] wrote: I can't reproduce that. Which actual example (which input) did you test with? Jörn On Tue, Nov 11, 2008 at 3:31 PM, Akio [EMAIL PROTECTED] wrote: I have been looking at JQuery autocomplete and just when I thought it would meet my needs, I found a bug on IE 6. This is the problem. 1. Enter something in the text box that provides suggestions 2. Let the suggestion list appear with scroll bars. 3. Use the scroll bar to scroll down or up (this step is very important) 4. Now click on anywhere outside the suggestion list. Ideally the suggestion list should disappear but I see that the suggestion list just sits there unless you select something from the list At this point the keyboard Up and Down arrow also do not seem to work. It works fine on FF 3 and I think IE 7 (though I would need to re- test). I tested it on this linkhttp://jquery.bassistance.de/autocomplete/demo/ Any help would be appreciated. -Akio
[jQuery] Re: My menu divs get behind content when shown on IE
No IE is the culprit. It won't accept certain z-values and it's a mess to work with, thus. Google to find some of the specifics for IE 6 and z-index and see if any of them applies. For example I know that IE won't accept negative z-values while the other browsers at least won't act weird because of them. On 6 Nov, 23:03, FG [EMAIL PROTECTED] wrote: Thanks. A high z value solved the issue. But in IE6 still can not get those divs to show. Will try without jQuery to see if it's the culprit. FG On Nov 6, 2:39 pm, Althalos [EMAIL PROTECTED] wrote: It doesn't work in Firefox for me... and I don't think it should. I had this problem as well with an autocomplete thingy, and I solved it using z-index so try that. Set it to 100 or something on your menu div. On 6 Nov, 20:29, FG [EMAIL PROTECTED] wrote: I'm using jQuery for showing hidden menus on this page:http://www.guadalajaracinemafest09.com/es/ Every browser behaves correctly, showing the yellow menus when clicking on the navigation bar. IE shows the content but _beneath_ the content of the other divs. Is this jQuery related? or will I need to use a CSS property like z- index for showing then above the content? Thanks, FG.
[jQuery] Re: document Ready function in the Ajax Response
instead of loading script, use the livequery plugin: http://brandonaaron.net/docs/livequery/ On Tue, Nov 11, 2008 at 12:54 PM, David Wu [EMAIL PROTECTED] wrote: could you pose some of your code? On Tue, Nov 11, 2008 at 6:30 PM, ravithokala [EMAIL PROTECTED] wrote: Hi, I have an issue with document.ready. I have a page which will make an ajax call. The response on the ajax call contains script which contains document.ready. The content in document.ready is getting executed successfully in ie7 but not in ff3. Please tell how to solve this in FF.
[jQuery] image coordinates
Hi,
I need to write a function for return a value when I click an image.
I've write this:
jQuery(document).ready(function(){
$(#board).click(function(e){
var x = e.pageX - this.offsetLeft;
var y = e.pageY - this.offsetTop;
if (x 88 y 347){
alert(a1);
}
else if (x 88 y 304 y 347){
alert(a2);
}
else if (x 88 y 261 y 304){
alert(a3);
}
..
.
.
It's work, but there is an alternative?
Thanks,
Alfredo
[jQuery] Re: how to use another javascript funtion (and outside variables) inside jquery model
Could we back up a bit and have you describe very simply how you want this
page to work? Leave out all of the implementation details like the IDs and
the JavaScript code. Simple HTML is OK if that helps describe what you want.
It looks like you're pretty far off track on the implementation (no offense
intended! We'll help you get back on track), but it would be hard to suggest
a better approach without understanding what this will look like to the
visitor to your site and how they will interact with it.
Thanks,
-Mike
From: Oli
Hi guys,
I am really excited about what I can do with JQuery, I just
managed to finish one simple demo which basically allows a
new css div to slide open when people click on a link. The
initially technique was all fine except everything there is
static. I then tried something dynamic where I got myself stuck.
Let me explain a bit more, for each of the following
hyperlinks I'd like to load the id from the database. So,
they will look as follows:
a href=# id=123 onclick=setID(123)How to ride a
bike/a a href=# id=124 onclick=setID(124)How to
play football/a
Now, obviously the content for each different link will be different.
So, I thought of using a javascript function called setID()
that takes the id from the link and pass it on to the jquery
functinons. So rather than having to check for each and every
links like this:
$(#link1).click(..
$(#link2).click(
$(#link3).click(.
and so forth and so on, this little trick will do the job
where one funtion will take care of all the links and their
values and hence no repeat.
$((i)).click(-
where i is the global variable that stores the link ID.
It works to some extent but not entirely right. I used an
alert(i); call to check the value and this is what I am
finding difficult to comprehend.
say, i click on first link whose id is 123, a popup window shows #123.
it then slides open the show div.
if i want to close it I can just hit the hide me button and
it hides the div, no problem.
all fine uptil here.
Now, the interesting and the difficult bit that I dont have
any clue whatsoever is when I click on any part of the web
page and find the div slides open automatically. I printed
the ID and it occured to me because I didnot initialise the
global variable after hiding the div first time, the next
click event is using the old value. So, I created a fucntion
called init(), all it does it set the global variable i to null.
But it doesnot resolve my problem. I would also like to use
php and database in order to populate content for show div.
Any idea how passing javascript variable to php script will
work in this context?
Here is my code:
script type=text/javascript
var i = ;
function setID(x){
i = #+x;
}
function init(){
i = ;
}
$(document).ready(
function(){
$(#showResource).hide();
$((i)).click(
function(){
alert(i);
init();
$(#showResource).slideDown(800);
return false;
}
);
$(#hideMe).click(
function(){
$(#showResource).slideUp(800);
return false;
}
);
}
);
/script
style type=text/css
#show{border:1px #cfdfef solid; width:96%;
background:url(images/ hide_me.gif);
background-position:right bottom; background-repeat:no-
repeat; margin-bottom:10px; color:#33; font-family:Arial,
Helvetica, sans-serif; font-size:11px; padding:10px;
display:inline; background:#ddf8ff;}
/style
div id=show show this content button id=hideMehide me/
button/div !-- show div ends--
!--
Next job to use php script instead of static text div id=show
?php
$sql = SELECT * from test where id = i (javascript variable);
// any idea how to achieve this? did anyone try?
?
button id=hideMehide me/button/div !-- show div ends--
/div
--
a href=# id=123 onclick=setID(123)How to write an
Abstract/a a href=# id=124 onclick=setID(124)How to
write an Abstract/
a
[jQuery] Re: jquery.timepickr.js: first official release
Still torn. I'd like to see a version that is click-based. On Nov 11, 10:20 am, MorningZ [EMAIL PROTECTED] wrote: This even got blogged about on John Resig's blog http://ejohn.org/blog/picking-time/ While i agree that it is a nice plugin, the lack of, and seemingly tough luck attitude given by the plugin's main page, it working in IE6 (or 7 as mentioned above) and WebKit for iPhone is a huge strike against..
[jQuery] Re: jqModal
This did the trick... or at least it fires off the modal they way I want...
but the file (examples/3b.html) no longer loads. Any ideas on this?
Thanks for your help.
MorningZ wrote:
$('#ex3b').jqmShow({
ajax: 'examples/3b.html',
target: 'div.jqmAlertContent',
overlay: 70,
autofire: true
});
You may also give this a shot:
$('#ex3b').jqm().jqmShow({
ajax: 'examples/3b.html',
target: 'div.jqmAlertContent',
overlay: 70,
autofire: true
});
On Nov 11, 12:14 pm, Liam Potter [EMAIL PROTECTED] wrote:
change
$().ready(function() {
to
$(document).ready(function() {
Rule13 wrote:
I'm trying to trigger the following modal after the page loads. I've
tried
'autofire:true' and jqmShow() to no avail. I am receiving an error
message
that 'h' has no properties. I'm obviously doing something wrong. Can
someone help point me in the right direction? Here's the code:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleUntitled Document/title
!-- jqModal Dependencies --
script type=text/javascript src=jquery-1.2.6.pack.js/script
script type=text/javascript src=jqModal.js/script
!-- jqModal Styling --
link type=text/css rel=stylesheet media=all href=jqModal.css
/
link type=text/css rel=stylesheet media=all href=alert.css /
script type=text/javascript
$().ready(function() {
// THIS DOSEN'T WORK
$('#ex3b').jqmShow({
ajax: 'examples/3b.html',
target: 'div.jqmAlertContent',
overlay: 70,
autofire: true
});
// THIS WORKS WHEN A TRIGGER IS USED
// BUT I WANT TO LOAD THE MESSAGE WHEN THE PAGE LOADS)
//var triggers = $('a.ex3bTrigger')[0];
//$('#ex3b').jqm({
//trigger: triggers,
//ajax: 'examples/3b.html',
//target: 'div.jqmAlertContent',
//overlay: 70
//});
// Close Button Highlighting. IE doesn't support :hover. Surprise?
if($.browser.msie) {
$('div.jqmAlert .jqmClose')
.hover(
function(){ $(this).addClass('jqmCloseHover'); },
function(){ $(this).removeClass('jqmCloseHover'); });
}
});
/script
/head
body
!-- this works when a trigger is used - so all the files are working
--
# view
div class=jqmAlert id=ex3b
div id=ex3b class=jqmAlertWindow
div class=jqmAlertTitle clearfix
h1Did you know?/h1 # emClose/em
/div
div class=jqmAlertContent
pPlease wait... inc/busy.gif /p
/div
/div
/div
/body
/html
--
View this message in context:
http://www.nabble.com/jqModal-tp20443670s27240p20446048.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Ajax load callback not firing
Hey everyone-
I'm trying to get the load function to work properly and I've been
using this page as a reference:
http://docs.jquery.com/Ajax/load#urldatacallback
As far as I can tell, the URL I want it to hit is getting hit, but the
callback function never fires. Any ideas?
head
script src=jquery-main.js language=javascript type=text/
javascript/script
script type=text/javascript
function loadReport(UUID) {
$(#loadreport).load(initializeReport.html?UUID= +
UUID, function(){ alert(Testing...); });
}
/script
/head
body
center
Loading report...br /
img src=images/loadingAnimation.gif /
script type=text/javascriptloadReport('$
{param['UUID']}');/script
div id=loadreport/div
/center
/body
[jQuery] Re: how to use another javascript funtion (and outside variables) inside jquery model
Thanks Mike for your reply.
Okay, I have implemented this in a static mode:
http://www.uniquebrand.co.uk/education/index.php
Under Online resources if you click on these two links
How to write an Abstract
How to Write a Good Essay
You will see the effect that I am trying to achieve. It does serve my
purpose but the links and their IDs are not dynamically generated. I
want to do the same kind of slide up and down for dynamically
generated content. Does it explain my goal clearly?
Sorry, I am not a native english speaker. So, apologies for any
confusion.
Many Thanks :)
On Nov 11, 6:54 pm, Michael Geary [EMAIL PROTECTED] wrote:
Could we back up a bit and have you describe very simply how you want this
page to work? Leave out all of the implementation details like the IDs and
the JavaScript code. Simple HTML is OK if that helps describe what you want.
It looks like you're pretty far off track on the implementation (no offense
intended! We'll help you get back on track), but it would be hard to suggest
a better approach without understanding what this will look like to the
visitor to your site and how they will interact with it.
Thanks,
-Mike
From: Oli
Hi guys,
I am really excited about what I can do with JQuery, I just
managed to finish one simple demo which basically allows a
new css div to slide open when people click on a link. The
initially technique was all fine except everything there is
static. I then tried something dynamic where I got myself stuck.
Let me explain a bit more, for each of the following
hyperlinks I'd like to load the id from the database. So,
they will look as follows:
a href=# id=123 onclick=setID(123)How to ride a
bike/a a href=# id=124 onclick=setID(124)How to
play football/a
Now, obviously the content for each different link will be different.
So, I thought of using a javascript function called setID()
that takes the id from the link and pass it on to the jquery
functinons. So rather than having to check for each and every
links like this:
$(#link1).click(..
$(#link2).click(
$(#link3).click(.
and so forth and so on, this little trick will do the job
where one funtion will take care of all the links and their
values and hence no repeat.
$((i)).click( -
where i is the global variable that stores the link ID.
It works to some extent but not entirely right. I used an
alert(i); call to check the value and this is what I am
finding difficult to comprehend.
say, i click on first link whose id is 123, a popup window shows #123.
it then slides open the show div.
if i want to close it I can just hit the hide me button and
it hides the div, no problem.
all fine uptil here.
Now, the interesting and the difficult bit that I dont have
any clue whatsoever is when I click on any part of the web
page and find the div slides open automatically. I printed
the ID and it occured to me because I didnot initialise the
global variable after hiding the div first time, the next
click event is using the old value. So, I created a fucntion
called init(), all it does it set the global variable i to null.
But it doesnot resolve my problem. I would also like to use
php and database in order to populate content for show div.
Any idea how passing javascript variable to php script will
work in this context?
Here is my code:
script type=text/javascript
var i = ;
function setID(x){
i = #+x;
}
function init(){
i = ;
}
$(document).ready(
function(){
$(#showResource).hide();
$((i)).click(
function(){
alert(i);
init();
$(#showResource).slideDown(800);
return false;
}
);
$(#hideMe).click(
function(){
$(#showResource).slideUp(800);
return false;
}
);
}
);
/script
style type=text/css
#show{border:1px #cfdfef solid; width:96%;
background:url(images/ hide_me.gif);
background-position:right bottom; background-repeat:no-
repeat; margin-bottom:10px; color:#33; font-family:Arial,
Helvetica, sans-serif; font-size:11px; padding:10px;
display:inline; background:#ddf8ff;}
/style
div id=show show this content button id=hideMehide me/
button/div !-- show div ends--
!--
Next job to use php script instead of static text div id=show
?php
$sql = SELECT * from test where id = i (javascript variable);
// any idea how to achieve this? did anyone try?
?
button id=hideMehide me/button/div !-- show div ends--
/div
--
a href=# id=123 onclick=setID(123)How to write an
Abstract/a a href=# id=124 onclick=setID(124)How to
write an Abstract/
a- Hide quoted text -
- Show quoted text -
[jQuery] Re: jqModal
Hi Liam...
I tried this approach but am still getting the message (h has no properties)
and the modal is not loading. Stringing jqm().jqmShow is loading the modal
correctly, but now the external file (examples/3b.html) no longer loads.
Any ideas?
Thanks for your help.
Liam Potter wrote:
change
$().ready(function() {
to
$(document).ready(function() {
Rule13 wrote:
I'm trying to trigger the following modal after the page loads. I've
tried
'autofire:true' and jqmShow() to no avail. I am receiving an error
message
that 'h' has no properties. I'm obviously doing something wrong. Can
someone help point me in the right direction? Here's the code:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleUntitled Document/title
!-- jqModal Dependencies --
script type=text/javascript src=jquery-1.2.6.pack.js/script
script type=text/javascript src=jqModal.js/script
!-- jqModal Styling --
link type=text/css rel=stylesheet media=all href=jqModal.css /
link type=text/css rel=stylesheet media=all href=alert.css /
script type=text/javascript
$().ready(function() {
// THIS DOSEN'T WORK
$('#ex3b').jqmShow({
ajax: 'examples/3b.html',
target: 'div.jqmAlertContent',
overlay: 70,
autofire: true
});
// THIS WORKS WHEN A TRIGGER IS USED
// BUT I WANT TO LOAD THE MESSAGE WHEN THE PAGE LOADS)
//var triggers = $('a.ex3bTrigger')[0];
//$('#ex3b').jqm({
//trigger: triggers,
//ajax: 'examples/3b.html',
//target: 'div.jqmAlertContent',
//overlay: 70
//});
// Close Button Highlighting. IE doesn't support :hover. Surprise?
if($.browser.msie) {
$('div.jqmAlert .jqmClose')
.hover(
function(){ $(this).addClass('jqmCloseHover'); },
function(){ $(this).removeClass('jqmCloseHover'); });
}
});
/script
/head
body
!-- this works when a trigger is used - so all the files are working --
# view
div class=jqmAlert id=ex3b
div id=ex3b class=jqmAlertWindow
div class=jqmAlertTitle clearfix
h1Did you know?/h1 # emClose/em
/div
div class=jqmAlertContent
pPlease wait... inc/busy.gif /p
/div
/div
/div
/body
/html
--
View this message in context:
http://www.nabble.com/jqModal-tp20443670s27240p20446101.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jquery.timepickr.js: first official release
I'd like to see a version that is click-based. better yet, an option to make it hover or click based On Nov 11, 1:36 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Still torn. I'd like to see a version that is click-based. On Nov 11, 10:20 am, MorningZ [EMAIL PROTECTED] wrote: This even got blogged about on John Resig's blog http://ejohn.org/blog/picking-time/ While i agree that it is a nice plugin, the lack of, and seemingly tough luck attitude given by the plugin's main page, it working in IE6 (or 7 as mentioned above) and WebKit for iPhone is a huge strike against..
[jQuery] Re: [ANNOUNCEMENT] jquery.timepickr.js: first official release
I think it’s a great idea --it's a zillion times friendlier than an alert validator in ensuring properly formatted data. JK -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Liam Potter Sent: Tuesday, November 11, 2008 7:16 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: [ANNOUNCEMENT] jquery.timepickr.js: first official release Nice plugin but, how often do you need to input the time into a form? and then, is it really that hard to input the time into a form? Alexandre Plennevaux wrote: impressive, congratz ! On Tue, Nov 11, 2008 at 3:34 PM, h3 [EMAIL PROTECTED] wrote: Hi everyone, Yesterday I released the first public release of my jquery.timepickr plugin. I've posted it on the jQuery plugin page: http://plugins.jquery.com/project/jquery-timepickr Home page: http://haineault.com/media/jquery/ui-timepickr/page/
[jQuery] Re: Ajax load callback not firing
Well I figured it out looking at a previous' user's sample:
http://groups.google.com/group/jquery-en/browse_thread/thread/15b15c9c42d11366/bd4011452664bf62?lnk=gstq=load+callback+not+firing#bd4011452664bf62
Basically, instead of using the .load() function, I'm using the
$.get() function.
Thanks!
On Nov 11, 10:51 am, Andy [EMAIL PROTECTED] wrote:
Hey everyone-
I'm trying to get the load function to work properly and I've been
using this page as a
reference:http://docs.jquery.com/Ajax/load#urldatacallback
As far as I can tell, the URL I want it to hit is getting hit, but the
callback function never fires. Any ideas?
head
script src=jquery-main.js language=javascript type=text/
javascript/script
script type=text/javascript
function loadReport(UUID) {
$(#loadreport).load(initializeReport.html?UUID= +
UUID, function(){ alert(Testing...); });
}
/script
/head
body
center
Loading report...br /
img src=images/loadingAnimation.gif /
script type=text/javascriptloadReport('$
{param['UUID']}');/script
div id=loadreport/div
/center
/body
[jQuery] Re: jQuery + HTML namespaces
Thanks for the input guys. On Thu, Nov 6, 2008 at 5:47 PM, Karl Rudd [EMAIL PROTECTED] wrote: jQuery doesn't place play well with XML or namespaces, especially in IE but that's mostly because of IE's ... quirks. Technically HTML doesn't have namespaces, which probably explains why they sort of work sometimes in most browsers. I suggest you use the innerHTML method to insert the code. In theory this should solve your script reloading problem. Karl rudd On Fri, Nov 7, 2008 at 9:58 AM, ken [EMAIL PROTECTED] wrote: I've found several instances of people having trouble using jQuery with a document that implements custom HTML namespaces (i.e. foo:bar /), and I was wondering if anyone had developed any work-arounds? I've recently been tasked with incorporating jQuery into our corporate application -- largely due to my prodding and fanfare -- and the first area I'm working on has some DOM manipulation, but it fails with jQuery due to our namespacing that we use. I am simply attempting to insert HTML into the document using html(). I'm not sure what all the html() method does behind-the-scenes, but evidently it does alot more than I ever gave it credit for. Using a pre-existing implementation of Mootools, the content is inserted with no issues. Using innerHTML, the content is inserted with no issues. Using .html(), the DOM structure is clobbered and errors are thrown. I hacked the selector regex and added in a : (for the namespaced items), but that seems to have little effect on the final result. Also, the HTML chunk I am inserting has a link to an external .js via script tag, and for some reason that .js is loaded fresh, even though the browser already has it cached; using Mootools, or .innerHTML, you can see the browser request the .js but the server returns a 304 and thus its not downloaded again. Why is jQuery forcing it to download, and can I disable this? Thoughts? Thanks in advance, Ken
[jQuery] Jörn's autocomplete - advanced filtering an d matching
I have been experimenting with the autocomplete, and so far am impressed with the performance. There is one thing, however, that I would like to do that I cannot figure out myself. My list items are supplied by a sql script that finds entries using both freetext and like matching. This means that, for instance in my situation, searching a list of plants will yield the following results as the person types: l -- a list of plants beginning with l li -- a list of plants beginning with li lil -- a list of plants that contain lil (query changes for terms longer than 2 characters) lily -- a list of plants that contain or match lily (including 'lilies' from the freetext search) Now if I backspace and pickup again: lil -- a list of plants that contain lil (query changes for terms longer than 2 characters) lili -- a list of plants that contain lil, which is actually NO RESULTS but if I continue to 'lilies' I will get results again. In the case that I get no results, I don't want to show the NO MATCHES result, because that does not help my end-user. I would rather keep my last list available. In other words, how do I filter the results client-side so that they ALWAYS have some option to choose from?
[jQuery] Re: How to load only one image at a time using JQuery Cycle Plugin?
Hi Mike, After several tests for some reason FF doesn't like the onAfter and stops working for me after changing values in the select list and getting new image data. For some reason var index = $ (this).parent().children().index(this); returns -1 and it appears to be stuck in the onAfter method. Any Ideas? Thank You.
[jQuery] document Ready function in the Ajax Response
Hi, I have an issue with document.ready. I have a page which will make an ajax call. The response on the ajax call contains script which contains document.ready. The content in document.ready is getting executed successfully in ie7 but not in ff3. Please tell how to solve this in FF.
[jQuery] Re: Tab divs disappear
$(function() {
$('#tabs_container ul').tabs( {fx: { opacity:
'toggle' } }).tabs('rotate', 5000);
});
On Nov 7, 4:20 pm, Klaus Hartl [EMAIL PROTECTED] wrote:
On 7 Nov., 21:43, subnet_rx [EMAIL PROTECTED] wrote:
I'm using jQuery UI tabs and I'm rotating them automatically. The problem
is, for half a second, the div disappears till the next one loads. This
modifies the size of the page and the page jumps around while this is going
on. The divs only contain static content, and I've tried AJAX cache
options, but they don't work. I just want them to fade out and fade in.
What initialization code should I be using?
What initialization code should do you use?
--Klaus
[jQuery] $.post with an array of variables
Hi all,
I have an array of variables that is built from the following:
data['freshbox'] = encodeURIComponent(freshBoxType);
data['numitems'] = encodeURIComponent(items.length);
data['customerid'] = customerid;
for (var i=0;iitems.length;i++) {
data['item['+i+'][addonid]'] = encodeURIComponent($
(#itemaddonid+items[i][0]).val());
data['item['+i+'][itemid]'] = encodeURIComponent(items[i][2]);
data['item['+i+'][qty]'] = encodeURIComponent($(#qtyfield+items[i]
[0]).val());
data['item['+i+'][freq]'] = encodeURIComponent($(#itemfreq+items[i]
[0]).val());
}
And what I would like to do is build a set of input variables looking
like below:
data['freshbox'] = 1;
data['numitems'] = 1;
data['customerid'] = 1;
data['item[0][addonid]'] = 456;
data['item[0][itemid]'] = 12;
data['item[0][qty]'] = 1;
data['item[0][freq]'] = 1;
and throw these directly into $.post, such as:
$.post( url, data );
But for some reason the posted variables never make it. Can anyone
help?
[jQuery] jScrollPane snapping when link is clicked
I have a list of links in my pane. When I click a link it snaps to the top of the pane and I have to click it again. Is there anyway I can fix this to where I can click the link and it doesn't snap to the top?
[jQuery] jQuery and DWR - How to handle the callback
Hey all, Most plugins, ie grids etc, can load themselves using a URL parameter. How can I use DWR with these plug-ins since it hides the process of getting the JSON for you. For instance I would like to load a grid using the JSON returned from a call to a method via DWR. Is there a standard way that other people have dealt with this without modifying each plug-in? Thanks for any help.
[jQuery] Re: jqModal
change
$().ready(function() {
to
$(document).ready(function() {
Rule13 wrote:
I'm trying to trigger the following modal after the page loads. I've tried
'autofire:true' and jqmShow() to no avail. I am receiving an error message
that 'h' has no properties. I'm obviously doing something wrong. Can
someone help point me in the right direction? Here's the code:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleUntitled Document/title
!-- jqModal Dependencies --
script type=text/javascript src=jquery-1.2.6.pack.js/script
script type=text/javascript src=jqModal.js/script
!-- jqModal Styling --
link type=text/css rel=stylesheet media=all href=jqModal.css /
link type=text/css rel=stylesheet media=all href=alert.css /
script type=text/javascript
$().ready(function() {
// THIS DOSEN'T WORK
$('#ex3b').jqmShow({
ajax: 'examples/3b.html',
target: 'div.jqmAlertContent',
overlay: 70,
autofire: true
});
// THIS WORKS WHEN A TRIGGER IS USED
// BUT I WANT TO LOAD THE MESSAGE WHEN THE PAGE LOADS)
//var triggers = $('a.ex3bTrigger')[0];
//$('#ex3b').jqm({
//trigger: triggers,
//ajax: 'examples/3b.html',
//target: 'div.jqmAlertContent',
//overlay: 70
//});
// Close Button Highlighting. IE doesn't support :hover. Surprise?
if($.browser.msie) {
$('div.jqmAlert .jqmClose')
.hover(
function(){ $(this).addClass('jqmCloseHover'); },
function(){ $(this).removeClass('jqmCloseHover'); });
}
});
/script
/head
body
!-- this works when a trigger is used - so all the files are working --
# view
div class=jqmAlert id=ex3b
div id=ex3b class=jqmAlertWindow
div class=jqmAlertTitle clearfix
h1Did you know?/h1 # emClose/em
/div
div class=jqmAlertContent
pPlease wait... inc/busy.gif /p
/div
/div
/div
/body
/html
[jQuery] Re: onmouseclick get class
First your html is wrong, you ca't self close a div tag.
it should be
div id=chess-board
div class=chess-board
div id=chess-board_piece_1 class=r style=r/div
div id=chess-board_piece_2 class=n style=n/div
div id=chess-board_piece_3 class=b style=b/div
/div
/div
and the jquery should be
jQuery(document).ready(function(){
$(.chess-board div).click(function() {
test = $(this).attr(class);
alert(test);
});
});
you need to use $(this) otherwise it will only return the first div it
finds in .chess-board
Alfredo Alessandrini wrote:
Hi,
I've this html section:
div id=chess-board
div class=chess-board
div id=chess-board_piece_1 class=r style=position:
absolute; top: 301px; left: 301px;/
div id=chess-board_piece_2 class=n style=position:
absolute; top: 301px; left: 258px;/
div id=chess-board_piece_3 class=b style=position:
absolute; top: 301px; left: 215px;/
/div
/div
I need of a jquery function for get the class (r, n,b), of each
.chess-board div when I click on it.
I've try this:
jQuery(document).ready(function(){
$(.chess-board div).click(function() {
test = $(.chess-board div).attr(class);
alert(test);
});
});
Any help?
Alfredo
[jQuery] Re: scrolling menu items...
Have you give the cycle plugin a look? http://malsup.com/jquery/cycle/
I know they have an example for scrolling single items back and forth,
but I'm not sure how that would work with a portion of many like you
have. http://malsup.com/jquery/cycle/scrollhv.html
On Nov 10, 2:24 pm, PaulC [EMAIL PROTECTED] wrote:
Hello,
I've got this working but its hard coded.
the menu on right hand side of this site:http://sugarsnap.previewurl.net
needs to scroll through each item as the user clicks the arrows.
This is working but only because I've put fixed heights to scroll -
shich is buggy cross browser.
the code:
$('a.down').click(function(event) {
$('#folioMenu').scrollTo('+=90px', 800);
return false;
});
I want to use next and prev but it didnt work:
$('#folioMenu').scrollTo($(.menuItem).next(), 800);
I've tried several variations but no luck.
any thoughts as to how this could be achieved?
[jQuery] Announcement: Sorted Column Highlighting Widget For TableSorter.js Plugin
Good Afternoon, I wanted to let everyone know that I have created a widget for the tablesorter.js plugin that highlights the sorted column or columns. Please take a look at my post on it and let me know what could be improved here or in the post comments as I am still pretty new to jQuery and javascript in general. http://beckelman.net/post/2008/11/11/Sorted-Column-Highlighting-Widget-for-jQuery-TableSorter-Plugin-Demo.aspx Best Regards, Bill Beckelman
[jQuery] How to parse XMLHttpRequest.responseText from $.ajax(complete: function())
I've tried to make this as simple as possible. I can't figure out how
to parse the value of an element in xhr.responseText...
I have a function like this (works fine):
$('#foo\\:raq').click(function(){
$.ajax(
{
url : 'ii.faces'
, complete : hitMe
})
}
);
In hitMe(), I can see the xhr.responseText and the element in question
- BUT how do I pull out the value from the responseText and into a
variable?
function hitMe(xhr){
console.warn( xhr.responseText) ;
???
Here I want to get the value of iiForm:iiDude (see snippet
below)
???
}
Here is a snippet from the xhr:
form id=iiForm name=iiForm method=post action=/dev/ii.faces
enctype=application/x-www-form-urlencoded
input id=iiForm:iiDude name=iiForm:iiDude type=text value=Show
Me The Money /
[jQuery] Re: Custom sorter/parser for tablesorter
Yuck, why patch the js file when a custom parser could just be built? before that can happen though, something needs to be made more clear in the examples above, you pretty much are just ignoring letters for sorting purposes? On Nov 11, 2:51 am, Rodent of Unusual Size [EMAIL PROTECTED] wrote: On Nov 11, 12:29 am, Mike Nichols [EMAIL PROTECTED] wrote: I submitted a patch a long time ago to do this that implemented a natural sorting algorithm for this but it would never get applied and I couldn't get a response..I assumed the project was light or dead. I can send you the patched .js i had if you like. Sure. To what file(s) is it a patch, and does it still apply? Thanks!
[jQuery] Re: How to parse XMLHttpRequest.responseText from $.ajax(complete: function())
Pinging.
Requesting some light on how to pull an element/value from
$.ajax( complete : callback() ). What do I need to do to parse the
xhr.responseText in callback ?
Thanks!
On Nov 11, 11:15 am, John Ruffin [EMAIL PROTECTED]
wrote:
I've tried to make this as simple as possible. I can't figure out how
to parse the value of an element in xhr.responseText...
I have a function like this (works fine):
$('#foo\\:raq').click(function(){
$.ajax(
{
url : 'ii.faces'
, complete : hitMe
})
}
);
In hitMe(), I can see the xhr.responseText and the element in question
- BUT how do I pull out the value from the responseText and into a
variable?
function hitMe(xhr){
console.warn( xhr.responseText) ;
???
Here I want to get the value of iiForm:iiDude (see snippet
below)
???
}
Here is a snippet from the xhr:
form id=iiForm name=iiForm method=post action=/dev/ii.faces
enctype=application/x-www-form-urlencoded
input id=iiForm:iiDude name=iiForm:iiDude type=text value=Show
Me The Money /
[jQuery] Re: Serious help needed thanks
http://www.ndoherty.com/demos/coda-slider/1.1.1/ On Nov 6, 6:19 am, Takaya213 [EMAIL PROTECTED] wrote: Hi I have a div, which has tabs that changes the divs in the area below it, show/hide effect. Now inside the div that is changed by the tabs it needs to scroll the content of that specific div with next and previous buttons each div having its own contents that needs to scroll. The tabs when clicked need to be in the hover state as selected. When the person hovers over the image button when it is in the selected state it must remain in the selected state. See the concept below of how it needs to work.http://www.webnow.co.za/enquiry/bask-closed.jpg The pink tab is the one that is in the selected state. Thanks for any help with this, this also needs to be cross-browser friendly, so yes it needs to work in IE as well. ;-) -- View this message in context:http://www.nabble.com/Serious-help-needed-thanks-tp20356767s27240p203... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Who knows how to use jQuery in Dreamweaver CS4?
http://dreamweaverforum.info/dreamweaver-application-development/117531-cs4-jquery-support.html On Nov 9, 1:49 pm, Shawphy [EMAIL PROTECTED] wrote: Thx~ But it is said that dwcs4support jQuery directly without extension On Nov 10, 2:17 am, Brad [EMAIL PROTECTED] wrote: This might be what your looking for: http://xtnd.us/dreamweaver/jquery(foundvia Google) On Nov 9, 1:44 am, Shawphy [EMAIL PROTECTED] wrote: Now I'm coding javascript in dwcs4,and it says dwcs4support jQuery code hinting, but I have no idea how to make it work, Any ideas?
[jQuery] ClueTip iframe issue
I have a website with navigation containing cluetip which functions properly, until I hit a page with an iframe. The title area of clueTip goes transparent, Title is displayed and Close link displayed over drop shadow. Both FF and IE.
[jQuery] Re: how to use another javascript funtion (and outside variables) inside jquery model
The most clear way is to assign a single click handler:
HTML:
div class=contents
div id=abstractBla bla bla bla /div
div id=somethingelseBla bla bla bla /div
/div
ul class=links
lia href=#abstractHow to write an Abstract/a/li
lia href=#somethingelseHow to write something else/a/li
/li
And in the document's head:
(hope google groups doesn't break it too much)
script type=text/javascript
$(document).ready(function(){
$('.links a').click(function(){ //get all a elements inside the
element with class links
var id = $(this).attr('href').substring(1); //get the
content's id
$(id).slideToggle(); //toggle visibility of the contents
});
});
A glance at the docs (docs.jquery.com) should give you an insight of
what's going on.
As for the PHP, you can't actually pass a Javascript variable to it.
PHP is parsed/executed server-side, way before javascript. To get data
on-demand based on a javascript variable you need to use Ajax.
(docs.jquery.com/Ajax)
- ricardo
/script
On Nov 11, 5:01 pm, Oli [EMAIL PROTECTED] wrote:
Thanks Mike for your reply.
Okay, I have implemented this in a static mode:
http://www.uniquebrand.co.uk/education/index.php
Under Online resources if you click on these two links
How to write an Abstract
How to Write a Good Essay
You will see the effect that I am trying to achieve. It does serve my
purpose but the links and their IDs are not dynamically generated. I
want to do the same kind of slide up and down for dynamically
generated content. Does it explain my goal clearly?
Sorry, I am not a native english speaker. So, apologies for any
confusion.
Many Thanks :)
On Nov 11, 6:54 pm, Michael Geary [EMAIL PROTECTED] wrote:
Could we back up a bit and have you describe very simply how you want this
page to work? Leave out all of the implementation details like the IDs and
the JavaScript code. Simple HTML is OK if that helps describe what you want.
It looks like you're pretty far off track on the implementation (no offense
intended! We'll help you get back on track), but it would be hard to suggest
a better approach without understanding what this will look like to the
visitor to your site and how they will interact with it.
Thanks,
-Mike
From: Oli
Hi guys,
I am really excited about what I can do with JQuery, I just
managed to finish one simple demo which basically allows a
new css div to slide open when people click on a link. The
initially technique was all fine except everything there is
static. I then tried something dynamic where I got myself stuck.
Let me explain a bit more, for each of the following
hyperlinks I'd like to load the id from the database. So,
they will look as follows:
a href=# id=123 onclick=setID(123)How to ride a
bike/a a href=# id=124 onclick=setID(124)How to
play football/a
Now, obviously the content for each different link will be different.
So, I thought of using a javascript function called setID()
that takes the id from the link and pass it on to the jquery
functinons. So rather than having to check for each and every
links like this:
$(#link1).click(..
$(#link2).click(
$(#link3).click(.
and so forth and so on, this little trick will do the job
where one funtion will take care of all the links and their
values and hence no repeat.
$((i)).click( -
where i is the global variable that stores the link ID.
It works to some extent but not entirely right. I used an
alert(i); call to check the value and this is what I am
finding difficult to comprehend.
say, i click on first link whose id is 123, a popup window shows #123.
it then slides open the show div.
if i want to close it I can just hit the hide me button and
it hides the div, no problem.
all fine uptil here.
Now, the interesting and the difficult bit that I dont have
any clue whatsoever is when I click on any part of the web
page and find the div slides open automatically. I printed
the ID and it occured to me because I didnot initialise the
global variable after hiding the div first time, the next
click event is using the old value. So, I created a fucntion
called init(), all it does it set the global variable i to null.
But it doesnot resolve my problem. I would also like to use
php and database in order to populate content for show div.
Any idea how passing javascript variable to php script will
work in this context?
Here is my code:
script type=text/javascript
var i = ;
function setID(x){
i = #+x;
}
function init(){
i = ;
}
$(document).ready(
function(){
$(#showResource).hide();
$((i)).click(
function(){
alert(i);
init();
$(#showResource).slideDown(800);
return false;
}
);
$(#hideMe).click(
function(){
[jQuery] Re: How to parse XMLHttpRequest.responseText from $.ajax(complete: function())
Requesting some light on how to pull an element/value from $.ajax( complete : callback() ). What do I need to do to parse the xhr.responseText in callback ? What does the response text look like? Is it just a string? Is it JSON? Is it XML?
[jQuery] Re: How to parse XMLHttpRequest.responseText from $.ajax(complete: function())
Here is what the response looks like: form id=iiForm name=iiForm method=post action=/dev/ii.faces enctype=application/x-www-form-urlencoded input id=iiForm:iiDude name=iiForm:iiDude type=text value=Show Me The Money / Here I want to get the value of iiForm:iiDude. On Nov 11, 2:18 pm, Mike Alsup [EMAIL PROTECTED] wrote: Requesting some light on how to pull an element/value from $.ajax( complete : callback() ). What do I need to do to parse the xhr.responseText in callback ? What does the response text look like? Is it just a string? Is it JSON? Is it XML?
[jQuery] Re: Trouble with this
On Nov 11, 5:13 pm, Michael Geary [EMAIL PROTECTED] wrote:
To elaborate a bit, this is special, but it's not magic.
Whenever you call a function in JavaScript, it's always called as a method
of some object,
No, it's not. What object is the following functions called as
methods of:
(function(){})();
function foo() {};
foo.call({});
and this is a reference to that object.
If an object can't be determined, the global object is used, hence:
var global = (function(){return this;})();
When you call foo.bar(), you are calling a function as a method of the foo
object, so this == foo.
JavaScript also has a global object. When you call a function bar() without
any explicit object reference, you are actually calling it as a method of
the global object.
No, they aren't. Properties resolved on the scope chain don't behave
like that, otherwise this used within methods found on prototype
objects would refer to the prototype object rather than the instance.
The global object is used when no other reference can be resolved or
the call sets it to the this keyword.
--
Rob
[jQuery] links going to top of page
Hi all,
New to JQuery ajax, so this is probably a rookie mistake, but I can't seem
to find what I'm doing wrong.
I have a page separated into a left (selection) and right (display) region
using css.
I have the links on the left pointing to a div on the right. Simple enough.
However, when the legacy page is displayed on the right, and it contains a
link, that link will generate over the whole page, and not remain in the div
tag.
I'm assuming the embedded page does not respect the calling page's link
override. But I can't figure out how to override the new call.
script type=text/javascript
$(document).ready(function() {
// generate markup
$.get(/cgi-bin/inr/inrDash.pl,{},function(data){
$(#rating).append(data);
})
$(a).click(function(e){
e.preventDefault();
$.get($(this).attr(href),{},function(data){
$(#rating).html(data);
})
})
})
});
--
View this message in context:
http://www.nabble.com/links-going-to-%22top%22-of-page-tp20447058s27240p20447058.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: How to parse XMLHttpRequest.responseText from $.ajax(complete: function())
Here is the entire response if this helps:
?xml version=1.0 encoding=ISO-8859-1 ? !DOCTYPE html PUBLIC
-//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/
DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/
xhtmlheadmeta content=text/html; charset=ISO-8859-1 http-
equiv=Content-Type/
script type=text/javascript src=jquery.js /script
script type=text/javascript $(function(){ alert( READY FUNCTION
made it to ii.faces); }); /script titleWelcome2/title/head
bodyform id=iiForm name=iiForm method=post action=/dev/
ii.faces enctype=application/x-www-form-urlencodedlabel
id=iiForm:lbl for=iiForm:iiDudeHey You/labelinput
id=iiForm:iiDude name=iiForm:iiDude type=text value=Show Me The
Money /
input type=hidden name=iiForm_SUBMIT value=1 / input
type=hidden name=autoScroll / input type=hidden
name=javax.faces.ViewState id=javax.faces.ViewState
value=rVQDD2X73iYyXBegr1HsT3sxYj0oP9e9Ms27CxYsjKP2ACXD9sNsSy
+RMFQYPcYKbp32Ehhqs65UpKx0OayAkA== //form!-- MYFACES JAVASCRIPT --
script type=text/javascript!-- function getScrolling() { var x
= 0; var y = 0;if (self.pageXOffset || self.pageYOffset) { x =
self.pageXOffset; y = self.pageYOffset; } else if
((document.documentElement document.documentElement.scrollLeft)||
(document.documentElement document.documentElement.scrollTop)) { x
= document.documentElement.scrollLeft; y =
document.documentElement.scrollTop; } else if (document.body) { x =
document.body.scrollLeft; y = document.body.scrollTop; } return x +
, + y; } //--/script /body/html
On Nov 11, 2:23 pm, John Ruffin [EMAIL PROTECTED]
wrote:
Here is what the response looks like:
form id=iiForm name=iiForm method=post action=/dev/ii.faces
enctype=application/x-www-form-urlencoded
input id=iiForm:iiDude name=iiForm:iiDude type=text value=Show
Me The Money /
Here I want to get the value of iiForm:iiDude.
On Nov 11, 2:18 pm, Mike Alsup [EMAIL PROTECTED] wrote:
Requesting some light on how to pull an element/value from
$.ajax( complete : callback() ). What do I need to do to parse the
xhr.responseText in callback ?
What does the response text look like? Is it just a string? Is it
JSON? Is it XML?
[jQuery] validate
Hi, I am using the amazing validator plugin by Mr. Zaefferer.. I'm unable to find any documentation on using multiple fields within a single validation rule (e.g. adding a single validation to 3 social security number fields rather than validating each field separately and using a single errorContainer to be used for all 3.) Any advice would be greatly appreciated.. Thanks!
[jQuery] JSLitmus invaluable tool
I still feel fairly new to jQuery and javascript -- after almost a year! -- and have been experimenting with several different coding styles for plug-ins. Lately I've been curious about the difference in performance between using local variables vs. instance variables for storing state. JSLitmus, while not itself jQuery-based, has just given me the answers I've been looking for -- and I found them a bit surprising: a href='http://www.fatdog.com/litmus_tests/ InstanceVsLocalTest.html'Litmus Tests/a (Apologies for the color scheme! :-) Howard
[jQuery] jQuery.getScript and Browser Cache
Are browsers able to cache calls from jQuery.getScript (http:// docs.jquery.com/Ajax/jQuery.getScript)? I'm just trying to determine either to use that or just use HTML script tags to get jQuery plugin files and such. Would like the most officiant option. The reason being, I'd like to break out the first option into a separate JavaScript file, like a bootstrap file. Option 1: script type=text/javascript src=/_assets/js/jquery.js/script script type=text/javascript $.getScript(/_assets/js/jquery.ui.all.js); $.getScript(/_assets/js/jquery.hoverIntent.js); /script /script Option 2: script type=text/javascript src=/_assets/js/jquery.js/script script type=text/javascript src=/_assets/js/jquery.ui.all.js/ script script type=text/javascript src=/_assets/js/ jquery.hoverIntent.js/script
[jQuery] Re: validate
That would be the groups option, I'm still trying to make it work, but here's the documentation I've found:http://docs.jquery.com/Plugins/Validation/Reference#Validating_multiple_fields_with_one_method I've got my rules and my groups option both in the validate _javascript_ call. If you figure out how to get groups option working with that setup, please let me know :) Original Message Subject: [jQuery] validate From: jalanbyers [EMAIL PROTECTED]> Date: Tue, November 11, 2008 2:40 pm To: "jQuery (English)" jquery-en@googlegroups.com> Hi, I am using the amazing validator plugin by Mr. Zaefferer.. I'm unable to find any documentation on using multiple fields within a single validation rule (e.g. adding a single validation to 3 social security number fields rather than validating each field separately and using a single errorContainer to be used for all 3.) Any advice would be greatly appreciated.. Thanks!
[jQuery] jqModal
I'm trying to trigger the following modal after the page loads. I've tried
'autofire:true' and jqmShow() to no avail. I am receiving an error message
that 'h' has no properties. I'm obviously doing something wrong. Can
someone help point me in the right direction? Here's the code:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleUntitled Document/title
!-- jqModal Dependencies --
script type=text/javascript src=jquery-1.2.6.pack.js/script
script type=text/javascript src=jqModal.js/script
!-- jqModal Styling --
link type=text/css rel=stylesheet media=all href=jqModal.css /
link type=text/css rel=stylesheet media=all href=alert.css /
script type=text/javascript
$().ready(function() {
// THIS DOSEN'T WORK
$('#ex3b').jqmShow({
ajax: 'examples/3b.html',
target: 'div.jqmAlertContent',
overlay: 70,
autofire: true
});
// THIS WORKS WHEN A TRIGGER IS USED
// BUT I WANT TO LOAD THE MESSAGE WHEN THE PAGE LOADS)
//var triggers = $('a.ex3bTrigger')[0];
//$('#ex3b').jqm({
//trigger: triggers,
//ajax: 'examples/3b.html',
//target: 'div.jqmAlertContent',
//overlay: 70
//});
// Close Button Highlighting. IE doesn't support :hover. Surprise?
if($.browser.msie) {
$('div.jqmAlert .jqmClose')
.hover(
function(){ $(this).addClass('jqmCloseHover'); },
function(){ $(this).removeClass('jqmCloseHover'); });
}
});
/script
/head
body
!-- this works when a trigger is used - so all the files are working --
# view
div class=jqmAlert id=ex3b
div id=ex3b class=jqmAlertWindow
div class=jqmAlertTitle clearfix
h1Did you know?/h1 # emClose/em
/div
div class=jqmAlertContent
pPlease wait... inc/busy.gif /p
/div
/div
/div
/body
/html
--
View this message in context:
http://www.nabble.com/jqModal-tp20443670s27240p20443670.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: [ANNOUNCEMENT] jquery.timepickr.js: first official release
impressive, congratz ! On Tue, Nov 11, 2008 at 3:34 PM, h3 [EMAIL PROTECTED] wrote: Hi everyone, Yesterday I released the first public release of my jquery.timepickr plugin. I've posted it on the jQuery plugin page: http://plugins.jquery.com/project/jquery-timepickr Home page: http://haineault.com/media/jquery/ui-timepickr/page/
[jQuery] Re: [ANNOUNCEMENT] jquery.timepickr.js: first official release
Look terrific in FF, but it's seriously broken in IE7.
I get a script error on line 8007 whenever I click on the page, which seems
to prevent anything from working.
// hide all levels
hide: function() {
self = this; Right here.
setTimeout(function() {
self.wrapper.find('ol').hide();
}, self.options.hideDelay);
},
It needs to say var self = this;
It's trying to assign the global scope (window) object itself, and in IE,
window.self is a read-only value, so it breaks.
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of h3
Sent: Tuesday, November 11, 2008 6:35 AM
To: jQuery (English)
Subject: [jQuery] [ANNOUNCEMENT] jquery.timepickr.js: first official release
Hi everyone,
Yesterday I released the first public release of my jquery.timepickr
plugin.
I've posted it on the jQuery plugin page:
http://plugins.jquery.com/project/jquery-timepickr
Home page:
http://haineault.com/media/jquery/ui-timepickr/page/
[jQuery] Re: Remove CSS setting (not class)?
try $(#myElement).css(height, null); On Nov 11, 7:52 am, Shawn Grover [EMAIL PROTECTED] wrote: I have an odd situation where a DIV can be displayed in one of 3 states: - normal (X x Y pixels in dimension), - minimized (hidden) - maximized - the height value removed so that the div grows/shrinks to show the contents of the div. The first two are done, but I'm hitting a wall on the maximized bit. Perhaps because it's WAY past bed time for me. I've tried $(#myElement).css(height, ); with no luck. I don't want to just say 100%, because some content may only be a line or two, while others may be XXX pages... Thanks for any tips. Shawn
[jQuery] Call Thickbox ImageGroup from flash
Hi all, I have a little problem with calling a thickbox imageGroup from flash. Opening one single image is no problem (http:// www.prioninteractive.com/article/call-thickbox-from-within-flash/). But I don't know how to open a gallery/imageGroup from flash. Has anyone an idea?
[jQuery] Re: document Ready function in the Ajax Response
could you pose some of your code? On Tue, Nov 11, 2008 at 6:30 PM, ravithokala [EMAIL PROTECTED] wrote: Hi, I have an issue with document.ready. I have a page which will make an ajax call. The response on the ajax call contains script which contains document.ready. The content in document.ready is getting executed successfully in ie7 but not in ff3. Please tell how to solve this in FF.
[jQuery] Re: How to parse XMLHttpRequest.responseText from $.ajax(complete: function())
form id=iiForm name=iiForm method=post action=/dev/ii.faces
enctype=application/x-www-form-urlencoded
input id=iiForm:iiDude name=iiForm:iiDude type=text value=Show
Me The Money /
Here I want to get the value of iiForm:iiDude.
Why not use responseXML since you're returning an XML doc? Maybe
something like:
$('#iiForm\:iiDude', xhr.responseXML).attr('value');
[jQuery] Re: how to use another javascript funtion (and outside variables) inside jquery model
That looks like just what Oli needs - thanks, Ricardo.
The selector is not quite right in the click handler. Don't strip off the
leading '#' character, because you would just have to add it back in to make
a jQuery selector.
Also, for efficiency, I would suggest using IDs instead of classnames for
those contents and links elements. And don't forget to return false to
suppress the standard link behavior.
So your jQuery code in the document ready function would be:
$(#links a').click( function() {
var selector = $(this).attr('href');
$(selector).slideToggle();
return false;
});
The only extra thing would be a way to make the hide me buttons work.
One easy way to do that would be to use the same general technique.
In the A tag for each hide me link, use the same coding for the href:
#abstract etc.
Also assign a specific classname to these A tags. For example:
a href=#abstract class=hideme(img tag here)/a
Then add to your jQuery setup code:
$('#contents a.hideme').click( function() {
var selector = $(this).attr('href');
$(selector).slideUp();
return false;
});
-Mike
From: ricardobeat
The most clear way is to assign a single click handler:
HTML:
div class=contents
div id=abstractBla bla bla bla /div
div id=somethingelseBla bla bla bla /div /div
ul class=links
lia href=#abstractHow to write an Abstract/a/li
lia href=#somethingelseHow to write something
else/a/li /li
And in the document's head:
(hope google groups doesn't break it too much)
script type=text/javascript
$(document).ready(function(){
$('.links a').click(function(){ //get all a elements
inside the element with class links
var id = $(this).attr('href').substring(1); //get
the content's id
$(id).slideToggle(); //toggle visibility of the contents
});
});
A glance at the docs (docs.jquery.com) should give you an
insight of what's going on.
As for the PHP, you can't actually pass a Javascript variable to it.
PHP is parsed/executed server-side, way before javascript. To
get data on-demand based on a javascript variable you need to
use Ajax.
(docs.jquery.com/Ajax)
- ricardo
/script
On Nov 11, 5:01 pm, Oli [EMAIL PROTECTED] wrote:
Thanks Mike for your reply.
Okay, I have implemented this in a static mode:
http://www.uniquebrand.co.uk/education/index.php
Under Online resources if you click on these two links How
to write an
Abstract How to Write a Good Essay
You will see the effect that I am trying to achieve. It
does serve my
purpose but the links and their IDs are not dynamically
generated. I
want to do the same kind of slide up and down for dynamically
generated content. Does it explain my goal clearly?
Sorry, I am not a native english speaker. So, apologies for any
confusion.
Many Thanks :)
On Nov 11, 6:54 pm, Michael Geary [EMAIL PROTECTED] wrote:
Could we back up a bit and have you describe very simply how you
want this page to work? Leave out all of the
implementation details
like the IDs and the JavaScript code. Simple HTML is OK
if that helps describe what you want.
It looks like you're pretty far off track on the
implementation (no
offense intended! We'll help you get back on track), but
it would be
hard to suggest a better approach without understanding what this
will look like to the visitor to your site and how they
will interact with it.
Thanks,
-Mike
From: Oli
Hi guys,
I am really excited about what I can do with JQuery, I just
managed to finish one simple demo which basically
allows a new css
div to slide open when people click on a link. The initially
technique was all fine except everything there is
static. I then
tried something dynamic where I got myself stuck.
Let me explain a bit more, for each of the following hyperlinks
I'd like to load the id from the database. So, they
will look as
follows:
a href=# id=123 onclick=setID(123)How to ride a
bike/a
a href=# id=124 onclick=setID(124)How to play
football/a
Now, obviously the content for each different link will
be different.
So, I thought of using a javascript function called
setID() that
takes the id from the link and pass it on to the jquery
functinons. So rather than having to check for each and every
links like this:
$(#link1).click(..
$(#link2).click(
$(#link3).click(.
and so forth and so on, this little trick will do the job where
one funtion will take care of all the links and their
values and
hence no repeat.
$((i)).click( -
where i is the global variable that stores the link ID.
It works to some extent but not entirely right. I used an
alert(i); call to check the value and this is what I am
[jQuery] Re: [autocomplete] - IE 6 and IE 7 Scroll bar problem.
Just editing the subject so it shows [autocomplete] On Nov 11, 11:26 pm, Akio [EMAIL PROTECTED] wrote: Jorn, Thank you for showing interest in my problem. It shows the problem on all inputs with a scroll bar. You can try it on Single City (local) or Single Bird (Remote) onhttp://jquery.bassistance.de/autocomplete/demo/. And the problem is exhibited on IE 7 as well. Here are the steps once again with more details. 1. Enter something in the text box that provides suggestions (You could try Single City (local) or Single Bird (Remote) and enter a) 2. Let the suggestion list appear with scroll bars. 3. Use the mouse button to scroll up or down (not the mouse wheel) by dragging the scroll bar (remember to use the mouse to scroll up and down. this step is very important. I think it moves the focus away from the text box field and this is probably the cause of the problem) 4. Now click on anywhere outside the suggestion list. Ideally the suggestion list should disappear but I see that the suggestion list just sits there unless you select something from the list At this point the keyboard Up and Down arrows also do not seem to work. Even the Esc key wont work. Thanks! Akio. On Nov 11, 9:33 pm, Jörn Zaefferer [EMAIL PROTECTED] wrote: I can't reproduce that. Which actual example (which input) did you test with? Jörn On Tue, Nov 11, 2008 at 3:31 PM, Akio [EMAIL PROTECTED] wrote: I have been looking at JQuery autocomplete and just when I thought it would meet my needs, I found a bug on IE 6. This is the problem. 1. Enter something in the text box that provides suggestions 2. Let the suggestion list appear with scroll bars. 3. Use the scroll bar to scroll down or up (this step is very important) 4. Now click on anywhere outside the suggestion list. Ideally the suggestion list should disappear but I see that the suggestion list just sits there unless you select something from the list At this point the keyboard Up and Down arrow also do not seem to work. It works fine on FF 3 and I think IE 7 (though I would need to re- test). I tested it on this linkhttp://jquery.bassistance.de/autocomplete/demo/ Any help would be appreciated. -Akio
[jQuery] Re: jQuery.getScript and Browser Cache
Are you going to always be loading these .js files into your page? If so, the most efficient option by far is to concatenate all of them into a single .js file that you load with a single script tag. Maybe explain more about why you want a bootstrap file, and what exactly you want it to do? -Mike From: Panman Are browsers able to cache calls from jQuery.getScript (http:// docs.jquery.com/Ajax/jQuery.getScript)? I'm just trying to determine either to use that or just use HTML script tags to get jQuery plugin files and such. Would like the most officiant option. The reason being, I'd like to break out the first option into a separate JavaScript file, like a bootstrap file. Option 1: script type=text/javascript src=/_assets/js/jquery.js/script script type=text/javascript $.getScript(/_assets/js/jquery.ui.all.js); $.getScript(/_assets/js/jquery.hoverIntent.js); /script /script Option 2: script type=text/javascript src=/_assets/js/jquery.js/script script type=text/javascript src=/_assets/js/jquery.ui.all.js/ script script type=text/javascript src=/_assets/js/ jquery.hoverIntent.js/script
[jQuery] Remove CSS setting (not class)?
I have an odd situation where a DIV can be displayed in one of 3 states: - normal (X x Y pixels in dimension), - minimized (hidden) - maximized - the height value removed so that the div grows/shrinks to show the contents of the div. The first two are done, but I'm hitting a wall on the maximized bit. Perhaps because it's WAY past bed time for me. I've tried $(#myElement).css(height, ); with no luck. I don't want to just say 100%, because some content may only be a line or two, while others may be XXX pages... Thanks for any tips. Shawn
[jQuery] Re: [autocomplete] - IE 6 Scroll bar problem.
I can't reproduce that. Which actual example (which input) did you test with? Jörn On Tue, Nov 11, 2008 at 3:31 PM, Akio [EMAIL PROTECTED] wrote: I have been looking at JQuery autocomplete and just when I thought it would meet my needs, I found a bug on IE 6. This is the problem. 1. Enter something in the text box that provides suggestions 2. Let the suggestion list appear with scroll bars. 3. Use the scroll bar to scroll down or up (this step is very important) 4. Now click on anywhere outside the suggestion list. Ideally the suggestion list should disappear but I see that the suggestion list just sits there unless you select something from the list At this point the keyboard Up and Down arrow also do not seem to work. It works fine on FF 3 and I think IE 7 (though I would need to re- test). I tested it on this link http://jquery.bassistance.de/autocomplete/demo/ Any help would be appreciated. -Akio
[jQuery] window.close() in jQuery
Hello, can anyone explain how to close popup window programmatically in jQuery? Thanks in advance.
[jQuery] Re: How to parse XMLHttpRequest.responseText from $.ajax(complete: function())
In Firebug, xhr.responseXML is null. Is there something explicitly I
need to do in order to populate it?
On Nov 11, 3:09 pm, Mike Alsup [EMAIL PROTECTED] wrote:
form id=iiForm name=iiForm method=post action=/dev/ii.faces
enctype=application/x-www-form-urlencoded
input id=iiForm:iiDude name=iiForm:iiDude type=text value=Show
Me The Money /
Here I want to get the value of iiForm:iiDude.
Why not use responseXML since you're returning an XML doc? Maybe
something like:
$('#iiForm\:iiDude', xhr.responseXML).attr('value');
[jQuery] Re: jQuery timing out on page load
Is the web is in php? if it is, why don't you try not to load the jquery file when the file is not needed, by addding the condition before the script tag, hope it can solve your problem harryhobbes wrote: Hi, I've got jQuery loading by default on my site. The library is only used on some pages in my site, however when I load a page that isn't using jquery (but still loading the file in the html header) Firefox pops up with a warning that jquery is timing out. Any suggestions? Cheers
[jQuery] Re: How to do anything after animate finished
ooops, I got another problem,
in FF3, CSS property white-space will make image have 3px padding, but in
IE, it's not, any good suggestion?
On Tue, Nov 11, 2008 at 7:54 PM, Alexandre Plennevaux
[EMAIL PROTECTED]wrote:
my pleasure :)
On Tue, Nov 11, 2008 at 12:53 PM, David Wu [EMAIL PROTECTED] wrote:
Fantastic, thanks a lot
On Tue, Nov 11, 2008 at 7:32 PM, Alexandre Plennevaux
[EMAIL PROTECTED]
wrote:
activate the button in a callback function after the animate
var isClickable = true;
right.click(function()
{
if(ul.css('left') != (maxMove * -1) + 'px'
isClickable)
{
isClickable = false;
ul.animate({left:'-=50px'},function(){
isClickable = true;
});
}
});
On Tue, Nov 11, 2008 at 11:06 AM, David .Wu [EMAIL PROTECTED] wrote:
Hi everybody
This my testing gallery slider, it will count image's amount, and
prevent it not to outside the wrapper, but I got one problem, if user
click button after the animation finished, it's done well, but if user
click too fast, the js will not catch the left property in time
correctly, how to fix the bug?
CSS
style type=text/css
!--
body { font-size: 12px; }
#wrapper
{
height: 50px;
width: 50px;
overflow: hidden;
position: relative;
border:1px #FF solid;
}
ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
position: absolute;
white-space:nowrap;
}
li
{
display:inline;
margin:0 -3px 0 0;
width:50px;
height:50px;
overflow:hidden;
}
--
/style
HTML
div id=wrapper
ul
liimg src=1.jpg border=0 //li
liimg src=2.jpg border=0 //li
liimg src=3.jpg border=0 //li
/ul
/div
input type=button name=left id=left value=left /
input type=button name=right id=right value=right /
JavaScript
script language=javascript
!--
$(document).ready(function()
{
var wrapper = $('#wrapper');
var ul = $('ul',wrapper);
var itemsWidth = $('li',ul).outerWidth();
var itemsLen = $('li',ul).size();
var maxMove = (itemsLen - 1) * itemsWidth;
var minMove = 0;
var right = $('#right');
var left = $('#left');
right.click(function()
{
if(ul.css('left') != (maxMove * -1) + 'px')
{
ul.animate({left:'-=50px'});
}
});
left.click(function()
{
if(ul.css('left') != minMove + 'px')
{
ul.animate({left:'+=50px'});
}
});
});
//--
/script
[jQuery] Re: [validate] Password validation works in FF3 but not in IE6
There is a (experimental) subproject for password validation,
including a strength meter:
http://jqueryjs.googlecode.com/svn/trunk/plugins/validate.password/
The actual code is in
http://jqueryjs.googlecode.com/svn/trunk/plugins/validate.password/jquery.validate.password.js
Jörn
On Tue, Nov 11, 2008 at 12:14 PM, dk [EMAIL PROTECTED] wrote:
Thanks for a great validation plugin!
Writing my first custom validation:
script
$(document).ready(function(){
jQuery.validator.addMethod(adminPwd, function(value,
element) {
return this.optional(element) || /^(?=.*\d)(?=.*[a-z])(?
=.*[A-Z])(?!.*\s)(?!.*\W).{8,255}$/.test(value);
}, The password must contain lower case, upper case and
number(s) and be at least 8 characters);
$('#userForm').validate();
});
/script
The aim is that the password must contain at least one lower case, one
upper case and one number. Spaces are not allowed. Lenght at least 8
characters
This works in FF3 but not in IE6. I suspect some regular expression
incompability in IE6 but I don't know how to debug it to pinpoint
exactly which part of the RE fails.
Any workarounds would be appretiated!
dk
[jQuery] Re: onmouseclick get class
jQuery(document).ready(function(){
$(.chess-board div).click(function() {
test = $(this).attr(class);
alert(test);
});
});
Now it's work...
Thanks.
Alfredo
[jQuery] Re: window.close() in jQuery
On 11 Nov., 12:04, namrata vagyani [EMAIL PROTECTED] wrote: Give me the general way. I am opening a popup using window.open(). But while closing window in popup window.close() not working properly in IE mozilla. So is their any jQuery solution for this. The jQuery solution is: window.close(); jQuery is JavaScript and some things cannot be replaced by jQuery. What does't not work properly with that? If I remember correctly, only the opener and the window itself can close a popup window. --Klaus
[jQuery] Re: How to parse XMLHttpRequest.responseText from $.ajax(complete: function())
In Firebug, xhr.responseXML is null. Is there something explicitly I need to do in order to populate it? Your server needs to set the correct mime-type.
[jQuery] [autocomplete] - IE 6 Scroll bar problem.
I have been looking at JQuery autocomplete and just when I thought it would meet my needs, I found a bug on IE 6. This is the problem. 1. Enter something in the text box that provides suggestions 2. Let the suggestion list appear with scroll bars. 3. Use the scroll bar to scroll down or up (this step is very important) 4. Now click on anywhere outside the suggestion list. Ideally the suggestion list should disappear but I see that the suggestion list just sits there unless you select something from the list At this point the keyboard Up and Down arrow also do not seem to work. It works fine on FF 3 and I think IE 7 (though I would need to re- test). I tested it on this link http://jquery.bassistance.de/autocomplete/demo/ Any help would be appreciated. -Akio
