[jQuery] Re: Jquery Validate Problem on IE (Need Help)
I really need a solution soon can any one check my code?
On 14 Kasım, 00:17, serhat serhatsarika...@gmail.com wrote:
I also tried without $.validator.addMethod but still have the same
problem... Any idea or fix for this validation script? Thx for any
advise :)
On 13 Kasým, 18:25, serhat serhatsarika...@gmail.com wrote:
I have a form validation with Jquery+Jquery Validation Plugin. I tried
all variations on my page but cant make it work on IE 6.0 , 7.0 or 8.0
but both Firefox and Chrome works great. The code is;
$(document).ready(function() {
$.validator.addMethod(kullanici, function (value, element) {
return /^[a-zA-Z0-9]+$/.test(value);
},Format);
$.validator.addMethod(dogum, function (value, element) {
return /^(((0[1-9]|[12]\d|3[01])\/(0[13578]|1[02])\/
((19|[2-9]\d)\d
{2}))|((0[1-9]|[12]\d|30)\/(0[13456789]|1[012])\/((19|[2-9]\d)\d{2}))|
((0[1-9]|1\d|2[0-8])\/02\/((19|[2-9]\d)\d{2}))|(29\/02\/((1[6-9]|
[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])
00$/.test(value);
},Tarih formatý Gün/Ay/Yýl olmalýdýr);
$.validator.addMethod(cep, function (value, element) {
return /[0-9]{7}/.test(value);
},Cep telefonu formatý yanlýþ);
var validator = $(#Uyeolform).validate({
rules: {
KULLANICI_ADI: {
required: true,
minlength: 6,
maxlength: 20,
kullanici: true
},
SIFRE: {
required: true,
minlength: 6
},
V_SIFRE: {
required: true,
equalTo: #SIFRE
},
GIZLI_SORU: required,
GIZLI_SORUM: required,
GIZLI_SORU_CEVAP: required,
ADI: required,
SOYADI: required,
EMAIL: {
required: true,
email: true
},
V_EMAIL: {
required: true,
equalTo: #EMAIL
},
CEP_TEL1: required,
CEP_TEL2: {
required: true,
cep: true
},
DOGUM_TARIHI: {
dogum: true,
required: true
},
SEHIR: required,
SOZLESME: required
},
messages: {
KULLANICI_ADI: {
required: Kullanýcý adýnýzý giriniz,
minlength: jQuery.format(En az {0}
karakter girebilirsiniz),
maxlength: jQuery.format(En fazla {0}
karakter girebilirsiniz),
kullanici: Boþluk ve Türkçe karakter
kullanýlmadan en az 6
karakter,
},
SIFRE: {
required: Þifrenizi giriniz,
minlength: jQuery.format(En az {0}
karakter girebilirsiniz)
},
V_SIFRE: {
required: Þifrenizi tekrar giriniz,
equalTo: Þifreler uyumsuz
},
GIZLI_SORU: Gizli sorunuzu seçiniz,
GIZLI_SORUM: Kendi gizli sorunuzu yazýnýz veya
varolanlardan
birini seçiniz,
GIZLI_SORU_CEVAP: Gizli sorunuzun cevabýný
giriniz,
ADI: Adýnýzý giriniz,
SOYADI: Soyadýnýzý giriniz,
EMAIL: {
required: Email adresinizi giriniz,
email: Lütfen geçerli bir email adresi
giriniz
},
V_EMAIL: {
required: Email adresinizi tekrar
giriniz,
equalTo: Email adresleri uyumsuz
},
CEP_TEL1: Lütfen operatör numaranýzý seçiniz
brbr,
CEP_TEL2: {
required: Lütfen cep telefonu
numaranýzý giriniz brbr,
cep: Lütfen cep telefonu numaranýzý
doðru giriniz brbr
},
DOGUM_TARIHI: {
Re: Re[jQuery] placing simplest javascript by Jqyuery does not work (in my case)
Thanks for the reply. I replaced the mouse_up by alert, and removed
all the code preceding the bind. Also placed an alert to make sure the
code was actually executed. It did by FF, but not by IE. Turned out
that the latter did not see that the javascript include file it had
cached, was outdated... A simple F5 fixed that.
Thanks again. It got me going again, as I had kind of given up.
Restores also my confidence in jQuery!
On Nov 14, 7:36 am, JMcGinnis justin.mcgin...@gmail.com wrote:
Considering that it works in FF but not IE and the code below looks fine, my
guess is that IE is possibly throwing an error somewhere on your page, I
would check first in the mouse_up function, but also check anything that
runs before $('body').bind(mouseup,mouse_up)
-- JMcG
Ad-25 wrote:
$('body').bind(mouseup,mouse_up)
in the document ready function. This works fine in Firefox, but not at
all in Internet Explorer. I also tried
$('body').bind(mouseup,function() {mouse_up()})
and attaching it to different elements on the page. Every time it
works in FF, but not in IE.
Could anybody give me a pointer where to look for a solution?
Thanks in advance,
Ad
--
View this message in
context:http://old.nabble.com/Replacing-simplest-javascript-by-Jqyuery-does-n...
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jQuery newbie is looking for a hint. (dynamically add div tags to html :: plugin accordion)
Anyone got an idea? Have no clue so far. Does a regular expression help?
Re: [jQuery] jQgrid: local search / sort with custom data handling
Folks, Got to the bottom of this. Here is the most important lesson I learnt from banging my head against the wall for 24 hours and almost jumping out of my window in frustration: It is absolutely critical to include JS files in the correct order. Any deviation, and strange things happen. The magic order for me was as described in the JQuery UI integrations Wiki entry: http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jquery_ui_intro http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jquery_ui_intro Now for my specific questions: Post process data: If you don't want to mess with loadonce, setup a handler for loadComplete. See http://www.trirand.com/jqgridwiki/doku.php?id=wiki:events Events Local search / sort: set loadonce to true Go to server only on pagination: Toggle loadonce on pagination requests. I haven't tried this firsthand just yet. Hope this helps someone. -Raj rituraj_tiwari wrote: Folks, I am trying to do a couple of things here so please bear with my question. I have a jqGrid-friendly XML response coming back from the server that I render into my grid. However, before I can show the data on the grid, I need to modify the contents of one of the cells and add a new cell to the returned XML. I have done this through a function that is invoked through datatype. The problem is that I also have to do local search and sort on the returned data, but still go back to the server on pagination requests. This is at odds with out of the box jqgrid behaviour which turns off pagination on loadonce = true and which essentially ignores loadonce if a function is used for datatype. Do any good folks here have ideas on the right way to accomplish all of these: 1. Post-process XML data (which might require a function datatype handler) 2. Do local search and sort 3. Go to server only on pagination requests. Thanks in advance for your help and insights. -Raj -- View this message in context: http://old.nabble.com/jQgrid%3A-local-search---sort-with-custom-data-handling-tp26343717s27240p26349980.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] thumbnail gallery messy from blogspot to custom domain
Hi there, I have totally no training in jquery so I'm just trying my luck here. I have a thumbnail gallery in blogspot before and it is properly arranged in 2 rows, with 9 in each row. After transferring it to a custom domain, the thumbnail gallery is in a mess and arranged vertically and overlapping. I have consulted google forums and they told me it has something to do with jquery. Does anyone know what is happening? Thanks. -- View this message in context: http://old.nabble.com/thumbnail-gallery-messy-from-blogspot-to-custom-domain-tp26350094s27240p26350094.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Re: [jQuery] Having problems getting Validation plugin to report only 1 error
Would this be a group: thing? Sent from my iPhone On Nov 13, 2009, at 7:31 PM, marty martin.schecht...@gmail.com wrote: I'm having a problem using the Validation plugin. The user must make a selection from any one of several dropdown menus. I want there to be only validation warning, but I'm getting a warning for each dropdown. I have prepared a test on my website: http://www.martinschechtman.com/validateTest.html . Any help getting this to work properly would be greatly appreciated! Thanks, Marty
[jQuery] jquery compatibility problem (easing)
I don't know much about Jquery or javascript for that matter. I
apologize in advance for the noobieness of my question.
I have the easing plugin on a site, which make a logo come in from the
side and 'bounce' into place.
script type=text/javascript
$(function(){
$('#newThread').css({left:'1200px'})
jQuery.easing.def = ‘easeOutBounce’;
setTimeout(animate, 500);
});
function animate()
{
$('#newThread').animate({left:0}, 2000);
}
/script
I believe this code sets the default ease as 'easeOutBounce'. My
problem is this is affecting all my other jquery animations and they
are all bouncing.
One example is the following:
script type='text/javascript'
SmokeEffect.imgLocation = URL;
SmokeEffect.smokeWidth = 80;
SmokeEffect.smokeHeight = 45;
SmokeEffect.makeEffect(smokeSpawnPoint, 216, 0);
/script
This creates the animation of a puff of smoke being released from a
chimney. Unfortunately, the smoke cloud 'bounces'.
As I said, I don't know much about this stuff, but I've tried to add
this...
$(element).slideUp(1000, method, callback});
and this...
$(element).slideUp({
duration: 1000,
easing: method,
complete: callback});
to the second code (and the first), but I haven't been able to solve
the problem.
Can someone please help me solve this and be very specific as to the
steps I have to take.
Any help is greatly, greatly appreciated.
[jQuery] jGlide menu, need advice.
Hello! Need advice. There is jGlide menu, where when you select menu displays some content on the page. BUT, when you select content link, the menu itself is returned to the starting point, but would like select to stay. How can I solve this? Thank you. p.s. here the test site ( http://www.edels.lv/test/index.php?menu=2p=6lang=en ), see the very first categorysubcategorycontent p.s.s. sorry for my bad eng.
[jQuery] Count items inside/outside of visible area
Any idea how to make this work? In the following example I need to
know how many items fall inside/outside of the visible area. This
can't be based on the height of the parent div because that will be
variable eventually:
html
head
title/title
script type=text/javascript src=jquery-1.3.2.js/script
script type=text/javascript
$(document).ready(function(){
var cnt = $('#test_list li:visible').size();
alert(cnt);
});
/script
style
ul, li {padding: 0; margin: 0;}
li {height: 20px;}
/style
/head
body
div style=height: 100px; overflow: hidden;
ul id=test_list
liTest/li
liTest/li
liTest/li
liTest/li
liTest/li
liTest/li
liTest/li
liTest/li
liTest/li
liTest/li
liTest/li
liTest/li
/ul
/div
/body
/html
[jQuery] Re: Please help - Table sorter does not seem to work
it thinks they are characters because you seemingly have spaces after the numbers themselves you'll either 1) need to trim off the whitespace in your html 2) write a custom parser to do this On Nov 14, 12:48 am, jarun111 jarun...@gmail.com wrote: Hi, I am trying to sort a table using jquery table sorter and the no column that I need to sort is not properly sorted. Can you please help on this. They are getting sorted by characters. Code below: HTML HEAD script type=text/javascript src=http://tablesorter.com/jquery-latest.js;/script script type=text/javascript src=http://tablesorter.com/jquery.tablesorter.js;/script script type=text/javascript src=http://tablesorter.com/addons/pager/jquery.tablesorter.pager.js;/script script type=text/javascript src=http://tablesorter.com/docs/js/chili/chili-1.8b.js;/script script type=text/javascript src=http://tablesorter.com/docs/js/docs.js;/script script type=text/javascript src=http://tablesorter.com/docs/js/examples.js;/script meta http-equiv=content-type content=text/html; charset=iso-8859-1 / /head body table id='myTable' thead trthTest Name/ththNo/th/tr /thead tbody trtdAUDITTRAIL.UPDATE.PLTOPL.P2/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.PLTOPL.P3/tdtd4 /td/tr trtdAUDITTRAIL.UPDATE.PLTOPL.P4/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.*/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P1/tdtd41/td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P2/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P3/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P4/tdtd0 /td/tr trtdEQMPRIMO.PD.PD.T1/tdtd5 /td/tr trtdEQPRIMO.PDRESP.PRH.T1/tdtd52 /td/tr /tbody /table script language=javascript $(#myTable).tablesorter();/script /body /html Thanks -- View this message in context:http://old.nabble.com/Please-help---Table-sorter-does-not-seem-to-wor... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jquery UI draggable does not work in Firefox extension
Hi, I would like to use the UI draggable featurr in my FF extension. Unfortunately this does not work. The class ui-draggable will be added to the element, but thats pretty much it. I tried to repair it changing document to window.content.document in lines 4224 (2x), 4232 when I saw that those line threw an error. Still, now comes uncaught exception: [Exception... Component is not available nsresult: 0x80040111 (NS_ERROR_NOT_AVAILABLE) location: JS frame :: chrome://test/content/jquery-1.3.2.js :: anonymous :: line 2644 data: no] and I am totally out of the game and don't know how to repair that. I hope someone can help me because, I'm really unwilling to try to code something like draggable myself. Guess it can take some days ;-) I made a testcase, the most simple FF-extension, which does nothing else, but apply the draggable feature to an element at a right click. If someone can help me (or help jquery, that is) you could install the extension, right-click any image, and will see the error immediately. http://herrmeissner.de/t...@test.com.xpi thanks for any help jakkob
Re: [jQuery] Joomla Superfish menu affects other modules problem
link to template that doesn't have the script or css you're using doesn't help much to see issues you are having. A real link would help, other wise is all guess and speculation as to what your problem is sb wrote: Hello! I looked around a lot and could not fix the problem. I am using siteground template (http://joomla15.siteground.com/? template=siteground-j15-82) with joomla 1.5 . I have the vertical suckerfish menu on the main menu position (left) and I had to change the width to 20em, because of the long menu text, so the right border of the suckerfish is aligned with the vertical line on the right side of the menu. The problem is : All the modules on the left beneath the (enlarged width) superfish menu are not displayed properly. They are displayed over the suckerfish module on the right side, where the width was added to the superfish menu. Thank you in advance
Re: [jQuery] Superfish Styling
shouldn't be any reason for images to cause issues, more likely some mismatched css ... a link would help brent wrote: I am trying to style the superfish menu using images. I got it all working in FF Chrome(except for some positioning issues), but the dropdown area of the menu loads in a choppy fashion in IE Safari. Are there any good examples/plugins of cross browser compatible superfish menus that use images? Otherwise, do you know what might be causing the choppy loading of the dropdown menu. The text in the menu(which is live text) is what jumps in strange. Brent
Re: [jQuery] jquery UI draggable does not work in Firefox extension
Hi Jakkob, Would you mind posting this question to the jquery-ui google group if you haven't done so already? That group is dedicated to questions such as yours that are specifically related to jQuery UI. http://groups.google.com/group/jquery-ui/ Thanks! --Karl Karl Swedberg www.englishrules.com www.learningjquery.com On Nov 14, 2009, at 11:22 AM, jakkob wrote: Hi, I would like to use the UI draggable featurr in my FF extension. Unfortunately this does not work. The class ui-draggable will be added to the element, but thats pretty much it. I tried to repair it changing document to window.content.document in lines 4224 (2x), 4232 when I saw that those line threw an error. Still, now comes uncaught exception: [Exception... Component is not available nsresult: 0x80040111 (NS_ERROR_NOT_AVAILABLE) location: JS frame :: chrome://test/content/jquery-1.3.2.js :: anonymous :: line 2644 data: no] and I am totally out of the game and don't know how to repair that. I hope someone can help me because, I'm really unwilling to try to code something like draggable myself. Guess it can take some days ;-) I made a testcase, the most simple FF-extension, which does nothing else, but apply the draggable feature to an element at a right click. If someone can help me (or help jquery, that is) you could install the extension, right-click any image, and will see the error immediately. http://herrmeissner.de/t...@test.com.xpi thanks for any help jakkob
Re: [jQuery] Please help - Table sorter does not seem to work
Hi, I tried removing the space. Does not work as well : Does tablesorter script have issues with this particular use case? I see the same thing working on the example page though. Not sure. How do I write the custom parser for this one? Do u have any sample for this? Thanks MorningZ wrote: it thinks they are characters because you seemingly have spaces after the numbers themselves you'll either 1) need to trim off the whitespace in your html 2) write a custom parser to do this On Nov 14, 12:48 am, jarun111 jarun...@gmail.com wrote: Hi, I am trying to sort a table using jquery table sorter and the no column that I need to sort is not properly sorted. Can you please help on this. They are getting sorted by characters. Code below: HTML HEAD script type=text/javascript src=http://tablesorter.com/jquery-latest.js;/script script type=text/javascript src=http://tablesorter.com/jquery.tablesorter.js;/script script type=text/javascript src=http://tablesorter.com/addons/pager/jquery.tablesorter.pager.js;/script script type=text/javascript src=http://tablesorter.com/docs/js/chili/chili-1.8b.js;/script script type=text/javascript src=http://tablesorter.com/docs/js/docs.js;/script script type=text/javascript src=http://tablesorter.com/docs/js/examples.js;/script meta http-equiv=content-type content=text/html; charset=iso-8859-1 / /head body table id='myTable' thead trthTest Name/ththNo/th/tr /thead tbody trtdAUDITTRAIL.UPDATE.PLTOPL.P2/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.PLTOPL.P3/tdtd4 /td/tr trtdAUDITTRAIL.UPDATE.PLTOPL.P4/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.*/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P1/tdtd41/td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P2/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P3/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P4/tdtd0 /td/tr trtdEQMPRIMO.PD.PD.T1/tdtd5 /td/tr trtdEQPRIMO.PDRESP.PRH.T1/tdtd52 /td/tr /tbody /table script language=javascript $(#myTable).tablesorter();/script /body /html Thanks -- View this message in context:http://old.nabble.com/Please-help---Table-sorter-does-not-seem-to-wor... Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context: http://old.nabble.com/Please-help---Table-sorter-does-not-seem-to-work-tp26347424s27240p26353605.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Updating select menu from child window to the parent menu
Hi, From the context of the child window, if I have a select menu with the id = childMenu and I want to copy all the options (both values and text exactly) a menu in the opener window with id=openerMenu, how do I do that? Thanks, - Dave
[jQuery] Need to know how to capture the HTML markup that I cliked on using the Jquery Treeview async plugin
HI all,
I am new to Jquery so am struggling with certain aspects. I want to
populate a text box with the node that
I click on so that I as I traverse the tree down I would get a built
up string of the file path
eg.
first click:HR Management/
second click: HR Management/Attendance Management.zip
I setup the treeview using JSON string as follows:
[
{
text: HR Management,
classes: important,
children: [
{
text: Attendance Management.zip
}
]
},
{
text: Regulatory Compliance,
classes: important,
children: [
{
text: ADA-What Supervisors Need to Know.zip
}
]
}
]
The problem with this is that depending where I click I can end up
getting more information in the text box than
I need all the text is getting selected..
eg.
HR ManagementAttendance Management.zipRegulatory ComplianceADA-What
Supervisors Need to Know.zip
script type=text/javascript
$(document).ready(function() {
$(document).bind(click, function(e) {
$(e.target).find(ul).find(li).toggleClass(last).find
(span);
var $kids = $(e.target).children();
var len = $kids.addClass(last).text();
// populate a textbox with what was clicked on
document.getElementById(nodePicked).value = len;
e.preventDefault();
return false;
});
});
/script
-
Here is the dynamic Markup that gets generated:
-
div id= class=viewStyle style=border-style: none solid; border-
left: 1px solid DarkBlue; border-right: 1px solid DarkBlue; width:
100%;
ul id=black class=treeview
li id= class=collapsable
div class=hitarea collapsable-hitarea/
span class=importantHR Management/span
ul style=display: block;
li id= class=last
span class=lastAttendance Management.zip/span
/li
/ul
/li
li id= class=expandable
div class=hitarea expandable-hitarea/
span class=importantRegulatory Compliance/span
ul style=display: none;
li id= class=last
spanADA-What Supervisors Need to Know.zip/span
/li
/ul
/li
li id= class=expandable lastExpandable ( more node info
not displayed for brevity sake)
/li
/ul
/div
Thanks in advance for anyones help with this matter
Craig T.
[jQuery] Re: jQuery newbie is looking for a hint. (dynamically add div tags to html :: plugin accordion)
Hi,
I don't really know if my solution is universal but in this case
works fine:
!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; xml:lang=en-us
head
meta http-equiv=content-type content=text/html; charset=utf-8 /
script type=text/javascript
src=http://tablesorter.com/jquery-latest.js;/script
script type=text/javascript
jQuery(function(){
var nodes = new Array();
nodes = $(.modAccordion).children();
$(.modAccordion).children().remove();
var i = 0;
var headerTest = /.(Head)./;
while(i nodes.length)
{
var testNode = nodes[i].toString();
if((testNode.match(headerTest))){
$(.modAccordion).append(nodes[i]);
i++;
var newDiv = document.createElement(div);
newDiv.className=new;
while(i nodes.length !((nodes[i].toString()).match
(headerTest)))
{
newDiv.appendChild(nodes[i]);
i++;
}
$(.modAccordion).append(newDiv);
}
}
});
/script
style
div.new
{
background: #00ff00;
}
.modAccordion
{
background: #ff;
}
/style
titleTableSorter/title
/head
body
div class=modAccordion
h3header 1/h3
psome text/p
psome other text/p
h3header 2/h3
psome text/p
ul
lilist element 1/li
lilist element 2/li
/ul
h3header 3/h3
psome text/p
psome other text/p
psome more text/p
psome different text/p
/div
/body
/html
On 14 Lis, 13:12, hagbardceline hagbardcelin...@gmail.com wrote:
Anyone got an idea? Have no clue so far.
Does a regular expression help?
[jQuery] superfish.js
hi, I've a little problem with the superfish dropmenu: - I've placed it into a div but it appers on the left, instead I want it on the right.. I tried through the div to set it on the right but my little knowledge of codes and scripts doesn't allow me to do it. thanks Matteo
[jQuery] Re: Please help - Table sorter does not seem to work
Hi, apparently Tablesorter can't handle zeros in sorted table. Without any 0 value your code works fine. check out this thread: http://groups.google.com/group/jquery-dev/browse_thread/thread/d8e75a30f7ca3067 and this site: http://beckelman.net/post/2008/10/24/Checkbox-Parser-and-Bug-Fix-for-jQuery-TableSorter-Plugin.aspx On 14 Lis, 21:28, jarun111 jarun...@gmail.com wrote: Hi, I tried removing the space. Does not work as well : Does tablesorter script have issues with this particular use case? I see the same thing working on the example page though. Not sure. How do I write the custom parser for this one? Do u have any sample for this? Thanks MorningZ wrote: it thinks they are characters because you seemingly have spaces after the numbers themselves you'll either 1) need to trim off the whitespace in your html 2) write a custom parser to do this On Nov 14, 12:48 am, jarun111 jarun...@gmail.com wrote: Hi, I am trying to sort a table using jquery table sorter and the no column that I need to sort is not properly sorted. Can you please help on this. They are getting sorted by characters. Code below: HTML HEAD script type=text/javascript src=http://tablesorter.com/jquery-latest.js;/script script type=text/javascript src=http://tablesorter.com/jquery.tablesorter.js;/script script type=text/javascript src=http://tablesorter.com/addons/pager/jquery.tablesorter.pager.js;/script script type=text/javascript src=http://tablesorter.com/docs/js/chili/chili-1.8b.js;/script script type=text/javascript src=http://tablesorter.com/docs/js/docs.js;/script script type=text/javascript src=http://tablesorter.com/docs/js/examples.js;/script meta http-equiv=content-type content=text/html; charset=iso-8859-1 / /head body table id='myTable' thead trthTest Name/ththNo/th/tr /thead tbody trtdAUDITTRAIL.UPDATE.PLTOPL.P2/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.PLTOPL.P3/tdtd4 /td/tr trtdAUDITTRAIL.UPDATE.PLTOPL.P4/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.*/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P1/tdtd41/td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P2/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P3/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P4/tdtd0 /td/tr trtdEQMPRIMO.PD.PD.T1/tdtd5 /td/tr trtdEQPRIMO.PDRESP.PRH.T1/tdtd52 /td/tr /tbody /table script language=javascript $(#myTable).tablesorter();/script /body /html Thanks -- View this message in context:http://old.nabble.com/Please-help---Table-sorter-does-not-seem-to-wor... Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context:http://old.nabble.com/Please-help---Table-sorter-does-not-seem-to-wor... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Adding looping to existing jquery script?
I'm using the jquery script moving boxes found on CSS-Tricks.com
(http://css-tricks.com/moving-boxes/) ... It works great so far except
for one thing I need to accomplish. I need to have the script loop
the content, so that when my images/divs are loaded, once you get to
the last one, if you click the right arrow, the 1st image/div comes
back into rotation. So basically it would be a never-ending infinite
loop of the content images/divs. Can anyone help me? Here is the
jquery:
--
$(function() {
var totalPanels =
$(.scrollContainer).children().size();
var regWidth= $(.panel).css(width);
var regImgWidth = $(.panel img).css(width);
var regTitleSize= $(.panel h2).css(font-size);
var regParSize = $(.panel p).css(font-size);
var movingDistance = 150;
var curWidth= 225;
var curImgWidth = 225;
var curTitleSize= 20px;
var curParSize = 15px;
var $panels = $('#slider .scrollContainer
div');
var $container = $('#slider .scrollContainer');
$panels.css({'float' : 'left','position' : 'relative'});
$(#slider).data(currentlyMoving, false);
$container
.css('width', ($panels[0].offsetWidth * $panels.length) + 100 )
.css('left', -350px);
var scroll = $('#slider .scroll').css('overflow', 'hidden');
function returnToNormal(element) {
$(element)
.animate({ width: regWidth })
.find(img)
.animate({ width: regImgWidth })
.end()
.find(h2)
.animate({ fontSize: regTitleSize })
.end()
.find(p)
.animate({ fontSize: regParSize });
};
function growBigger(element) {
$(element)
.animate({ width: curWidth })
.find(img)
.animate({ width: curImgWidth })
.end()
.find(h2)
.animate({ fontSize: curTitleSize })
.end()
.find(p)
.animate({ fontSize: curParSize });
}
//direction true = right, false = left
function change(direction) {
//if not at the first or last panel
if((direction !(curPanel totalPanels)) || (!direction
(curPanel = 1))) { return false; }
//if not currently moving
if (($(#slider).data(currentlyMoving) == false)) {
$(#slider).data(currentlyMoving, true);
var next = direction ? curPanel + 1 : curPanel
- 1;
var leftValue= $(.scrollContainer).css(left);
var movement = direction ? parseFloat(leftValue,
10) -
movingDistance : parseFloat(leftValue, 10) + movingDistance;
$(.scrollContainer)
.stop()
.animate({
left: movement
}, function() {
$(#slider).data(currentlyMoving,
false);
});
returnToNormal(#panel_+curPanel);
growBigger(#panel_+next);
curPanel = next;
//remove all previous bound functions
$(#panel_+(curPanel+1)).unbind();
//go forward
$(#panel_+(curPanel+1)).click(function(){
change(true); });
//remove all previous bound functions
$(#panel_+(curPanel-1)).unbind();
//go back
$(#panel_+(curPanel-1)).click(function(){
change(false); });
//remove all previous bound functions
$(#panel_+curPanel).unbind();
}
}
// Set up Current panel and next and prev
growBigger(#panel_5);
var curPanel = 5;
$(#panel_+(curPanel+1)).click(function(){ change(true); });
$(#panel_+(curPanel-1)).click(function(){ change(false); });
//when the left/right arrows are clicked
$(.right).click(function(){ change(true); });
$(.left).click(function(){ change(false); });
$(window).keydown(function(event){
switch (event.keyCode) {
case 13: //enter
$(.right).click();
break;
case 32:
[jQuery] Newbie validator question/problem
I am new to javascript, jquery and validator, but really see the
potential and am trying to use in a new application. I am having a
little trouble wrapping my head around the layers of callbacks.
I have a simple login form that I want to validate, but want to send
an md5 encrypted password to the server. All of my validation works
until I try and submit the form. Here is the code snippet of the
validator submit handler:
submitHandler: function(form) {
var pwd = $('#password').val(); // md5 encode
the password
md5pwd = hex_md5(pwd);
//$('#password').val(pwd);
$.get('../UVServer/login.php','email='+$
('#email').val()+ 'password='+ md5pwd,
function(resp) {
if (resp == 'false')
{
// password didn't match
validator.showErrors({password:
Incorrect Password or Email Address!});
return false;
}
form.submit(); // Password matched, submit
the form
})
},
...
The problem that I run into is that I cannot call form.submit() in the
anonymous call back that I use for the jquery $.get call. In the code
above, firebug claims that form.submit() is not a function.
I have tried many work arounds but nothing seems to work. I don't
want to use the remote rule, because I don't want to pass the
unencrypted password to the server.
Help greatly appreciated.
[jQuery] Grabbing the YouTube timecode
I'm trying to get the current timecode of a YouTube video that's playing on the page and populate a text field with it. Obviously, this would have to continuously update so the text field would always have the current timecode of the video. Is this possible through the YouTube API and jQuery, or will I need some sort of custom Flash file?
[jQuery] Re: Please help - Table sorter does not seem to work
That is not correct, it has nothing to do with the spaces. This seems to be a bug with the tablesorter plugin. If you replace the first td0 /td with td1 /td it will work. On Nov 14, 9:59 am, MorningZ morni...@gmail.com wrote: it thinks they are characters because you seemingly have spaces after the numbers themselves you'll either 1) need to trim off the whitespace in your html 2) write a custom parser to do this On Nov 14, 12:48 am, jarun111 jarun...@gmail.com wrote: Hi, I am trying to sort a table using jquery table sorter and the no column that I need to sort is not properly sorted. Can you please help on this. They are getting sorted by characters. Code below: HTML HEAD script type=text/javascript src=http://tablesorter.com/jquery-latest.js;/script script type=text/javascript src=http://tablesorter.com/jquery.tablesorter.js;/script script type=text/javascript src=http://tablesorter.com/addons/pager/jquery.tablesorter.pager.js;/script script type=text/javascript src=http://tablesorter.com/docs/js/chili/chili-1.8b.js;/script script type=text/javascript src=http://tablesorter.com/docs/js/docs.js;/script script type=text/javascript src=http://tablesorter.com/docs/js/examples.js;/script meta http-equiv=content-type content=text/html; charset=iso-8859-1 / /head body table id='myTable' thead trthTest Name/ththNo/th/tr /thead tbody trtdAUDITTRAIL.UPDATE.PLTOPL.P2/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.PLTOPL.P3/tdtd4 /td/tr trtdAUDITTRAIL.UPDATE.PLTOPL.P4/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.*/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P1/tdtd41/td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P2/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P3/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P4/tdtd0 /td/tr trtdEQMPRIMO.PD.PD.T1/tdtd5 /td/tr trtdEQPRIMO.PDRESP.PRH.T1/tdtd52 /td/tr /tbody /table script language=javascript $(#myTable).tablesorter();/script /body /html Thanks -- View this message in context:http://old.nabble.com/Please-help---Table-sorter-does-not-seem-to-wor... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Please help - Table sorter does not seem to work
That's incorrect. It has nothing to do with the whitespaces. It seems to be a bug with the tablesorter plugin. Change the first td to a 1 instead of a 0 and it will work fine. On Nov 14, 9:59 am, MorningZ morni...@gmail.com wrote: it thinks they are characters because you seemingly have spaces after the numbers themselves you'll either 1) need to trim off the whitespace in your html 2) write a custom parser to do this On Nov 14, 12:48 am, jarun111 jarun...@gmail.com wrote: Hi, I am trying to sort a table using jquery table sorter and the no column that I need to sort is not properly sorted. Can you please help on this. They are getting sorted by characters. Code below: HTML HEAD script type=text/javascript src=http://tablesorter.com/jquery-latest.js;/script script type=text/javascript src=http://tablesorter.com/jquery.tablesorter.js;/script script type=text/javascript src=http://tablesorter.com/addons/pager/jquery.tablesorter.pager.js;/script script type=text/javascript src=http://tablesorter.com/docs/js/chili/chili-1.8b.js;/script script type=text/javascript src=http://tablesorter.com/docs/js/docs.js;/script script type=text/javascript src=http://tablesorter.com/docs/js/examples.js;/script meta http-equiv=content-type content=text/html; charset=iso-8859-1 / /head body table id='myTable' thead trthTest Name/ththNo/th/tr /thead tbody trtdAUDITTRAIL.UPDATE.PLTOPL.P2/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.PLTOPL.P3/tdtd4 /td/tr trtdAUDITTRAIL.UPDATE.PLTOPL.P4/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.*/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P1/tdtd41/td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P2/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P3/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P4/tdtd0 /td/tr trtdEQMPRIMO.PD.PD.T1/tdtd5 /td/tr trtdEQPRIMO.PDRESP.PRH.T1/tdtd52 /td/tr /tbody /table script language=javascript $(#myTable).tablesorter();/script /body /html Thanks -- View this message in context:http://old.nabble.com/Please-help---Table-sorter-does-not-seem-to-wor... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Do JQuery has a library focus user key in digit value?
I have the input text field for Double Type. We know that input text is a text, there is no double input text. So we need to convert text to Double at the backend code. By the way, I need to enforce use to try to enter 0-9 and . So my backend code can convert the digit text to Double. [ to avoid exception ] How to do this? Is there have any plugin/library/function build for this? Then how about integer value which cannot accept dot (.)... Thanks -fsloke
[jQuery] Re: Please help - Table sorter does not seem to work
I could have sworn that 0 bug was fixed. guess it wasn't an official fix On Nov 14, 11:26 am, jacerhea jace.r...@gmail.com wrote: That's incorrect. It has nothing to do with the whitespaces. It seems to be a bug with the tablesorter plugin. Change the first td to a 1 instead of a 0 and it will work fine. On Nov 14, 9:59 am, MorningZ morni...@gmail.com wrote: it thinks they are characters because you seemingly have spaces after the numbers themselves you'll either 1) need to trim off the whitespace in your html 2) write a custom parser to do this On Nov 14, 12:48 am, jarun111 jarun...@gmail.com wrote: Hi, I am trying to sort a table using jquery table sorter and the no column that I need to sort is not properly sorted. Can you please help on this. They are getting sorted by characters. Code below: HTML HEAD script type=text/javascript src=http://tablesorter.com/jquery-latest.js;/script script type=text/javascript src=http://tablesorter.com/jquery.tablesorter.js;/script script type=text/javascript src=http://tablesorter.com/addons/pager/jquery.tablesorter.pager.js;/script script type=text/javascript src=http://tablesorter.com/docs/js/chili/chili-1.8b.js;/script script type=text/javascript src=http://tablesorter.com/docs/js/docs.js;/script script type=text/javascript src=http://tablesorter.com/docs/js/examples.js;/script meta http-equiv=content-type content=text/html; charset=iso-8859-1 / /head body table id='myTable' thead trthTest Name/ththNo/th/tr /thead tbody trtdAUDITTRAIL.UPDATE.PLTOPL.P2/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.PLTOPL.P3/tdtd4 /td/tr trtdAUDITTRAIL.UPDATE.PLTOPL.P4/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.*/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P1/tdtd41/td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P2/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P3/tdtd0 /td/tr trtdAUDITTRAIL.UPDATE.ZTSTOPL.P4/tdtd0 /td/tr trtdEQMPRIMO.PD.PD.T1/tdtd5 /td/tr trtdEQPRIMO.PDRESP.PRH.T1/tdtd52 /td/tr /tbody /table script language=javascript $(#myTable).tablesorter();/script /body /html Thanks -- View this message in context:http://old.nabble.com/Please-help---Table-sorter-does-not-seem-to-wor... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] problem adding event after ajax post
$.post(''strutseventname', $('form:first').serialize(),
function(data) {
$('#divId').html(data);
alert('am i visible ' + $('#divId table input).length);
$('#divId table input).click(function() {
alert('i am here');
});
}, html);
when i execute the function above, the data in divId appears but the
click function doesnt work. i inserted the alert between inserting the
data and setting the click event. it shows that the data is not
visible to jQuery.
It appears that jQuery cant see the new data until after the
javascript method ends.
can you help me understand where i am going wrong?
thanks
Re: [jQuery] problem adding event after ajax post
Firstly, your code which you've given has a lot of syntax errors. The
selectors are not all enclosed within '' (single quotes).
Secondly, in my opinion $('#divld table input') will actually result in an
array of inputs (even if length is 1). So you might need to do something
like this :
$('#divId table input').each(function() {
$(this).click(function(){
alert('I am here');
});
});
Thanks Regards,
Dhruva Sagar.
On Sun, Nov 15, 2009 at 9:34 AM, nevadaMedicaid mrosenb...@dhcfp.nv.govwrote:
$.post(''strutseventname', $('form:first').serialize(),
function(data) {
$('#divId').html(data);
alert('am i visible ' + $('#divId table input).length);
$('#divId table input).click(function() {
alert('i am here');
});
}, html);
when i execute the function above, the data in divId appears but the
click function doesnt work. i inserted the alert between inserting the
data and setting the click event. it shows that the data is not
visible to jQuery.
It appears that jQuery cant see the new data until after the
javascript method ends.
can you help me understand where i am going wrong?
thanks
