[jQuery] Re: [TUTORIAL] Create a professional interface for your web applications using jQuery
Not a bad tutorial. !
But... :)
In your code you are doing things like
# var windowHeight = document.documentElement.clientHeight;
# var menuHeight = document.getElementById(menu).clientHeight;
You can use jQuery here too:
var windowHeight = $(window).height();
var menuHeight = $(#menu).height();
at line 158 you have the following:
# var liList = $(#lateralPanel li).get();
# for (var i = 0, item; item = liList[i]; i++) {
# if(item.innerHTML == $(this).text())
# item.className = active;
# else
# item.className = ;
# }
I believe this can be replaced with:
$(#lateralPanel li).removeClass(active);
$(this).addClass(active);
- that will remove the active class from all the list items, then add it to
the target element that triggered the click event (the function that
surrounds the snippet above).
Also, you have code in there that handles browser differences. jQuery handles
most of this for you. For instance:
$(#myObj).height(100);
handles the differences between most browsers. Which makes your code even
easier to read.
Otherwise not a bad start. Keep em coming. :)
Shawn
On Tuesday 21 October 2008 16:03:48 AdrianMG wrote:
In this tut we will create a professional interface for your web
applications using the killer javascript library jQuery :)
I hope you can use it for your personal projects guys. Feedback is
welcome!
http://yensdesign.com/2008/10/create-a-professional-interface-for-your-web-
applications-using-jquery/
[jQuery] Re: Jquery load not getting updated pages.....
you can set :
$.ajaxSetup({cache: false})
or:
$.ajaxSetup({beforeSend:
function(e,xhr,s){xhr.setRequestHeader(If-Modified-Since, new Date(0));}})
or:
$('#display').ajaxSend(function(e,xhr,s){xhr.setRequestHeader(If-Modified-Since,
new Date(0));}).load('../forms/test_form_1.html');
[jQuery] Re: validate plugin and CodeIgniter
http://www.azero.it/test_val/form.php here's a test page with the problemtic block..i did some change and it works better now but still i couldn't manage to make it right. I'm sure it's my lack of js knowladge..
[jQuery] Re: Hover not work properly when moving mouse fast...
Thanks I have tried mouseenter and leave but it has the same problem :
(
On Oct 21, 7:24 am, MorningZ [EMAIL PROTECTED] wrote:
I wouldn't put Flash as the single cause for this...
I have a table of ~ 30 rows that i tried to wire in a hover event
which colored/de-colored the row the user was over so it was obvious
what row they were one moving the mouse in and out very quickly
made the out event not fire resulting in multiple rows being
highlighted (technically is was changing/removing a background-color)
This was on our company intranet site, i'll rip out some HTML and post
up a sample if that helps diagnose first thing i will do is rip
out the .hover wiring and use mouseenter and mouseleave to see
if that fixes the issue
On Oct 20, 7:52 pm, Karl Rudd [EMAIL PROTECTED] wrote:
Oh, you're working with Flash... hmmm that's probably the reason.
Getting events from object or embed nodes can be... tricky, in my
very limited experience.
My suggestion is that you drop the SIFR menu items and use background
images. Either that or you'll have to somehow tap into the hover
event inside the SIFR Flash object.
Sorry I can't really help more.
Karl
On Mon, Oct 20, 2008 at 6:21 PM, Mech7 [EMAIL PROTECTED] wrote:
What is not working correctly with me is when I hover the dropdown
menu i change the color of the sifr text so it remains black:
http://www.mech7.net/tmp/sifr/
In script.js in line 26:
,onRollOut: function(cb) {
var currentMenuItem =
cb.getFlashElement().parentNode.parentNode;
$(currentMenuItem).hover(
function () {
cb.changeCSS(
'a{color:#00; text-align:center;
text-decoration:none;}'
);
},
function () {
cb.changeCSS(
'a{color:#ee; text-align:center;
text-decoration:none;}'
);
}
);
}
If you move the mouse slow it works correct, but hover the main items
fast and they stay black but not change back anymore.
On Oct 15, 2:54 pm, Karl Rudd [EMAIL PROTECTED] wrote:
Right. That's what I'd expect.
The mouseout (and mouseover) events bubble up through child DOM
nodes, and often fire at odd times, which is why it you should use the
mouseenter and mouseleave events. The enter and leave events are
specially built to not bubble (at least not unexpectedly).
I do see what you mean by the mouseleave firing more than once in some
cases. No idea why.
Do you have a particular page that isn't working?
Karl Rudd
On Wed, Oct 15, 2008 at 6:00 PM,Mech7[EMAIL PROTECTED] wrote:
Ok when I go over the example one fast stroke in Firefox 3 then I get
4 and 6 for the outer.. in the 1st example. Now try to do a circlular
movement in the orange box in the 1st example... stay inside the
orange, over keeps firing, do a movement from left to right and it
doesn't
On the 2nd example, try to go really fast with the mouse over the
entire area, sometimes it will fire once and sometimes 3 times.
On Oct 15, 11:39 am, Karl Rudd [EMAIL PROTECTED] wrote:
It seems to work as I expect it too on the example page.
Can you provide a working example and explain what you expect to
happen?
Karl Rudd
On Wed, Oct 15, 2008 at 2:02 PM,Mech7[EMAIL PROTECTED] wrote:
http://docs.jquery.com/Events/mouseout
Even in the example it does not work correct.. for example make some
circles with the mouse on mouseout.. it will keep adding numbers.
Also with mousenter, move it fast and the numbers will go up with
big
amounts. :( How to fix this, i can't use mouseout cause it will fire
also with the child elements.
[jQuery] Problem with Lightbox
Hello,
I'm using this Lightbox in my project:
http://www.balupton.com/sandbox/jquery_lightbox/
I want to display the images as a group, so I use this code:
a href=link rel=lightbox-group title=titleimg src=image //a
But this is not working, it simply opens the Image.
When I use this code every image opens correctly, but so I don't have
the navigation link on my images.
a href=link class=lightbox-enabled
onclick=$(this).lightbox({start:true,events:false}); return false;
title=titleimg src=image //a
Perhaps the problem is, that the gallery load on an ajax request...
Sorry, I can't point to a sample at this point, because it is an
intranet project.
Greetings,
Stefan Sturm
[jQuery] Re: Simple AJAX call is not loading?
selector lost a #?
[jQuery] Re: [TUTORIAL] Create a professional interface for your web applications using jQuery
Ey Shawn thanks for your feedback! I am not quiet sure now, but I
think I have used
# var windowHeight = document.documentElement.clientHeight;
# var menuHeight = document.getElementById(menu).clientHeight;
Because Internet Explorer give me some problems with the real width
height available.
I will change some lines, thanks for your comments one more time!
On 22 oct, 08:19, Shawn [EMAIL PROTECTED] wrote:
Not a bad tutorial. !
But... :)
In your code you are doing things like
# var windowHeight = document.documentElement.clientHeight;
# var menuHeight = document.getElementById(menu).clientHeight;
You can use jQuery here too:
var windowHeight = $(window).height();
var menuHeight = $(#menu).height();
at line 158 you have the following:
# var liList = $(#lateralPanel li).get();
# for (var i = 0, item; item = liList[i]; i++) {
# if(item.innerHTML == $(this).text())
# item.className = active;
# else
# item.className = ;
# }
I believe this can be replaced with:
$(#lateralPanel li).removeClass(active);
$(this).addClass(active);
- that will remove the active class from all the list items, then add it to
the target element that triggered the click event (the function that
surrounds the snippet above).
Also, you have code in there that handles browser differences. jQuery handles
most of this for you. For instance:
$(#myObj).height(100);
handles the differences between most browsers. Which makes your code even
easier to read.
Otherwise not a bad start. Keep em coming. :)
Shawn
On Tuesday 21 October 2008 16:03:48 AdrianMG wrote:
In this tut we will create a professional interface for your web
applications using the killer javascript library jQuery :)
I hope you can use it for your personal projects guys. Feedback is
welcome!
http://yensdesign.com/2008/10/create-a-professional-interface-for-you...
applications-using-jquery/
[jQuery] Re: validate plugin and CodeIgniter
You don't have any code at all that checks the state of the other radio buttons, you just check the button itself. You need to select a radio buttons, iterate and check if there is at least one selected, if not, the checked on is required. Jörn On Wed, Oct 22, 2008 at 9:59 AM, hcvitto [EMAIL PROTECTED] wrote: http://www.azero.it/test_val/form.php here's a test page with the problemtic block..i did some change and it works better now but still i couldn't manage to make it right. I'm sure it's my lack of js knowladge..
[jQuery] Re: validate plugin and CodeIgniter
doh!! ok..now i do that but i can't get the result of the iterate function (i see my question is no longer about the plugin!). Any suggestion :) ?
[jQuery] Re: validate plugin and CodeIgniter
doh!! ok..i do that now but i can't get the right result of the iteration function (i see it's no longer a plugin problem!) Any suggestion though :) ?
[jQuery] Re: Catching 401 errors to $.ajax calls
On Mittwoch, 22. Oktober 2008, Mike Alsup wrote:
I would like to use $.ajaxSetup to set up a global error handler that
knows how to deal with HTTP 401 codes (Authentication required). I
am enhancing a few tables with AJAX using jQuery but I made my backend
send back an HTTP error code 401 to force authentication if the user's
login session timed out. The idea was to redirect to the '/login' page
then.
Well, normally the server would redirect on a session timeout
Would the client react properly if the server sent a Location: header as
a response to an XHR? I hadn't expected jQuery to deal with that and
change the location to what's in the response header.
but if
you want/need to do it on the client then use the xhr object that is
passed as the first arg to your error handler:
$.ajaxSetup({
error: function(xhr, status, err) {
if (xhr.status == 401)
window.location.href = './login';
}
});
Thanks, that's what I was looking for. I didn't find the XHR object
documented. Perhaps this code snippet is worth getting added to the
documentation. :)
Kindly
Christoph
signature.asc
Description: This is a digitally signed message part.
[jQuery] jQuery JavaScript Library
jQuery: The Write Less, Do More, JavaScript LibraryA fast, concise, library that simplifies how to traverse HTML documents, handle events, perform animations, and add AJAX. Just click the hyperlink and register your details in the below given website * http://www.freewebs.com/incandeslight *
[jQuery] [validate] problems with invalid-form.validate and remote rules
Hi, I try to show a list of errors in an alert box when the form is
cancelled by jQuery Validator.
Surfing the web I see that I can use invalid-form.validate like this:
$('#bpwcForm').bind('invalid-form.validate', function(e,
validator)
{
var errors = validator.numberOfInvalids();
alert('ERR ' + errors);
});
but this function is NOT executed when a submit form is cancelled by a
remote rule.
any suggestion or work-arround?
thanks
Àlex Corretgé
[jQuery] Modal Window Page Refresh
Hi friends, Need your help: how to reload a page (which contains data from database) when the user updates and closes modal window (so that the data on the page is refreshed)? Thanks a lot.
[jQuery] button to bottom of the page and along a bit
I originally saw the UI Effects button on HotAJAX (http:// www.hotajax.org/jquery/photos--other-plugins/486-jrails-jquery-on-rails.html) and fell in love with them, but only wanted one, I decided to go with the 'slide' one. For me, a man who cannot program code at all, its always an uphill process, even when its all done for me. What I wanted was the button at the bottom of the page and so to click it would give the impression of just disappearing. Not easy. First of all I tried hacking away at the HotAJAX code, which had all the buttons and lots of extra files, one of which was 3000 lines long! huge, then I found that on the site the code can be customised and downloaded: http://ui.jquery.com/download_builder/ ..But I just didn't get it, then I found, what I am using, those are the green box examples and really small code: http://docs.jquery.com/UI/Effects/Slide#source So what I have now is this: http://lovelago.googlepages.com/test_4.html It's stuck at the top left, I would like it at the bottom footer (right at the lip of the bottom of the page), using this article (http://www.themaninblue.com/writing/perspective/2005/08/29/) I tried to meld the code to allow for this, but I got this its all down one side and nothing like I want it: http://lovelago.googlepages.com/test_4a.html To top that off I want the single button to look like the original HotAJAX ones, but I don't know how to do that and I would like the button to be further along the page and not the bottom left corner, how I would like to do this is to have it a percentage along which I think would best work to differen screen sizes, I think. Thanks to anybody whose got time for me!
[jQuery] Re: call a php function with onclick
stefano wrote: Hi, I would like to know how it is possibile to call a php function inside an onclick=function (), I try to explain me better Hi Stefano. Your problem is that php is on the server and javascript/jQuery is in the web browser. You need to get onclick to issue another page request to the server - that's AJAX. Look into $.get for a solution.
[jQuery] Re: [validate] problems with invalid-form.validate and remote rules
Apart from the fact that this event needs to get exposed as an option,
its also a bug that it isn't triggered by the remote method. Could you
file a ticket for this? http://dev.jquery.com/newticket (requires
registration)
Thanks!
Jörn
On Wed, Oct 22, 2008 at 10:47 AM, corretge [EMAIL PROTECTED] wrote:
Hi, I try to show a list of errors in an alert box when the form is
cancelled by jQuery Validator.
Surfing the web I see that I can use invalid-form.validate like this:
$('#bpwcForm').bind('invalid-form.validate', function(e,
validator)
{
var errors = validator.numberOfInvalids();
alert('ERR ' + errors);
});
but this function is NOT executed when a submit form is cancelled by a
remote rule.
any suggestion or work-arround?
thanks
Àlex Corretgé
[jQuery] Re: Close current after delay
Yep. you're right. It make sense. A nice fadeout effect on the first time just show where is the menu and then the normal things. Thx for your help. I appreciate a lot. Regards, Dom On Oct 22, 7:08 am, Joel Birch [EMAIL PROTECTED] wrote: fadeOut() is a core jQuery method, not aSuperfishoption. Also,Superfishdoes not support animations for closing the submenus, as I've never been able to get that working in a completely non-buggy way - likely due to my own incompetence. Part of the reason I haven't persevered to get that option working is because I personally like the responsiveness of the sudden closing of the submenus, whereas the opening animation serves a good purpose as it draws the eye to an important event. If you search this group you will find other people's efforts to add closing animations, some look to me like they would run into the bugs that I did during my experimentation, while others look more promising, although I haven't tested them. Joel Birch.
[jQuery] Re: jQuery.getScript problems on IE 7
Nobody know what happen with .getScript getting prototype framework? On 22 out, 00:57, Alexsandro_xpt [EMAIL PROTECTED] wrote: My IE 7 and 6 get a error while load protoculous-effects-shrinkvars.js by jQuery.getScript method. IE popup this error message: Line: 310750026 Char: 72353 Error: 'null' is null or not an object Code: 0 How to fix it using jQuery.getScript? Prototype Framework doesn't like jQuery? PS.: In FF work very well.
[jQuery] jQuery variable?
Hi guys,
I'm new on jQuery and I don't know where to go with what I want:
I have a table with multiple prices. Lets say:
(Live Points)
User | Points
--
John | 10
Carl| 20
Robert| 30
Paul | 40
and I have a js call at the end of the page sending this users id to
the function in order to update the points (each 5 secounds or so).
So... I dont want to have 4 (at moment) but in future can be 400
requests at the same time.
For that I decided to put all the users id inside an array and send
the array to the server.
-
$(function() {
$(#user_points).everyTime(5000,function(i) {
$(this).load(/autorefresh/user_points,
{
data:'.$user_id_array.'
}, function(){
document.write(this.value);
$(#user_points).animate({
backgroundColor: #DBEBBC }, 300);
$(#user_points).animate({
backgroundColor: white }, 300);
});
});
});
Now I have all the user points returned to my div #user_points. But I
would like to have the points returned to a js array. How can I do
that?
Thank you,
-Raff
[jQuery] Re: jQuery variable?
Prices = Points
On Oct 22, 2:11 pm, Mr. White [EMAIL PROTECTED] wrote:
Hi guys,
I'm new on jQuery and I don't know where to go with what I want:
I have a table with multiple prices. Lets say:
(Live Points)
User | Points
---
---
John | 10
Carl | 20
Robert | 30
Paul | 40
and I have a js call at the end of the page sending this users id to
the function in order to update the points (each 5 secounds or so).
So... I dont want to have 4 (at moment) but in future can be 400
requests at the same time.
For that I decided to put all the users id inside an array and send
the array to the server.
-
$(function() {
$(#user_points).everyTime(5000,function(i) {
$(this).load(/autorefresh/user_points,
{
data:'.$user_id_array.'
}, function(){
document.write(this.value);
$(#user_points).animate({
backgroundColor: #DBEBBC }, 300);
$(#user_points).animate({
backgroundColor: white }, 300);
});
});
});
Now I have all the user points returned to my div #user_points. But I
would like to have the points returned to a js array. How can I do
that?
Thank you,
-Raff
[jQuery] open link without new tab?
Hi,
I'm working at a gallery which got some download buttons to download
the images. 'Cause of a plugin I use it doesn't use the href of the
button anymore if I click it.
So i decided to try something else:
$(.zoomimage).children(.zoomimage_controls).children(.download-
button).each(function()
{
var zoomatt =$(this).parent(div).parent(div).attr(id);
var imghref = $(#+zoomatt+_trigger).next(a.download-
button).attr(href);
$(#+zoomatt).children(.zoomimage_controls).children(.download-
button).attr({href:imghref});
$(#+zoomatt).children(.zoomimage_controls).children(.download-
button).click(function()
{
open(this.href);
});
});
well if i click the download button now it opens a new tab for a sec
and close it again. then a popup to the download appears in the
document.
i would like to get this tab away even if it's just for a sec it
doesn't look nice.
i hope someone can help me.
thanks.
-weidc
[jQuery] Input array problem
I have an input array e.g.. email[] in my form. jQuery validatation plugin validates only first field of the array. I am using this plugin http://bassistance.de/jquery-plugins/jquery-plugin-validation/.. My requirement is that plugin should validate all the array fields. I will appreciate a suggestion or peace of code which addresses this issue. I will highly appreciate your effort. Thanks, Warm regards, Irfan Mansha.
[jQuery] [validate] -- newbie getting started
I am trying to get the validate plugin and the form plugin to work
together. I would like to use in HTML markup to describe the
validation, as it seems cleaner to read to me. So, I downloaded
jquery, form, validate, and metadata...whipped up a quick form and
tried it out.
From firebug, I can see that all scripts are being downloaded
successfully. But no validations are happening on th email text
input. The tag I thought would turn the validation on is:
INPUT Type=text class=required email
Here is the actual form...what did I miss?
thanks!!
---
html
head
script type=text/javascript src=jquery-1.2.6.min.js/
script
script type=text/javascript src=jquery.form.js/script
script type=text/javascript src=jquery.validate.js/script
script type=text/javascript src=jquery.metadata.js/script
script type=text/javascript
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
alert(Thank you for your comment!);
});
$(#myForm).validate();
});
/script
/head
body
FORM id=myform ACTION=http://www.cs.tut.fi/cgi-bin/run/~jkorpela/
echo.cgi
METHOD=POST
P
Type something:BR
TEXTAREA ROWS=5 COLS=72 NAME=Comments
This is
some text
in several lines.
/TEXTAREA
p
INPUT TYPE=checkbox NAME=box VALUE=yesCheck me!
P
INPUT Type=text class=required email
INPUT TYPE=HIDDEN NAME=hidden field VALUE=something
INPUT TYPE=SUBMIT VALUE=Send
/FORM
/body
/html
[jQuery] Re: Modal Window Page Refresh
window.location.reload(); Reference: http://www.w3schools.com/HTMLDOM/met_loc_reload.asp If you call this from an iframe, you might need to do: window.top.location.reload(); On Oct 21, 10:39 pm, kulman [EMAIL PROTECTED] wrote: Hi friends, Need your help: how to reload a page (which contains data from database) when the user updates and closes modal window (so that the data on the page is refreshed)? Thanks a lot.
[jQuery] Re: BlockUI: oversized overlay bug in IE web browsers ( demo included )
It's really up to BlockUI to address this. Ideally, a plugin should be designed to account for the most common environments in which it will operate. IE6 is still a major player with at least 20% (some say as high as 35%) market share among web users. I hate compensating for IE6 as much as the next guy, but it's a necessary evil. It seems this problem happens in IE7 as well (when running in quirksmode). Can you see if this fixes it for you: http://www.malsup.com/jquery/block/jquery.blockUI.2.10b.js Thanks. Mike
[jQuery] Re: Modal Window Page Refresh
depending on which modal window you use, of course.
Personally, I use jqModal, which has a handy onClose callback. I also
had the need to, in some cases, refresh the main page after modal
close. So i added an option variable (boolean) telling if it should
refresh or not after closing the modal.
I wrote a complete how-to here:
http://www.pixeline.be/blog/2008/javascript-loading-external-urls-in-jqmodal-jquery-plugin/
the bit of code you are interested in is:
if (hash.refreshAfterClose == true)
{
window.location.href = document.location.href;
}
On Wed, Oct 22, 2008 at 5:39 AM, kulman [EMAIL PROTECTED] wrote:
Hi friends,
Need your help: how to reload a page (which contains data from
database) when the user updates and closes modal window (so that the
data on the page is refreshed)?
Thanks a lot.
[jQuery] Re: [validate] -- newbie getting started
Your input elements must have a name, otherwise the validation doesn't work.
Jörn
On Wed, Oct 22, 2008 at 2:49 PM, whitewaterbug [EMAIL PROTECTED] wrote:
I am trying to get the validate plugin and the form plugin to work
together. I would like to use in HTML markup to describe the
validation, as it seems cleaner to read to me. So, I downloaded
jquery, form, validate, and metadata...whipped up a quick form and
tried it out.
From firebug, I can see that all scripts are being downloaded
successfully. But no validations are happening on th email text
input. The tag I thought would turn the validation on is:
INPUT Type=text class=required email
Here is the actual form...what did I miss?
thanks!!
---
html
head
script type=text/javascript src=jquery-1.2.6.min.js/
script
script type=text/javascript src=jquery.form.js/script
script type=text/javascript src=jquery.validate.js/script
script type=text/javascript src=jquery.metadata.js/script
script type=text/javascript
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
alert(Thank you for your comment!);
});
$(#myForm).validate();
});
/script
/head
body
FORM id=myform ACTION=http://www.cs.tut.fi/cgi-bin/run/~jkorpela/
echo.cgi
METHOD=POST
P
Type something:BR
TEXTAREA ROWS=5 COLS=72 NAME=Comments
This is
some text
in several lines.
/TEXTAREA
p
INPUT TYPE=checkbox NAME=box VALUE=yesCheck me!
P
INPUT Type=text class=required email
INPUT TYPE=HIDDEN NAME=hidden field VALUE=something
INPUT TYPE=SUBMIT VALUE=Send
/FORM
/body
/html
[jQuery] Select all dropdowns
Hi, Is there a way of selecting all input of type 'select' ? The only way I found so far was to give a specific class name to all my input of type 'select' . Is there not a more straightforward way ? Thanks
[jQuery] Re: Select all dropdowns
$(select) On Oct 22, 9:20 am, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, Is there a way of selecting all input of type 'select' ? The only way I found so far was to give a specific class name to all my input of type 'select' . Is there not a more straightforward way ? Thanks
[jQuery] Set the positions of buttons in a Dialog
Hi, There doesn't seem to be an easy way of positioning the buttons in a Dialog. By default they show on the left, but I'd like them to show on the right. Is it easier than I think ?
[jQuery] Re: Select all dropdowns
Hum... I should I have tried that :) Thanks ! On 22 oct, 14:21, MorningZ [EMAIL PROTECTED] wrote: $(select) On Oct 22, 9:20 am, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, Is there a way of selecting all input of type 'select' ? The only way I found so far was to give a specific class name to all my input of type 'select' . Is there not a more straightforward way ? Thanks
[jQuery] Re: [validate] -- newbie getting started
I just ran it again with a name entered for the email input and validate
still didn't run. I then took the ajax forms script out to isolate to
validate. It still didn't validate. I must be doing something simple
wrong. Thanks.
Here is my updated broken code/html:
html
head
script type=text/javascript src=jquery-1.2.6.min.js/script
script type=text/javascript src=jquery.form.js/script
script type=text/javascript src=jquery.validate.js/script
script type=text/javascript src=jquery.metadata.js/script
script type=text/javascript
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
//$('#myForm').ajaxForm(function() {
//alert(Thank you for your comment!);
$(#myForm).validate();
});
/script
/head
body
FORM id=myform ACTION=
http://www.cs.tut.fi/cgi-bin/run/~jkorpela/echo.cgi;
METHOD=POST
P
Type something:BR
TEXTAREA ROWS=5 COLS=72 NAME=Comments
This is
some text
in several lines.
/TEXTAREA
p
INPUT TYPE=checkbox NAME=box VALUE=yesCheck me!
P
email: INPUT Type=text name=myEmail class=required email
INPUT TYPE=HIDDEN NAME=hidden field VALUE=something
INPUT name=mysubmit TYPE=SUBMIT VALUE=Send
/FORM
/body
/html
On Wed, Oct 22, 2008 at 9:11 AM, Jörn Zaefferer
[EMAIL PROTECTED] wrote:
Your input elements must have a name, otherwise the validation doesn't
work.
Jörn
On Wed, Oct 22, 2008 at 2:49 PM, whitewaterbug [EMAIL PROTECTED]
wrote:
I am trying to get the validate plugin and the form plugin to work
together. I would like to use in HTML markup to describe the
validation, as it seems cleaner to read to me. So, I downloaded
jquery, form, validate, and metadata...whipped up a quick form and
tried it out.
From firebug, I can see that all scripts are being downloaded
successfully. But no validations are happening on th email text
input. The tag I thought would turn the validation on is:
INPUT Type=text class=required email
Here is the actual form...what did I miss?
thanks!!
---
html
head
script type=text/javascript src=jquery-1.2.6.min.js/
script
script type=text/javascript src=jquery.form.js/script
script type=text/javascript src=jquery.validate.js/script
script type=text/javascript src=jquery.metadata.js/script
script type=text/javascript
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
alert(Thank you for your comment!);
});
$(#myForm).validate();
});
/script
/head
body
FORM id=myform
ACTION=http://www.cs.tut.fi/cgi-bin/run/~jkorpela/http://www.cs.tut.fi/cgi-bin/run/%7Ejkorpela/
echo.cgi
METHOD=POST
P
Type something:BR
TEXTAREA ROWS=5 COLS=72 NAME=Comments
This is
some text
in several lines.
/TEXTAREA
p
INPUT TYPE=checkbox NAME=box VALUE=yesCheck me!
P
INPUT Type=text class=required email
INPUT TYPE=HIDDEN NAME=hidden field VALUE=something
INPUT TYPE=SUBMIT VALUE=Send
/FORM
/body
/html
[jQuery] Re: [validate] -- newbie getting started
A couple things that probably aren't the problem, but should be fixed
anyways:
- In the TEXTAREA tag, put quotes around the name.
- For the hidden INPUT, remove the space from the name
- Give a name to the FORM tag.
Are you getting any Javascript errors in Firebug? Can you post a
test page so I can try to debug it?
Thanks.
On Oct 22, 9:40 am, whitewaterbug [EMAIL PROTECTED] wrote:
I just ran it again with a name entered for the email input and validate
still didn't run. I then took the ajax forms script out to isolate to
validate. It still didn't validate. I must be doing something simple
wrong. Thanks.
Here is my updated broken code/html:
html
head
script type=text/javascript src=jquery-1.2.6.min.js/script
script type=text/javascript src=jquery.form.js/script
script type=text/javascript src=jquery.validate.js/script
script type=text/javascript src=jquery.metadata.js/script
script type=text/javascript
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
//$('#myForm').ajaxForm(function() {
// alert(Thank you for your comment!);
$(#myForm).validate();
});
/script
/head
body
FORM id=myform ACTION=http://www.cs.tut.fi/cgi-bin/run/~jkorpela/echo.cgi;
METHOD=POST
P
Type something:BR
TEXTAREA ROWS=5 COLS=72 NAME=Comments
This is
some text
in several lines.
/TEXTAREA
p
INPUT TYPE=checkbox NAME=box VALUE=yesCheck me!
P
email: INPUT Type=text name=myEmail class=required email
INPUT TYPE=HIDDEN NAME=hidden field VALUE=something
INPUT name=mysubmit TYPE=SUBMIT VALUE=Send
/FORM
/body
/html
On Wed, Oct 22, 2008 at 9:11 AM, Jörn Zaefferer
[EMAIL PROTECTED] wrote:
Your input elements must have a name, otherwise the validation doesn't
work.
Jörn
On Wed, Oct 22, 2008 at 2:49 PM, whitewaterbug [EMAIL PROTECTED]
wrote:
I am trying to get the validate plugin and the form plugin to work
together. I would like to use in HTML markup to describe the
validation, as it seems cleaner to read to me. So, I downloaded
jquery, form, validate, and metadata...whipped up a quick form and
tried it out.
From firebug, I can see that all scripts are being downloaded
successfully. But no validations are happening on th email text
input. The tag I thought would turn the validation on is:
INPUT Type=text class=required email
Here is the actual form...what did I miss?
thanks!!
---
html
head
script type=text/javascript src=jquery-1.2.6.min.js/
script
script type=text/javascript src=jquery.form.js/script
script type=text/javascript src=jquery.validate.js/script
script type=text/javascript src=jquery.metadata.js/script
script type=text/javascript
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
alert(Thank you for your comment!);
});
$(#myForm).validate();
});
/script
/head
body
FORM id=myform
ACTION=http://www.cs.tut.fi/cgi-bin/run/~jkorpela/http://www.cs.tut.fi/cgi-bin/run/%7Ejkorpela/
echo.cgi
METHOD=POST
P
Type something:BR
TEXTAREA ROWS=5 COLS=72 NAME=Comments
This is
some text
in several lines.
/TEXTAREA
p
INPUT TYPE=checkbox NAME=box VALUE=yesCheck me!
P
INPUT Type=text class=required email
INPUT TYPE=HIDDEN NAME=hidden field VALUE=something
INPUT TYPE=SUBMIT VALUE=Send
/FORM
/body
/html
[jQuery] Re: Set the positions of buttons in a Dialog
As far as I know, there's no way to do it via the .dialog() options. However, you can tweak the CSS to get the desired effect. I'm using a Themeroller theme, and found the following areas to change (line numbers may be different for you): -line 284, .ui-dialog-buttonpane : change tex-align to 'right' -line 292, .ui-dialog-buttonpane button : add some right-margin. about 12px should do it. This will affect all Dialogs, so hopefully you don't want to do some with left-aligned buttons and some with right-aligned buttons. -E On Oct 22, 9:35 am, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, There doesn't seem to be an easy way of positioning the buttons in a Dialog. By default they show on the left, but I'd like them to show on the right. Is it easier than I think ?
[jQuery] issue with .css(display, none)
Hi,
When I click on a button it should hide all my 'select' input and when
I click on another button, it should make them visible again. Here's
how I do it :
div
asp:DropDownList ID=ddSearchCriteria runat=server /
input type=button id=btnSearch value=Go /
input id=btnNewCutting type=button value=New /
input id=btnEmail type=button value=Email /
asp:DropDownList ID=ddSortBy runat=server
AutoPostBack=true/asp:DropDownList
/div
script type=text/javascript
$(document).ready(function() {
$(#btnEmail).bind(click, function(e) {
$(select).css(display, none);
});
$(#btnSearch).bind(click, function(e) {
$(select).css(display, block);
});
});
/script
This works, except that when I make them visible again, the layout
changes ! The elements in the div are no longer next to each other.
Now there is the first select, then the 3 buttons underneath, then the
second select underneath the 3 buttons.
Why .css(display, none) changes the layout ?
[jQuery] Re: Set the positions of buttons in a Dialog
Thanks for the answer. I think that will do. (hopefully my boss won't be asking for left align and right align, but I could be wrong... ! ) On 22 oct, 14:58, Eric [EMAIL PROTECTED] wrote: As far as I know, there's no way to do it via the .dialog() options. However, you can tweak the CSS to get the desired effect. I'm using a Themeroller theme, and found the following areas to change (line numbers may be different for you): -line 284, .ui-dialog-buttonpane : change tex-align to 'right' -line 292, .ui-dialog-buttonpane button : add some right-margin. about 12px should do it. This will affect all Dialogs, so hopefully you don't want to do some with left-aligned buttons and some with right-aligned buttons. -E On Oct 22, 9:35 am, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, There doesn't seem to be an easy way of positioning the buttons in a Dialog. By default they show on the left, but I'd like them to show on the right. Is it easier than I think ?
[jQuery] RAW PRINTING - How can I print DIRECTLY to DOT Matrix Printer from jquery?
Hi! I want to sent text with javascript directly to Dot Matrix printer like Panasonic KXP-1050 without using true type fonts. As I know, this means: RAW Printing I want to use this for printing bills or ticket on continuous-form paper. There is ActiveX sample for InternetExplorer on this link: http://www.xuebrothers.net/ax/activeprinter/interfaces.htm How can I this with jQuery? Can it be possible? Regards, Nuri AKMAN
[jQuery] Tooltip plugin
Is there any way to make the tooltip appear in a fixed position always, e.g. below and aligned left to a div above it, no matter what part of the div the mouse passes over? I'm sure it must be an option somewhere but I can't see where in the documentation (http://docs.jquery.com/Plugins/Tooltip/tooltip#options). The map area example with 'positionLeft: true' is as close as I can find so far. Any help appreciated. Adam
[jQuery] Re: Combining jQuery and jQuery UI
Here's the UI files I'm using: * - UI Core * - Draggable * - Droppable * - Resizable * - Sortable * - Accordion * - Dialog * - Progressbar * - Effects Core * - Effect Blind * - Effect Bounce * - Effect Clip * - Effect Drop * - Effect Highlight * - Effect Pulsate * - Effect Scale * - Effect Shake * - Effect Slide * - Effect Transfer On Oct 22, 7:25 am, Karl Swedberg [EMAIL PROTECTED] wrote: Chris, I'd be happy to test it over here. Would you mind listing out the files that you're concatenating -- jquery core file + which UI files? I want to make sure I'm replicating exactly what you're doing. Thanks. --Karl On Oct 21, 2008, at 3:26 PM, c.barr wrote: Yes, it's being listed first. Can someone else please try and do this to verify it? I just want to make sure I'm not missing something simple. On Oct 21, 12:16 pm, Karl Swedberg [EMAIL PROTECTED] wrote: Are you making sure that the jquery core file is at the top of that concatenated file? that's the only other thing I can think of that would produce the error. --Karl Karl Swedbergwww.englishrules.comwww.learningjquery.com On Oct 20, 2008, at 4:26 PM, c.barr wrote: They already have the semicolons straight from jQuery, so no changes were needed. Any other suggestions? On Oct 16, 5:16 pm, Mike Alsup [EMAIL PROTECTED] wrote: I'd like to combine and compress my jQuery and jQuery UI files into a single minified file, but I've noticed that every time I do this It just breaks and gives me $ is not defined. If I do a copy/paste of the two uncompressed files together, it works fine but it's a 100kb file! When I got to minify or pack this file, that's when it always breaks. I've tried Dean Edwards packer, JSmin, and YUI all with the same results. The same goes for any jQuery plugins I've downloaded. I'm using a several that I need avalible on all pages, and I'd like to combine them - these also break when I do this. Am I missing something here? Make sure each file has a leading and a trailing semicolon.
[jQuery] Re: [validate] -- newbie getting started
Thanks for the suggestions. I updated the form per suggestionsbut it
still isn't doing the validation :( Here is the form now:
--
html
head
script type=text/javascript src=jquery-1.2.6.min.js/script
script type=text/javascript src=jquery.form.js/script
script type=text/javascript src=jquery.validate.js/script
script type=text/javascript src=jquery.metadata.js/script
script type=text/javascript
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
//$('#myForm').ajaxForm(function() {
//alert(Thank you for your comment!);
$(#myForm).validate();
});
/script
/head
body
FORM name=myForm2 id=myform ACTION=
http://www.cs.tut.fi/cgi-bin/run/~jkorpela/echo.cgi;
METHOD=POST
P
Type something:BR
TEXTAREA ROWS=5 COLS=72 NAME=Comments
This is
some text
in several lines.
/TEXTAREA
p
INPUT TYPE=checkbox NAME=box VALUE=yesCheck me!
P
email: INPUT Type=text name=myEmail class=required email
INPUT TYPE=HIDDEN NAME=hiddenField VALUE=something
INPUT name=mysubmit TYPE=SUBMIT VALUE=Send
/FORM
/body
/html
[jQuery] [autocomplete] do search on input focus
Is there a way to force a field to do a search on focus of the input?
(I basically want the user to be suggested a default set of items
before typing anything.
I tried this
$(#category).autocomplete(do_search.php,{max:100,minChars:0,delay:
10});
[jQuery] Re: issue with .css(display, none)
Do not change the default behavior (inline) for select elements.
Use:
$(#btnSearch).bind(click, function(e) {
$(select).css(display, inline);
});
Mauricio
[jQuery] Re: issue with .css(display, none)
That's probably because the elements didn't previously have the 'block'
value. But why don't you just simply use:
script type=text/javascript
$(function()
{
$(#btnEmail).click(function(){$(select).hide()});
$(#btnSearch).click(function(){$(select).show()});
});
/script
On Wed, Oct 22, 2008 at 3:59 PM, [EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
Hi,
When I click on a button it should hide all my 'select' input and when
I click on another button, it should make them visible again. Here's
how I do it :
div
asp:DropDownList ID=ddSearchCriteria runat=server /
input type=button id=btnSearch value=Go /
input id=btnNewCutting type=button value=New /
input id=btnEmail type=button value=Email /
asp:DropDownList ID=ddSortBy runat=server
AutoPostBack=true/asp:DropDownList
/div
script type=text/javascript
$(document).ready(function() {
$(#btnEmail).bind(click, function(e) {
$(select).css(display, none);
});
$(#btnSearch).bind(click, function(e) {
$(select).css(display, block);
});
});
/script
This works, except that when I make them visible again, the layout
changes ! The elements in the div are no longer next to each other.
Now there is the first select, then the 3 buttons underneath, then the
second select underneath the 3 buttons.
Why .css(display, none) changes the layout ?
--
Isaak Malik
Web Developer
[jQuery] Re: issue with .css(display, none)
Why aren't you using .show() and .hide() ?
[jQuery] Re: Create a professional interface for your web applications using jQuery
awesome tutorial thanks!
On Oct 22, 1:37 pm, AdrianMG [EMAIL PROTECTED] wrote:
Ey Shawn thanks for your feedback! I am not quiet sure now, but I
think I have used
# var windowHeight = document.documentElement.clientHeight;
# var menuHeight = document.getElementById(menu).clientHeight;
Because Internet Explorer give me some problems with the real width
height available.
I will change some lines, thanks for your comments one more time!
On 22 oct, 08:19, Shawn [EMAIL PROTECTED] wrote:
Not a bad tutorial. !
But... :)
In your code you are doing things like
# var windowHeight = document.documentElement.clientHeight;
# var menuHeight = document.getElementById(menu).clientHeight;
You can use jQuery here too:
var windowHeight = $(window).height();
var menuHeight = $(#menu).height();
at line 158 you have the following:
# var liList = $(#lateralPanel li).get();
# for (var i = 0, item; item = liList[i]; i++) {
# if(item.innerHTML == $(this).text())
# item.className = active;
# else
# item.className = ;
# }
I believe this can be replaced with:
$(#lateralPanel li).removeClass(active);
$(this).addClass(active);
- that will remove the active class from all the list items, then add it to
the target element that triggered the click event (the function that
surrounds the snippet above).
Also, you have code in there that handles browser differences. jQuery
handles
most of this for you. For instance:
$(#myObj).height(100);
handles the differences between most browsers. Which makes your code even
easier to read.
Otherwise not a bad start. Keep em coming. :)
Shawn
On Tuesday 21 October 2008 16:03:48 AdrianMG wrote:
In this tut we will create a professional interface for your web
applications using the killer javascript library jQuery :)
I hope you can use it for your personal projects guys. Feedback is
welcome!
http://yensdesign.com/2008/10/create-a-professional-interface-for-you...
applications-using-jquery/
[jQuery] Re: Combining jQuery and jQuery UI
Also, I've got two plugins I'd like to combine together to save some space, but it's also breaking every time. Cluetip 0.9.8 and NyroModal 1.2.8 http://plugins.jquery.com/project/cluetip/ http://nyromodal.nyrodev.com/#download I can combine these just fine, and NyroModal seems to work, but it always breaks on the Cluetip functions saying insertionType is not defined On Oct 21, 2:26 pm, c.barr [EMAIL PROTECTED] wrote: Yes, it's being listed first. Can someone else please try and do this to verify it? I just want to make sure I'm not missing something simple. On Oct 21, 12:16 pm, Karl Swedberg [EMAIL PROTECTED] wrote: Are you making sure that the jquery core file is at the top of that concatenated file? that's the only other thing I can think of that would produce the error. --Karl Karl Swedbergwww.englishrules.comwww.learningjquery.com On Oct 20, 2008, at 4:26 PM,c.barrwrote: They already have the semicolons straight from jQuery, so no changes were needed. Any other suggestions? On Oct 16, 5:16 pm, Mike Alsup [EMAIL PROTECTED] wrote: I'd like to combine and compress my jQuery and jQuery UI files into a single minified file, but I've noticed that every time I do this It just breaks and gives me $ is not defined. If I do a copy/paste of the two uncompressed files together, it works fine but it's a 100kb file! When I got to minify or pack this file, that's when it always breaks. I've tried Dean Edwards packer, JSmin, and YUI all with the same results. The same goes for any jQuery plugins I've downloaded. I'm using a several that I need avalible on all pages, and I'd like to combine them - these also break when I do this. Am I missing something here? Make sure each file has a leading and a trailing semicolon.
[jQuery] Re: validate plugin and CodeIgniter
done it!
if anyone interested here's what i did:
here's the class rule which calls a function that iterate through the
radiobuttons
$.validator.addClassRules({
scuola: { required: function(){
checkIstruzione();
return cc;
}
}
});
and here is the function
function checkIstruzione(){
$('input[type=radio].scuola').each(function(){
var chk = $(this).attr('checked');
var val = $ (this).val();
if ( (val == 'si') (chk == true)) {
cc = false;
return cc;
} else {
cc = true;
return cc;
}
});
}
maybe it can be useful
Thanks again Jorn :)
On 22 Ott, 12:20, hcvitto [EMAIL PROTECTED] wrote:
doh!!
ok..i do that now but i can't get the right result of the iteration
function (i see it's no longer a plugin problem!)
Any suggestion though :) ?
[jQuery] Re: [autocomplete] do search on input focus
I have no idea which autocomplete plugin you're using but does the following
work for you?
$(function()
{
$(#category).focus(function(){$(this).autocomplete(do_search.php,{max:100,minChars:0,delay:10})
});
});
On Wed, Oct 22, 2008 at 4:19 PM, blasto333 [EMAIL PROTECTED] wrote:
Is there a way to force a field to do a search on focus of the input?
(I basically want the user to be suggested a default set of items
before typing anything.
I tried this
$(#category).autocomplete(do_search.php,{max:100,minChars:0,delay:
10});
--
Isaak Malik
Web Developer
[jQuery] Re: superfish + bgiframe problem on IE6
So, the problem I'm having with IE6/Superfish is that the dropdown
menus push all other content down, rather than displaying on top of
the other content.
My superFish code is fairly straightforward:
$(document).ready(function() {
//superFish
$('ul#menu').superfish({
animation : { opacity:show,height:show},
pathClass: current,
speed: fast
});
$('ul#menu').superfish().find('ul').bgIframe({opacity:false});
});
Removing either line makes no difference -- the result is the same,
and obviously having both in there is probably overkill.
My menu is pretty lightweight:
div id=nav class=grid_12
ul id=menu
li class=currenta href=/home title=HomeHome/a/li
lia href=/collections title=CollectionsCollections/a
ul
lia href=/collections/collection/fall2008
title=Fall
2008Fall 2008/a/li
lia
href=/collections/collection/spring2009 title=Spring
2009Spring 2009/a/li
/ul
/li
lia href=/about title=About UsAbout Us/a
ul
lia href=/news title=NewsNews/a/li
lia href=/press
title=PressPress/a/li
/ul
/li
lia href=/contact title=Contact UsContact Us/a/li
/ul
/div
I stripped the existing superfish.css down to only the Essential
Styles and apply hovers to modern browsers sections; otherwise the
CSS is pretty straightforward as well:
#nav {
width: 960px;
height: 40px;
background: transparent url(/images/nav_bg.gif) 0px 0px no-repeat;
display: block;
position: relative;
margin: 15px 0 0 0;
z-index: 100;
}
#menu li {position: relative; display:block; float: left; height:
40px; margin: 0; padding: 0; font-size: 16px; line-height: 40px; }
#menu li a {position: relative; display: block; float: left; color:
#64a3b5;text-decoration: none; height: 40px; padding: 0 20px; }
#menu li a:link { color: #64a3b5; }
#menu li a:hover { color: #000; background: #dfdfdf; }
#menu li.current a { color: #333; }
#menu ul {display: block; background-color: #f0e9f1; border-bottom:
1px solid #ccc; margin: 0; padding: 0; clear: both; width: 130px;}
#menu ul li {position: relative; display: block; float: none; height:
30px; margin: 0; padding: 0; line-height: 30px; font-size: 90%;}
#menu ul li a {position: relative; display: block; float: none; color:
#64a3b5; text-decoration: none; height: 30px; margin: 0; padding: 0 0
0 15px; z-index: 120;}
#menu ul li a:hover { color: #000; background: #dfdfdf; }
#menu ul li.current a { color: #333; }
Any ideas?
Thanks,
Bob
[jQuery] Re: RAW PRINTING - How can I print DIRECTLY to DOT Matrix Printer from jquery?
You don't need jQuery to do this. On Oct 22, 6:00 am, Vedia [EMAIL PROTECTED] wrote: Hi! I want to sent text with javascript directly to Dot Matrix printer like Panasonic KXP-1050 without using true type fonts. As I know, this means: RAW Printing I want to use this for printing bills or ticket on continuous-form paper. There is ActiveX sample for InternetExplorer on this link:http://www.xuebrothers.net/ax/activeprinter/interfaces.htm How can I this with jQuery? Can it be possible? Regards, Nuri AKMAN
[jQuery] Re: superfish + bgiframe problem on IE6
Hi Bob,
You seem to be missing some very important CSS. The submenu ul
elements must be position absolute. Also, I don't see any 'top' or
'left' values or hover rules for them. Please refer to the original
demo CSS files for further clues.
Joel Birch
On 23/10/2008, Bob Sawyer [EMAIL PROTECTED] wrote:
So, the problem I'm having with IE6/Superfish is that the dropdown
menus push all other content down, rather than displaying on top of
the other content.
My superFish code is fairly straightforward:
$(document).ready(function() {
//superFish
$('ul#menu').superfish({
animation : { opacity:show,height:show},
pathClass: current,
speed: fast
});
$('ul#menu').superfish().find('ul').bgIframe({opacity:false});
});
Removing either line makes no difference -- the result is the same,
and obviously having both in there is probably overkill.
My menu is pretty lightweight:
div id=nav class=grid_12
ul id=menu
li class=currenta href=/home title=HomeHome/a/li
lia href=/collections title=CollectionsCollections/a
ul
lia href=/collections/collection/fall2008
title=Fall
2008Fall 2008/a/li
lia
href=/collections/collection/spring2009 title=Spring
2009Spring 2009/a/li
/ul
/li
lia href=/about title=About UsAbout Us/a
ul
lia href=/news title=NewsNews/a/li
lia href=/press
title=PressPress/a/li
/ul
/li
lia href=/contact title=Contact UsContact Us/a/li
/ul
/div
I stripped the existing superfish.css down to only the Essential
Styles and apply hovers to modern browsers sections; otherwise the
CSS is pretty straightforward as well:
#nav {
width: 960px;
height: 40px;
background: transparent url(/images/nav_bg.gif) 0px 0px no-repeat;
display: block;
position: relative;
margin: 15px 0 0 0;
z-index: 100;
}
#menu li {position: relative; display:block; float: left; height:
40px; margin: 0; padding: 0; font-size: 16px; line-height: 40px; }
#menu li a {position: relative; display: block; float: left; color:
#64a3b5;text-decoration: none; height: 40px; padding: 0 20px; }
#menu li a:link { color: #64a3b5; }
#menu li a:hover { color: #000; background: #dfdfdf; }
#menu li.current a { color: #333; }
#menu ul {display: block; background-color: #f0e9f1; border-bottom:
1px solid #ccc; margin: 0; padding: 0; clear: both; width: 130px;}
#menu ul li {position: relative; display: block; float: none; height:
30px; margin: 0; padding: 0; line-height: 30px; font-size: 90%;}
#menu ul li a {position: relative; display: block; float: none; color:
#64a3b5; text-decoration: none; height: 30px; margin: 0; padding: 0 0
0 15px; z-index: 120;}
#menu ul li a:hover { color: #000; background: #dfdfdf; }
#menu ul li.current a { color: #333; }
Any ideas?
Thanks,
Bob
[jQuery] jCarousel
Is there a way to pass custom data to the jCarousel callbacks without
creating a global?
Ideally I'd like to be able to create arbitrary properties on the
jCarousel object when it is initialized and then read them from the
object in the callbacks.
Something like this:
jQuery('#mycarousel').jcarousel({
size: that.mycarousel_itemList.length,
itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
arbitraryData: { some:Data },
otherArbitraryData: Hello World
});
[jQuery] Re: Jquery load not getting updated pages.....
Hey everybody. Thanks for all the help!
I am using the $.ajaxSetup({cache:false}) option.
It works great.
Looks like I need to study up on the ajax functions.
Always more stuff to learn!
Thanks.
Steve
On Oct 22, 2:26 am, 汪杰 [EMAIL PROTECTED] wrote:
you can set :
$.ajaxSetup({cache: false})
or:
$.ajaxSetup({beforeSend:
function(e,xhr,s){xhr.setRequestHeader(If-Modified-Since, new Date(0));}})
or:
$('#display').ajaxSend(function(e,xhr,s){xhr.setRequestHeader(If-Modified-Since,
new Date(0));}).load('../forms/test_form_1.html');
[jQuery] Re: jQuery Cycle Pager links
Perfect. I had tried that, but must have been using old code. Once I updated Cycle, it worked great. Thanks, Isaac On Oct 21, 5:24 pm, Mike Alsup [EMAIL PROTECTED] wrote: I'm using pagerAnchorBuilder to use existing markup that contains thumbnails of the screenshots I'm cycling through. The images, before Cycle attaches to them, are linked directly to pages with more detail for that screenshot. I'd like to use the pager to only show what slide is active, but not to link to activate a given slide. Instead, I want the link to be unchanged, so when clicking on a thumbnail, it goes to a new page. The pagerEvent option defaults to 'click'. If you set it to some bogus event you should get the behavior you want. For example: pagerEvent: 'bogus' Mike
[jQuery] Re: Polygon
I know it seems stupid but the reality of the project is to select a portion of the screen with a polygon. If the portion of the screen needed is a square at an angle (let's say the window of a house), I need to place each point at each corner of the window. On Oct 21, 6:07 pm, ricardobeat [EMAIL PROTECTED] wrote: Doh @ me, a rectangle *is* a polygon (and it would be stupid to crop an image with any other shape). Sorry about that! On Oct 21, 8:03 pm, ricardobeat [EMAIL PROTECTED] wrote: There is the jCrop plugin, though it's just a rectangle. For a polygon you would need an image map or canvas element, a bit more complicated and no ready-made solution. http://deepliquid.com/content/Jcrop.html - ricardo On Oct 21, 2:32 pm, Sébastien Lachance [EMAIL PROTECTED] wrote: Maybe it's a stupid question but I was wondering if there is a way to generate a polygon with 4 points, so that the user can himself drag each point to create it's own (mainly for selecting a portion of an image). Is it possible with a specific jQuery plugin. I can't seem to find anything after a few hours of my time. Thank you!! Sébastien Lachance
[jQuery] Re: RAW PRINTING - How can I print DIRECTLY to DOT Matrix Printer from jquery?
Umm, I suggest you read this article: http://javascript.about.com/od/events/a/print.htm Basically you can simply use a button with the onclick attribute to tell the browser to bring up the print dialog box, i.e.: input type=button value= Print this page onclick=window.print();return false; / Hope this helps, Alex Vedia wrote: Hi! I want to sent text with javascript directly to Dot Matrix printer like Panasonic KXP-1050 without using true type fonts. As I know, this means: RAW Printing I want to use this for printing bills or ticket on continuous-form paper. There is ActiveX sample for InternetExplorer on this link: http://www.xuebrothers.net/ax/activeprinter/interfaces.htm How can I this with jQuery? Can it be possible? Regards, Nuri AKMAN
[jQuery] Accessing an element's child
I'm new to jQuery and I dabbled in it a little last night. I know you can access a child element via $(parent child) but what if you're currently accessing the parent using the $(this) operator? Would I just use $(this child) without the quotes? That doesn't stike me as something that would work... Thanks, Adam
[jQuery] Re: RAW PRINTING - How can I print DIRECTLY to DOT Matrix Printer from jquery?
Umm, I suggest you read this article: http://javascript.about.com/od/events/a/print.htm Basically you can simply use a button with the onclick attribute to tell the browser to bring up the print dialog box, i.e.: input type=button value= Print this page onclick=window.print();return false; / Hope this helps, Alex On Oct 22, 4:00 pm, Vedia [EMAIL PROTECTED] wrote: Hi! I want to sent text with javascript directly to Dot Matrix printer like Panasonic KXP-1050 without using true type fonts. As I know, this means: RAW Printing I want to use this for printing bills or ticket on continuous-form paper. There is ActiveX sample for InternetExplorer on this link:http://www.xuebrothers.net/ax/activeprinter/interfaces.htm How can I this with jQuery? Can it be possible? Regards, Nuri AKMAN
[jQuery] Re: can someone please help with dynamic links problem?
Sure, how i could miss that!
I would assign the categories Id number (like $catid) in the Id
attribute of the link. Then using it as a GET parameter for the load
function.
It would give:
a href=# id=?=$catid;? class=generate2?=$catname;?/a
Then modify the function i wrote (based on the classname) using:
$(#myobj).load(products.php?idctg_ctg= + $(this).attr(id) )
Here's the complete script (tested!) from your source:
[SCRIPT]
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://
www.w3.org/TR/html4/loose.dtd
html
head
script src=scripts/jquery.js/script
script
$(document).ready(function(){
$(.generate2).each (
function () {
$( this ).bind (
click,
function() {
$(#myobj).fadeOut(fast);
$(#myobj).slideToggle(slow);
$(#myobj).load(products.php?idctg_ctg= + $(this).attr('id')
);
// id will be the one of the clicked link
}//function
);//bind
}//function
);//each
});
/script
style type=text/css
!--
#myobj {
background-color: #CC;
height: 300px;
width: 500px;
}
--
/style
/head
body
div id=myobj align=center
?php do { ?
a href=# class=generate2 id=?php echo
$row_categorys['idctg_ctg']; ??php echo
$row_categorys['name_ctg']; ?/abr
?php } while ($row_categorys = mysql_fetch_assoc($categorys)); ?
/div
/body
/html
?php mysql_free_result($categorys); ?
But you can have a look at ricardobeat link ;)
On 21 oct, 20:57, Flavio333 [EMAIL PROTECTED] wrote:
I tried what you said but it does not work... now both links go to the same
page when clicked...
RotinPain wrote:
the problem is quite simple i think, all your links have the same id
(generate2)
And the jquery function is attached to a link with this id (generate2)
So only 1 link will be responding to the function.
You need to use each() to attach an event to each links. Like
$(#generate2).each (
function () {
$( this ).bind (
click,
function(){
//dosomething your stuff here
}//function
);//bind
}//function
);//each
This should normally work. But note that only one unique ID per page
is acceptable (see W3C recommandations). Better to use class name
filtering instead (there could be more than 1 time the same class on
the page but only 1 unique id).
It will only change the first line:
$(.generate2).each ( ...
And the HTML will looks like
# ...
On Oct 21, 3:56 pm, Flavio333 [EMAIL PROTECTED] wrote:
Hello, I an quite new to jquery and hope someone can help with my
problem. I
am trying to load dynamic content in to a div(myobj)... the code i have
so
far is more or less as follows. it creates a box with 2 links, that it
gets
from 'name_ctg'. the links, are category names and when clicked should
load
products.php, with the right product, as was determined by the link that
was
clicked. I hope that make sense... now the problem is that only the
first
link works, the second link does nothing. I hope someone can help.
script src=jquery.js/script
script
$(document).ready(function(){
$(#generate2).click(function(){
$(#myobj).fadeOut(fast);
$(#myobj).slideToggle(slow);
$(#myobj).load(products.php?idctg_ctg=?php echo
$row_categorys['idctg_ctg']; ?);
});
});
/script
style type=text/css
!--
#myobj {
background-color: #CC;
height: 300px;
width: 500px;}
--
/style
/head
body
div id=myobj align=center
?php do { ?
a href=# id=generate2 ?php echo $row_categorys['name_ctg']; ?
br
?php } while ($row_categorys = mysql_fetch_assoc($categorys)); ?
/div
/body
/html
?php
mysql_free_result($categorys);
?
--
View this message in
context:http://www.nabble.com/can-someone-please-help-with-dynamic-links-prob...
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
--
View this message in
context:http://www.nabble.com/can-someone-please-help-with-dynamic-links-prob...
Sent from the jQuery General Discussion mailing list archive at Nabble.com.-
Masquer le texte des messages précédents -
- Afficher le texte des messages précédents -
[jQuery] Question about Shadows on the jQuery Nav Bar
Hi, I am just curious if the dropShadow plugin was used to create the shadows on the nav bar which appears on the jQuery main page at http://www.jquery.com. The nav bar I'm referring to is the one with the rounded corners and has the links for Downloads, Discussion, Documentaton, Tutorials, and the Bug Tracker. I love that effect and would like to implement something similar in a design I'm creating. Thanks! Elke
[jQuery] Re: can someone please help with dynamic links problem?
Thank You so much, after playing around with it ... it works!!!
Thank You SO SO Much!!!
RotinPain wrote:
Sure, how i could miss that!
I would assign the categories Id number (like $catid) in the Id
attribute of the link. Then using it as a GET parameter for the load
function.
It would give:
# class=generate2?=$catname;?
Then modify the function i wrote (based on the classname) using:
$(#myobj).load(products.php?idctg_ctg= + $(this).attr(id) )
Here's the complete script (tested!) from your source:
[SCRIPT]
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://
www.w3.org/TR/html4/loose.dtd
html
head
script src=scripts/jquery.js/script
script
$(document).ready(function(){
$(.generate2).each (
function () {
$( this ).bind (
click,
function() {
$(#myobj).fadeOut(fast);
$(#myobj).slideToggle(slow);
$(#myobj).load(products.php?idctg_ctg= + $(this).attr('id')
);
// id will be the one of the clicked link
}//function
);//bind
}//function
);//each
});
/script
style type=text/css
!--
#myobj {
background-color: #CC;
height: 300px;
width: 500px;
}
--
/style
/head
body
div id=myobj align=center
?php do { ?
# ?php echo
$row_categorys['name_ctg']; ? br
?php } while ($row_categorys = mysql_fetch_assoc($categorys)); ?
/div
/body
/html
?php mysql_free_result($categorys); ?
But you can have a look at ricardobeat link ;)
On 21 oct, 20:57, Flavio333 [EMAIL PROTECTED] wrote:
I tried what you said but it does not work... now both links go to the
same
page when clicked...
RotinPain wrote:
the problem is quite simple i think, all your links have the same id
(generate2)
And the jquery function is attached to a link with this id (generate2)
So only 1 link will be responding to the function.
You need to use each() to attach an event to each links. Like
$(#generate2).each (
function () {
$( this ).bind (
click,
function(){
//dosomething your stuff here
}//function
);//bind
}//function
);//each
This should normally work. But note that only one unique ID per page
is acceptable (see W3C recommandations). Better to use class name
filtering instead (there could be more than 1 time the same class on
the page but only 1 unique id).
It will only change the first line:
$(.generate2).each ( ...
And the HTML will looks like
# ...
On Oct 21, 3:56 pm, Flavio333 [EMAIL PROTECTED] wrote:
Hello, I an quite new to jquery and hope someone can help with my
problem. I
am trying to load dynamic content in to a div(myobj)... the code i
have
so
far is more or less as follows. it creates a box with 2 links, that
it
gets
from 'name_ctg'. the links, are category names and when clicked
should
load
products.php, with the right product, as was determined by the link
that
was
clicked. I hope that make sense... now the problem is that only the
first
link works, the second link does nothing. I hope someone can help.
script src=jquery.js/script
script
$(document).ready(function(){
$(#generate2).click(function(){
$(#myobj).fadeOut(fast);
$(#myobj).slideToggle(slow);
$(#myobj).load(products.php?idctg_ctg=?php echo
$row_categorys['idctg_ctg']; ?);
});
});
/script
style type=text/css
!--
#myobj {
background-color: #CC;
height: 300px;
width: 500px;}
--
/style
/head
body
div id=myobj align=center
?php do { ?
a href=# id=generate2 ?php echo $row_categorys['name_ctg'];
?
br
?php } while ($row_categorys = mysql_fetch_assoc($categorys)); ?
/div
/body
/html
?php
mysql_free_result($categorys);
?
--
View this message in
context:http://www.nabble.com/can-someone-please-help-with-dynamic-links-prob...
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
--
View this message in
context:http://www.nabble.com/can-someone-please-help-with-dynamic-links-prob...
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.- Masquer le texte des messages précédents -
- Afficher le texte des messages précédents -
:clap::clap::clap::clap:
--
View this message in context:
http://www.nabble.com/can-someone-please-help-with-dynamic-links-problem--tp20090838s27240p20116087.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] how to save page that contains ajax data
Hi, I have a page that is constructed with fixed 'navigation menu' (list of a href=/) and 'main content' block (div id=#containterwelcome text/div). Actually when user clicks on an item of the menu, the correspondent remote fragment is injected into 'main content' block and the appropriate url hash is added to the main url (means, http://mainURL#nameofitem). It's done with the help of ajaxify jquery plugin now. It seems that it follows the http://ajaxpatterns.org/Unique_URLstechnique. I have the requirement to allow users to save pages and look them offline. Thus it seems that i will have a problem with this. If user will try to save the page with the hash added, there may be a problem with 1) 'already existed' page on the disk, if browser doesn't recognize that pages differs by hash 2) if the page is opened in offline, ajax script won't load the actual content (that corresponds to the hash). 3) even if we have saved the overall content (all pages) on the disk, some browsers will fail with the loading and injected fragments from the disk. The error might look like 'can't use ajax to load from disk', or 'security restriction'. The first solution is to have separate links (print, save) for each page. Second one is to have a special plugin, for example, some special code to load (check) the fragment to local cache first when doing a ajax request, and have a ability to automatically save the cache into certain folder (like /js, /img, /css under ) with the data when do SAVE AS page action. Do you know such a plugin or solution on the matter? - Best regards, ~ Xasima Xirohata ~
[jQuery] changing the style of pre-checked checkboxes
Hi, I've poked around for a solution but I can't find anything concise enough for my jquery skill level. When my page loads (asp) some checkboxes will be checked (depending on the parameters). I would like to have these checkboxes have a style on them. I know there is other ways but I would like to become more familiar with jquery :) Thanks for any help you can provide D
[jQuery] Re: jQuery Uploader Flash player 10 fix
Yes that will be possible with my new version and is default implemented. I shall see if i can make a demo for that. On 21 okt, 22:59, Alexandre Plennevaux [EMAIL PROTECTED] wrote: hi Gilles, i was about to take the same path: convert YUI uploader into jquery for the new version of jquploader, because it's simply the best implementation i've seen so far (kuddos to yahoo). i'll be very interested with what you come up with. There is one issue i still lack for a good answer, i'd be interested in your opinion: say you want to control the uploaded file 's name, for example so that it does not erase an existing file with the same name: then the serverside script woudl produce a unique file name, according to a given logic (timestamp appended, etc), or simply to avoid empty spaces or quote characters in the name. Is it actually possible that the flash file returns the serverside-generated file name ? thanks, Alexandre On Tue, Oct 21, 2008 at 8:55 PM, Gilles (Webunity) [EMAIL PROTECTED]wrote: Update: Most of the callbacks have been implemented; Actionscript (Flash) work seems to be done; yet i did all my work without debugging. Tomorrow i have to add maybe 3 or 4 events / log messages and then i can start building ;) -- Gilles On Oct 20, 7:52 pm, Gilles (Webunity) [EMAIL PROTECTED] wrote: Guys; A lot (8) people have allready asked me if i was going to fix the mess Adobe made and my answer is yes, i am working on it. This post is to assure you that the jQuery Flash based uploader i wrote in 2006 has been revived. The project will no longer be based on swfupload, since i added way to much code of my own into it. The new version is (looseley) based upon YUI uploader component, and off course i've taken a peek to see what FancyUpload does in their code. To be honest; they are both very good products and both have their pro's and con's. I am hoping to create a project which will be the best of both worlds and more (currently, approx. 80% code is my own work) I've allready put about 10 hours of work in the new jQuery upload plugin (which was originally hosted onhttp://uploader.webunity.nl/) but unfortunately it is not finished yet. Since i based the startcode (e.g. how to create an AS3 movieclip) on YUI, I must abide by their license, which is BSD. The uploader plugin (Javascript) is going to be included as full source, but the Actionscript file is going to be precompiled. This is due to the fact that i simply put to much work in it. Some stuff that i added; - A lot more and consistant event handlers - A lot more and better logging - Multiple simultanous (!!) uploads And, ported from my old version: - Queue managemen - Max file size - Max queue size - Max queue count The idea is to even make it possible to add files while you are allready uploading; sort of background file transfer so to say. Anyway; i'll hope to finish the Actionscript code tomorrow evening (it is now 20:00 here) and the demo's the day after that. Basically; by the end of the week you should have some working examples. Thank you for al your wonderfull feedback -- Gilleshttp://www.webunity.nl/- Tekst uit oorspronkelijk bericht niet weergeven - - Tekst uit oorspronkelijk bericht weergeven -
[jQuery] Re: Improving a tooltip code
Anyone?
Any help will be appreciated...
On Oct 21, 12:42 am, Gordi [EMAIL PROTECTED] wrote:
Hi everyone,
I'm trying to build a hoverable Jquery tooltip.
This tooltip should appear when I hover over some element, and stay
put if I choose to hover over the tooltip itself too.
The tooltip should disappear only if I hover away from the original
element or from the tooltip body.
Based on an example I found, I managed to create this behavior, but
since I'm new to Jquery, I'd be glad to hear your comments about
improving the function.
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
script src=jquery-1.2.6.min.js/script
style
#tooltip{
position:absolute;
border:1px solid #333;
background:#f7f5d1;
padding:2px 5px;
color:#333;
display:none;
text-align: left;
}
/style
/head
body
script type=text/javascript
jQuery.fn.extend({
'tooltip': function(text){
xOffset = 10;
yOffset = 20;
var that = this;
$(this).mouseover(function(e){
this.t = text;
$(body).append(div id='tooltip'+ this.t
+/div);
$(#tooltip)
.css('position', 'absolute')
.css(top,(e.pageY - xOffset) + px)
.css(left,(e.pageX + yOffset) +
px)
.fadeIn(fast);
});
$(this).mouseout(function(){
that.hide_ff =
setTimeout('$(#tooltip).hidetooltip()', 1000);
$(#tooltip).hover(function(){
clearTimeout (that.hide_ff);
},
function(){
$(#tooltip).hidetooltip()
});
//$(#tooltip).hidetooltip()
});
$(this).mousemove(function(e){
$(#tooltip)
.css(top,(e.pageY - xOffset) + px)
.css(left,(e.pageX + yOffset) +
px);
});
},
'hidetooltip': function()
{
var that = this;
$(this).remove();
if (that.hide_ff)
{
clearTimeout (that.hide_ff);
}
}
});
/script
a id=fffToolTip/a
div id=tooltip_share_text style=display:none
div style=width: 100px;
This is a Tooltip.
br/
a href=javascript:void(0) onclick=alert('boo') Click Me/a
/div
/div
script type=text/javascript
$(document).ready(function() {
$(#fff).tooltip($('#tooltip_share_text').html());});
/script
/body
/html
-
Two things bother me most:
1. I needed to extend Jquery with 2 function (tooltip and
hidetooltip), i would like to achieve the same behavior with only one
extension but I didn't succeed in accomplishing this.
2. The use I made of that.hide_ff just doesn't seem right. Once
again, I think this variable should belong to a tooltip object, but
if I am not mistaken it is attached to the Jquery object itself.
In addition, I would be happy to hear any other improvements...
Thanks in advance,
Gordi
[jQuery] Re: changing the style of pre-checked checkboxes
On document.ready, add a class to all checked checkboxes, if any
exist.
$(document).ready(function() {
$(:checkbox:checked).addClass(checked);
});
On Oct 22, 10:55 am, Devin [EMAIL PROTECTED] wrote:
Hi,
I've poked around for a solution but I can't find anything concise
enough for my jquery skill level.
When my page loads (asp) some checkboxes will be checked (depending on
the parameters). I would like to have these checkboxes have a style
on them. I know there is other ways but I would like to become more
familiar with jquery :)
Thanks for any help you can provide
D
[jQuery] Autolinking Twitter @usernames with jQuery
Hi, Fairly new to this, I'd like to know if such a thing is possible with jQuery: I have a social bookmarks-like page where users can post a link and description. I'd like to have some kind of function that would automatically link @USERNAME to that persons Twitter page (http:// twitter.com/USERNAME) when, or if, they add their @USERNAME to the description field. (div class=description) Can this be done with jQuery? Could someone point me in the right direction? Thanks, BB
[jQuery] [autocomplete] event doesn't work properly in User control
Dears, i added an autoComplete plug in , and i used the .autocomplete method in the plugin and it works fine when i use it in a page . aspx and it doesn't work fine in usercontrols, it says object or property doesn't exist. please reply with an answer i can use
[jQuery] Re: Autolinking Twitter @usernames with jQuery
A simple regex should take care of that for you. Just search for any occurrence of @any number of letters of numbers and wrap the result in an href tag. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Betty B Sent: Wednesday, October 22, 2008 1:28 PM To: jQuery (English) Subject: [jQuery] Autolinking Twitter @usernames with jQuery Hi, Fairly new to this, I'd like to know if such a thing is possible with jQuery: I have a social bookmarks-like page where users can post a link and description. I'd like to have some kind of function that would automatically link @USERNAME to that persons Twitter page (http:// twitter.com/USERNAME) when, or if, they add their @USERNAME to the description field. (div class=description) Can this be done with jQuery? Could someone point me in the right direction? Thanks, BB
[jQuery] filtering complex selectors
If there's a way, what would it take to be able to use complex selectors (those with , ~, , etc.) with filtering functions. For example, $( div ).find( pa ); $( pa, $( div ) ); Thanks
[jQuery] Re: [Validate] Can I enable custom error message display?
Hi Jorn, Thank You for your response. I was actually able to use the 'checkForm' method and then browse through the errorList to do what I wanted to do. My major stumbling block was that I wanted to hide some info div when an error occurred. I think you had enabled it by resolving ticket no. 2215 Thank You, Vish On Oct 14, 3:35 pm, Jörn Zaefferer [EMAIL PROTECTED] wrote: To start with, take a look at the various options related to displaying messages:http://docs.jquery.com/Plugins/Validation/validate Use errorClass, errorElement, wrapper, errorLabelContainer, errorContainer, showErrors, success, errorPlacement, highlight and unhighlight to control how invalid elements and error messages are displayed. showErrors is quite close to what you asked for, though I recomend to first look at the other options available, esepcially errorPlacement, errorContainer and errorLabelContainer. Usually that gets you quite far. Jörn On Tue, Oct 14, 2008 at 3:50 PM, Vish [EMAIL PROTECTED] wrote: Hi all, I am just getting started with the jQuery validation and was wondering if someone can help me out with a question I had with using it. From what I read, the validation plug-in automatically adds and removed the 'label' error tags into the page. For my requirements, I need more customisability of the error message display. I want to be able perform other things when an error is displayed like hide other info messages etc when an error occurs. So, I was wondering if it would be possible for me to just get a list of error messages back from the validation plug-in instead having it inject the error messages into the page for me. I would appreciate any help in this regard. Thank You, Vish
[jQuery] Subheadings in tables
Hi am trying to find ways to do this easily with jquery but so far have not found much for what I am looking for. What I would like is an easy way to add subheadings to a table when I perform a sort on the table. The tablesorter plugin works great for sorting the data...but what I would like to do is be able to have a subheading show up in the data table when I sort by a particular column. Any thoughts?
[jQuery] Re: Autolinking Twitter @usernames with jQuery
In case it's helpful, here's the code I use in my Twitter election map:
http://maps.google.com/help/maps/elections/#twitter
function atLinks( str ) {
return str.replace(
/(^|\s)@([\w_]+)/g,
'$1@a target=_blank href=http://twitter.com/$2;$2/a'
);
}
It goes to a tiny bit of extra work to distinguish @twittername references
from [EMAIL PROTECTED] addresses.
This isn't the jQuery part, just the string parsing.
-Mike
From: Andy Matthews
A simple regex should take care of that for you. Just search
for any occurrence of @any number of letters of numbers and
wrap the result in an href tag.
From: Betty B
Fairly new to this, I'd like to know if such a thing is possible with
jQuery:
I have a social bookmarks-like page where users can post a
link and description. I'd like to have some kind of function
that would automatically link @USERNAME to that persons
Twitter page (http://
twitter.com/USERNAME) when, or if, they add their @USERNAME
to the description field. (div class=description)
Can this be done with jQuery? Could someone point me in the
right direction?
[jQuery] Saving Dynamic Data Through JSP
I've got a dynamic html page that has a number of static inputs, but also 2 dynamic lists of information that can be added to or deleted from. What's the best way to pass this information to a JSP to be saved to the databse? I've read about serialize and serializearray, but I'm having trouble understanding if they would work for me, or what other alternatives I might have and how I interact with the information passed to my jsp using these methods Thanks...
[jQuery] Re: event doesn't work properly in User control
Seeing the problem is easy do a View Source of your page and you will see that using a UserControl changes all the ID's and Names of controls because it utilizies INamingContainer (watch video here: http://www.detacheddesigns.com/blog/blogSpecific.aspx?BlogId=133) Your choices are: 1) Use the generated IDs in your jQuery or 2) Use the ClientID() server side On Oct 22, 2:04 pm, maya86 [EMAIL PROTECTED] wrote: Dears, i added an autoComplete plug in , and i used the .autocomplete method in the plugin and it works fine when i use it in a page . aspx and it doesn't work fine in usercontrols, it says object or property doesn't exist. please reply with an answer i can use
[jQuery] Re: filtering complex selectors
Have you tried those? There's no reason why $( pa, $( div ) ); wouldn't find all a that are direct descendants of p tags inside div tags On Oct 22, 2:43 pm, Dan Finch [EMAIL PROTECTED] wrote: If there's a way, what would it take to be able to use complex selectors (those with , ~, , etc.) with filtering functions. For example, $( div ).find( pa ); $( pa, $( div ) ); Thanks
[jQuery] Combining selectors
I need help in this compound selector problem. I have the following jQuery statements, which are working: $([EMAIL PROTECTED]'button']).addClass(button); $([EMAIL PROTECTED]'submit']).addClass(button); $([EMAIL PROTECTED]'reset']).addClass(button); I want to combine them into a single statement, such as: $([EMAIL PROTECTED]'button' or @type='submit' or @type='reset']).addClass(button); or $([EMAIL PROTECTED]'button'] or [EMAIL PROTECTED]'submit'] or [EMAIL PROTECTED]'reset']).addClass(button); similar to the Boolean OR that XPATH expresssion allows, but it does not work. What is the proper syntax, if the combining is possible?
[jQuery] Re: jQuery Documentation in PDF
Do you mind if we modify the code at all Jonatan? I wouldn't mind taking what you have here and running with it. Either way, this is very cool indeed, thanks a bunch! On Oct 21, 1:22 pm, Isaak Malik [EMAIL PROTECTED] wrote: Hey Jonatan, This is EXTREMELY useful and I'm sure more think the same way, this solves the problems most are having with the documentation page. Thanks a bunch :-)! On Tue, Oct 21, 2008 at 1:45 PM, Jonatan [EMAIL PROTECTED] wrote: Hi: I made a program for create a PDF of the jQuery and jQueryUI from the xml. There's also the source code of the program (made in VS2005/C#). I hope someone find the docs in PDF usefull as me :) You can download from: Docs in pdf: http://www.puntoequis.com.ar/aktive/soft/jQueryDocumentation.7z Program to create: http://www.puntoequis.com.ar/aktive/soft/jQueryDocs-Creator.7z I will post updates in my page (in spanish) http://www.puntoequis.com.ar/npx/default.aspx?VIEWENTRY050057 Jonatan -- Isaak Malik Web Developer
[jQuery] Re: mcDropDown: any click event fire the drop down animation
The example page works as it should, I am using the the latest listed: * Rev: 1.2.07 I had the same behavior on 2 different pages. Unfortunately there is not live example. Everything else works fine with the widget. The root menu actually animates on the top left of the page at first when any click happens. After the mcdropdown is first clicked it animates the selct box with an open and close. I've never seen this behavior and without some more detail or you posting a live working example somewhere that I can observe the behavior, it's hard for me to give you much help. There's only one global click handler, which is designed to close the menu if it's in an open state and you haven't clicked on the menu. You might try looking at adding some debugging to that code (starts on line 94) to see if you can help determine what the cause is. -Dan
[jQuery] $.each help for radio button validation
Hi Everyone, I'm new at this and can't figure out how to use the $.each properly. Let me try to explain more about my Quiz project: 1. I have a dynamic set of Radio Buttons that are grouped. 2. I want to validate that at least 1 is checked per group. 3. If a radio button is not checked in a group, i want to display a message under that radio buttons that says please choose. So i think i'm pretty close, here's my approach please chime and help if you can: 1. get all Radio Buttons into a jQuery object collection. 2. Loop through the Radio Buttons, get the Group Name's and put them in an Array. 3. Another Loop checking if the Group has a Radio Button Checked. 4. If none are checked then I append an asterisk * My problem is it appends it to all the Radio Buttons. Thanks!
[jQuery] Re: filtering complex selectors
You're right, I do that all the time :). I'm getting my side effects mixed up. What I can't actually do is match against ancestors of the context. For example, $( .L1.L4, $( .L3 ) ), where the n represents the level of DOM depth. On Oct 22, 2:38 pm, MorningZ [EMAIL PROTECTED] wrote: Have you tried those? There's no reason why $( pa, $( div ) ); wouldn't find all a that are direct descendants of p tags inside div tags On Oct 22, 2:43 pm, Dan Finch [EMAIL PROTECTED] wrote: If there's a way, what would it take to be able to use complex selectors (those with , ~, , etc.) with filtering functions. For example, $( div ).find( pa ); $( pa, $( div ) ); Thanks- Hide quoted text - - Show quoted text -
[jQuery] Re: $.each help for radio button validation
It would help to see a specific example, or link to an example. My
immediate response would be to make sure you can select each group
individually, by wrapping it with a div or something and selecting the div,
not all the radio buttons at once. that way you can handle each group one
at a time and append the message one at a time as well.
eg
div class=myRadioGroup
input /
input /
..etc
p class='MyRadioGroupMessage'/p
/div
div class=myRadioGroup
input /
input /
..etc
p class='MyRadioGroupMessage'/p
/div
//select all the 'groups'
$('div.myRadioGroups').each(fucntion(){
//make sure at least one is selected
if( ! $('input:radio:selected', this).length 0){
//write a message
$('p.message', this).text(Please select at least one!);
}
});
Thatcher
On Wed, Oct 22, 2008 at 3:57 PM, Steve [EMAIL PROTECTED] wrote:
Hi Everyone,
I'm new at this and can't figure out how to use the $.each properly.
Let me try to explain more about my Quiz project:
1. I have a dynamic set of Radio Buttons that are grouped.
2. I want to validate that at least 1 is checked per group.
3. If a radio button is not checked in a group, i want to display a
message under that radio buttons that says please choose.
So i think i'm pretty close, here's my approach please chime and help
if you can:
1. get all Radio Buttons into a jQuery object collection.
2. Loop through the Radio Buttons, get the Group Name's and put them
in an Array.
3. Another Loop checking if the Group has a Radio Button Checked.
4. If none are checked then I append an asterisk *
My problem is it appends it to all the Radio Buttons.
Thanks!
--
Christopher Thatcher
[jQuery] Re: Combining selectors
http://docs.jquery.com/Selectors/attributeMultiple#attributeFilter1attri buteFilter2attributeFilterN $(input[type='button'][type='submit'][type='reset'].addClass(button); Should work I believe. Untested. AllexS Hope this helps -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of nguyenq Sent: Wednesday, October 22, 2008 12:41 PM To: jQuery (English) Subject: [jQuery] Combining selectors I need help in this compound selector problem. I have the following jQuery statements, which are working: $([EMAIL PROTECTED]'button']).addClass(button); $([EMAIL PROTECTED]'submit']).addClass(button); $([EMAIL PROTECTED]'reset']).addClass(button); I want to combine them into a single statement, such as: $([EMAIL PROTECTED]'button' or @type='submit' or @type='reset']).addClass(button); or $([EMAIL PROTECTED]'button'] or [EMAIL PROTECTED]'submit'] or [EMAIL PROTECTED]'reset']).addClass(button); similar to the Boolean OR that XPATH expresssion allows, but it does not work. What is the proper syntax, if the combining is possible?
[jQuery] Re: Combining selectors
Try: $([EMAIL PROTECTED]'button'], [EMAIL PROTECTED]'submit'], [EMAIL PROTECTED]'reset']).addClass(button); See: http://docs.jquery.com/Selectors/multiple#selector1selector2selectorN Mauricio - I need help in this compound selector problem. I have the following jQuery statements, which are working: $([EMAIL PROTECTED]'button']).addClass(button); $([EMAIL PROTECTED]'submit']).addClass(button); $([EMAIL PROTECTED]'reset']).addClass(button);
[jQuery] how would you initialize google excanvas on a new piece of html?
Hi. I'm trying to use google's excanvas in my CMS, but ran into a snag;
excanvas initializes all canvas tags in the dom on startup. my cms loads
much html dynamically, and i need to initialize excanvas on those new
dom nodes.
the new dom node i'm trying to init is called __self.html (of a window).
can someone please tell me if its possible to get the following script
to init my __self.html?
// Copyright 2006 Google Inc.
//
// Licensed under the Apache License, Version 2.0 (the License);
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an AS IS BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
// Known Issues:
//
// * Patterns are not implemented.
// * Radial gradient are not implemented. The VML version of these look very
// different from the canvas one.
// * Clipping paths are not implemented.
// * Coordsize. The width and height attribute have higher priority than the
// width and height style values which isn't correct.
// * Painting mode isn't implemented.
// * Canvas width/height should is using content-box by default. IE in
// Quirks mode will draw the canvas using border-box. Either change your
// doctype to HTML5
// (http://www.whatwg.org/specs/web-apps/current-work/#the-doctype)
// or use Box Sizing Behavior from WebFX
// (http://webfx.eae.net/dhtml/boxsizing/boxsizing.html)
// * Optimize. There is always room for speed improvements.
// only add this code if we do not already have a canvas implementation
if (!window.CanvasRenderingContext2D) {
(function () {
// alias some functions to make (compiled) code shorter
var m = Math;
var mr = m.round;
var ms = m.sin;
var mc = m.cos;
// this is used for sub pixel precision
var Z = 10;
var Z2 = Z / 2;
var G_vmlCanvasManager_ = {
init: function (opt_doc) {
var doc = opt_doc || document;
if (/MSIE/.test(navigator.userAgent) !window.opera) {
var self = this;
doc.attachEvent(onreadystatechange, function () {
self.init_(doc);
});
}
},
init_: function (doc) {
if (doc.readyState == complete) {
// create xmlns
if (!doc.namespaces[g_vml_]) {
doc.namespaces.add(g_vml_, urn:schemas-microsoft-com:vml);
}
// setup default css
var ss = doc.createStyleSheet();
ss.cssText = canvas{display:inline-block;overflow:hidden; +
// default size is 300x150 in Gecko and Opera
text-align:left;width:300px;height:150px} +
g_vml_\\:*{behavior:url(#default#VML)};
// find all canvas elements
var els = doc.getElementsByTagName(canvas);
for (var i = 0; i els.length; i++) {
if (!els[i].getContext) {
this.initElement(els[i]);
}
}
}
},
fixElement_: function (el) {
// in IE before version 5.5 we would need to add HTML: to the tag name
// but we do not care about IE before version 6
var outerHTML = el.outerHTML;
var newEl = el.ownerDocument.createElement(outerHTML);
// if the tag is still open IE has created the children as
siblings and
// it has also created a tag with the name /FOO
if (outerHTML.slice(-2) != /) {
var tagName = / + el.tagName;
var ns;
// remove content
while ((ns = el.nextSibling) ns.tagName != tagName) {
ns.removeNode();
}
// remove the incorrect closing tag
if (ns) {
ns.removeNode();
}
}
el.parentNode.replaceChild(newEl, el);
return newEl;
},
/**
* Public initializes a canvas element so that it can be used as canvas
* element from now on. This is called automatically before the page is
* loaded but if you are creating elements using createElement you
need to
* make sure this is called on the element.
* @param {HTMLElement} el The canvas element to initialize.
* @return {HTMLElement} the element that was created.
*/
initElement: function (el) {
el = this.fixElement_(el);
el.getContext = function () {
if (this.context_) {
return this.context_;
}
return this.context_ = new CanvasRenderingContext2D_(this);
};
// do not use inline function because that will leak memory
el.attachEvent('onpropertychange', onPropertyChange);
el.attachEvent('onresize', onResize);
var attrs = el.attributes;
if (attrs.width attrs.width.specified) {
// TODO: use runtimeStyle and coordsize
// el.getContext().setWidth_(attrs.width.nodeValue);
el.style.width = attrs.width.nodeValue + px;
} else {
el.width =
[jQuery] Re: how would you initialize google excanvas on a new piece of html?
i tried G_vmlCanvasManager_.init(__self.html);
but that didnt work.. probably because this thing runs inside an anon
function, right?
Rene Veerman wrote:
Hi. I'm trying to use google's excanvas in my CMS, but ran into a snag;
excanvas initializes all canvas tags in the dom on startup. my cms
loads much html dynamically, and i need to initialize excanvas on
those new dom nodes.
the new dom node i'm trying to init is called __self.html (of a window).
can someone please tell me if its possible to get the following script
to init my __self.html?
// Copyright 2006 Google Inc.
//
// Licensed under the Apache License, Version 2.0 (the License);
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an AS IS BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
implied.
// See the License for the specific language governing permissions and
// limitations under the License.
// Known Issues:
//
// * Patterns are not implemented.
// * Radial gradient are not implemented. The VML version of these
look very
// different from the canvas one.
// * Clipping paths are not implemented.
// * Coordsize. The width and height attribute have higher priority
than the
// width and height style values which isn't correct.
// * Painting mode isn't implemented.
// * Canvas width/height should is using content-box by default. IE in
// Quirks mode will draw the canvas using border-box. Either change
your
// doctype to HTML5
// (http://www.whatwg.org/specs/web-apps/current-work/#the-doctype)
// or use Box Sizing Behavior from WebFX
// (http://webfx.eae.net/dhtml/boxsizing/boxsizing.html)
// * Optimize. There is always room for speed improvements.
// only add this code if we do not already have a canvas implementation
if (!window.CanvasRenderingContext2D) {
(function () {
// alias some functions to make (compiled) code shorter
var m = Math;
var mr = m.round;
var ms = m.sin;
var mc = m.cos;
// this is used for sub pixel precision
var Z = 10;
var Z2 = Z / 2;
var G_vmlCanvasManager_ = {
init: function (opt_doc) {
var doc = opt_doc || document;
if (/MSIE/.test(navigator.userAgent) !window.opera) {
var self = this;
doc.attachEvent(onreadystatechange, function () {
self.init_(doc);
});
}
},
init_: function (doc) {
if (doc.readyState == complete) {
// create xmlns
if (!doc.namespaces[g_vml_]) {
doc.namespaces.add(g_vml_, urn:schemas-microsoft-com:vml);
}
// setup default css
var ss = doc.createStyleSheet();
ss.cssText = canvas{display:inline-block;overflow:hidden; +
// default size is 300x150 in Gecko and Opera
text-align:left;width:300px;height:150px} +
g_vml_\\:*{behavior:url(#default#VML)};
// find all canvas elements
var els = doc.getElementsByTagName(canvas);
for (var i = 0; i els.length; i++) {
if (!els[i].getContext) {
this.initElement(els[i]);
}
}
}
},
fixElement_: function (el) {
// in IE before version 5.5 we would need to add HTML: to the tag
name
// but we do not care about IE before version 6
var outerHTML = el.outerHTML;
var newEl = el.ownerDocument.createElement(outerHTML);
// if the tag is still open IE has created the children as
siblings and
// it has also created a tag with the name /FOO
if (outerHTML.slice(-2) != /) {
var tagName = / + el.tagName;
var ns;
// remove content
while ((ns = el.nextSibling) ns.tagName != tagName) {
ns.removeNode();
}
// remove the incorrect closing tag
if (ns) {
ns.removeNode();
}
}
el.parentNode.replaceChild(newEl, el);
return newEl;
},
/**
* Public initializes a canvas element so that it can be used as
canvas
* element from now on. This is called automatically before the
page is
* loaded but if you are creating elements using createElement you
need to
* make sure this is called on the element.
* @param {HTMLElement} el The canvas element to initialize.
* @return {HTMLElement} the element that was created.
*/
initElement: function (el) {
el = this.fixElement_(el);
el.getContext = function () {
if (this.context_) {
return this.context_;
}
return this.context_ = new CanvasRenderingContext2D_(this);
};
// do not use inline function because that will leak memory
el.attachEvent('onpropertychange', onPropertyChange);
el.attachEvent('onresize', onResize);
var attrs = el.attributes;
if (attrs.width attrs.width.specified) {
// TODO:
[jQuery] can jquery slide a whole page up and down?
I have been to websites in the past which I remember had no scroll bars, relying on buttons to navigate the site. I got the impression the whole site was a massive page, so only one section could be viewed at a time. The really nice thing was that going to a new page would slide there, instead of refreshing and blinking the whole browser window as with HTML. Can jquery do this?
[jQuery] Re: Combining selectors
Ignore what I just said... according to the docs it will only match if all the attributes are the same, not based on an or. AllexS -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of nguyenq Sent: Wednesday, October 22, 2008 12:41 PM To: jQuery (English) Subject: [jQuery] Combining selectors I need help in this compound selector problem. I have the following jQuery statements, which are working: $([EMAIL PROTECTED]'button']).addClass(button); $([EMAIL PROTECTED]'submit']).addClass(button); $([EMAIL PROTECTED]'reset']).addClass(button); I want to combine them into a single statement, such as: $([EMAIL PROTECTED]'button' or @type='submit' or @type='reset']).addClass(button); or $([EMAIL PROTECTED]'button'] or [EMAIL PROTECTED]'submit'] or [EMAIL PROTECTED]'reset']).addClass(button); similar to the Boolean OR that XPATH expresssion allows, but it does not work. What is the proper syntax, if the combining is possible?
[jQuery] SOLVED Re: [jQuery] Re: how would you initialize google excanvas on a new piece of html?
Solution:
// Copyright 2006 Google Inc.
//tiny fix by Veerman Internet Services to allow initialization on HTML
loaded after document.ready
//
// Licensed under the Apache License, Version 2.0 (the License);
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an AS IS BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
// Known Issues:
//
// * Patterns are not implemented.
// * Radial gradient are not implemented. The VML version of these look very
// different from the canvas one.
// * Clipping paths are not implemented.
// * Coordsize. The width and height attribute have higher priority than the
// width and height style values which isn't correct.
// * Painting mode isn't implemented.
// * Canvas width/height should is using content-box by default. IE in
// Quirks mode will draw the canvas using border-box. Either change your
// doctype to HTML5
// (http://www.whatwg.org/specs/web-apps/current-work/#the-doctype)
// or use Box Sizing Behavior from WebFX
// (http://webfx.eae.net/dhtml/boxsizing/boxsizing.html)
// * Optimize. There is always room for speed improvements.
// only add this code if we do not already have a canvas implementation
if (!window.CanvasRenderingContext2D) {
var googleExCanvas = function(){
// alias some functions to make (compiled) code shorter
var m = Math;
var mr = m.round;
var ms = m.sin;
var mc = m.cos;
// this is used for sub pixel precision
var Z = 10;
var Z2 = Z / 2;
var G_vmlCanvasManager_ = {
init: function(opt_doc){
var doc = opt_doc || document;
if (/MSIE/.test(navigator.userAgent) !window.opera) {
var self = this;
//doc.attachEvent(onreadystatechange, function(){
self.init_(doc);
//});
}
},
init_: function(doc){
if (doc.readyState == complete) {
// create xmlns
if (!doc.namespaces[g_vml_]) {
doc.namespaces.add(g_vml_,
urn:schemas-microsoft-com:vml);
}
// setup default css
var ss = doc.createStyleSheet();
ss.cssText =
canvas{display:inline-block;overflow:hidden; +
// default size is 300x150 in Gecko and Opera
text-align:left;width:300px;height:150px} +
g_vml_\\:*{behavior:url(#default#VML)};
// find all canvas elements
var els = doc.getElementsByTagName(canvas);
for (var i = 0; i els.length; i++) {
if (!els[i].getContext) {
this.initElement(els[i]);
}
}
}
},
fixElement_: function(el){
// in IE before version 5.5 we would need to add HTML: to
the tag name
// but we do not care about IE before version 6
var outerHTML = el.outerHTML;
var newEl = el.ownerDocument.createElement(outerHTML);
// if the tag is still open IE has created the children as
siblings and
// it has also created a tag with the name /FOO
if (outerHTML.slice(-2) != /) {
var tagName = / + el.tagName;
var ns;
// remove content
while ((ns = el.nextSibling) ns.tagName != tagName) {
ns.removeNode();
}
// remove the incorrect closing tag
if (ns) {
ns.removeNode();
}
}
el.parentNode.replaceChild(newEl, el);
return newEl;
},
/**
* Public initializes a canvas element so that it can be used as
canvas
* element from now on. This is called automatically before the
page is
* loaded but if you are creating elements using createElement
you need to
* make sure this is called on the element.
* @param {HTMLElement} el The canvas element to initialize.
* @return {HTMLElement} the element that was created.
*/
initElement: function(el){
el = this.fixElement_(el);
el.getContext = function(){
if (this.context_) {
return this.context_;
}
return this.context_ = new CanvasRenderingContext2D_(this);
};
// do not use inline function because that will leak memory
el.attachEvent('onpropertychange', onPropertyChange);
[jQuery] Re: SOLVED Re: [jQuery] Re: how would you initialize google excanvas on a new piece of html?
sry forgot to add that the solution in this modification is to call
googleExCanvas(), _without_ specifying a dom node to traverse. I ran
into problems if i tried to init a single dom node.. but the code checks
if a canvas tag has been initialized already, so there's no overhead to
speak of..
Rene Veerman wrote:
Solution:
// Copyright 2006 Google Inc.
//tiny fix by Veerman Internet Services to allow initialization on
HTML loaded after document.ready
//
// Licensed under the Apache License, Version 2.0 (the License);
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an AS IS BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
implied.
// See the License for the specific language governing permissions and
// limitations under the License.
// Known Issues:
//
// * Patterns are not implemented.
// * Radial gradient are not implemented. The VML version of these
look very
// different from the canvas one.
// * Clipping paths are not implemented.
// * Coordsize. The width and height attribute have higher priority
than the
// width and height style values which isn't correct.
// * Painting mode isn't implemented.
// * Canvas width/height should is using content-box by default. IE in
// Quirks mode will draw the canvas using border-box. Either change
your
// doctype to HTML5
// (http://www.whatwg.org/specs/web-apps/current-work/#the-doctype)
// or use Box Sizing Behavior from WebFX
// (http://webfx.eae.net/dhtml/boxsizing/boxsizing.html)
// * Optimize. There is always room for speed improvements.
// only add this code if we do not already have a canvas implementation
if (!window.CanvasRenderingContext2D) {
var googleExCanvas = function(){
// alias some functions to make (compiled) code shorter
var m = Math;
var mr = m.round;
var ms = m.sin;
var mc = m.cos;
// this is used for sub pixel precision
var Z = 10;
var Z2 = Z / 2;
var G_vmlCanvasManager_ = {
init: function(opt_doc){
var doc = opt_doc || document;
if (/MSIE/.test(navigator.userAgent) !window.opera) {
var self = this;
//doc.attachEvent(onreadystatechange, function(){
self.init_(doc);
//});
}
},
init_: function(doc){
if (doc.readyState == complete) {
// create xmlns
if (!doc.namespaces[g_vml_]) {
doc.namespaces.add(g_vml_,
urn:schemas-microsoft-com:vml);
}
// setup default css
var ss = doc.createStyleSheet();
ss.cssText =
canvas{display:inline-block;overflow:hidden; +
// default size is 300x150 in Gecko and Opera
text-align:left;width:300px;height:150px} +
g_vml_\\:*{behavior:url(#default#VML)};
// find all canvas elements
var els = doc.getElementsByTagName(canvas);
for (var i = 0; i els.length; i++) {
if (!els[i].getContext) {
this.initElement(els[i]);
}
}
}
},
fixElement_: function(el){
// in IE before version 5.5 we would need to add HTML: to
the tag name
// but we do not care about IE before version 6
var outerHTML = el.outerHTML;
var newEl =
el.ownerDocument.createElement(outerHTML);
// if the tag is still open IE has created the children as
siblings and
// it has also created a tag with the name /FOO
if (outerHTML.slice(-2) != /) {
var tagName = / + el.tagName;
var ns;
// remove content
while ((ns = el.nextSibling) ns.tagName != tagName) {
ns.removeNode();
}
// remove the incorrect closing tag
if (ns) {
ns.removeNode();
}
}
el.parentNode.replaceChild(newEl, el);
return newEl;
},
/**
* Public initializes a canvas element so that it can be used
as canvas
* element from now on. This is called automatically before the
page is
* loaded but if you are creating elements using createElement
you need to
* make sure this is called on the element.
* @param {HTMLElement} el The canvas element to initialize.
* @return {HTMLElement} the element that was created.
*/
initElement: function(el){
el = this.fixElement_(el);
el.getContext = function(){
if (this.context_) {
[jQuery] Re: SOLVED Re: [jQuery] Re: how would you initialize google excanvas on a new piece of html?
original package at http://excanvas.sourceforge.net/
[jQuery] Re: BlockUI: oversized overlay bug in IE web browsers ( demo included )
Hi Mike, I don't see anything different in the file you pointed me to. Please let me know what you changed, because it seems to be exactly the same as the plugin I downloaded from the blockUI website! JR On Oct 22, 5:53 am, Mike Alsup [EMAIL PROTECTED] wrote: It's really up to BlockUI to address this. Ideally, a plugin should be designed to account for the most common environments in which it will operate. IE6 is still a major player with at least 20% (some say as high as 35%) market share among web users. I hate compensating for IE6 as much as the next guy, but it's a necessary evil. It seems this problem happens in IE7 as well (when running in quirksmode). Can you see if this fixes it for you: http://www.malsup.com/jquery/block/jquery.blockUI.2.10b.js Thanks. Mike
[jQuery] Re: jQuery.getScript problems on IE 7
Have followed the advice at http://docs.jquery.com/Using_jQuery_with_Other_Libraries ? Karl Rudd On Wed, Oct 22, 2008 at 11:01 PM, Alexsandro_xpt [EMAIL PROTECTED] wrote: Nobody know what happen with .getScript getting prototype framework? On 22 out, 00:57, Alexsandro_xpt [EMAIL PROTECTED] wrote: My IE 7 and 6 get a error while load protoculous-effects-shrinkvars.js by jQuery.getScript method. IE popup this error message: Line: 310750026 Char: 72353 Error: 'null' is null or not an object Code: 0 How to fix it using jQuery.getScript? Prototype Framework doesn't like jQuery? PS.: In FF work very well.
[jQuery] Re: can jquery slide a whole page up and down?
This page http://www.webresourcesdepot.com/dnspinger/ uses a jQuery plugin to achieve the infinite page he talks about the plugin somewhere on his blog http://www.webresourcesdepot.com/ but i don't have time right now to find exactly where, but i know it's there as i've read it On Oct 22, 4:46 pm, caturn88 [EMAIL PROTECTED] wrote: I have been to websites in the past which I remember had no scroll bars, relying on buttons to navigate the site. I got the impression the whole site was a massive page, so only one section could be viewed at a time. The really nice thing was that going to a new page would slide there, instead of refreshing and blinking the whole browser window as with HTML. Can jquery do this?
[jQuery] Re: [autocomplete] do search on input focus
That didn't work either. If I double click in the field, the expected
behavior occurs.
On Oct 22, 10:41 am, Isaak Malik [EMAIL PROTECTED] wrote:
I have no idea which autocomplete plugin you're using but does the following
work for you?
$(function()
{
$(#category).focus(function(){$(this).autocomplete(do_search.php,{max:1
00,minChars:0,delay:10})
});
});
On Wed, Oct 22, 2008 at 4:19 PM, blasto333 [EMAIL PROTECTED] wrote:
Is there a way to force a field to do a search on focus of the input?
(I basically want the user to be suggested a default set of items
before typing anything.
I tried this
$(#category).autocomplete(do_search.php,{max:100,minChars:0,delay:
10});
--
Isaak Malik
Web Developer
[jQuery] Re: can jquery slide a whole page up and down?
Heck with it took the few minutes and found the post, here it is http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/ On Oct 22, 4:46 pm, caturn88 [EMAIL PROTECTED] wrote: I have been to websites in the past which I remember had no scroll bars, relying on buttons to navigate the site. I got the impression the whole site was a massive page, so only one section could be viewed at a time. The really nice thing was that going to a new page would slide there, instead of refreshing and blinking the whole browser window as with HTML. Can jquery do this?
[jQuery] Re: BlockUI: oversized overlay bug in IE web browsers ( demo included )
Oops! Nevermind. I found the line and updated it. It works as expected in IE now: http://74.205.76.81/blockuitest/ Thanks a bunch, Mike. Hopefully, blockUI's author will discover this fix eventually. JR On Oct 22, 3:08 pm, tallvanilla [EMAIL PROTECTED] wrote: Hi Mike, I don't see anything different in the file you pointed me to. Please let me know what you changed, because it seems to be exactly the same as the plugin I downloaded from the blockUI website! JR On Oct 22, 5:53 am, Mike Alsup [EMAIL PROTECTED] wrote: It's really up to BlockUI to address this. Ideally, a plugin should be designed to account for the most common environments in which it will operate. IE6 is still a major player with at least 20% (some say as high as 35%) market share among web users. I hate compensating for IE6 as much as the next guy, but it's a necessary evil. It seems this problem happens in IE7 as well (when running in quirksmode). Can you see if this fixes it for you: http://www.malsup.com/jquery/block/jquery.blockUI.2.10b.js Thanks. Mike
[jQuery] Re: BlockUI: oversized overlay bug in IE web browsers ( demo included )
Thanks a bunch, Mike. Hopefully, blockUI's author will discover this fix eventually. It shouldn't take long, Mike *is* the author. -- Josh
[jQuery] Re: BlockUI: oversized overlay bug in IE web browsers ( demo included )
Oops! I'm an idiot, and I keep proving it. Thanks for correcting me, Josh! Mike... thanks again for the fix! Looking at your code, I see that you only had to subtract 4 pixels from lyr1/lyr2 height if $.boxModel==false. Works like a charm! JR On Oct 22, 3:27 pm, Josh Nathanson [EMAIL PROTECTED] wrote: Thanks a bunch, Mike. Hopefully, blockUI's author will discover this fix eventually. It shouldn't take long, Mike *is* the author. -- Josh
