[jQuery] Re: jquery uploader
thanks for the tip.. in fact, i managed to do some nice things after
reading carefully the js source, and mixing the two demos, queue
management + photo upload.
But a little more documentation on the backend could make this great
plugin more accessible... !
It's the best upload widget i've ever seen.. Really cool, powerful and
great look.
Kyle Farris a écrit :
Use the provided blackbird plugin to debug it. I've used this plugin
and it works very well. I wouldn't be able to debug it without using
the blackbird thing and writing to my php error log like so: error_log
('failed at this point');
-Kyle
On May 12, 5:37 am, Vincent Majer v.ma...@voyagemotion.com wrote:
no one is using this plugin ?
Vincent Majer a écrit :
Hi,
I'm trying to use this plugin :
http://jquery.webunity.nl/jQuery.uploader/demo1
it's almost working.. BUT i have a problem with the backend.. I can't
find any documentation about response codes.. I found a sample_backend
but not very precise..
http://jQuery.webunity.nl/jQuery.uploader/js/sample_backend.phps
Apparently, when file upload is OK, no response at all.. And what about errors ? how to have the uploader indicates what files causes problems, and why.. ? (file too big, extension not allowed, upload problem.. )
thanks for this great plugin.. and any help welcome !
[jQuery] Re: jquery uploader
no one is using this plugin ? Vincent Majer a écrit : Hi, I'm trying to use this plugin : http://jquery.webunity.nl/jQuery.uploader/demo1 it's almost working.. BUT i have a problem with the backend.. I can't find any documentation about response codes.. I found a sample_backend but not very precise.. http://jQuery.webunity.nl/jQuery.uploader/js/sample_backend.phps Apparently, when file upload is OK, no response at all.. And what about errors ? how to have the uploader indicates what files causes problems, and why.. ? (file too big, extension not allowed, upload problem.. ) thanks for this great plugin.. and any help welcome !
[jQuery] jquery uploader
Hi, I'm trying to use this plugin : http://jquery.webunity.nl/jQuery.uploader/demo1 it's almost working.. BUT i have a problem with the backend.. I can't find any documentation about response codes.. I found a sample_backend but not very precise.. http://jQuery.webunity.nl/jQuery.uploader/js/sample_backend.phps Apparently, when file upload is OK, no response at all.. And what about errors ? how to have the uploader indicates what files causes problems, and why.. ? (file too big, extension not allowed, upload problem.. ) thanks for this great plugin.. and any help welcome !
[jQuery] jquery rotate
Hi, i'm trying to use this plugin : jquery-rotate-1.1.js http://code.google.com/p/jquery-rotate/ It works well with IE but i have problems with firefox.. i'm using firefox 2.0.0.14 on Windows XP.. I have this error : [Exception... Component returned failure code: 0x80040111 (NS_ERROR_NOT_AVAILABLE) [nsIDOMCanvasRenderingContext2D.drawImage] nsresult: 0x80040111 (NS_ERROR_NOT_AVAILABLE) location: JS frame :: http://www.voyagemotion.com/js/jquery.rotate.1-1.js :: anonymous :: line 51 data: no] http://www.voyagemotion.com/js/jquery.rotate.1-1.js Line 51 Here is my test page : http://www.voyagemotion.com/test.html I've searched but couldn't find an answer.. What's the problem here.. ? thanks for any hints !
[jQuery] UI - Uploader
Hi, I found a discussion about this site and demos : http://uploader.webunity.nl/jQuery/demo3/ http://docs.jquery.com/UI/Uploader I really like it.. But i can't find any docs on the php file behind the scene.. Neither a link to download this plugin.. If this is a plugin.. ? or a part of jquery UI ? But i didn't see any mention of it, on the jquery UI site.. Anybody has informations about .. ? thanks
[jQuery] Re: UI - Uploader
Is there a problem with this ? Not to use in a real site ? It's seems to be the most advanced uploader i've seen.. i can't understand why it's not still included in UI.. And neither in the roadmap.. only in discussion .. ? thanks anyway for this informations Richard D. Worth a écrit : This was an experimental plugin before the 1.0 release. Here are the old files in the svn archive: http://dev.jquery.com/browser/trunk/plugins/ui/uiUpload?rev=2854 The UI Roadmap lists it as a plugin that is still being discussed for inclusion: http://docs.jquery.com/UI/Roadmap - Richard On Wed, Jun 18, 2008 at 5:06 AM, Vincent Majer [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: Hi, I found a discussion about this site and demos : http://uploader.webunity.nl/jQuery/demo3/ http://docs.jquery.com/UI/Uploader I really like it.. But i can't find any docs on the php file behind the scene.. Neither a link to download this plugin.. If this is a plugin.. ? or a part of jquery UI ? But i didn't see any mention of it, on the jquery UI site.. Anybody has informations about .. ? thanks
[jQuery] Re: UI - Uploader
And.. on the demo site, the revision is 4660.. And in the svn, only 2854 ? Richard D. Worth a écrit : This was an experimental plugin before the 1.0 release. Here are the old files in the svn archive: http://dev.jquery.com/browser/trunk/plugins/ui/uiUpload?rev=2854 The UI Roadmap lists it as a plugin that is still being discussed for inclusion: http://docs.jquery.com/UI/Roadmap - Richard On Wed, Jun 18, 2008 at 5:06 AM, Vincent Majer [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: Hi, I found a discussion about this site and demos : http://uploader.webunity.nl/jQuery/demo3/ http://docs.jquery.com/UI/Uploader I really like it.. But i can't find any docs on the php file behind the scene.. Neither a link to download this plugin.. If this is a plugin.. ? or a part of jquery UI ? But i didn't see any mention of it, on the jquery UI site.. Anybody has informations about .. ? thanks
[jQuery] Re: UI - Uploader
ok, thanks for all this, richard, i'll try to implement it anyway.. and i'll see.. Richard D. Worth a écrit : Here's the latest revision I could find: http://dev.jquery.com/browser/trunk/ui/experimental/Uploader%20source?rev=4573 I didn't link to that one earlier since you mentioned you were looking for PHP files and 2854 is the last change that still has PHP files. My best guess is that the reference you see on the demo page to 'Library: jQuery (SVN revision: 4660)' relates to the version of jQuery used on that demo page, not the svn rev of the uploader used on that page, as the page has this script tag: script type=text/javascript src=../jquery-svn.js/script - Richard On Wed, Jun 18, 2008 at 5:47 AM, Vincent Majer [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: And.. on the demo site, the revision is 4660.. And in the svn, only 2854 ? Richard D. Worth a écrit : This was an experimental plugin before the 1.0 release. Here are the old files in the svn archive: http://dev.jquery.com/browser/trunk/plugins/ui/uiUpload?rev=2854 The UI Roadmap lists it as a plugin that is still being discussed for inclusion: http://docs.jquery.com/UI/Roadmap - Richard On Wed, Jun 18, 2008 at 5:06 AM, Vincent Majer [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] mailto:[EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: Hi, I found a discussion about this site and demos : http://uploader.webunity.nl/jQuery/demo3/ http://docs.jquery.com/UI/Uploader I really like it.. But i can't find any docs on the php file behind the scene.. Neither a link to download this plugin.. If this is a plugin.. ? or a part of jquery UI ? But i didn't see any mention of it, on the jquery UI site.. Anybody has informations about .. ? thanks
[jQuery] superfish z-index problem with ie7
Hi,
I'm trying to put a superfish menu online, and i have issues with IE 6
and 7..
it's visible on this site :
http://www.voyagemotion.com/
but, it's in the members area.. so, i'll try to give the concerned code,
here..
i'm using jquery 1.2.3, hoverIntent, and then call superfish.. I've not
tried to add bgiframe, as i think it's only for IE6, and my problem is
also with IE7...
i've fixed the z-index of all the column that should be under to 1, but
it doesn't change anything.. the menu appears under the rest of the page..
here is my container definition :
#user_log
{
position:static;
float:right;
margin-right:15px;
margin-top:15px;
color:#646569;
width:150px;
text-align:center;
}
the html code :
div id=user_log
span style=font-weight:bold;display:block;width:100%;text-align:center;
Bienvenue Vince br /span
style=font-weight:normal;font-size:9px;(a
href=/Mon-Carnet-de-Voyage/logout.phpDeacute;connexion/a)/span
/spanbr /
ul class=nav
lia href=# style=font-weight:bold;font-size:13px;Menu/a
ul
lia href=/Medias/user.php?user_id=63Consulter mes
meacute;dias/a/li
lia href=/Mon-Carnet-de-Voyage/Uploader des
meacute;dias/a/li
lia href=/Mon-Carnet-de-Voyage/tous_mes_medias.phpEditer mes
meacute;dias/a/li
lia href=/Mon-Carnet-de-Voyage/deleteMedias.phpSupprimer des
meacute;dias/a/li
lia href=/Mon-Carnet-de-Voyage/carnets.phpOrganiser mes
meacute;dias/a/li
lia
href=/Mon-Carnet-de-Voyage/profil.php?height=400amp;width=700amp;TB_iframe=trueamp;KeepThis=true
class=thickboxEditer mon profil/a/li
lia href=/Retour agrave; l'accueil/a/li
/ul
/li
/ul
/div
And my superfish.css
/* There is a version of this file commented in great detail for
educational purposes here:
*
http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css
*/
/*** ESSENTIAL STYLES ***/
.nav, .nav * {
margin:0;
padding:0;
list-style:none;
}
.nav {
line-height:1.0;
}
.nav ul {
position:absolute;
top:-999em;
width:150px;
height: 30px;
}
.nav ul li,
.nav a {
width: 100%;
}
.nav li {
float:left;
position:relative;
z-index:99;
}
.nav a {
display:block;
}
.nav li:hover ul,
ul.nav li.sfHover ul {
left:-1px;
top:2.5em;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
top:-999em;
}
.nav li li:hover ul,
ul.nav li li.sfHover ul {
left:150px;
top:-1px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
top: -999em;
}
/*** ORIGINAL SKIN ***/
.nav {
/*float:left;*/
margin:auto;
margin-bottom:1.5em;
width:150px;
height: 30px;
}
.nav li {
background:#FF;
background-image: url(/images/CSS/fd-menu0.gif);
border-left:1px solid #fff;
border-top:1px solid #CFDEFF;
width:150px;
}
.nav a {
color: #13a;
padding: .75em 0;
text-decoration:none;
text-indent: 5px;
}
.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
background:#e7e7e7;
background-image: url(/images/CSS/fd-menu.gif);
}
.nav li li {
background:#FF;
background-image: url(/images/CSS/fd-menu.gif);
}
.nav li li li {
background:#9AAEDB;
}
[jQuery] New site using jquery
Hi, We're lauching a new site, using jquery and lot of plugins (french site) http://www.voyagemotion.com/ Thanks to the jquery library, and the plugins authors !
[jQuery] Re: JQZoom Updated
Very cool plugin ! I'll use it soon ! thanks Cordialement, Vincent Majer, Responsable technique, TraveLinks [EMAIL PROTECTED] a écrit : Do you like it? it's my plugin. Ing. Renzi Marco On 18 Dic, 06:31, Rey Bango [EMAIL PROTECTED] wrote: JQZoomhas been updated to v1.1 http://www.mind-projects.it/blog/?page_id=14 It acts as a magnifier for images. Rey
[jQuery] Re: [PLUGIN] JAddTo
thanks, nice work and useful ! Jason Levine a écrit : This is my first JQuery plugin in awhile. I needed to put up a series of Add To Digg-style links on the http://www.ShootingForACause.com/2008/ Shooting For A Cause website. After collecting the images and links, I realized that this would make for a good JQuery plugin. So I wrote it. I hereby present http://www.jasons-toolbox.com/JAddTo/ JAddTo 0.1 . Enjoy! And if you know of any links that should be added, let me know. It would help if you included an example link and the URL of an image that could be included.
[jQuery] Interface, Draggable, Dropable, Revert and Ajax
Hi,
i'm trying to make a drag and drop system for assigning tags, using the
interface plugin.
I'v got two select, the original list and the selected list tags.
The user can add tag, which is done by ajax.
I've got two problems with it ..
The first one is to reverse a choice.. once the user drag and drop a tag
from the original select box to the selected tags one, i can't figure
how to permit reverse action.. i've tried to add the inverse Draggable,
Dropable code, but it doesn't work .. i don't know why, and there are no
JS errors
Second problem, When i update the two selects options while adding a new
tag, and the two select boxes are reloaded by ajax, the drag and drop
comportement does not work anymore..
Here is my code :
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
title.../title
style type=text/css
.
/style
script src=/js/jquery-1.2.1.pack.js type=text/javascript/script
script src=/js/interface.js type=text/javascript/script
script type=text/javascript
$(document).ready(function() {
$('.list1').Draggable({
zIndex: 1000,
ghosting: true,
revert: true,
opacity: 0.7
});
$('.list2').Draggable({
zIndex: 1000,
ghosting: true,
revert: true,
opacity: 0.7
});
$('#savedlist').Droppable(
{
accept : 'list1',
ondrop: function (drag)
{
add_to_saved(drag);
},
fit: true
});
$('#originallist').Droppable(
{
accept : 'list2',
ondrop: function (drag)
{
add_to_saved(drag);
},
fit: true
});
$(#addtag).click(function() {
$(#tags).empty().load(/lib/tags.php?tag=+$('#new_tag').serialize());
});
});
/**
* add_to_saved()
* Adds items from the original list to the saved list
**/
function add_to_saved(e) {
$('#o'+e.value).remove();
o = 'option class=list2 id=o'+e.value+'
value='+e.value+''+e.text+'/option';
$('#savedlist').append(o);
$('#hidden').append('input type=hidden name=tags[]
value='+e.value+' /');
}
// --
/script
meta http-equiv='Content-type' content='application/xhtml+xml;
charset=UTF-8' /
/head
body
div id='main'
h1Indiquez un titre et une description pour vos médias et affectez
leur des tags/h1
form action='/Mon-Carnet-de-Voyage/final.php' method=post
..
..
div id=tags
div id=origdiv
h3Tous les tags/h3
select size=5 id=originallist
option class=list1 id=o53 value=53allo/option
option class=list1 id=o54 value=54été/option
option class=list1 id=o55 value=55été_été/option
option class=list1 id=o52 value=52té/option
/select
/div
div id=saveddiv
h3Tags pour ces medias/h3
select class=savedlist id=savedlist name=savedlist size=5
/select
/div
div style=clear: both;/div
div id=hidden/div
/div
input type=submit value=Valider ces informations /
/form
form action=/lib/tags.php method=post
fieldset
legendAjouter un tag/legend
input type=text name=new_tag id='new_tag' value= /
/fieldset
input type=button value=Ajouter ce tag id='addtag'/
/form
/div
/body
/html
Anyone got an idea ?
PS. i've posted the message on nabble jquery forum but it didn't manage
to send it to the list..
[jQuery] Re: ImageStrip and newer jquery library
Thanks, it works well !
Cordialement,
Vincent Majer,
Responsable technique,
http://www.monagence.com
Joel Birch a écrit :
On 07/06/2007, at 3:04 AM, Vincent Majer wrote:
var left = this.image.left();
Hi Vincent,
This may fix it. Change that line to:
var left = this.image.css('left');
Joel.
[jQuery] ImageStrip and newer jquery library
Hi, i'm using this plugin : http://blog.joshuaeichorn.com/archives/2007/01/11/jquery-image-strip/ It works well with an older version of jquery (1.0.4) but when i try to use it with jquery 1.1.2, it tells me that.. Erreur : this.image.left is not a function Ligne : 30 Here is the line 30 : var left = this.image.left(); What can i do.. ? Thanks
[jQuery] Re: kelvinluck - date-picker V2
Thanks, It's now working.. With linked selects, and holidays indicated.. very great script ! saved my life ! Thanks kelvin, i'll send the url to the list, when the site will be online ! jquery all the ways.. :-) Kelvin Luck a écrit : Vincent Majer wrote: In fact, the code on your demo page works with IE7.. seems it's my integration of your plugin which is not good.. maybee an interaction with other scripts running on that page, i'll search.. thanks anyway for that plugin.. very helpful Cool. Good lick with the integration, Cheers, Kelvin :)
[jQuery] KelvinLuck - DatePicker V2 - another question..
hi,
All is now working well.. But i would like to specify a range of dates
to appears different ..
yet, i use this code :
var Holidays = {};
Holidays['d' + ((new Date(2007, 9, 27)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 9, 28)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 9, 29)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 9, 30)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 9, 31)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 10, 1)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 10, 2)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 10, 3)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 10, 4)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 10, 5)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 10, 6)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 10, 7)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 10, 8)).getTime())] = 'Toussaint';
So the Toussaint holidays are from the 27/10/2007 to 8/11/2007
Is there a way to make this differently ? or should i really add each
day one by one ?
Thanks for your help
[jQuery] Re: KelvinLuck - DatePicker V2 - another question..
Thanks, i'll try that !
Sam Collett a écrit :
You could try using a loop:
var Holidays = {}
var startDate = new Date(2007, 9, 27), endDate = new Date(2007, 10,
8);
for(var d = startDate; d = endDate; d = (new
Date(startDate.setDate(startDate.getDate() + 1
{
Holidays['d' + d.getTime()] = 'Toussaint';
}
On May 18, 2:51 pm, Vincent Majer [EMAIL PROTECTED] wrote:
hi,
All is now working well.. But i would like to specify a range of dates
to appears different ..
yet, i use this code :
var Holidays = {};
Holidays['d' + ((new Date(2007, 9, 27)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 9, 28)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 9, 29)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 9, 30)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 9, 31)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 10, 1)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 10, 2)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 10, 3)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 10, 4)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 10, 5)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 10, 6)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 10, 7)).getTime())] = 'Toussaint';
Holidays['d' + ((new Date(2007, 10, 8)).getTime())] = 'Toussaint';
So the Toussaint holidays are from the 27/10/2007 to 8/11/2007
Is there a way to make this differently ? or should i really add each
day one by one ?
Thanks for your help
[jQuery] Re: kelvinluck - date-picker V2
In fact, the code on your demo page works with IE7..
seems it's my integration of your plugin which is not good..
maybee an interaction with other scripts running on that page, i'll
search.. thanks anyway for that plugin.. very helpful
Cordialement,
Vincent Majer,
Responsable technique,
http://www.monagence.com
Kelvin Luck a écrit :
Hi,
Sorry about the console.log statement - I should have removed that...
I'm afraid I don't have IE7 here to test with... Can you confirm that
you experience the problem on my demo page:
http://kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerIntoSelects.html
If you do and can give me any further information from the error then I
can look into it. If the problem doesn't exist on my page then can you
post a link to your page and we can try and look into it...
Thanks,
Kelvin :)
Vincent Majer wrote:
another error fixed, in the jquery.datepicker.js, line 332
i've commented console.log(c) and it runs in IE6
BUT.. (arghh)
I've still got error.. on IE 7 !!! when the page loads :
Line 790
car 1
Syntax Error
nobody uses this great plugin ??
Vincent Majer a écrit :
ok, i've found an error in my date_fr.js, it's ok now..
When i load the page i don't have an error showing in IE6, BUT...
When i click the calendar icon, i've got another pretty error message :
Line 333
Car 4
Erreur : console est indéfini
Code : 0
... ??
Does anyone know what's this error ?
Vincent Majer a écrit :
Hi,
first, sorry for my english.. not perfect..
second point, i should say thanks to kelvinluck for this great
jquery plugin, the DatePicker V2 !
I'm trying to use it.. and i have some problems with IE6..
I've used the source from this page of example :
http://kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerIntoSelects.html
But it seems the date.js file makes IE6 finds an error.. so it
doesn't work..
here is my code :
First, the scripts to include :
script type='text/javascript' src='/js/jquery-1.1.2.js'/script
script type=text/javascript src=/js/date.js/script
script type=text/javascript src=/js/date_fr.js/script
script type=text/javascript
src=/js/jquery.dimensions.pack.js/script
!--[if IE]script type=text/javascript
src=/js/jquery.bgiframe.js/script![endif]--
script type=text/javascript src=/js/jquery.datePicker.js/script
link rel=stylesheet type=text/css media=screen
href=/css/datePicker.css
And then :
script type=text/javascript charset=utf-8
$(function()
{
// initialise the Select date link
$('#date-pick').datePicker(
// associate the link with a date picker
{
createButton:false,
startDate:'18/05/2007',
endDate:'11/12/2007'
}
).bind(
// when the link is clicked display the date picker
'click',
function()
{
updateSelects($(this).dpGetSelected()[0]);
$(this).dpDisplay();
return false;
}
).bind(
// when a date is selected update the SELECTs
'dateSelected',
function(e, selectedDate, $td, state)
{
updateSelects(selectedDate);
}
).bind(
'dpClosed',
function(e, selected)
{
updateSelects(selected[0]);
}
);
var updateSelects = function (selectedDate)
{
var d = selectedDate.getDate();
var m = selectedDate.getMonth();
var y = selectedDate.getFullYear();
($('#d')[0]).selectedIndex = d - 1;
($('#m')[0]).selectedIndex = m;
($('#y')[0]).selectedIndex = y - 2007;
}
// listen for when the selects are changed and update the picker
$('#d, #m, #y')
.bind(
'change',
function()
{
var d = new Date(
$('#y').val(),
$('#m').val()-1,
$('#d').val()
);
$('#date-pick').dpSetSelected(d);
});
// default the position of the selects to today
var today = new Date();
($('#d')[0]).selectedIndex = today.getDate() - 1;
($('#m')[0]).selectedIndex = today.getMonth();
($('#y')[0]).selectedIndex = today.getFullYear() - 2007;
// and update the datePicker to reflect it...
$('#d').trigger('change');
});
/script
It works well with Firefox But IE6 complains about a missing ] on
line 7, car 94.. code : 0.. i don't know what to do to make it
work.. and that line/char reference doesn't mean anything.. BUT the
error message changes when i remove the date.js from the called
scripts.. ?
Any helps or advices .. ?
Thanks !!
[jQuery] kelvinluck - date-picker V2
Hi,
first, sorry for my english.. not perfect..
second point, i should say thanks to kelvinluck for this great jquery
plugin, the DatePicker V2 !
I'm trying to use it.. and i have some problems with IE6..
I've used the source from this page of example :
http://kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerIntoSelects.html
But it seems the date.js file makes IE6 finds an error.. so it doesn't
work..
here is my code :
First, the scripts to include :
script type='text/javascript' src='/js/jquery-1.1.2.js'/script
script type=text/javascript src=/js/date.js/script
script type=text/javascript src=/js/date_fr.js/script
script type=text/javascript src=/js/jquery.dimensions.pack.js/script
!--[if IE]script type=text/javascript
src=/js/jquery.bgiframe.js/script![endif]--
script type=text/javascript src=/js/jquery.datePicker.js/script
link rel=stylesheet type=text/css media=screen
href=/css/datePicker.css
And then :
script type=text/javascript charset=utf-8
$(function()
{
// initialise the Select date link
$('#date-pick').datePicker(
// associate the link with a date picker
{
createButton:false,
startDate:'18/05/2007',
endDate:'11/12/2007'
}
).bind(
// when the link is clicked display the date picker
'click',
function()
{
updateSelects($(this).dpGetSelected()[0]);
$(this).dpDisplay();
return false;
}
).bind(
// when a date is selected update the SELECTs
'dateSelected',
function(e, selectedDate, $td, state)
{
updateSelects(selectedDate);
}
).bind(
'dpClosed',
function(e, selected)
{
updateSelects(selected[0]);
}
);
var updateSelects = function (selectedDate)
{
var d = selectedDate.getDate();
var m = selectedDate.getMonth();
var y = selectedDate.getFullYear();
($('#d')[0]).selectedIndex = d - 1;
($('#m')[0]).selectedIndex = m;
($('#y')[0]).selectedIndex = y - 2007;
}
// listen for when the selects are changed and update the picker
$('#d, #m, #y')
.bind(
'change',
function()
{
var d = new Date(
$('#y').val(),
$('#m').val()-1,
$('#d').val()
);
$('#date-pick').dpSetSelected(d);
});
// default the position of the selects to today
var today = new Date();
($('#d')[0]).selectedIndex = today.getDate() - 1;
($('#m')[0]).selectedIndex = today.getMonth();
($('#y')[0]).selectedIndex = today.getFullYear() - 2007;
// and update the datePicker to reflect it...
$('#d').trigger('change');
});
/script
It works well with Firefox But IE6 complains about a missing ] on line
7, car 94.. code : 0.. i don't know what to do to make it work.. and
that line/char reference doesn't mean anything.. BUT the error message
changes when i remove the date.js from the called scripts.. ?
Any helps or advices .. ?
Thanks !!
[jQuery] Re: kelvinluck - date-picker V2
ok, i've found an error in my date_fr.js, it's ok now..
When i load the page i don't have an error showing in IE6, BUT...
When i click the calendar icon, i've got another pretty error message :
Line 333
Car 4
Erreur : console est indéfini
Code : 0
... ??
Does anyone know what's this error ?
Vincent Majer a écrit :
Hi,
first, sorry for my english.. not perfect..
second point, i should say thanks to kelvinluck for this great jquery
plugin, the DatePicker V2 !
I'm trying to use it.. and i have some problems with IE6..
I've used the source from this page of example :
http://kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerIntoSelects.html
But it seems the date.js file makes IE6 finds an error.. so it doesn't
work..
here is my code :
First, the scripts to include :
script type='text/javascript' src='/js/jquery-1.1.2.js'/script
script type=text/javascript src=/js/date.js/script
script type=text/javascript src=/js/date_fr.js/script
script type=text/javascript
src=/js/jquery.dimensions.pack.js/script
!--[if IE]script type=text/javascript
src=/js/jquery.bgiframe.js/script![endif]--
script type=text/javascript src=/js/jquery.datePicker.js/script
link rel=stylesheet type=text/css media=screen
href=/css/datePicker.css
And then :
script type=text/javascript charset=utf-8
$(function()
{
// initialise the Select date link
$('#date-pick').datePicker(
// associate the link with a date picker
{
createButton:false,
startDate:'18/05/2007',
endDate:'11/12/2007'
}
).bind(
// when the link is clicked display the date picker
'click',
function()
{
updateSelects($(this).dpGetSelected()[0]);
$(this).dpDisplay();
return false;
}
).bind(
// when a date is selected update the SELECTs
'dateSelected',
function(e, selectedDate, $td, state)
{
updateSelects(selectedDate);
}
).bind(
'dpClosed',
function(e, selected)
{
updateSelects(selected[0]);
}
);
var updateSelects = function (selectedDate)
{
var d = selectedDate.getDate();
var m = selectedDate.getMonth();
var y = selectedDate.getFullYear();
($('#d')[0]).selectedIndex = d - 1;
($('#m')[0]).selectedIndex = m;
($('#y')[0]).selectedIndex = y - 2007;
}
// listen for when the selects are changed and update the picker
$('#d, #m, #y')
.bind(
'change',
function()
{
var d = new Date(
$('#y').val(),
$('#m').val()-1,
$('#d').val()
);
$('#date-pick').dpSetSelected(d);
});
// default the position of the selects to today
var today = new Date();
($('#d')[0]).selectedIndex = today.getDate() - 1;
($('#m')[0]).selectedIndex = today.getMonth();
($('#y')[0]).selectedIndex = today.getFullYear() - 2007;
// and update the datePicker to reflect it...
$('#d').trigger('change');
});
/script
It works well with Firefox But IE6 complains about a missing ] on line
7, car 94.. code : 0.. i don't know what to do to make it work.. and
that line/char reference doesn't mean anything.. BUT the error message
changes when i remove the date.js from the called scripts.. ?
Any helps or advices .. ?
Thanks !!
[jQuery] Re: kelvinluck - date-picker V2
another error fixed, in the jquery.datepicker.js, line 332
i've commented console.log(c) and it runs in IE6
BUT.. (arghh)
I've still got error.. on IE 7 !!! when the page loads :
Line 790
car 1
Syntax Error
nobody uses this great plugin ??
Vincent Majer a écrit :
ok, i've found an error in my date_fr.js, it's ok now..
When i load the page i don't have an error showing in IE6, BUT...
When i click the calendar icon, i've got another pretty error message :
Line 333
Car 4
Erreur : console est indéfini
Code : 0
... ??
Does anyone know what's this error ?
Vincent Majer a écrit :
Hi,
first, sorry for my english.. not perfect..
second point, i should say thanks to kelvinluck for this great jquery
plugin, the DatePicker V2 !
I'm trying to use it.. and i have some problems with IE6..
I've used the source from this page of example :
http://kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerIntoSelects.html
But it seems the date.js file makes IE6 finds an error.. so it doesn't
work..
here is my code :
First, the scripts to include :
script type='text/javascript' src='/js/jquery-1.1.2.js'/script
script type=text/javascript src=/js/date.js/script
script type=text/javascript src=/js/date_fr.js/script
script type=text/javascript
src=/js/jquery.dimensions.pack.js/script
!--[if IE]script type=text/javascript
src=/js/jquery.bgiframe.js/script![endif]--
script type=text/javascript src=/js/jquery.datePicker.js/script
link rel=stylesheet type=text/css media=screen
href=/css/datePicker.css
And then :
script type=text/javascript charset=utf-8
$(function()
{
// initialise the Select date link
$('#date-pick').datePicker(
// associate the link with a date picker
{
createButton:false,
startDate:'18/05/2007',
endDate:'11/12/2007'
}
).bind(
// when the link is clicked display the date picker
'click',
function()
{
updateSelects($(this).dpGetSelected()[0]);
$(this).dpDisplay();
return false;
}
).bind(
// when a date is selected update the SELECTs
'dateSelected',
function(e, selectedDate, $td, state)
{
updateSelects(selectedDate);
}
).bind(
'dpClosed',
function(e, selected)
{
updateSelects(selected[0]);
}
);
var updateSelects = function (selectedDate)
{
var d = selectedDate.getDate();
var m = selectedDate.getMonth();
var y = selectedDate.getFullYear();
($('#d')[0]).selectedIndex = d - 1;
($('#m')[0]).selectedIndex = m;
($('#y')[0]).selectedIndex = y - 2007;
}
// listen for when the selects are changed and update the picker
$('#d, #m, #y')
.bind(
'change',
function()
{
var d = new Date(
$('#y').val(),
$('#m').val()-1,
$('#d').val()
);
$('#date-pick').dpSetSelected(d);
});
// default the position of the selects to today
var today = new Date();
($('#d')[0]).selectedIndex = today.getDate() - 1;
($('#m')[0]).selectedIndex = today.getMonth();
($('#y')[0]).selectedIndex = today.getFullYear() - 2007;
// and update the datePicker to reflect it...
$('#d').trigger('change');
});
/script
It works well with Firefox But IE6 complains about a missing ] on
line 7, car 94.. code : 0.. i don't know what to do to make it work..
and that line/char reference doesn't mean anything.. BUT the error
message changes when i remove the date.js from the called scripts.. ?
Any helps or advices .. ?
Thanks !!
