[jQuery] Form values getting unsynchronized after ajaxsubmit [validate]
Hi All, I have a very weird issue that I have been trying to resolve for over a week now with no success in sight. I use jsp to generate a page of regional information. The regions are displayed as clickable blocks. On clicking each block a pop-up form opens up with the corresponding region details like id, name and acronym. These can be edited and submitted as updates. There is also a last block that allows to create a new region which on clicking opens the same kind of form as the others, except
[jQuery] Validation with rewriting
I considering input rewriting (transformation, conversion, etc, use the verb of your choice) to be an essential part of validation. This means phone numbers, SSN, dates, credit card numbers, etc should all accept "loose" input types and should be standardized for backend processing. (Personal Pet Peeve - sites that instruct you not to use spaces or hyphens in credit card numbers) This article makes the general case: http://www.hising.net/2007/03/30/form-validation-with-javascript/ The article for
jquery lightbox problem
I'm using a gallery scrollable component for thumbnails. When a user clicks on the thumbnails it loads that larger version of the image into a div on the same page. All the large images are already loaded into the div. My problem is when a user goes to click on the larger version of the image I want it to open with lightbox, but no matter which thumbnail they click on, it always starts at the first image in the lightbox. You can see the problem replicated here. http://www.tsutsumidaphoto.com/Mihoko/akiko3.php
[jQuery] jquery lightbox problem
I'm using a gallery scrollable component for thumbnails. When a user clicks on the thumbnails it loads that larger version of the image into a div on the same page. All the large images are already loaded into the div. My problem is when a user goes to click on the larger version of the image I want it to open with lightbox, but no matter which thumbnail they click on, it always starts at the first image in the lightbox. You can see the problem replicated here. http://www.tsutsumidaphoto.com/Mihoko/akiko3.php
[jQuery] Fetching data from callback with $.ajax
<span style="font-family: courier new,monospace;">Hello all,</span><br style="font-family: courier new,monospace;"><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">I've recently started with jQuery because I wanted to use it for posting details from an login form to a PHP script which should return whether the user is authenticated or not.</span><br style="font-family: courier new,monospace;"> <br style="font-family: courier new,monospace;"><span style="font-family:
[jQuery] jQuery + Ajax request
Hello! Im trying to build a AJAX request with jQuery, the function should work like this. I have a list of words like this. [code] <ul id="searchword_ul"> <li id="searchword_kuken"> <?=form_open('adminpanel/testformremove')?> <div style="display:none"> <?=form_input('sokord_id', '3', 'id="sokord_id"')?
[jQuery] how do you make superfish a global include and dynamically write 'current' class?
I racking my brain because I can't use PHP for this site. :-( I have used all the different variations of suckerfish and superfish for a long time now. With this version to help alleviate massive updating, I want to make this one a global include and have the script pick up the page URL and write 'class="current" in the <li> or the href. I'm thinking some mix of the navbar version of this: http://users.tpg.com.au/j_birch/plugins/superfish/#examples and this: http://onerutter.com/jquery/jquery-highlight-navigation-menu-v02-script.html
list scroll and select
I have a input text control and am using it as a search box similar to google.So if you type a letter it brings back a list of word related to that search using jquery.My issue is when i scroll thorugh the list using my up and down keyboard button i want the selected word from the list to be shown in the input textbox.(-as you arrow down search term, put term into search box ) the dropdown is a <li><a></a></li> collection. Appreciate all your help
[jQuery] Selecting the values of radio buttons
This is probably simple, but I am new to jQuery and am trying to wrap my head around things. Basically what I am trying to do is a very basic quiz. I have 3 groups of radio buttons (3 questions with 4 possible answers for each question, so.. multiple choice). Each answer has a number value assigned to it, i.e. value="2". This would be 2 points. After pressing a button I need to be able to select all the radio buttons have that been checked, and then add all their point values up and give the user
[jQuery] embedding media
hi all, I'm new to jQuery. I'm making a website for a dance institute. I've to embed around 20 3-4min videos in my website's showcase and an image slideshow of 70-80 images.I've found a plugin for image slideshow that'll fetch two images at a time from a flicker or picasa a/c but i'll have to explicitely list each image in my sourcecode. Is there a plugin which'll help me take care of my media and site's size too?
jquery binding issue[solved]
I am fairly new to jquery and I am having trouble with binding my new objects so that they are also called on click events. I have read all the documentation on jquery.com and looked at the sticky on this forum but still no luck. Here is the jquery I have at the top of my page: <script language="JavaScript" type="text/javascript"> $(document).ready( function() { $("a.paging").bind("click", function(e) { var title
[jQuery] how to delay operation
Hi , Am doing one support ticketing systems, user submit his problem through form , my task is after submitted , i want to send his ticketID . to his mail , for track the supprt request , The ticket ID not and sequential order , its random order , So my idea is we write one mail function , after form submited , after the 30sec , we run the mail function and get the ticket id from the DB using his emailID and based on ticket created time as the unique , ,,,no my question is , how run the mail function
[jQuery] My messages don't show?
What could I be doing wrong? I've joined the group, posted a message (tried it twice)... but it doesn't show? Jon Jackson (JimmyHill, jonjaxn@googlemail.com)
32px loading GIF only while image is loading
I have this loading.gif image that is 750px, when it should be 32px. The reason it's huge now is because my original solution was displaying two images: one 750px version of the loading.gif image and one 32px version (in the center of the 750px) of the same image. Now I'm at least down to one image, even if it's the wrong version. Click any of the thumbnail images here, and then again on the thumbnail at the top of that popup product gallery to see what I mean: http://www.onebagoneearth.com/ Products/
need help with expandable footer [solved]
hello everyone, i've got the following problem: at the bottom of my webpage there's a footer. above that footer there's a button. when i click the button the footer fades in and out. the problem is that when the footer expands, the page isn't scrolling down automaticaly. question is: how can i achieve this? this is my script: var $j = jQuery.noConflict(); $j(document).ready(function($) { $j("a#ToogleSidebar").click().toggle(function() { $j('#footer').animate({ height:
JQuery call to XML CDATA is blank
I have an xml that I am trying to read the contents of a node with where the contents for display are held inside of a CDATA tag: here is the xml: <FIELD_1 display_name="Last Name" element_type="t" data_type="alpha"> <![CDATA[ Smith ]]> </FIELD_1> <FIELD_2 display_name="First Name" element_type="t" data_type="alpha"> <![CDATA[ John ]]> </FIELD_2> <FIELD_3 display_name="Location Code" element_type="t" data_type="alpha"> <![CDATA[ CA2390 ]]> </FIELD_3> and my jquery is this: $('ROW',xml).each(function(i)
How to read the class of an element?
Hi, Sorry, Im very new to jQuery and trying to create a "click-and-hide" navigationbar. This is what I have: function ShowHide(){ $("#navigation_sub").animate({"width": "toggle"}, { duration: 500 }); } Great, hm? When u click the link it calls "ShowHide" which works well. The div "#navigation_sub" is hiding and appearing when I click it. Now I want the main-content-area ("#content") to be 100% width if the navigation_sub is hidden. I found "addClass" and "removeClass", but I want
[jQuery] [jqModal]: sending ajax request, reload in same modal
Hi, I am using jqModal (http://dev.iceburg.net/jquery/jqModal/#examples) to open a modal <div> (some will argue it's an overlayed <div> since I'm not forcing focus as code below shows). An html form is loaded using ajax. I'd like to submit this form and load the html response in the modal. Here's how I do it: $('#modal-test').jqm({ajax: '@href', trigger: 'a.edit-post'}); The whole page which triggered the modal box is reloaded, not just '#modal-test'. How would you change it? Regards, -jj. :)
[jQuery] Listnav Umlauts and special chars
I ran into a problem when having umlauts as first letter in the <li> tag. They will not be shown, until I add them to the letters array. IMHO the better way would be to have a function, that "degrades" the letter to the next near neighbor, i.e. if it is ü, make it to u, if it's é make it to e, etc. Do you have any Idea how to achieve this? Such a function would make the listnav more multilingual. While speaking of this, perhaps you could make the word "All" a variable, too. Same thing with special
[jQuery] Combining jQuery Objects
Does anyone know if it is possible to join two jQuery objects to make a new object. For example... var e1 = $("#firstObject"); var e2 = $("#secondObject"); var combined = e1.add(e2); // This is the expression I'm looking for Thanks.
[jQuery] International numeric formatting on the fly with multiple rounding options
To all: I have created a plugin that handles International numeric formatting on the fly by using a Reg Expression. Before I release this I would appreciate comments and suggestions for improvements. Demo can be viewed here http://decorplanit.com/plugin/index.htm Thanks in advance. Bob
[jQuery] jQuery Form Validation
Hi there just wondering if I can get some help from you guys? I have some code as per: // validate signup form on keyup and submit var validator = $('form').validate({ event: 'keyup', rules: { '<%= ddlRank.UniqueID %>': { required: true }, '<%= txtSurname.UniqueID %>': { minlength: 2, required: true }, '<%= txtForename.UniqueID %>': { minlength: 2, required: true }, '<%= ddlGender.UniqueID %>': { required: true }, '<%= txtBirthDate.UniqueID %>': { required: true, custEmailVal: true } }, //end rules
[jQuery] $(document).ready script appears to not run in IE?
Hello all, I'm relatively new to jQuery, and I'm having some trouble making a selected <tbody> display in IE. It seems to work fine in FireFox, and Chrome. See here: http://wwwdev.latrobe.edu.au/nursing/ProspectiveStudents/Postgraduate2009/questionnaire/index.php I've looked up various fora, but the only things I can find seem to relate to earlier versions of jQuery. We're running jQuery-min.1.3.2 on this site. The relevant parts of the code which run in FF/Chrome, but appear to not run in IE: <script
Att value from title as css-width
Hi! I have a digitvalue in the title of my element, and i want to set the width of this element based on the title. $("li[title]").css({ width: $(this).attr("title") + "px" }); i tried that, but not working, it wont just set the width, any idea?
[jQuery] Content Loads then Javascript
How do I prevent the content loading on my website before the Javascript loads. It seems that all of my Javascript is loading in the head of my page, but the content all shows before being modified by the javascript. http://boomer-living.com/wp/ Any suggestions?
[jQuery] Registration Point
Hi Everyone, I am trying to get images to animate from the center in height and width. I can get the animation to work but can't find anywhere how to get it to work from the central point! Hopefully someone can help me here. Thanks Sean
JQuery and foreign letters
Hi, I got a problem with displaying Scandinavian letters like ä, ö. My script tags are as following: <script type="text/javascript" src="js/jquery-1.2.3.pack.js"></script> <script type="text/javascript" charset=ISO-8859-1> So encoding should be set to ISO-8859-1 and the letters should be shown correctly but that's not happening. All the letters that are generated by html/PHP work fine instead. Thanks in advance.
Edit dynamic created elements
Hi! I create tablerows and cells dynimaic dependent on a ajax-request. Now i want to add droppable attribut to it with a plugin. I can manek the plugin work if i use static HTML, but my dynimic created elements seems to not be able to edit. All elements get class="drop" and even the easy code like $(".drop").hide(); does not effect my dynamic elements. Code for creation: $.getJSON("/Schedule/GetTeachersList", null, function(data) { $.each(data, function(index, optionData) { $("table").append("<tr><td
[jQuery] Unable to get the latest text/value inside a textarea
Now, I was not expecting this. You can get the text inside the textarea using something like: alert($('#id_of_textarea').text()); That works, but if you bind it with an event, let’s say onkeyup — you will never get the “latest” text inside the textarea. This was a complete surprise to me. The best way to do it would be to use the attr (’value’) In the example below CustomerNotes is a textarea and it doesn't matter how I try to get the current value I end up getting the old value. I have tried using
[jQuery] validate
Hi, I am new to jquery and wanted to use jauery validate plugin in my project. But I have seen that jquery displays errors as inline messages.But in order to remain backward compatibility in my project, I have to show the error messages as an alert, ie all error messages aggregated into a single message.Is there any way by which I can customise this in the plugin.I think I can get a hanlde of all the error messages,and publish it as an alert, rather modifying the dom to show as inline messages.Any
switching jquery tabs in code behind(C#)
I have five div tags(jquery tabs) in my aspx page...Inside the second div(tab) i have a button. onclick of that buttton the second div(tab) should be switched..instead of that the first tab is coming.. How can i switch the tab in code behind(Inside button onclick event)...
[jQuery] switching jquery tabs in code behind(C#)
I have five div tags(jquery tabs) in my aspx page...Inside the second div(tab) i have a button. onclick of that buttton the second div(tab) should be switched..instead of that the first tab is coming.. How can i switch the tab in code behind(Inside button onclick event)...
why dont work remove()
Hi, how remove element make of append? The selector $('#link') not remove to the element. Someone help me? $(document).ready(function() { $('#add').click(addElemento); function addElemento() { var id = document.getElementById("id").value; var numero = $('#numero').val(); var serie = $('#serie').val(); $("#divTxt").append("<p id='"+id+"'>"+id+"<a href='#' id='link' rel='"+id+"'>Valor</a></p>"); id++; document.getElementById("id").value = id; } $('#link').livequery('click', function(){ var n = $(this).attr('rel');
[jQuery] Form mailing script
Hi, I am new to jquery and have just created a contact form using the validation plugin and jquery. Everything works fine so far. My only issue is how do I submit this form to an email, I don't have any scripts etc and need a pretty secure way to do it. I also need to be able to customise the script to accept some other fields. The biggest bugbear for me is that I have a select box with different email destinations and need to send the mail to the one that is selected by the user. I want to have
DateRange in DatePicker...
Hi All, I have a page like this: <head> $(function() { var currentDate = new Date() var minDateValue = ''; $("#date_from").datepicker(); $("#date_to").click(function(){ minDateValue = timeDifference(dateFormat(currentDate, "yyyy-mm-dd"),dateFormat($("#date_from").val(),"yyyy-mm-dd")); //alert(minDateValue); $("#date_to").datepicker({minDate: -(minDateValue), maxDate: '+11D'}); }); }); </head> <body> <body> <div class="demo"> <p>Date From:
[jQuery] mouseleave triggering "prematurely"?
i am trying to develop my own accordion/sliding menu. (as a side qn, any good ones that can be easily customized/skinned?) i found that seem to trigger when i am sliding down an "inner" menu. since its "inner", my mouse definately has not left #mainnav my test page http://iceangel89.5gigs.net/test.html without that annoying test alert http://iceangel89.5gigs.net/test_1.html $("#mainnav").mouseleave(function() { alert("mouseleave #mainnav"); }); more complete source: $(function() { $("#mainnav > li
[jQuery] .hover(function(){removeClass('rounded {top}')});
Not sure why this doesn't work to remove the rounded corners on hover- out. The corners are set on the first hover, but they aren't turning off. Any ideas? function docorners(){ //alert('doing corners'); $('.rounded ').corners(); } $(document).ready(function(){ $('#navlist li a').hover( function(){ $(this).addClass('rounded {top}'); docorners(); }, function(){ $(this).removeClass('rounded {top}');; docorners(); } ); });
[jQuery] accessing iframe content
hi there, i just started working with iframes and i'm stucked :D so...i have this code inside a html file: <iframe id="myframe"> text </iframe> what i'm trying to do is to grab that paragraph text(using jquery). by now i tried something like this: $("#myframe").contents().find("p").html(); but....with no result :( does anyone know the answer?
Blind Toggle
Hello, I wondered if anyone could help me? I have a page with a modal window of a seperate page that is using a slideToggle. All is working fine but I want a blind toggle effect and everything that I try is not working. My code is var triggers = $('a.ex3bTrigger')[0]; $('#ex3b').jqm({ trigger: triggers, ajax: '@href', modal: true, target: 'div.jqmAlertContent', onShow: function(h){ }, onLoad: function(h){ h.w.css('opacity',0.9).slideToggle('slow'); }, onHide:
[jQuery] why is mouseleave triggering when i enter a child, when i have slidedown
i am trying to develop my own accordion/sliding menu. i found that seem to trigger when i am sliding down an "inner" menu. since its "inner", my mouse definately has not left #mainnav my test page http://iceangel89.5gigs.net/test.html without that annoying test alert http://iceangel89.5gigs.net/test_1.html i also noticed that it triggers when i enter the 4th "Link" which triggers the slidedown of an inner ul. when i disable the sliding effects, and make inner uls display notmally, when i move in
Next Page