Contact form
Hi, I'm new to developing with jquery and i'm trying to make a contact form with a dropdown select option. For now as response I get 'undefined' back form the contact form. Can somebody help me out? Here's my code: HTML: <form id="contactForm"> <fieldset> <label for="contactName" id="name_label">Naam</label> <input type="text" name="contactName" id="contactName" size="30" value="" class="text-input" /> <span class="error"
Some difference of invocation between firefox and chrome
In firefox, the following code is ok: $('#click').click(location.reload); In chrome, it would get an error: Uncaught TypeError: Illegal invocation But the following code is ok in firefox and chrome: $('#click').click(reload); function reload(){location.reload();} Is this the problem of jQuery? (firefox 19.0, chrome: 26 dev, jQuery: 1.8.3 and 1.9.1)
testing whether .show() was used on a element.
I read that the .show() method sets "display" to "block" on whatever is being shown. How do I test whether display is indeed already block? Thanks
output json data to compressible set
I want to display my data in a collapsible-set. My data is properly formatted from a mySQL database. The issue is creating the collapsible rows within the collapsible-set. Below is my code which renders a nice looking list, but alas, no collapse. (jQueryMobile - latest version) <script type="text/javascript"> $(document).ready(function(){ var url="Connections/psImgClConnLocal.php"; //connection to database delivers proper json. $.getJSON(url,function(myData){ // loop through the events here and
Dynamically output the contents of a modal based on a click event (some contents will use accordions and so forth)
Hello, I have my modal working based on a single user click, but I need more (don't we all). I'm sure that this has probably been addressed a number of times before in these forums, so if your reply is simply a link to another post that answers it, that would be great! I have been searching through tons of posts and didn't quite find what I was looking for. In any event, here is a full description of what I want to do. . . . . I have an image map showing a large number of possible selections. A
jquery mobile mangles input value
I'm trying to send a html escaped value into a form (for sigPad) that looks like this: <input type="hidden" name="signature" class="signature" value="[{"lx":424,"ly":95,"mx":424,"my":94},{"lx":423,"ly":93,"mx":424,"my":95},{"lx":422,"ly":89,"mx":423,"my":93},{"lx":409,"ly":81,"mx":422,"my":89},{"lx":390,"ly":70,"mx":409,"my":81},{"lx":362,"ly":68,"mx":390,"my":70},{"lx":320,"ly":59,"mx":362,"my":68},{"lx":280,"ly":53,"mx":320,"my":59}]">
Disable hyperlinks until animation is complete/disable hyperlink on element that has been clicked until new one is clicked
I have multiple pictures in divs with the class .overlay and when one is clicked the contents of 2 variables fill 2 other elements. There are 2 more things that I need to address, however. 1. I would like all of the .overlay elements to be unclickable until the animation is completed. 2. I would like the .overlay that was clicked to remain unclickable until a different .overlay is clicked. Code: $('.overlay').on("click",function(){ var text = $(this).attr("title"); $('#category').animate({'opacity':
Panel causes choppy animation on iOS
I developed a responsive 1 and 2-column jQuery Mobile layout that uses the transition CSS3 property to animate between columns on smaller screens. The animation works great in Chrome/desktop, and on iOS; its very smooth. When I added a jQuery Mobile panel widget, the panel widget's animation is incredibly smooth, but the animation I wrote degrades to a point where its so choppy you see 2-3 "flashes" of the column that's entering/exiting, which isn't smooth at all. Is there anything in the panel widget
Break the .delay()
Hi, The documentation say's The .delay() method is best for delaying between queued jQuery effects. Because it is limited—it doesn't, for example, offer a way to cancel the delay—.delay() is not a replacement for JavaScript's native setTimeout function, which may be more appropriate for certain use cases. but there is way to break the delay: JSFiddle
Selecting an element by id from a variable
Hi All, I'm trying to do something which I think should be very easy, but I can't get it right, and I'm not sure why. The basic HTML structure I have is this: <a href="" data-id="xx">Link</a> <a href="" data-id="yy">Link</a> <div id="xx">...</div> <div id="yy">...</div> And so on. When I click on the link with the data-id of xx I want that to toggle a class of 'open' on the div with an id of xx. Similarly for the yy link, and so on. This is the jQuery I'm using: $(document).ready(function() {
Refresh table in base view after dialog box closes
Hi all , I am developing an application using MVC 4 . I have a base view with HTML table , it gets populated by MVC controller and displays a list . There is add button on page , on click of which a dialog box is opened. Dialog box is loaded in a div and a partial view is returned . Something like This is dialog box definition $("#IssueDialog").dialog({ autoOpen: false, width: 450, height: 300, modal: true, buttons: { "Save": function () {
Am I misunderstanding the use of .prop() or is this a bug?
Okay, so prior to yesterday I have always been using .attr() to retrieve an element's properties. I knew of .prop(), but I wasn't really sure what the difference was. After a bit of reading I've come to the conclusion that for HTML option elements .prop() would be more suitable than .attr() when checking the selected state. ...right? So I started doing some testing: <select> <option id="o" value="1" selected></option> <option value="2"></option> <option value="3"></option> </select> $('#o') here
Czech out the return value in jQuery
I'll check the value returned by the function if it was one thing and do another task, but it does not work otherwise? $.post('ajaxs.php', { name: name_, mail: mail_, matn: matn_, url: url_, id: id_ }, function (data) { $('#readmore').html(data); if(data == 1) { $('#readmore').css({ "border-color": "#00CC00", "border-width": "1px", "border-style": "solid" }); } else { $('#readmore').css({ "border-color": "#ff0000", "border-width": "1px", "border-style": "solid" }); } });
is it possible to add class="{validate:{required:true}}" ?
I know jquery can be used for addClass and removeClass elements in forms. Is it also possible to add a class="{validate:{required:true}}" to a form field? Thanks! Peter T
Custom Theme Link Not Working
I created and downloaded a custom theme yesterday that was working, even when I copy and pasted the link into my browser. Today, I copied and pasted the same link into my browser and I'm getting something that resembles the smoothness theme. Is your site broken? Here is the link.
JQuery UI Panel does not close
Hi i have a problem with the JQuery Panel. When I open the panel it does not close when I click on the outside of the panel. my header and my navbar go back to their old position but the panel is still open? this problem only occures on Chrome. all works fine for Opera and the IE does not show anything. here is my code please help me fix the problem: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css"
Trying to change the a:link and a:active colours in JQuery UI tabs
Hello I am doing a website for the company I work for and have chosen to use JQuery UI Tabs which work great! Except I cannot work out how to change the a:link, a:active colours in the tabs. I have changed the colours for the rest of the site (using CSS) but the link text in the tabs stays untouched and still show as blue in the browser!? (see screenshot below:) I am assuming I should be looking at the "jquery.ui.theme.css" but no-where is the #blue colour - so I cant see what I should be changing!
looking for a plugin
hey i trying to find a specific plugin, but searches in google haven't helped me :| i looking for a plugin that doing these things: lets assume i have an image 2500X2500. i putting this image as a background on a div sized 600X600 now all i need is a buttons that will move the div background and content! for example lets say the div is 100X100 and i putting some text in a floating div positioned in x=300, y=500 which mean out of the range of the view. now if i want watch this text i need to move
Restoring saved position from MySQL with strange problems
Hi. I have 3 draggable DIVs. At the end of every Drag-Event, I write the new position to a MySQL-DB. When reloading the page, I load the last position for every DIV and restore this position on the page. That´s how I do this: //Javascript-Function $(function() { $( "#dash1" ).draggable({ stop: function(event, ui) { var Stoppos = $(this).position(); koolajax.load("content/dashboard/updatecoords.php?dash=dash1&x="+(Stoppos.left)+"&y="+(Stoppos.top),handle_ondone_dashboardAction);
Validate Multidimensional Array before passing to ajax file
I have a form field that is dynamically created in PHP with the following: <input type="text" name="subproduct[$i][quantity]" value="0" /> So if there are 5 products from the database the above will repeat 5 times for $i shown above. When someone clicks submit on the form I want to make sure there is at least one of the above with a value greater than "0" being passed in order to submit the form. NOT all of them need to have a value greater than "0" but at least one of them does. Any suggestions?
jQuery XML append element help
Hey everyone. I'm having a serious issue trying to append a new element to an XML object, here's some example code: var xmlString = "<test><item><moose></moose><moose></moose></item></test>"; // this is just dummy xml; var myXml = $.parseXML(xmlString); var $myNode = $(myXml).find('item'); // this works great $myNode.append('<moose></moose>'); // this is where it fails When I try use append to append another element I get a JavaScript error: "Object doesn't support this property or method" What am
How To Write Data To an xml file using jquery
Hi all, I am getting a collection of data from a list in share point using the CSOM Model. I have Created The XML structure using jquery successfully....Now the only pending work left for me is to store that xml structure in a xml file.....I have created an empty file named output.xml to which i want to add my data using jquery.....CAn any one tell me how to store the data in to this xml file...I have the Xml Data Structure stored in a var XMLStructure variable of my jquery function..I just want
return a value as a closure, get the innerhtml instead of $(.x).html
First off the click event is not firing. Presumably because I am using the class .x instead of the innerhtml which is also x. What I want is the event to fire when the x is clicked. The "x" is in a span enclosed by table row, table definition: i<tr><td><span class="x">x</span></td></tr> function delete_handler(e){ var $target =$(event.target); if( $target.is(".x")){ var id = row.attr("id"); $("#mytable").find("tr:eq(input:checked)").remove(); }; return
Event to fire during swipe
Hi, Love jQuery Mobile! However, I'm looking for an event that will let me track the coordinates of my finger (or fingers!) while swiping. I want to be able to manipulate DOM elements during a swipe with respect to the distance from origin of the swipe. Is there something in the roadmap that will let me realise something like this: http://labs.skinkers.com/touchSwipe/demo/Image_gallery_example.html Great work and many thanks! Chris
Disable all jQ Mobile default behaviour so it is only actively called upon...?
I assumed just including the js file would only make it available for use when called. But I am getting additional behaviour just from having jQ linked to. The most obvious is that when navigating to a new page from a link I get "Loading..." messages and the new page content is appended to the current page.
How to change the attributes of Text area and Input Label created by Codiqa?
Hello, I created a page in Codiqa with input labels and text area. 1. The text area is way long and there is no way to adjust the size in codiqa 2. The input label needs to have custom attributes like font size, color, etc. How do I do it in Jquery? Thanks Sam
second
we are using json links to retrieve data from database to display it in the jquery.. for example..the code looks like this.. <html> <title>Post Json</title> <script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script> <script type="text/javascript" src="jq.js"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
data attribute
How can I set a variable into the data attribute like shown? Thanks for your support! var xy = $(this).data('file'), xy1 = (klick +'1'); $('div[data-file=?xy1?])'.hide();
Need help to change the zzrss feed to work as pagination
I am using zzrss to display the feeds on a page I want to add pagination to the feed the thing is zzrss allows feed limit and offset value so I want to use a button as next and previous for the pagination so it jumps 5 posts Visit the site for the whole documentation and examples I want to have the pagination feature. Thanks in advance and let me know if anybody is not getting the question. here is my sample code it just displays recent 5 posts <script type="text/javascript"> $(document).ready(function
Pass HTML Value to Jquery to display new table
Hello, Hopefully this forum can help me. I am new to jQuery. I have a table that displays information from MySQL and I want to have one of the cells (Date) be a clickable link to display another table. This is my table cell <td><a href="#" onclick=display() id="astat" value="<?php $player; ?>"><?php echo $d->current()->gamedate; ?></a></td> display() is my jQuery function. I am trying to use jQuery to process the php variable (table id #) to kick off another mysql query to populate another table.
SheepIt textarea data injection issue
Using: jquery 1.8.2 & sheepIt 1.0.1 I have a working page set up which uses data: [{ ... }] to inject data (using the constructor) into a series of cloned text fields When I convert these text fields into textareas, everything works, except the data injection part. There are no javascript errors - but the textareas do not populate with data at all. You are still able to clone the textareas and submit the form, and all of that works fine, but it just won't populate with data. I tried upgrading sheepIt
body background random and clickable
Hi folks, Does anyone know how to make body background random and clickable ? Best Bomzon
Selecting Nested Table
Hi, I have been trying to add a table border to the third table. I will need to style it more also with radius and so forth. The "data" class puts borders on everything with data class. I want to just add a border to that one table. Can I add an id to that table? I am having trouble figuring out how to select what I want and how to go about getting this to work in all major browsers? Fiona. Here is the html code. Please can you help? Thanks. <!--<html xmlns="http://www.w3.org/1999/xhtml">
Fail to parameterize JSON object
Hi guys, I got a weird problem. I receive a JSON object from backend server like this: {"email":"someone@domain.com","pwd":"XXX"} However, when making an AJAX call with GET method, jquery makes the following call to my backend server, which fails to process. http://localhost/demo?callback=printResponse&{%22email%22:%22%22,%22pwd%22:%22%22} Not sure if it's some encoding issue? I have tried to unescape the data but it does not seem to make any difference.
Corrupt column text when create TD with more than 2 html tags
I try to write a code to create a dynamic table by clone a row from template row then modify each column , then append a row to taget table. Sample code @http://jsfiddle.net Everything seems to work fine until I try to add the 3rd tag (</BR />) to the TD content. This cause the TD content to corrupt. (In the example, the first column of the first row in the table which has only 2 HTML tags -- span and A is correct , but the first column of the second row which has 3 HTML tags was corrupted. I try
fixed header jump
Problem: The fixed header jumps about 1/3rd down the page when transitioning, then pops back into the right place. This is on JQM 1.2 or 1.3 ... This is happening in the browser, before I've even compiled for a device This happens only when using the Slide transition ... not on the default transition. Well, it may happen on other transitions too, but I only tried the default and Slide. I've seen references to this elsewhere, but not a solution that works or has described this specifically.
reset form after submission
hi guys,... can anyone help please,... I started new topic since the other one is an php format,... I need to reset form field after submission,... here is my form: <form action="/photo_comments/report_spam/80" id="ReportComments_80" onsubmit="return false;" update="updateReportPhotoComment_80" method="post" accept-charset="utf-8"> <div style="display:none;"><input type="hidden" name="_method" value="POST"></div> <input type="hidden" name="data[Report][sender_id]" value="47" id="ReportSenderId">
no such method blockUI
Hi, I faced with a problem using jQuery blockUI plugin. I got an error to my console Uncaught exception: ReferenceError: Undefined variable: jQuery Error thrown at line 573, column 2 in <anonymous function>() in scripts/jquery.blockUI.js: setup(jQuery); called from line 15, column 1 in /scripts/jquery.blockUI.js: (function() { If I try to run script I got an error no such method $.blockUI script is loaded, I see it in chrome debagger and nothing wrong with path to plugin. I use jQuery
jQuery UI Datepicker and Prototype.js
Hi, i have downloaded jQuery UI 1.8.6 and taken an existing datepicker demo (min-max.html), and updated it as follows: Included prototype.js (version 1.4.0) before the jquery script import Updated the inline javascript as follows - var $j = jQuery.noConflict(); $j(function() { $j( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +10D" }); }); Running this in Firefox 3.6.3 causes an infinite number of javascript errors (invalid array length) at line 464 in prototype.js.
Recommend a plugin that can style select box dropdowns with custom scrollbars
I'm looking for a plugin that can hide an HTML select element and replace it with div's and ul/li's to allow fancy styling. The plugin should be event-driven and should persist back to the HTML select element so that my server-side application does not need to know the difference. This is not too hard to achieve. There are several candidates out there, but my favorite so far is Sadri Sahraoui's from http://www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/. I've modified it to behave
Next Page