How do I style jquery validate error messages
These are the current validation rules and messages that I have applied. The error messages work however I would like the text to be red and bold. How and where do I style the error messages? $("#payment-form").validate({ rules: { email: { required: true, email: true }, password: { required: true, minlength: 8 }, password_confirm: { required: true, minlength: 8, equalTo:
a plugin for translate a Html Table to a graph?
Hi iends, exist a plugin for draw a Bar graph and the datasource is a Html table? similar to these plugins: http://www.jqueryrain.com/example/jquery-chart-graph/ any recommendation? wich think <bout this: http://www.jqueryrain.com/2014/03/tablebarchart-jquery-bar-chart-plugin-existing-html-tables/ thanks
Use Spinner in HTA
Hello, I'm a complete noob to jQuesry, javascript and also CSS - I'm trying to make the spinner gadget (http://jqueryui.com/spinner/) work in HTA to no avail (the screen comes up with the input field and buttons, but no little spinners). Guidance or pointing to a guide would be really hepful - thanks.
tabs and datepicker
hello, i'm using jquery to implements tabs and datepickers. tabs are loaded via ajax: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//IT" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-type" content="text/html; charset=ISO-8859-1" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css"
Jquery mobile textArea autoGrow
I have implemented jquery Mobile and it work beautifully. I have a small issue : When I open a form with textArea that have already values, they do not autoGrow, I have to set focus on the textArea and then press enter, then it autoGrows. I there a way to force the autoGrow when the form is loaded ?
Access elements after form is loaded using jquery
In the form there are 2 drop down which are created dynamically after the page loads. I have written a jquery function which will be called when 1st drop down value changes. But when I try to access the dynamically created form field value it says TypeError: e.nodeName is undefined. function flavorDefn(e) { var locationid = $(e).attr('id'); var idArray = locationid.split('-'); var id = idArray[1]; var flavorDef="flavorDefs"+id; $("#"+flavorDef).prop("disabled", true); $.getJSON('flavorDefinitions.wss',
How to convert Array Alphabetical List with Headings
I have the below working code (from Stackoverflow), the issue is that the expected output should be <ul> <li>A</li> <li>Apple</li> <li>Apple2</li> </ul> But it generates like below, Please do advise how to resolve this. <ul> <li>A</li> <li>Apple</li> <li>A</li> <li>Apple2</li> </ul> var arr = ["Apple", "Apple2", "Orange", "Pineapple"]; var $el = '<ul>'; $.each(arr, function(i, v) { $el += '<li id = "header">' + v.slice(0, 1) + '</li>'; $el += '<li id =
struts2-jquery - Struts2 jQuery Plugin
We are using jQuery plugin with Struts2 to display the grids on JSP page. I want to make a grid column hearder as href, and onClick of it a popup should appear to give comments. Is it possible to do and if so how can I achieve it.
Stuck for 3 days at this width-height issue
In my project (currently live for beta-testing at http://goo.gl/XNGnou), I need to find out the width & height of a certain element (image) on a webpage. Basically, the user uploads an image (logo) which is resized to fit a certain space. Then I use this code to get the image width and height: $('#banner_468x60 .logo-container img').width(); $('#banner_468x60 .logo-container img').height(); When everything goes well, after clicking Generate, a new page is opened
jquery validation plugin with partial view ajax loaded
I'm using Jquery Validation plugin for validate my remotely loaded partial view form modal . var formDataSource = $('#frmDataSource').validate({ rules: { provider: { required: true }, stype: { required: true }, url: { required: true }, uname: { required: true, digits: true }, pword: { required: true } }, messages: { provider: { required: 'Please enter provider name' }, stype: { required: 'Please select type' }, url: { required:
Need help with .inArray.
Hi, I am trying to use .inArray to compare if a given value is in the array. Code: var init = function(seat){ var seatCheck = 101; if ($.inArray(seatCheck, seat) !== -1) { alert("match found"); } } var bookseat = [101,102,103,104]; init(bookseat); Even though the value is present in the array, it does not find the match and returns -1. Can anyone please let me know what I am doing wrong. Thanks.
Cycle 2 plugin (containter height problem)
Hi, I have problem with container(<ul>) height because here is <li> item height is not fixed(dynamic content) I need four(4) <li> items at once. I want to every time when slide is move down container height is automatic fix according to current four(4) slide. Thanks in advance. <ul class="hc-content-listing hc-slideshow vertical" data-cycle-fx=carousel data-cycle-timeout= 3000 data-cycle-reverse="true"
Newby - Adding a web site "post it" pop-up window.
I need help. Where do I start? I want to add a help/reminder/post-it style pop-up window While I am, searching for, or while I am on a web site. Lets call it a "helper" window. Not to a site I am programming, but to any site on the web.
Download Excel - jQuery
I use a jqQuery UI Dialog that collect parameters which should be posted to an aspx page that will download a pre-generated excel file based on the report parameters. I already have a ReportGenerator.aspx page which when executed opens the excel file String filePath ="<path>\Graph_IR_Scenarios.xlsx"; String outputFileName = @"Graph_IR_Scenarios.xlsx"; FileInfo fileInfo = new FileInfo(filePath); HttpContext context = HttpContext.Current; HttpResponse
jquery mobile docs
The docs here are just confusing. I would be glad to help out create examples and better docs, but I need a help myself figuring out what is alive, and how the new stuff works. Suggested Topics and Changes Show depreciated items in docs in different color Show examples of each API item, please (having someone new try to do the example would be smart testing) Common mistakes to avoid Tips
Having slight problem with nested UL LI structures ---
Hello All. I am facing slight problem with a nested UL LI UL structure. See the fiddle: http://jsfiddle.net/bw2zr3qj/18/ As you can see, I'm trying to check which parent li has children ul elements with subsequent li elements in it and if there is, show those elements and show an optional pop alert. For example Wine has a number of children elements, but Vermouth and Tequila don't. If you understand what I'm trying to say. If you click Wine, the different types of wine are shown but not so for Vermouth,
How to evaluate value of the variable
Hi there, I'm running SQL query against a table in SQLite table. I'm passing the results object to a function to display the table. But I'm getting error Uncaught TypeError: undefined is not a function where I use row.eval(strItemName) in my code below. E.g. strItemName is holding the name of column of a table - bikes. so I want row.bikes but I don't know how to do this. Thanks for your help and time. Joe Green function displayDrugCIGN ( transaction, results ) { var listCIGN = $( '#cign_data'
download only passed items
Hey everyone, i'm beginning with learning Jquery, Javascript I have some code that needs an adjustment but i can't figure it out myself. It is a spinner that is downloading playlists from a radiostation. All playlist are loaded @ 00:00h so you can view the playlists of that day. Thats what we don't want because then there is no suprise in a program that uses a chart from 30 to 1 for ex. So what i want to do is ajust the spinner so you can only go back in time. If it's 17.00h i don't want to see the
Is there a mobile site maker like codiqa? And free.
I'm searching for a mobile site maker I discovered codiqa and i find it goob but all the plans are paid. So is there an alternative to it? Free, Many pages, Supports jQuery mobile, with drag and drop, can edit the code, and so much more. Feel free to answer.
jquery checkbox action not working in firefox and chrome
hello sir i've used checkbox. When i clicked on checkbox then open a new window . But problem is that it does not work work first time checked in Mozilla and chrome. On second checked it works. it works only internet explorer. $(document).ready(function(){ ` $('.chk').change(function () { //Here for new Windows open code }) }) Note: I am using struts 1.1 and ajax. Jquery libery 1.9.1
understanding scrollTop
Hey guys, Just a small difficulty in how scrollTop works , I have the following HTML and css code : <body> </body> CSS : body{ height: 4000px; background: #eee; } Jquery code : $( "html" ).scrollTop(5000); now if i say : $( "body" ).scrollTop(5000); scrollTop does't work .. Why ?? my difficulty is also listed in the fiddle : Fiddle
Why this easy settimeout doesn't work?
[Question] Why does this alert message show up even after the full page is loaded within 3 seconds? <!DOCTYPE > <html> <head> <script type="text/javascript"> var slowLoad = window.setTimeout( function() { alert( "This page took 5 seconds or more."); }, 5000); document.addEventListener( 'load', function() { window.clearTimeout( slowLoad ); }, false ); </script> </head> <body> Your downloading will not take 5 seconds or more. </body> </html></dob
Add to JSON object
Not sure where this question belongs so I'll try here. I am trying to add { "tag" : "bridge"} to the end of a JSON array of objects. I have manipulated the return query in php like this: $DB="bridge"; } echo json_encode(plainQuery($DB, $query)); } function plainQuery($db, $query) { //echo "query 53 ".$query."\n"; $cxn = mysqli_connect(HOST,USER,PW,$db) or die("line 22 bridgeQueries.php - Couldn't connect to server"); if (mysqli_connect_errno($cxn)) { printf("Connect
Conditionally create ajax url parameter to use with jQuery Validate
Hi all, I have an issue. I need to dynamically append some data to the url in the remote method when doing an ajax request with jquery validate. Below my script which is not working. Any ideas to make it work?? rules: { "addressName": { required: true, noSpace: true, remote: { url: "https://localhost:8443/mysite/myaccount/addresses/isExistingAddressName",
jQuery UI Dialogs
This is what I am trying to build 1) Trying to integrate jQuery UI Dialogs into my application Effort is to open different html views into the same dialog based on a click on different href links. Enclosing a small snippet a) This is the container <!--Start : report Dialog Container--> <div id="reportDialog" style="display:none;"> <iframe frameborder="0" scrolling="no"></iframe> </div> b) To open a dialog var open = function (reportId, description) { var opt = {
selectmenu
Hello, Jquery UI selectmenu-widget works fine on desktop but if I try to select item under Firefox browser for in android device it does not work... any suggestions ??? I think I don't neet to publish the code.... Other question: any idea how I could use the both jquery ui and jquery mobile on the same responsive website? thx
Issue with replaceWith() and conditional functions.
I'm not sure if this is considered a bug or expected behavior but just in case can you take a peak at this StackOverflow question and letting me know if it is or isn't? Thank you. http://stackoverflow.com/questions/29132459/jquery-replacewith-using-conditional-function-not-behaving-as-i-expected?answertab=votes#tab-top
Newbie: Question regarding multiple jQM HTML pages and ajax
Hi, When using and linking multiple jQM separate HTML pages - that may have one or multiple jQM pages - with or without ajax, is it required to include jQM css and js files in each page? It looks like when NOT including jQM css and js in each HTML page, that may have separate jQM or jQquery plug-ins, the pages are not enhanced properly by jQM. Only when jQM css and js are loaded in each HTML page and without AJAX , all is good but each page transition (even when off) looks slower on Android and
The best tutorial for handling CRUD data with jquery
Hi, I'm looking for the best tutorial out there to get started with data fetching. The purpose is to help a trainee who's starting to build a simple page+jquery for fetching an online database (only CRUD access with REST controllers). I've read this post about fetching specific data records but other resources would be more helpful. Thanks
Problem in android lollipop
Hi Friends, I'm trying to remove a class from class. like $(".abc").removeClass("asdsv"); However it is not working properly in android lollipop. working fine on all other versions.
Jquery mobile page display google map
i want to show a map with my current location and set route() to the shop nearest to my location! my code on index.html <div data-role="page" id="paginaMapa" data-url="map-page"> <div data-role="header"> <h1>Ruta a la tienda mas cercana</h1> </div> <div class="ui-content" id="map-canvas"></div> <a href="#paginaConsultaProductos" id="goback" class="miBoton posicionBoton" ></a> </div> my map.js http://jsfiddle.net/zqLxrp1y/ the ref "#paginaMapa" is on my json + listview
jQuery TE Paragraph Tag Issue
I have an issue with the paragraph tags not wrapping where they should. I get: first sentence<p></p>second sentence<p></p>thirds sentence<p></p> when it should be <p>first sentence</p><p>second sentence</p><p>thirds sentence</p> For some reason it is placing the text outside of the tags. Any ideas anyone? :-)
Newbie: jQuery mobile 1.4 icons?
Hi, I downloaded the jQuery mobile 1.4 and I see images folder with two subfolders icons-png and icons-svg. Is it from these folders the standard icons are used then? As for jQuery 1.3.1 I understand the images were only the below that had all the standard icons: icons-18-black.png icons-18-white.png icons-36-black.png icons-36-white.png Are these images not used any more? If so, when having jQuery mobile 1.4 hosted along with a Web application (and not accessed from a CDN), does it mean all of
Maintain resizable within RadListBox after postback asp.net
HI - i'm using jquery to resize a telerik radlistbox which works fine - problem is its lost on postback. I was wondering if anyone had any ideas on maintaining the resize position on postback. Thanks! <telerik:RadListBox ID="cboQuestionsListBox" RenderMode="Lightweight" DataTextField="ROW_TEXT" DataValueField="ROW_ID" runat="server" Skin="WebBlue" CheckBoxes="true" Width="300px" Height="340px"> </telerik:RadListBox> <script type="text/javascript"> $(document).ready(function () {
How to block the window
Hi, I am display a div loading progress when doing a process. The div is shown properly at the center but I want to know if there is any wad to block the window too just like a window form modal dialog. Thanks, Jassim
Problems to load content from html file into div
Hi there, i use dynatree as a plugin and i want to load the content dynamicly given link url into a div on the page. The link works and the event is alos fired ... but the code just loads the url but not into the div ... what am i doing wrong ? so i added that script to my page: <script type="text/javascript"> $('#main_menu#).dynatree({ clickFolderMode: 1, selectMode: 1, onActivate: function(node) { document.getElementById('main_content').src
Validate Plugin - Checkboxes won't validate after update to v1.13.1
Hi Folks, I am validating a group of checkboxes - and it works in jquery.validate.js v1.13.0 - but when I updated to v1.13.1, the checkboxes no longer validate. Any help would be appreciated Here is my js ... $('#reg').validate({ rules: { 'titlechoices[]': {required: true, minlength: 1}, }, messages: { 'titlechoices[]': { minlength: 'Please select at least {0} options' } }, errorPlacement: function (error, element) { if(element.attr("name")
Not able to access aside tag using jquery
HI Team, Below is the html code <section id="product-selector" class="no-edit"> <div class="steps-options first-step hideOption" data-step="1"> <div class="steps-options" data-step="2"> <div class="two-thirds column-right-margin column"> <div class="one-third column no-margin-right"> <aside class="tip-box" style="background: #C75300;"> <div class="img-content"> <img alt="" src="/content/dam/assets/products-and-services/construction-materials/images/BI-NA-Envelope-Product-Tool-New-Construction-498x250.jpg">
selector for text element within another element
Hi, I am very new in JQuery.. If I have something like this <div class="myDiv"> <span> Test </span> </div> If the text inside the span changed I need to do something.. for example if "Test" inside span has been changed dynamically into "Test2" I need to do something.. Can you help me how can I approach that? I mean what kind of selector should i use to select "text" in span element within the div with class" Many thanks
PC crash when i use Chrome
Hello, I have a problem when I use jqxChart with Google Chrome or Chromium ... When I run my index.php file, my mouse is idling and my PC is very slow. I have to reboot to make it back to normal. But when I run my index.php in Mozilla Firefox, I have no problem and my graphic display normally. Do you know what is the problem with Chrome / Chromium? Thank you in advance index.php : <!DOCTYPE html> <html lang="en"> <head> <title id='Description'>jqxChart Stacked Column Series Example</title>
Next Page