[jQuery] Re: Which jquery plugin is best to use to create this effect
Armand Datema ha scritto: Hi I am back into jquery since a long time due to other work http://phorsite.com/ which jquery plugin would be the best to create this effect in a jquery enabled site Armand I don't have experience about it, but I'm going to implement something similar and I will take a look a this plugin: http://www.reindel.com/accessible_news_slider/ Maybe can be the one for you. Bye :-) -- gianiaz.net - Giovanni Battista Lenoci P.le Bertacchi 66 23100 Sondrio (SO) - Italy
[jQuery] Re: Which jquery plugin is best to use to create this effect
You don't need a plugin, just the animate effect:
$('page').animate({left:600}, 1000)
[jQuery] toggle disables links - unwanted
Hi,
Does anyone have a solution? the toggle part works fine it just
disables all my links in the table...
On Feb 24, 11:10 pm, rayfidelity [EMAIL PROTECTED] wrote:
Hi,
I have a problem with mytogglefunction...it disables all the links
in thetr(when i click on the link it just changes the color of thetr)...How
do i fix it?
$(.table_datatr).toggle(
function(){
$(this).css(background-color,#FEFFAF);
},
function(){
$(this).css(background-color,#FFF);
}
);
Thanks!
BR
[jQuery] $.width() not giving me the true size....
I have a DIV that I'm appending n spans to. The spans are positioned absolutely, the Div relatively. Also, the spans have whitespace set to nowrap and the Div's parent overflow is set to hidden. When I call $(#divname).width() I get its absolute width ( which is its parent's width since it's set to 100%) and not the true width including the size of the overflowed elements. Am I expecting too much? How can I find the real size without looping through all the child elements and adding their widths together? Many thanks. john
[jQuery] Instructions starting before previous can end??
I have 5 instructions in 5 different lines, inside of a for
statement:
for(var i = 0; i this.subTabArr.length ; i++){
$.get(subtab.html #subDiv, function(html){
$(#left).append(html);
});
/** PROBLEM CODE START**/
$(#subDiv).css({top: lastTop});
$(#subDiv).attr(id, + this.subTabArr[i].attName);
$(#subImg).attr(id, img +
this.subTabArr[i].attName);
$(#subText).text( + this.subTabArr[i].name);
$(#subText).attr(id, txt +
this.subTabArr[i].attName);
/** PROBLEM CODE END **/
}
-
div id=subDiv class=subselected
img id=subImg/img
label id=subText/label
/div
When I execute the function that contains them it doesn't work (It
doesn't change subDiv's position and basically stacks all the div's
together), but when I debug it and execute it step by step, it works
perfectly. Any ideas of how can I avoid this? It looks like the next
instruction is running before the previous one can end, but I have
absolutely no idea of how to stop this from happening.
Thanks in advance.
[jQuery] File uploads in JQuery Forms plugin
The doc says that Forms targets a hidden iframe for the server response when submitting the form. The problem is, I need to see what that server response is to see if the submission was successful or not. Is there a way to get a hold of the hidden iframe so i can traverse its contents?
[jQuery] jQuery.load() problems
I have a site thats uses jQuery.load(). However the method stopped
working for me correctly when the new filter logic was added.
If I used jQuery v1.1.3.1 it works. Anything new than this version
does not behave correctly. I am using the following code:
var loc = 'http://www.ludoholic.com/my.games';
...
function refreshPage(id, parameters)
{
$(# + id).css(cursor, wait);
$(#content).load(loc + ?refresh=1 + parameters, null,
function()
{
$(# + id).css(cursor, auto)
}
);
}
The problem is that only a partial amount of the generated HTML is
being returned, meaning somehow I am kicking off the filter
functionality within the jQuery.load() method, although I don't know
how with the above code.
Any help would be greatly appreciated.
Ed
[jQuery] Re: Sending an AJAX call back on link click without losing it
Nevermind. Apparently I had something wrong somewhere because this isn't happening anymore. On Feb 24, 4:39 pm, AsymF [EMAIL PROTECTED] wrote: I am trying to study user interface usage based on links clicked, so I attached a pingback to the click event of every link. It simply does a basic $.get(url) to the statistic tracking script on the server. However, I have noticed during my tests of this rather simple code that a LOT of my pingbacks aren't getting received unless I have set AJAX to make synchronous requests. This ties up the browser unless the server responds back though. I would like to just send the request and be done with it since I do not need to process the response in the browser. What could be interrupting the transmission here?
[jQuery] Re: Which jquery plugin is best to use to create this effect
Can you give me the code with the example? Plz
On Mon, Feb 25, 2008 at 3:21 PM, Dave Stewart [EMAIL PROTECTED]
wrote:
You don't need a plugin, just the animate effect:
$('page').animate({left:600}, 1000)
--
Best Regards,
Sai Sandeep Thota.
[jQuery] Simple jQuery AJAX, going crazy.
Hi,
I'm trying to retrieve some XML with jQuery and process it. Following
the tutorials I got this:
$(function() {
$.ajax({ type: GET, url: xml.php, dataType: xml, success:
function(xml){
alert('success');
}, error: function(){
alert('error');
}});
});
Now, of course, this doesn't process anything, but the problem is I
never get any of the alerts. The AJAX request succeeds according to
Firebug. Does anyone see what I'm doing wrong?
Thanks in advance!
[jQuery] Menu using jQuery based on Joel Birch's Superfish menu
Check out http://forrestcroce.com. It's using a three-tiered dropline menu which is a style variant of Joel Birch's Superfish menu. It's styled for the child menus to step down from the parent with space between to give a see-through effect without transparency (except in IE6, but it works there nonetheless). Joel, you said on your page you check here periodically, and I wanted you to see this. I'm hoping to spread the word on your creation, because I hope that this is the direction many menus will take in the future.
[jQuery] Simple jQuery AJAX, going crazy.
I have this AJAX request:
$(function() {
$.ajax({ type: GET, url: xml.php, dataType: xml,
success: function(xml){
alert('success');
}, error: function(){
alert('error');
}});
});
Firebug says it succeeds, but there aren't any alerts, it neither
succeeds nor fails? Can anyone shed some light on this?
P.S. I've posted about the same message fifteen minutes ago, it just
doesn't seem to show up..
[jQuery] Probs..
Hey Folks! This is Sandeep new to this group, I want help in AJAX. IN AJAX how a frame opens by dimming the page, when we click on a Image? Can u suggest any Link r code?? Thanks -- Best Regards, Sai Sandeep Thota.
[jQuery] Re: File uploads in JQuery Forms plugin
Just use the normal ajax callbacks to get the server response:
$('#myForm').ajaxSubmit({
success: function(responseData) {
alert(responseData);
}
});
On Mon, Feb 25, 2008 at 1:51 AM, TimH [EMAIL PROTECTED] wrote:
The doc says that Forms targets a hidden iframe for the server
response when submitting the form.
The problem is, I need to see what that server response is to see if
the submission was successful or not.
Is there a way to get a hold of the hidden iframe so i can traverse
its contents?
[jQuery] Re: selectors: selecting every element that is not children of another div
Jean-Sébastien wrote:
hi, i try to select every element that is not children of another div.
i tried different ways but didn't find a solution.
regards
Try:
$('body *').filter(function() {
return this.parentNode.nodeName.toLowerCase() != 'div';
});
Don't think that will perform very well, but I cannot think of another
way if you need it that generic.
--Klaus
[jQuery] Re: toggle disables links - unwanted
Try the latest jQuery (1.2.3) which removed .toggle(), and use the
mouseenter/mouseleave. Maybe it works then.
Ariel Flesler
On Feb 25, 7:52 am, Sandeep [EMAIL PROTECTED] wrote:
Thanks!
On Mon, Feb 25, 2008 at 4:18 PM, rayfidelity [EMAIL PROTECTED] wrote:
Hi,
Does anyone have a solution? the toggle part works fine it just
disables all my links in the table...
On Feb 24, 11:10 pm, rayfidelity [EMAIL PROTECTED] wrote:
Hi,
I have a problem with mytogglefunction...it disables all the links
in thetr(when i click on the link it just changes the color of
thetr)...How do i fix it?
$(.table_datatr).toggle(
function(){
$(this).css(background-color,#FEFFAF);
},
function(){
$(this).css(background-color,#FFF);
}
);
Thanks!
BR
--
Best Regards,
Sai Sandeep Thota.- Hide quoted text -
- Show quoted text -
[jQuery] Re: Which jquery plugin is best to use to create this effect
jQuery.SerialScroll:
http://flesler.blogspot.com/2008/02/jqueryserialscroll.html
Ariel Flesler
On Feb 25, 6:53 am, Sandeep [EMAIL PROTECTED] wrote:
Can you give me the code with the example? Plz
On Mon, Feb 25, 2008 at 3:21 PM, Dave Stewart [EMAIL PROTECTED]
wrote:
You don't need a plugin, just the animate effect:
$('page').animate({left:600}, 1000)
--
Best Regards,
Sai Sandeep Thota.
[jQuery] Re: selectors: selecting every element that is not children of another div
That would probably work but I wouldn't want to try it because I can't
imagine any non-trivial page where it would complete this century. :)
Then again I can't imagine why on Earth the OP would actually want to
be doing this in the first place. Perhaps if you (the OP) can give us
a description of your problem then a better solution would present
itself?
On Feb 25, 11:52 am, Klaus Hartl [EMAIL PROTECTED] wrote:
Jean-Sébastien wrote:
hi, i try to select every element that is not children of another div.
i tried different ways but didn't find a solution.
regards
Try:
$('body *').filter(function() {
return this.parentNode.nodeName.toLowerCase() != 'div';
});
Don't think that will perform very well, but I cannot think of another
way if you need it that generic.
--Klaus
[jQuery] jQuery.validate versus jQuery.yav
We have a lot of forms on our site that are using a script called fValidate for client side validation. However, fValidate is not very friendly to use, hasn't been updated in years, causes incompatibilities with jQuery in IE6 and is just generally horrible. We're looking to replace it with another validator, one that plays nice with jQuery is a must, one that works as a jQuery plugin would probably suit our needs better as we are planning on using jQuery effects on the forms too. Research has dug up a number of jQuery validation plugins but the two major ones seem to be Validate and YAV. The former seems to be jQuery native, whereas the latter is apparently a plugin based on a third party library. Both seem to offer a lot of power. Before we commit to either one or the other, has anybody got any experience of both of these plugins? Can you offer an opinion on which one is the better choice?
[jQuery] How to validate form fields using jquery
Hi Friends,
I am using CakePHP framework. With that I am using jquery for AJAX
calls to my forms. It works perfect for me. Now I want to use the
jquery for my form fields validations on client side.
I saw a very good plugin at
http://bassistance.de/jquery-plugins/jquery-plugin-validation/
. But I don't know how to use this with AJAX. I already tried
script
$(document).ready(function(){
$(#myForm).validate();
});
/script
This also works. But When I implement this with my existing project
using AJAX. It does not work.
For AJAX my jquery function is called at onSubmit event of myForm as
$.ajax({url: ../EmployeeDetails/employee_details_edit/, data: $
(this.elements).serialize(), success: function(response){$
(#sub1content).html(response);}, type: Post, dataType: html});$
().ajaxSend(function(r,s){ $(#contentLoading).show() });$
().ajaxStop(function(r,s){ $(#contentLoading).fadeOut(fast) });
return false;
But I don't know how to fit my Validate call into this form submit
call.
Any help would be greatly appreciated.
[jQuery] Re: jQuery.validate versus jQuery.yav
I love validate. It takes a bit of getting used to the options, but
it's great.
I attach a custom attribute to any items i want validated with simple
rules, then validate does the rest.
A rough example:
input id=email name=email type=text validation=required:true,
email:true /
label class=error for=emailAny error messages will go here.../
label
$('#form-1').validate()
[jQuery] Re: selectors: selecting every element that is not children of another div
'*:not(div) *'
or
'*:not(div) *' if they must be direct descendants
This is theoretically what you need, but won't work, it will also
select the head, the body.. almost everything but the children of the
divs. As gordon said, you should explain the situation.
Ariel Flesler
On 25 feb, 09:24, Gordon [EMAIL PROTECTED] wrote:
That would probably work but I wouldn't want to try it because I can't
imagine any non-trivial page where it would complete this century. :)
Then again I can't imagine why on Earth the OP would actually want to
be doing this in the first place. Perhaps if you (the OP) can give us
a description of your problem then a better solution would present
itself?
On Feb 25, 11:52 am, Klaus Hartl [EMAIL PROTECTED] wrote:
Jean-Sébastien wrote:
hi, i try to select every element that is not children of another div.
i tried different ways but didn't find a solution.
regards
Try:
$('body *').filter(function() {
return this.parentNode.nodeName.toLowerCase() != 'div';
});
Don't think that will perform very well, but I cannot think of another
way if you need it that generic.
--Klaus- Ocultar texto de la cita -
- Mostrar texto de la cita -
[jQuery] Re: when an AJAX API documentation!!
This is unfair, extJS IS NOT open source, pelase just read licence carefully. http://extjs.com/license anyway try this http://jquery.bassistance.de/api-browser/ good luck. On Feb 22, 9:10 am, oscarml [EMAIL PROTECTED] wrote: HI, do you know if it planned to develop an API documentation pure AJAX. I shouldn't say this, but something similar to extJS/doc hehe. Thx!
[jQuery] Select all control for tablesorter+pager?
Hi all I've been using the tablesorter+pager plugin quite effectively up to now. Now, I'd like to add a gmail style select all control, i.e one that * selects the rows in the current page * shows a link saying select all the xxx items (in yyy pages), which selects all the records in all the pages The problem is, I can't find a hook for doing so. AFAIK the pager plugin relies on the tablesorter cache to modify the table body. Anyone with some suggestions? thanks a lot, cheers F
[jQuery] Re: Taconite and Jquery 1.2.3
ok... seems like jframe is still using some kind of target.
I'll play around with that code. Thanks!
Peter :)
On Feb 24, 5:54 pm, Mike Alsup [EMAIL PROTECTED] wrote:
On Sun, Feb 24, 2008 at 7:04 PM, lvp1138 [EMAIL PROTECTED] wrote:
Hi Mike,
It doesn't have a target... take a look at the source code...
Peter
On Feb 24, 1:25 pm, Mike Alsup [EMAIL PROTECTED] wrote:
Peter, this is the same problem as before. You cannot use the form
plugin's 'target' option if your server is returning XML documents.
That's
just not going to work.
Mike
Take a look at ab-jquery.jframe.js. This is what I find in there (starting
at line 83):
jQuery(form).ajaxSubmit({
target: target,
beforeSubmit: function(formArray) {
formArray.push({
name:submit,
value: jQuery(input).attr(value)
});
},
success: function() {
target.attr(src, jQuery(form).attr(action));
eval(target.attr(onload));
target.activateJFrame();
}
});
[jQuery] please, please, please, please, please, help me with this
Hi all,
I mannaged to get the JCarousel working perfectly in IE but in Firefox
Mozilla the previous and next arrow buttons dont show.
Im using the static_controls.html model from the examples and the
tango skin.
here is my CSS followed by the HTML
jquery.jcarousel.css
[css]
/**
* This div element is wrapped by jCarousel around the list
* and has the classname jcarousel-container.
*/
/*#mycarousel{ display : none; }*/
.jcarousel-container{ position : relative; border:1px solid #00; }
.jcarousel-clip
{
z-index : 2;
padding : 0;
margin : 0;
overflow : hidden;
position : relative;
}
.jcarousel-list
{
z-index : 1;
overflow : hidden;
position : relative;
top : 0;
left : 0;
margin : 0;
padding : 0;
}
.jcarousel-item
{
float : left;
list-style: none;
/* We set the width/height explicitly. No width/height causes
infinite loops. */
width : 115px;
height: 115px;
cursor: pointer;
margin-right : 10px;
#margin-right : 0px;
}
/**
* The buttons are added dynamically by jCarousel before
* the ul list (inside the div described above) and
* have the classnames jcarousel-next and jcarousel-prev.
*/
.jcarousel-next
{
position:relative;
float:right;
margin-top : 25px;
z-index: 3;
display: none;
border:1px solid #00;
width: 34px;
height:34px;
}
.jcarousel-prev
{
position:relative;
float:left;
margin-top : 25px;
margin-right:-30px;
padding-right:0px;
z-index: 3;
display: none;
border:1px solid #00;
width: 34px;
height:34px;
}
[/css]
skin.css
[css]
.jcarousel-skin-tango.jcarousel-container-horizontal
{
width : 365px;
padding : 0px 40px 0px 40px;
}
.jcarousel-skin-tango.jcarousel-container-vertical
{
width : 115px;
height : 365px;
padding : 40px 0px 40px 0px;
}
.jcarousel-skin-tango.jcarousel-clip-horizontal
{
width : 365px;
height : 115px;
}
.jcarousel-skin-tango.jcarousel-clip-vertical
{
width : 115px;
height : 365px;
}
.jcarousel-skin-tango.jcarousel-item
{
width : 115px;
height : 115px;
}
.jcarousel-skin-tango.jcarousel-item-horizontal{ margin-right :
10px; }
.jcarousel-skin-tango.jcarousel-item-vertical{ margin-bottom : 10px; }
.jcarousel-skin-tango.jcarousel-item-placeholder
{
background : #FF;
color : #00;
}
/* Horizontal Buttons */
.jcarousel-skin-tango.jcarousel-next-horizontal
{
position : absolute;
top: 43px;
right : 5px;
width : 32px;
height : 32px;
cursor : pointer;
background : transparent url(next-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango.jcarousel-next-horizontal:hover{ background-
position : -32px 0; }
.jcarousel-skin-tango.jcarousel-next-horizontal:active{ background-
position : -64px 0; }
.jcarousel-skin-tango.jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango.jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango.jcarousel-next-disabled-horizontal:active
{
cursor : default;
background-position : -96px 0;
}
.jcarousel-skin-tango.jcarousel-prev-horizontal
{
position : absolute;
top: 43px;
left : 5px;
width : 32px;
height : 32px;
cursor : pointer;
background : transparent url(prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango.jcarousel-prev-horizontal:hover{ background-
position : -32px 0; }
.jcarousel-skin-tango.jcarousel-prev-horizontal:active{ background-
position : -64px 0; }
.jcarousel-skin-tango.jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango.jcarousel-prev-disabled-horizontal:active
{
cursor : default;
background-position : -96px 0;
}
/* Vertical Buttons */
.jcarousel-skin-tango.jcarousel-next-vertical
{
position : absolute;
bottom : 5px;
left : 43px;
width : 32px;
height : 32px;
cursor : pointer;
background : transparent url(next-vertical.png) no-repeat 0 0;
}
.jcarousel-skin-tango.jcarousel-next-vertical:hover{ background-
position : 0 -32px; }
.jcarousel-skin-tango.jcarousel-next-vertical:active{ background-
position : 0 -64px; }
.jcarousel-skin-tango.jcarousel-next-disabled-vertical,
.jcarousel-skin-tango.jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango.jcarousel-next-disabled-vertical:active
{
cursor : default;
background-position : 0 -96px;
}
.jcarousel-skin-tango.jcarousel-prev-vertical
{
position : absolute;
top: 5px;
left : 43px;
width : 32px;
height : 32px;
cursor : pointer;
background : transparent url(prev-vertical.png) no-repeat 0 0;
}
[jQuery] Using wrap() On Absolute Positioned Element
This isn't working for me. The div has two classes: actionBox and popup. If I go into the css and remove position:absolute from class popup, wrap() works fine. Anyone know how to use wrap() on an absolutely positioned element?
[jQuery] Re: please, please, please, please, please, help me with this
a link to your page would be helpful-
On Feb 25, 9:37 am, Tal [EMAIL PROTECTED] wrote:
Hi all,
I mannaged to get the JCarousel working perfectly in IE but in Firefox
Mozilla the previous and next arrow buttons dont show.
Im using the static_controls.html model from the examples and the
tango skin.
here is my CSS followed by the HTML
jquery.jcarousel.css
[css]
/**
* This div element is wrapped by jCarousel around the list
* and has the classname jcarousel-container.
*/
/*#mycarousel{ display : none; }*/
.jcarousel-container{ position : relative; border:1px solid #00; }
.jcarousel-clip
{
z-index : 2;
padding : 0;
margin : 0;
overflow : hidden;
position : relative;
}
.jcarousel-list
{
z-index : 1;
overflow : hidden;
position : relative;
top : 0;
left : 0;
margin : 0;
padding : 0;
}
.jcarousel-item
{
float : left;
list-style: none;
/* We set the width/height explicitly. No width/height causes
infinite loops. */
width : 115px;
height: 115px;
cursor: pointer;
margin-right : 10px;
#margin-right : 0px;
}
/**
* The buttons are added dynamically by jCarousel before
* the ul list (inside the div described above) and
* have the classnames jcarousel-next and jcarousel-prev.
*/
.jcarousel-next
{
position:relative;
float:right;
margin-top : 25px;
z-index: 3;
display: none;
border:1px solid #00;
width: 34px;
height:34px;
}
.jcarousel-prev
{
position:relative;
float:left;
margin-top : 25px;
margin-right:-30px;
padding-right:0px;
z-index: 3;
display: none;
border:1px solid #00;
width: 34px;
height:34px;}
[/css]
skin.css
[css]
.jcarousel-skin-tango.jcarousel-container-horizontal
{
width : 365px;
padding : 0px 40px 0px 40px;
}
.jcarousel-skin-tango.jcarousel-container-vertical
{
width : 115px;
height : 365px;
padding : 40px 0px 40px 0px;
}
.jcarousel-skin-tango.jcarousel-clip-horizontal
{
width : 365px;
height : 115px;
}
.jcarousel-skin-tango.jcarousel-clip-vertical
{
width : 115px;
height : 365px;
}
.jcarousel-skin-tango.jcarousel-item
{
width : 115px;
height : 115px;
}
.jcarousel-skin-tango.jcarousel-item-horizontal{ margin-right :
10px; }
.jcarousel-skin-tango.jcarousel-item-vertical{ margin-bottom : 10px; }
.jcarousel-skin-tango.jcarousel-item-placeholder
{
background : #FF;
color : #00;
}
/* Horizontal Buttons */
.jcarousel-skin-tango.jcarousel-next-horizontal
{
position : absolute;
top: 43px;
right : 5px;
width : 32px;
height : 32px;
cursor : pointer;
background : transparent url(next-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango.jcarousel-next-horizontal:hover{ background-
position : -32px 0; }
.jcarousel-skin-tango.jcarousel-next-horizontal:active{ background-
position : -64px 0; }
.jcarousel-skin-tango.jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango.jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango.jcarousel-next-disabled-horizontal:active
{
cursor : default;
background-position : -96px 0;
}
.jcarousel-skin-tango.jcarousel-prev-horizontal
{
position : absolute;
top: 43px;
left : 5px;
width : 32px;
height : 32px;
cursor : pointer;
background : transparent url(prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango.jcarousel-prev-horizontal:hover{ background-
position : -32px 0; }
.jcarousel-skin-tango.jcarousel-prev-horizontal:active{ background-
position : -64px 0; }
.jcarousel-skin-tango.jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango.jcarousel-prev-disabled-horizontal:active
{
cursor : default;
background-position : -96px 0;
}
/* Vertical Buttons */
.jcarousel-skin-tango.jcarousel-next-vertical
{
position : absolute;
bottom : 5px;
left : 43px;
width : 32px;
height : 32px;
cursor : pointer;
background : transparent url(next-vertical.png) no-repeat 0 0;
}
.jcarousel-skin-tango.jcarousel-next-vertical:hover{ background-
position : 0 -32px; }
.jcarousel-skin-tango.jcarousel-next-vertical:active{ background-
position : 0 -64px; }
.jcarousel-skin-tango.jcarousel-next-disabled-vertical,
.jcarousel-skin-tango.jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango.jcarousel-next-disabled-vertical:active
{
cursor : default;
background-position : 0 -96px;
}
[jQuery] Re: Problem with form validation (works in FF, but not in IE)
Just to let you know, that switching from jquery.validate.pack.js to jquery.validate.js worked like a champ. I wonder if the packed version can be fixed though as I'd rather use it. On Feb 24, 4:11 pm, Chris Jordan [EMAIL PROTECTED] wrote: Thanks for the response! I'll let you know how it turned out. On Feb 20, 10:41 pm, Macarrão [EMAIL PROTECTED] wrote: Hails! Well, I've been using this plugin and it works nice! I think you'd better give the attribute name the same value as the id attribute. I believe IE and Opera selects by name insted of id. On 20 fev, 22:58, ChrisJordan [EMAIL PROTECTED] wrote: Hi folks, This page http://seifactory.com/login.php works in FireFox without problem, but doesn't do anything in IE. Now, I'm only talking about validation here, the form doesn't actually *do* anything just yet. All I was trying to do was get the validation going. This is the first time I've attempted to use Jörn's validation plug-in, and I'm kinda getting the hang of it (or so I thought), but now this isn't working in IE so I'm all stumped. I'd like to figure this out before I try to work on learning anything else (like error message placement ... hints on that would be welcome too, though). Thanks heaps everyone, Chris --http://cjordan.us
[jQuery] validation plug-in and error placement -- need help
Hi folks, I'm in need of some assistance in figuring out how to place error messages via Jörn's form validation plug-in. I'm not sure I understand how it works. So far what appears to happen is that the plug-in itself adds a label tag with the class error and then the text of the error that I've specified in my code or the default if I've left one out. I know there's some documentation on this, and I continue to read it, but up to now I don't seem to be catching on to quickly. If someone had a very simple example of how to place the error message anywhere I wanted that would be fantastic. I will of course continue to work on the problem myself, but any help would be greatly appreciated. Cheers! Chris
[jQuery] Re: validation plug-in and error placement -- need help
Just some clarification on what I'm trying to achieve. I'm looking at the error container example for the validation plug-in and that's darn close to what I want, but I was hoping for the error container to be more like a modal dialog. Is there a way of placing these error messages inside of a modal dialog? Thanks heaps, Chris On Feb 25, 10:03 am, Chris Jordan [EMAIL PROTECTED] wrote: Hi folks, I'm in need of some assistance in figuring out how to placeerror messages via Jörn's formvalidationplug-in. I'm not sure I understand how it works. So far what appears to happen is that the plug-in itself adds a label tag with the class error and then the text of theerrorthat I've specified in my code or the default if I've left one out. I know there's some documentation on this, and I continue to read it, but up to now I don't seem to be catching on to quickly. If someone had a very simple example of how to place theerrormessage anywhere I wanted that would be fantastic. I will of course continue to work on the problem myself, but any help would be greatly appreciated. Cheers! Chris
[jQuery] Re: [treeview]
Well, I'm not sure if this really needs a ticket since I may just be unclear on how to do this. I've kind of got it working now, but I end up sending html, instead of json like I'd like to (I used one of the solutions posted in your blog page's comments). Here's what I am trying to accomplish, and it sounds very similar to what some people have posted in your comments as well. In my initial tree, I have four root nodes, which are all initially populated with one child that simply says Loading When the node is expanded, I want an ajax call to the server with certain parameters (at this point, the expanded node's id will do fine, but in the future more parameters might be a good idea, too). What would be returned is either json or html (I'd prefer json, however), which I could then use to create nodes (with text, folder/file type, id, and an html link) that I would populate as children of the expanded node. Some of these nodes would be folders again. Sounds like a pretty simple idea, and I've pretty much hacked it together, but I haven't yet seen how to do it with the built in code you've provided. The code you've provided looks to me like you run it once on load or whenever you want, and it populates the entire tree, not necessarily the expanded nodes on their exansion. So, am I missing something? On Sun, Feb 24, 2008 at 2:36 PM, Jörn Zaefferer [EMAIL PROTECTED] wrote: pawe schrieb: Hi! I've tried to make treeview plugin work with permalinks, but without luck: http://bassistance.de/jquery-plugins/jquery-plugin-treeview/ Heres an example: http://cms.segast-i.eu/ Any ideas are appreciated! What exactly is the issue? The testpage seems to work fine, apart from missing images. Jörn
[jQuery] Google conversion code and ui.accordion conflict
I'm having problems tracking goal conversions with google analytics. We discovered after disabling all our javascript individually we isolated our ui.accordion script as the cause for this. Anyone else have experiences with problems with the two?
[jQuery] use jquery script from parent of iframe
Quick question. There is a parent page that uses jquery and iframe in that page, which loads a page that also uses jquery. I would like the child parent to use the parent's instance of jquery. i tried: script type=text/javascriptvar jQuery, $; $ = window.parent.$; jQuery = window.parent.jQuery; /script which actually loads without error, and even allows some of the childs jquery functions to work, but others don't or work poorly (throw errors). is there another/better way to do this? everything is in the same domain-
[jQuery] Re: toggle disables links - unwanted
On Feb 25, 2008, at 4:10 AM, Ariel Flesler wrote: Try the latest jQuery (1.2.3) which removed .toggle() toggle() was removed? i'm using jquery 1.2.3 and it seems to be working for me. This isn't mentioned in the release notes either: http://docs.jquery.com/Release:jQuery_1.2.3 --dave
[jQuery] AjaxCFC and jQuery 1.2.2 and above
Hey all, I was working with the new jQuery 1.2.3 over the weekend and noticed that it broke my ajaxCFC installation. I had to roll back to jQuery 1.2.1 before ajaxCFC would work again. Has anyone else noticed this? If so has anyone done a port of ajaxCFC to jQ 1.2.2 and above? It looks like development of ajaxCFC has ground to a halt...bummer... -- Josh
[jQuery] Re: toggle disables links - unwanted
Wait.. this is a mess :) all my fault.
I got confused, I was thinking about 'hover' not 'toggle'.
@David
I checked now and hover and toggle stayed, only that hover uses the
mouse events internally for backwards compatibility.
Now, .toggle IS internally calling e.preventDefault(), I really don't
know what, but that the reason the links don't work.
Maybe there's a good reason for that, maybe not.. the comments say:
Make sure that clicks stop ??
@Cherry
We are talking about toggle when used with two functions, not THAT use
of toggle.
@rayfielity
That's all I can say, as a quick solution, you should make your own
toggle, that shouldn't take more than a few lines.
Cheers
Ariel Flesler
On 25 feb, 14:35, [EMAIL PROTECTED] [EMAIL PROTECTED]
wrote:
This works. I'm using v 1.2.2.
// click on/off
$('#panelOff, #hidestyles').bind('click',function(){
$('#pagestyles').toggle();
Cherry.
David McFarland wrote:
On Feb 25, 2008, at 4:10 AM, Ariel Flesler wrote:
Try the latest jQuery (1.2.3) which removed .toggle()
toggle() was removed? i'm using jquery 1.2.3 and it seems to be
working for me. This isn't mentioned in the release notes
either:http://docs.jquery.com/Release:jQuery_1.2.3
--dave- Ocultar texto de la cita -
- Mostrar texto de la cita -
[jQuery] Re: toggle disables links - unwanted
Argh, I hate myself when I type fast.
I really don't know what -- I really don't know WHY
rayfielity -- rayfidelity (sorry)
On 25 feb, 14:44, Ariel Flesler [EMAIL PROTECTED] wrote:
Wait.. this is a mess :) all my fault.
I got confused, I was thinking about 'hover' not 'toggle'.
@David
I checked now and hover and toggle stayed, only that hover uses the
mouse events internally for backwards compatibility.
Now, .toggle IS internally calling e.preventDefault(), I really don't
know what, but that the reason the links don't work.
Maybe there's a good reason for that, maybe not.. the comments say:
Make sure that clicks stop ??
@Cherry
We are talking about toggle when used with two functions, not THAT use
of toggle.
@rayfielity
That's all I can say, as a quick solution, you should make your own
toggle, that shouldn't take more than a few lines.
Cheers
Ariel Flesler
On 25 feb, 14:35, [EMAIL PROTECTED] [EMAIL PROTECTED]
wrote:
This works. I'm using v 1.2.2.
// click on/off
$('#panelOff, #hidestyles').bind('click',function(){
$('#pagestyles').toggle();
Cherry.
David McFarland wrote:
On Feb 25, 2008, at 4:10 AM, Ariel Flesler wrote:
Try the latest jQuery (1.2.3) which removed .toggle()
toggle() was removed? i'm using jquery 1.2.3 and it seems to be
working for me. This isn't mentioned in the release notes
either:http://docs.jquery.com/Release:jQuery_1.2.3
--dave- Ocultar texto de la cita -
- Mostrar texto de la cita -- Ocultar texto de la cita -
- Mostrar texto de la cita -
[jQuery] Re: toggle disables links - unwanted
This works. I'm using v 1.2.2.
// click on/off
$('#panelOff, #hidestyles').bind('click',function(){
$('#pagestyles').toggle();
Cherry.
David McFarland wrote:
On Feb 25, 2008, at 4:10 AM, Ariel Flesler wrote:
Try the latest jQuery (1.2.3) which removed .toggle()
toggle() was removed? i'm using jquery 1.2.3 and it seems to be
working for me. This isn't mentioned in the release notes either:
http://docs.jquery.com/Release:jQuery_1.2.3
--dave
[jQuery] Re: Validating not happening in IE6 no error removal on keyup
Jorn, I tried looking at that and I guess the thing I'm not understanding is where do I specify the option:onkeyup to make sure that that's happening? I thought it was unnecessary because I thought I remembered reading that the validation was lazy until they submitted something and then the validating happens when they enter in text and also when they move to the next form element. For whatever reason none of those checks seem to happen and I guess that's why I'm confused. On Feb 24, 12:30 pm, Jörn Zaefferer [EMAIL PROTECTED] wrote: This may give some insight into the issue:http://docs.jquery.com/Plugins/Validation#Validation_event Let me know if it doesn't help. Jörn
[jQuery] Re: toggle disables links - unwanted
This works. I'm using v 1.2.2.
// click on/off
$('#panelOff, #hidestyles').bind('click',function(){
$('#pagestyles').toggle();
Cherry.
David McFarland wrote:
On Feb 25, 2008, at 4:10 AM, Ariel Flesler wrote:
Try the latest jQuery (1.2.3) which removed .toggle()
toggle() was removed? i'm using jquery 1.2.3 and it seems to be
working for me. This isn't mentioned in the release notes either:
http://docs.jquery.com/Release:jQuery_1.2.3
--dave
[jQuery] Re: tr background toggle
In my experience, CSS on TRs is an unreliable prospect. Try setting the CSS
for the TDs instead. You could do this by having a CSS property like this:
tr.hover td { background-color:#FEFFAF; }
And then code it like this:
$(.table_data tr).toggle(
function(){
$(this).addClass('hover');
},
function(){
$(this).removeClass('hover');
}
);
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of rayfidelity
Sent: Sunday, February 24, 2008 2:11 PM
To: jQuery (English)
Subject: [jQuery] tr background toggle
Hi,
I have a problem with my toggle function...it disables all the links
in the tr (when i click on the link it just changes the color of the
tr)...How do i fix it?
$(.table_data tr).toggle(
function(){
$(this).css(background-color,#FEFFAF);
},
function(){
$(this).css(background-color,#FFF);
}
);
Thanks!
BR
[jQuery] Re: AjaxCFC and jQuery 1.2.2 and above
Hi Josh, Yeah neither Rob nor myself have had time to focus on AjaxCFC due to time constraints. If you have the error, I can take a peak. Rey Josh Nathanson wrote: Hey all, I was working with the new jQuery 1.2.3 over the weekend and noticed that it broke my ajaxCFC installation. I had to roll back to jQuery 1.2.1 before ajaxCFC would work again. Has anyone else noticed this? If so has anyone done a port of ajaxCFC to jQ 1.2.2 and above? It looks like development of ajaxCFC has ground to a halt...bummer... -- Josh
[jQuery] Re: How to validate form fields using jquery
manish schrieb:
Hi Friends,
I am using CakePHP framework. With that I am using jquery for AJAX
calls to my forms. It works perfect for me. Now I want to use the
jquery for my form fields validations on client side.
I saw a very good plugin at
http://bassistance.de/jquery-plugins/jquery-plugin-validation/
. But I don't know how to use this with AJAX. I already tried
script
$(document).ready(function(){
$(#myForm).validate();
});
/script
This also works. But When I implement this with my existing project
using AJAX. It does not work.
For AJAX my jquery function is called at onSubmit event of myForm as
$.ajax({url: ../EmployeeDetails/employee_details_edit/, data: $
(this.elements).serialize(), success: function(response){$
(#sub1content).html(response);}, type: Post, dataType: html});$
().ajaxSend(function(r,s){ $(#contentLoading).show() });$
().ajaxStop(function(r,s){ $(#contentLoading).fadeOut(fast) });
return false;
But I don't know how to fit my Validate call into this form submit
call.
Any help would be greatly appreciated.
Take a look at the submitHandler option here:
http://docs.jquery.com/Plugins/Validation/validate
There is also an example for using the form plugin in combination with
validation (also using the submitHanlder):
http://jquery.bassistance.de/validate/demo/ajaxSubmit-intergration-demo.html
Jörn
[jQuery] Re: jQuery.validate versus jQuery.yav
Gordon schrieb: We have a lot of forms on our site that are using a script called fValidate for client side validation. However, fValidate is not very friendly to use, hasn't been updated in years, causes incompatibilities with jQuery in IE6 and is just generally horrible. We're looking to replace it with another validator, one that plays nice with jQuery is a must, one that works as a jQuery plugin would probably suit our needs better as we are planning on using jQuery effects on the forms too. Research has dug up a number of jQuery validation plugins but the two major ones seem to be Validate and YAV. The former seems to be jQuery native, whereas the latter is apparently a plugin based on a third party library. Both seem to offer a lot of power. Before we commit to either one or the other, has anybody got any experience of both of these plugins? Can you offer an opinion on which one is the better choice? A few links that may help decide: Ajaxian feature: http://ajaxian.com/archives/jquery-validation-plugin-v12-updated Usage in the wild: http://services.newsweek.com/register.aspx Documentation, links to demos with descriptions, some blabla: http://docs.jquery.com/Plugins/Validation Very rough roadmap: http://dev.jquery.com/view/trunk/plugins/validate/todo Let me know if you have any specific questions. Jörn
[jQuery] Re: validation plug-in and error placement -- need help
Chris Jordan schrieb: Just some clarification on what I'm trying to achieve. I'm looking at the error container example for the validation plug-in and that's darn close to what I want, but I was hoping for the error container to be more like a modal dialog. Is there a way of placing these error messages inside of a modal dialog? If the modal dialog is the error container itself, the validation plugin could handle showing/hiding it. Really tight integration into a modal dialog would most likely need some improvements in the validation plugin. You should recondisder actually trying to implement that, because it gets you quite close to alert-validation. In any case it would help if you could show what you've got so far and describe in more details what you want to achieve. Jörn
[jQuery] jquery private variable
I create a simple plugins and bind it to two div in my pages.
..
jQuery.jUpload = function()
{
var test;
return {
startUpload: function()
{
alert(test);
},
setVars: function(_test)
{
test = _test;
}
};
}
jQuery.fn.jUpload = function(_test)
{
this.each(function()
{
jQuery.jUpload.setVars(_test);
var butUpload = jQuery(button/button).append('upload');
butUpload.bind('click', jQuery.jUpload.startUpload);
jQuery(this).append(butUpload);
});
return this;
};
script
$(document).ready(function() {
$('#divOne').jUpload('test one');
$('#divTwo').jUpload('test two');
});
/script
div id=divOne/div
div id=divTwo/div
..
what I want to know, is how the variable 'test' can be unique(private)
for each plugins .. (like variables in class on php) ... in this case,
the divTwo overwrite the variable test. so when I click the button on
divOne and divTwo, it always display 'test two' thanks
[jQuery] Re: textArea select text.
how to edit textarea value in JQ without plugins?
[jQuery] Re: Books
Thank you very much! I will go check those two books out! Ryan On Feb 24, 10:18 pm, Richard D. Worth [EMAIL PROTECTED] wrote: I would strongly recommend these two: Pro JavaScript Techniques John Resighttp://www.amazon.com/Pro-JavaScript-Techniques-John-Resig/dp/1590597273 Learning jQuery: Better Interaction Design and Web Development with Simple JavaScript Techniques Karl Swedberg, Jonathan Chafferhttp://www.amazon.com/Learning-jQuery-Interaction-Development-JavaScr... This one just came out. I haven't had a chance to read it yet: jQuery in Action Bear Bibeault, Yehuda Katzhttp://www.amazon.com/jQuery-Action-Bear-Bibeault/dp/1933988355 - Richard On Sun, Feb 24, 2008 at 12:07 PM, coughlinsmyalias [EMAIL PROTECTED] wrote: Hey, I was wondering what books you guys would reccomend? I have been looking here on the groups and on Amazon and not sure which one to go with? Any ideas? Thanks! Ryan
[jQuery] document.onmousedown=selectmouse vs $(document).mousedown(function(){})
this is interesting:
I have a standard function in JS, and call it like so:
document.onmousedown=trackmouse
function trackmouse(){...}
works very nicely.
I tired to make it happen jQuery-style, but no dice.
$(document).mousedown(function(){})
Of course my function is inside an extender
jQuery.fn.extend({ trackmouse: function(){...});
It's more of an exercise really, because the plain JS syntax is
actually less obtrusive than the jQuery version.
[jQuery] Re: AjaxCFC and jQuery 1.2.2 and above
Rey, I'll slap together a test page and send another email when it's ready. -- Josh - Original Message - From: Rey Bango [EMAIL PROTECTED] To: jquery-en@googlegroups.com Sent: Monday, February 25, 2008 10:57 AM Subject: [jQuery] Re: AjaxCFC and jQuery 1.2.2 and above Hi Josh, Yeah neither Rob nor myself have had time to focus on AjaxCFC due to time constraints. If you have the error, I can take a peak. Rey Josh Nathanson wrote: Hey all, I was working with the new jQuery 1.2.3 over the weekend and noticed that it broke my ajaxCFC installation. I had to roll back to jQuery 1.2.1 before ajaxCFC would work again. Has anyone else noticed this? If so has anyone done a port of ajaxCFC to jQ 1.2.2 and above? It looks like development of ajaxCFC has ground to a halt...bummer... -- Josh
[jQuery] Re: AjaxCFC and jQuery 1.2.2 and above
OK, turns out it wasn't ajaxCFC after all. I had an older version of livequery that I hadn't updated to the latest version that was conflicting with the newer versions of jQuery. I've gotten the latest version of livequery and now all is good. Sorry about the false alarm! -- Josh - Original Message - From: Rey Bango [EMAIL PROTECTED] To: jquery-en@googlegroups.com Sent: Monday, February 25, 2008 10:57 AM Subject: [jQuery] Re: AjaxCFC and jQuery 1.2.2 and above Hi Josh, Yeah neither Rob nor myself have had time to focus on AjaxCFC due to time constraints. If you have the error, I can take a peak. Rey Josh Nathanson wrote: Hey all, I was working with the new jQuery 1.2.3 over the weekend and noticed that it broke my ajaxCFC installation. I had to roll back to jQuery 1.2.1 before ajaxCFC would work again. Has anyone else noticed this? If so has anyone done a port of ajaxCFC to jQ 1.2.2 and above? It looks like development of ajaxCFC has ground to a halt...bummer... -- Josh
[jQuery] Re: validation plug-in and error placement -- need help
Jörn Zaefferer wrote: Chris Jordan schrieb: Just some clarification on what I'm trying to achieve. I'm looking at the error container example for the validation plug-in and that's darn close to what I want, but I was hoping for the error container to be more like a modal dialog. Is there a way of placing these error messages inside of a modal dialog? If the modal dialog is the error container itself, the validation plugin could handle showing/hiding it. Really tight integration into a modal dialog would most likely need some improvements in the validation plugin. You should recondisder actually trying to implement that, because it gets you quite close to alert-validation. In any case it would help if you could show what you've got so far and describe in more details what you want to achieve. Jörn Hi Jörn, Basically, what I didn't like was that I had a nice centered login screen and the errors appearing next to the elements where they did caused all of my elements to shift undesirably. It doesn't have to be in a modal (though I don't personally see what's wrong with that. What I'd really like to have is a message area that is always there and where the errors appear when they need to. Typically I handle this by incorporating a message container div which always takes up the space that a message would (so I always make sure my largest message will fit into it) and it is into that div that place all of my messages to the user. This is sort of like the status bar on a browser -- it's always there, and messages just appear when they need to -- and the display doesn't do any weird shifting about. Does that make more sense? I don't feel like I'm explaining it very well. Right now, all I've done is left justify my whole login screen and let the plug-in work like it does so the shifting doesn't happen, and I've moved on to something else pending any response to this message. Cheers! Chris
[jQuery] Re: textArea select text.
Define edit? You can assign the value just like any other text
field. i.e. $('textarea').val('text')
Karl Rudd
On Tue, Feb 26, 2008 at 5:56 AM, RazoR [EMAIL PROTECTED] wrote:
how to edit textarea value in JQ without plugins?
[jQuery] [tabs] Using jQuery inside tabs
I have created a page that calls $tabs.tabs(add, this.href, title); Where this.href is the link I am opening as a remote tab. This works and the tab is added with the correct page showing, however, any and all jQuery which is in the remote page called does not work. I noticed by looking at the generated code that the tab only has the pages body and has stripped all header information. So, in a thought of working around this, I added all the jQuery to the page creating the tabs. This did not work either. I would think you would be able to have jQuery within a remote tab. The ability to do so is important to what I am working on. Any help is greatly appreciated. Thanks. Seth
[jQuery] load events and timing
Good afternoon all,
If I attach an event to iframe page load, something like this:
$( '#Content', ReplyFrameDocument ).one( 'load',
function()
{
alert( 'content loaded' );
});
If the content is already loaded will I still get an event fired?
If not, what's the recommended way to do this?
Thanks
[jQuery] Re: clueTip Flicks in FF
please hlep me out. thx
[jQuery] Tabs - Rempote tabs with jQuery not working
I have a page creating new remote tabs on the fly, however, the remote tabs which have jQuery it them do not work. Is it possible to get the jQuery in them to work? If not, is there a solution that allows for tabs and for jQuery to be used in the tabs. Thanks. Seth
[jQuery] A jQuery and php os without Mysql
Hello and sorry for my english. In first, all my thanks to John Resig and all the people on his team ! I'm working since a few years on a php motor who's abble to work only with files, folders and logs. It's the same things as a computer. With that, i'm abble to make some web page without Mysql. It's really simple to transfer and to manage. The webmaster can play with the files, the preferences and the hot folders with a graphic connection witch is similar to a classic desktop. Ajax do the magic and php the rest. I can now move, rename, change, upload, download, files, from a pseudo window to another, i can also add apis, skin, languages simply... What i need is only sharing my work, and i would like to know if the jQuery team can have some interest on this work. I will try the google summer code perheaps. I have no server for the moment to show it online (and it's really hard to find a name who doesn't belong to anybody !) but i can post you a zip. Have a good day Xavier Bonjour à tous. Je travaille depuis quelques années sur un développement web à base de php et pointage de fichiers. Cela me permet de générer des pages assez facilement et sans avoir besoin d'une base mysql. A vrai dire tout passe par des jeux de logs et d'arborescences, exactement comme dans un ordinateur classique. L'interface d'administration est à l'image d'un bureau d'ordi. Etant donné qu'on travaille des fichiers et des dossiers, on a juste à jouer avec pour modifier le contenu des pages générées automatiquement. Si quelque webmaster de jQuery trouve de l'intérêt à se projet, il peut me contacter. N'ayant pas de serveur pour le moment j'enverrai un zip. Bonne journée à tous Xavier
[jQuery] Re: Tabs - Rempote tabs with jQuery not working
On Feb 25, 9:50 pm, Seth McGuinness [EMAIL PROTECTED] wrote: I have a page creating new remote tabs on the fly, however, the remote tabs which have jQuery it them do not work. Is it possible to get the jQuery in them to work? If not, is there a solution that allows for tabs and for jQuery to be used in the tabs. Thanks. Seth Seth, I answered you on the very same question on the UI list, which is the appropriate list for UI Tabs related questions anyway. Cross posting does not really recude my work load... http://groups.google.com/group/jquery-ui/browse_thread/thread/4f44a9c99505d73a/72fb3d9a1a974206#72fb3d9a1a974206 --Klaus
[jQuery] Re: clueTip Flicks in FF
I already replied to the same issue in the other thread: It looks like part of the tooltip is hitting the mouse, and that causes a mouseout from the invoking element, which closes the tooltip; when the tooltip then closes, the mouse is once again over the invoking element. This continues. You might want to try an offset. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Feb 25, 2008, at 3:39 PM, fshuja wrote: please hlep me out. thx
[jQuery] Re: Using jQuery inside tabs
On Feb 25, 8:48 pm, Seth - TA [EMAIL PROTECTED] wrote: I have created a page that calls $tabs.tabs(add, this.href, title); Where this.href is the link I am opening as a remote tab. This works and the tab is added with the correct page showing, however, any and all jQuery which is in the remote page called does not work. I noticed by looking at the generated code that the tab only has the pages body and has stripped all header information. So, in a thought of working around this, I added all the jQuery to the page creating the tabs. This did not work either. I would think you would be able to have jQuery within a remote tab. The ability to do so is important to what I am working on. Any help is greatly appreciated. Thanks. You can have that without any problems, although you have to meet some basic requirements. You have to understand that in the end you're loading HTML into a div of an *existing* document. Thus you cannot load complete documents with html, head and body tags. You need to use HTML fragments. You have to take care of that in the back-end, this is no functionality the plugin can provide. With each Ajax request jQuery sends an extra request header (X-Requested-With: XMLHttpRequest), which you can use to determine if the page was loaded via Ajax or if was a standard request. The reason why you see what you see as generated code, is that the browser's HTML parser strips away stuff you cannot put into an existing body of an HTML document. --Klaus
[jQuery] Re: Can't Add a checked=checked Attribute to Input tag
Rob, Thank you very much for the detailed response. Very insightful indeed. Cheers. Joe On Feb 23, 1:28 am, RobG [EMAIL PROTECTED] wrote: On Feb 23, 4:55 am, Joe [EMAIL PROTECTED] wrote: Yes I did. Strangely enough, what I initially wrote worked in a simply HTML page without much else going on. I may have to parse thru the page that I'm working on to find if there is some sort of conflict. The checked property is a boolean, therefore you should set it using a boolean value. The most reliable way is: radioButton.checked = true; In HTML markup, the checked attribute has no value, its presence sets the checked property. In XHTML it is given a value of checked to conform to XML markup rules but when setting using script, you should still use a boolean. Using: radioButton.checked = 'checked'; may work as the string value assigned to the property is likely type- converted to true. -- Rob
[jQuery] Re: jcarousel not loading fully in safair
Oh man. thanks dude. I wasted the whole stinking day trying to debug that. THANK YOU THANK YOU
[jQuery] Re: Using jQuery inside tabs
On Feb 25, 11:41 pm, Seth - TA [EMAIL PROTECTED] wrote:
So if I understand what you are saying, any jQuery which I want to use
in the tabbed content must be in the parent page (the page which is
creating the tabs)? I have tried to add the appropriate jQuery
statements to the parent page and have still had no success. Could you
provide me with some tips on how to go about it? Thank you.
Seth
No, you can load any JavaScript - inline or external - but it has to
be within the tabs content. You just can't put it into a head element
because that would be stripped away. You need to put it into the
fragment you're loading. The following HTML could look like what you'e
loading as content into a tab panel:
pThe tab content. It has some JavaScript as well./p
script type=text/javascript
alert('I'm JavaScript in a tab panel.');
/script
Just try it...
Another approach is indeed to put all JavaScript into the parent page,
but then you need to use a callback on the load event to initialize
your stuff after the new HTML has been loaded, e.g. added to the DOM.
--Klaus
--Klaus
[jQuery] Re: Using jQuery inside tabs
So if I understand what you are saying, any jQuery which I want to use in the tabbed content must be in the parent page (the page which is creating the tabs)? I have tried to add the appropriate jQuery statements to the parent page and have still had no success. Could you provide me with some tips on how to go about it? Thank you. Seth On Feb 25, 4:30 pm, Klaus Hartl [EMAIL PROTECTED] wrote: On Feb 25, 8:48 pm, Seth - TA [EMAIL PROTECTED] wrote: I have created a page that calls $tabs.tabs(add, this.href, title); Where this.href is the link I am opening as a remote tab. This works and the tab is added with the correct page showing, however, any and all jQuery which is in the remote page called does not work. I noticed by looking at the generated code that the tab only has the pages body and has stripped all header information. So, in a thought of working around this, I added all the jQuery to the page creating the tabs. This did not work either. I would think you would be able to have jQuery within a remote tab. The ability to do so is important to what I am working on. Any help is greatly appreciated. Thanks. You can have that without any problems, although you have to meet some basic requirements. You have to understand that in the end you're loading HTML into a div of an *existing* document. Thus you cannot load complete documents with html, head and body tags. You need to use HTML fragments. You have to take care of that in the back-end, this is no functionality the plugin can provide. With each Ajax request jQuery sends an extra request header (X-Requested-With: XMLHttpRequest), which you can use to determine if the page was loaded via Ajax or if was a standard request. The reason why you see what you see as generated code, is that the browser's HTML parser strips away stuff you cannot put into an existing body of an HTML document. --Klaus
[jQuery] Re: document.onmousedown=selectmouse vs $(document).mousedown(function(){})
jquertil
I put my hand up to being no jQUery expert - I'm just starting out -
but shouldn't it be
$(body).click( function() {.. ?
Regards
John
[jQuery] Animating color changes using RGB values
I know jQuery is setup to do animations based on math performed on numerical values, so if I supplied it with a CSS rgb() range for it to animate from one color to the next (say red to blue) could it do the color transition?
[jQuery] Re: document.onmousedown=selectmouse vs $(document).mousedown(function(){})
On Feb 25, 7:33 pm, jquertil [EMAIL PROTECTED] wrote:
this is interesting:
I have a standard function in JS, and call it like so:
document.onmousedown=trackmouse
function trackmouse(){...}
works very nicely.
I tired to make it happen jQuery-style, but no dice.
$(document).mousedown(function(){})
Is this the code you're using? You're attaching an empty function to
the mousedown event. Shouldn't that be:
$(document).mousedown(trackmouse);
I don't see why you need to extend the jQuery object prototype (== fn)
here. You do this if you want to create chainable methods, which
doesn't seem to be the case.
--Klaus
[jQuery] Re: Problem with form validation (works in FF, but not in IE)
I already seen same problem with packed version in the past, Joern promised to check packed version everytime, but looks like he forgot that time :) On 25 фев, 17:55, Chris Jordan [EMAIL PROTECTED] wrote: Just to let you know, that switching from jquery.validate.pack.js to jquery.validate.js worked like a champ. I wonder if the packed version can be fixed though as I'd rather use it. On Feb 24, 4:11 pm, Chris Jordan [EMAIL PROTECTED] wrote: Thanks for the response! I'll let you know how it turned out. On Feb 20, 10:41 pm, Macarrão [EMAIL PROTECTED] wrote: Hails! Well, I've been using this plugin and it works nice! I think you'd better give the attribute name the same value as the id attribute. I believe IE and Opera selects by name insted of id. On 20 fev, 22:58, ChrisJordan [EMAIL PROTECTED] wrote: Hi folks, This page http://seifactory.com/login.php works in FireFox without problem, but doesn't do anything in IE. Now, I'm only talking about validation here, the form doesn't actually *do* anything just yet. All I was trying to do was get the validation going. This is the first time I've attempted to use Jörn's validation plug-in, and I'm kinda getting the hang of it (or so I thought), but now this isn't working in IE so I'm all stumped. I'd like to figure this out before I try to work on learning anything else (like error message placement ... hints on that would be welcome too, though). Thanks heaps everyone, Chris --http://cjordan.us
[jQuery] Re: Simple jQuery AJAX, going crazy.
try to use POST instead of GET
On 25 фев, 12:51, spr [EMAIL PROTECTED] wrote:
I have this AJAX request:
$(function() {
$.ajax({ type: GET, url: xml.php, dataType: xml,
success: function(xml){
alert('success');
}, error: function(){
alert('error');
}});
});
Firebug says it succeeds, but there aren't any alerts, it neither
succeeds nor fails? Can anyone shed some light on this?
P.S. I've posted about the same message fifteen minutes ago, it just
doesn't seem to show up..
[jQuery] jqModal - Doctypes
Hi, everyone, first time sending a message over here :) Im having troubles with the overlay on IE7. Using this doctype: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN Works great on FF, but on IE7 i get that the overlay is somehow missed or under all the other elements, it doesnt care that the jqModal have a zIndex of 5000, greater than anything else on the page. As an observation, it DOES work well on my developing machine with IE7, but not on any other pc using IE7 (i tried on more than 10 different computers with IE7, same result). If i try this doctype: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd The overlay works great on IE7 and FF, but it messes up with a lot of my page components, some CSS not working well (and they are valid CSS files, W3C validated) and some images not showing either. Do you have any idea about this kind of behavior? any suggestions? Thanks for your answer! Adrian
[jQuery] Attribute Selector
Correct me if I am wrong... This selector should: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED]somedomain.com :[EMAIL PROTECTED]somedomain.com] only select links that start with mailto:; and contain somedomain.com Correct? Allex
[jQuery] Re: Attribute Selector
You have some oddly mismatched quotes, but otherwise, yes, that works.
Here's a test done in firebug on jquery.com:
$('[EMAIL PROTECTED]:][href*=book]').each(function() { console.log(this.href
);});
http://www.packtpub.com/jQuery/book/mid/1004077zztq0
http://www.packtpub.com/jQuery/book/mid/1004077zztq0
Hope it helps.
--Erik
On 2/25/08, Smith, Allex [EMAIL PROTECTED] wrote:
Correct me if I am wrong...
This selector should:
[EMAIL PROTECTED] [EMAIL PROTECTED]:[EMAIL PROTECTED]
somedomain.com]
only select
links that start with mailto:; and contain somedomain.com
Correct?
Allex
[jQuery] Re: document.onmousedown=selectmouse vs $(document).mousedown(function(){})
klaus, hmmm well, basically I want to ultimately be able to do
this:
$('.trackerdiv').trackit();
right now, my trackmouse function looks at the srcEvent and figures
out which div the mouse was clicked on. that works fine.
if(srcEvent.className== ' trackerdiv')
i want to pass 'trackerdiv' as variable to the extension.
make sense?
On Feb 25, 3:33 pm, Klaus Hartl [EMAIL PROTECTED] wrote:
On Feb 25, 7:33 pm, jquertil [EMAIL PROTECTED] wrote:
this is interesting:
I have a standard function in JS, and call it like so:
document.onmousedown=trackmouse
function trackmouse(){...}
works very nicely.
I tired to make it happen jQuery-style, but no dice.
$(document).mousedown(function(){})
Is this the code you're using? You're attaching an empty function to
the mousedown event. Shouldn't that be:
$(document).mousedown(trackmouse);
I don't see why you need to extend the jQuery object prototype (== fn)
here. You do this if you want to create chainable methods, which
doesn't seem to be the case.
--Klaus
[jQuery] Re: Menu using jQuery based on Joel Birch's Superfish menu
Hi Tim, Thanks very much for the link. It's always interesting to see what the variations people come up with. Glad you are able to make good use of the plugin, Tim. Joel BIrch.
[jQuery] Re: Probs..
thanx! On Tue, Feb 26, 2008 at 3:48 AM, the_woodsman [EMAIL PROTECTED] wrote: Hi, I think what you're after is generally referred to as lightbox. A JQ implementation: http://leandrovieira.com/projects/jquery/lightbox/ Enjoy! On Feb 25, 8:50 am, Sandeep [EMAIL PROTECTED] wrote: Hey Folks! This is Sandeep new to this group, I want help in AJAX. IN AJAX how a frame opens by dimming the page, when we click on a Image? Can u suggest any Link r code?? Thanks -- Best Regards, Sai Sandeep Thota. -- Best Regards, Sai Sandeep Thota.
[jQuery] Ajax Post URL
Hello. I'm using an Ajax Post. It works fine when I use the path in the url... url: controllers/processajax.cfm, However, If I want to use a url string like: url: index.cfm?Action=processajax, Then I get the following error: unterminated regular expression literal It blows up in what appears to be the data results. However, literally the only difference is the URL string I use. Any ideas? Thanks, Mike
[jQuery] Re: Ajax Post URL
Try:
$.post(index.cfm, {Action:processajax}, function(){/* Success
callback */});
On Mon, Feb 25, 2008 at 10:23 PM, MikeP [EMAIL PROTECTED] wrote:
Hello.
I'm using an Ajax Post. It works fine when I use the path in the
url...
url: controllers/processajax.cfm,
However, If I want to use a url string like:
url: index.cfm?Action=processajax,
Then I get the following error:
unterminated regular expression literal
It blows up in what appears to be the data results. However,
literally
the only difference is the URL string I use.
Any ideas?
Thanks,
Mike
