How do I validate cloned form field inputs
Hello all, I'm having a bit of an issue using Validator plugin on Form Elements that get cloned. At first, the form had a single "set" of numeric-input elements that had a distinct name and id. The fields were "low value" and "high value". Validating that the "low" value was a 'number' and less in value than the "high value" element was simple and straightforward (and worked). The requirements changed, driving the need for many 'levels' - so I changed the "name" attribute for each, to that of an
Drag/drop from/to dynamic content
I have a page with 2 lists. Each list is populated with a $.get() call. I want to drag drop from list1 to list2. Drag/drop works but there's a visual problem : during drag, when mouse exits list1, the dragged content disappears. Drop works but I don't see the content over list2. If I create the page with static lists, drag/drop works normally. What can I do to correct the problem ?
jQuery Mobile Core?
When comparing the standard jQuery to jQuery Mobile the mobile version is half the size. The mobile version also includes "plugins" for UI stuff like navigation, fields, buttons, etc... Is there or will there be a "core" version of jQuery mobile without the UI stuff? I've heard that you can just use the regular jQuery and it'll work for both desktop and mobile (or it will), but what if you're developing a web application just for mobile? You wouldn't need support for IE or FireFox. In my situation
Add html to the current place?
Hi everybody! I have the following code: '<div class="Comment">' + $.each(post.Comments, function (i, comment) { document.write(comment.Description); }) + '</div>' );The document.write() is not working ;-), it erase all the content of my page in fact. What I want is just write the HTML contained in 'comment.Description' for each iteration. (comment.Description
Chained select box like state and city in jqm....
Hi ... i have a form where i need user to fill out state and city. State and city are related to each other by foreign key in database... So i have put state select box like this.. <div data-role="fieldcontain"> <label for="state_id" class="select">State:</label> <select name="state_id" id="state_id"> <option value="" data-placeholder="true" >Choose</option> <?php foreach ($states as $states):?> <option value="<?php echo $states->id?>" ><?php echo $states->states;?></option>
Newbie help for "Simple Tabs w/ CSS & jQuery"
Hi All, I'm kinda new to Web Development (knowing just enough of CSS & HTML to be dangerous)...but little or nothing of jQuery/JS to do anything at all. So anyways, I picked up this great piece of work from http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/#comment-14970 (thanks to Soh Tanaka) and it works just great "as-is". Now, the thing is...I'm trying to modify it to allow for a link (within the content of a selected tab) to change to a different tab (instead of having to click on
Catching events from selectboxes popups
It would be nice to add events for marking/unmarking checkboxes in the popups. Currently only selecting option can be caught via 'change' event and then processing value of the input. It can be overriden by grabbing the popup itself but that's not a sleek solution .
how to access the “id',”name" etc. of Loaded URL in iframe from the HTML file using Jquery
I have an Iframe.html file : <body onload="alert('frame 1 loaded');"> <div> This is frame 1 content </div> <a id="a1" href="Sample.html"> click</a> </body> Sample.html <body> <ul id="list1"> <li name="one">one</li> <li name="two">two</li> </ul> And I calling the iframe form test.html file : <script type="text/javascript" src="jquery-1.5.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var i=10; $("#frame1").ready(function () {
.height() gives different values Chrome/FF/IE
Hello, At the moment i'm using this short piece of code $(document).ready(function() { $heightDiv = $('#colRight').height(); $('#colLeft').css('height',$heightDiv); }); When i'm alerting the $heightDiv i'm getting 3 different value's. Chrome: 139 IE: 779 FF: 781 The strange thing is that evrything is displaying like it should be in Internet Explorer. Any fix for this? Kind regards Zijkantje
delegate to all TDs without all with attribute enabled="false"
hello, i'm using this code: $("#mydiv tr:not(#tableheader)").delegate("td:not([enabled=false])", "click", function(){ alert($(this).html()); })but it doesn't seem to work. What am I doing wrong?
jQuery Cycle Plugin
Hi, I am a website developer (in the making...) and I have downloaded your plugin and have it up and running on one of my web pages. It has a lot of cool features, good job. But, in firefox, in the 'fade' mode, when the text fades out and the text in the next slide fades in, they conflict and produce a green colour, any ideas? (picture below). With the same settings, internet explorer displays the div in a block like display mode (on top of each other, again a picture will be below). With the same
Changing gFeed so that I can also get the thumbnails form the feeds
Hi, I would like to know what I should change in the jquery.gfeed.js script so that I can also get the thumbnails from the feeds. Here is my code: <script type="text/javascript" src="http://jquery.malsup.com/gfeed/jquery.gfeed.js"></script> ... <script type="text/javascript"> // when the DOM is ready, convert the feed anchors into feed content $(document).ready(function() { // add a feed manually $('.myFeeds').gFeed({ max: 5, // number of items displayed
.each() -> mouseover on Elements
Hi everybody, I have 4 Images, which schould change their "src" by mouseover()/mouseout() jQuery( "#selecter img" ).each(function(){ alert ( this.id+jQuery(this).attr('id') ) ; jQuery( jQuery(this).attr('id') ).mouseover(function(){ alert ( jQuery(this).attr('id') ) ; jQuery( jQuery(this).attr('id') ).attr("src","dk_images/"+jQuery(this).attr('id')+"_1.jpg") ; }); }); <span id="selecter"> <img id="select_one"
Dynamic hidden field problem
Hi! This doesn't work, the dynamic hidden field will be submitted as "". I have tested this in Firebug, inserts the hidden field correctly in DOM. VERSION gets submitted ok, STAMP won't. Am I missing something here?? Shouldn't this be elementary stuff?? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){
A4:Scrollview+Select LOV
Hi All, Alpha 4 make Select LOV not functional when used together with scrollview plugin. One can be reproduced directly in "Form element Gallery" of /experiments/scrollview/. Select options either do not appear or for some of them it takes upto 5 seconds to be presented to the user. Please advice
IE UI Progress bar don't show up.. Instead page loads up silently..
Hi, I am newby to Jquery. I am trying to achieve image hover effect using jquery in asp.net like when mouse is hovered image changes to something showing highlighed and the other way. All the images are also link (<a>) in my case. The problem is when i click on the link, IE status bar is shown immidiately and gone and then the page loads up silently. User has no idea whats going on. Strange thing is if i dont remove the mouse from image then status bar is shown fine. Thanks in advance!!
the document seems broken
some document pages becomes blank. e.g. http://api.jquery.com/category/traversing/. is this just my problem?
jQuery FormWizard summarypage?
Hi, I'm a newbie with jQuery and I'm messing around with jQuery FormWizard. I'd like to have summary of form inputs (textfields and radiobuttons) in the last page before submit. There is a summary page option in formwizard, but it shows summary as a editable form. How do I get summary so, that it only shows field names and their inputs as a plain text, not as a form? Thanks
Populating div with textarea content
I am trying to populate a preview div with the content of a textarea. I have 2 textareas on the page. One with ID compose and another with ID profile_signature. Each has its own preview button named respectivly #profile_sig_preview and #msg_preview. however no matter which button is clicked the div is always populated with the content of the first textarea ie profile_signature. I tired setting up 2 divs so the content could be seperated but that did the same thing. $j('#preview_msg_btn').click(function(){
Dashboard plugin - add new widget error
Hi there, Has anyone successfully got this plugin working well with saving the current dashboard state on the server side? I added/set the 'stateChangeUrl' option, which works fine when moving the default widgets around. But when I click to add a new widget, I get the following error in my firebug console: dashboard.getWidget($(this).attr("id")) is null r+= (dashboard.getWidget($(this).attr("id"))).serialize(); I've pretty much got the dashboard set up as per the examples, with this code here for
jQuery Cycle - Exclude IE 6,7,8 from recognizing effects
1. How to use jQuery .support() perhaps to exclude Internet Explorer 6,7,8 from recognizing fade effects. I am fading content with transparent PNG files and it is creating black artifacts.
Jquery scope after ajaxForm
Hello everyone, I'm showing a form in a Simplemodal dialog in combination with ajaxForm() to redirect the resulting page to another DOM element. The success function of ajaxForm() closes the modal dialog. The resulting page in the other DOM element has no access to the jquery function $(). When I load a page using ajax into the DOM element there is no issue access the jquery function, this only happens when I redirect the resulting page from the ajaxForm() function. Could someone give a pointer on
Adding a localstorage key into a jquery script
Hi, I'm trying to adapt some jquery code but having trouble making sense of a lot of it.. I thought it would be pretty easy to insert a variable stored in localstorage into the script.. I thought it would be simple to just add localStorage.getItem("RSSfeeds"); into the script but no joy. The RSSfeeds key is basically a string of more code like newsfeed.addFeed("Ormiston School News", "http://www.ormistonsandwell.org.uk/RSS/News/"); How can I add them into the code below? var newsfeed=new gfeedfetcher("rssfeeds",
Drag boxes into boxes
Hi, I'm new to javascript\jquery. I have had a play around with some sample code and I'm understanding more by the day. Basically, now I'm working on a ittle project, one part of it is to create a page with a list of peoples names and allow users to drag these names into boxes, however only a certain number of people should be able to fit into a box I assume that this is a basic task and anyone with any example code which has this aim, would be appreciated. (Attached a picture to explain my
jQuery validation plugin: treat validation errors as warnings and allow form submit
Hello, as the subject suggests, I am using the bassistance.de validation plugin (http://docs.jquery.com/Plugins/Validation/) and I would like to be able to submit the form even when there are validation errors. Basically, we only want to use the plug-in to warn the user of potential issues (please don't question the usability issues with this , I know). So, is there a way to do it easily or should I hack into the plugin code? Thanks in advance!
iOS-ready slider with range?
I've seen that there's very nice slider implementation, though what I need is one that would allow me to create a slider that can select a range between values. Like... Select 5 - 7 where total slider range is 1-10 It'd have two pickable points and color filled only in range between them. How to set it up? Or create? Thank you very much for any help or hints!
Accordion - scroll back to top of accordion when new panel opens
Hi there - was wondering if anyone could help. I'm using an accordion to display a list of sub-categories on a classifieds website, there are 3 main categories - we'll call them X, Y, Z. My problem is that the sub-category lists can be quite long - and aren't consistent between X, Y, Z. Currently, when clicking on header X - the accordion extends way beyond the fold so obviously the user will scroll down the page. When the user clicks Y - currently with a lot smaller sub-category list, the accordion
Add/Remove class
I am trying to make a navigation menu that when a link is clicked, loads content into a hidden div, then shows the hidden div, then changed the class of the list item. If the same link is clicked again the class reverts back to what it was before and then the content div becomes hidden. Here is a url view-source:http://www.scottjraney.com/javatest/ Here is the Jquery $(document).ready(function(){ $("a.1").click(function(){ $("div#hidden").load("/javatest/content1.html"); $("div#hidden").slideDown();
Jquery Validate and submitHandler
Hi, I am using jquery.validate, when you specify a function for submitHandler, can you use it to call a method to for example do additional validation and then calling another method to write to the database? I have specified a method in my submitHandler, but I get the error 'invalid label {"d":0}'. Here is my code : $.validator.setDefaults({ submitHandler: function() { addUser(); } }); $("form").validate({ //errorLabelContainer: $("#divErrors"),
jquery function: how to get this element id?
Hi guys,i'm trying to do a drag and drop...,practically a newbie to jquery & all basically i have a list of draggable objects and a container(that these draggable objects can be dropped into) all i want to do is whenever i drop one of the objects onto the container, an alert would pop, "you have dropped "item X" into the container". i got the object moving but alerting the user seems to be a problem. anyone see what i'm doing wrong or what i'm not doin code below <HTML> <HEAD> <script type="text/javascript"
Tabs loaded via ajax do not stay in selected tab.
I have a set of tabs that are loaded via ajax as shown in the demo. One of the tabs is a form that on succesfull submit should reload the entire page. However I fail to see how to get back into my selected tab: $jq.post("submitModules.php",{ module: obj.name,value: obj.value} ,function(data) { if(data=='1') //if submit is succes { window.location.reload(true); //line 1
Help Me To Slide Down Automatically When Other contentContainer Clicked
Hi Guys, This Is The Tree View Structure.. Here I Need Help... While Expanding One Parent Structure All Others To Collapse.. Help Me In This.. Thank U In Advance... http://mediamilan.com/how-to-create-simple-tree-structure-menu-using-jquery-and-css/
slideToggle problem
Hello, I'm new to jquery and heaving problem with toggling divs they, wont toggle, is it possible? here is the code... please help <style> col_1_dt, col_4_dt, col_5_dt, col_6_dt, col_9_dt, col_10_dt{ background:#fee; font-size:12px; color:#337; width:450px; float: right; } col_2_dt, col_7_dt{ background:#fee; font-size:12px; color:#337; width:225px; float: right; } col_3_dt, col_8_dt{ background:#fee; font-size:12px; color:#337; width:225px; float: left; } <style> <script> $(document).ready(function(){
use external image for ui button
Hello, this is expected to use external icons in the buttons? My question: Can I use external image as an icon of a button. I created several "sprite" with icons with a special CSS class can be used without ui-icon? Exemple with similar class: $( ".demo button:first" ).button({ icons: { primary: "my-icon-locked" }, text: false }) or with icon png $( ".demo button:first" ).button({ icons: { primary: "myicon.png" }, text: false }) Best regards
multiple jquery ui sliders
hi, can anyone help me out of this? i have 2 sliders in a single page. i want to move the 2nd slider automatically when the 1st slider is dragged.
Why does jQuery.parseXML ignore two of its parameters?
Recently I was reading through the jQuery code (jquery-1.5.2.js) and noticed that parseXML is declared like this (including the comments): // Cross-browser xml parsing // (xml & tmp used internally) parseXML: function( data , xml , tmp ) { ... } Inside the function, you will find that the parameters xml and tmp are overwritten before they are used. This means that they are effectively being used as local variables. Therefore, the function could have been declared like this: parseXML: function( data
AJAX call ending in error with Status 200 / OK - why?
ASP.NET 4.0 jQuery 1.4 While all seems well in my request and response I get tossed into the error callback rather than the success. I use Firebug to check the repsonse and it's: {"d":"Hello"} Client code: function GetStateCertifiable() { var AreaID = $("#listAllAreas").val(); $.ajax({ url: "../WebServices/AoP.asmx/GetStateCertifiable", data: '{"AreaID":"' + AreaID + '"}', type: "POST", contentType: "application/json; charset=utf-8", dataType: "json",
Wrap object tag into another div
I've trying this code: $("object").wrap('<div class="container" />'); but have no result. Any ideas?
datatable - skip rows while sorting
Hello guys, I have a requirement like not to sort certain rows while performing column sorting... any idea would be really appreciated. Thanks
Error on upgrading to jQuery 1.5.x
Are there any issues with using jQuery 1.5.x with jQuery UI 1.8.x?? Because we’re having issues upgrading to jQuery 1.5.1, Is this version not compatible with jQuery UI 1.8.x which we also use heavily? Here's the error we're getting: TypeError: cache[id] is undefined on this line of code: cache[ id ].toJSON = jQuery.noop; Thank you!
Next Page