why doesnt work in Chrome! (when it works in firefox!)
this is part of my html <label for="classification">Classification</label> <select name="classification" id="classification"> <option class="notOption" value="faculty">Faculty</option> <option class="notOption" value="staff">Staff</option> <option class="notOption" value="student">Student</option> <option class="notOption" value="graduateAssistant">Graduate
Jquery UI Datepicker and Event Espresso on top of Wordpress problem
Ok, this might be tricky to explain without looking like insane person. I was successful implementing jQuery Datepicker with wordpress so Event_post_types were picked up and the proper days were highlighted on the datepicker widget. And also each date corresponding to an event on the datepicker was a link which was going to that even't page. But then project got more complicated and I had to move all my custom posts to Event Espresso plugin. So far I was able to recreate everything except the linking
How can i select the closest tr contain element?
How can i select the closest tr contain elelment here is the code: http://jsfiddle.net/boajay/p3sFh/31/ thx
jQuery duplicating ASP.NET button value
I currently have a working Web App built with ASP.NET that I'm now implementing a page slide transition for. I have done this successfully but with one issue. It seems jQuery is duplicating the button value when the page is rendered. <input name="Submit input" data-type="button" type="submit" value="Login & Connect" /> So when the page is viewed, My button shows with the correctly styled "Login & Connect" with an additional "Login & Connect" also being placed inside the button. If i remove jQuery
jqgrid colspan and rowspan plugin for table header or table row.
Colspan and rowspan is hard in jqgrid plugin. we' often have to be merged table header in project for customer. In the following code, we achieved merge table header, that colspan and rowspan. But the code is not optimized,if you have an good idea, please improve it,thank you. /* * jQuery tui tablespan plugin 0.2 * * Copyright (c) 2010 china yewf * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * *
Why not to Use global Variables and why to place all jQuery code in self invoking function..
Hi there- i am new to learning jQuery, my question is : 1. Why not to Use global Variables and why to place all jQuery code in self invoking functions.. when the same thing can run without putting in self-invoking function and keeping jquery. i want to know, reason, apart from the programming noms, what are the caused overheads.
Problem with Submit button, i don´t see and not working?
Hi, I have a problem with Submit button in jquery mobile because i don´t see and not working in the spmartphone :( My html is: !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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="refresh" /> <title>Dardo Producciones
Newbie question: Referring to element by class
Hi, Can anyone offer me some explanation as to selecting an element by class name? In an online example this template code is give for a button element: [code] <button data-catid="{{category.id}}" data-title="{{ result.title }}" data-url="{{ result.link }}" class="rango-add btn btn-mini btn-info" type="button">Add</button> [/code] So there is no element id, but there is a class name of "rango-add btn btn-mini btn-info". The example jquery ajax code is given as follows:
$('form')validate() doesn't validate a dynamic form
Hi, I have a dynamic form that i built all controls dynamically using javascript when i click on Submit() button i call $('form').validate(); which i expect to stop form submission before executing the following lines. but the actual behavior is it executes the validate() line and continues to the remaining lines of submit method. i have included jquery.validate.js and the jquery 1.9.js and the screen.css in my page. Also, i have added required attribute to my input control and i see it in the IE
JQM 1.4.1: using 'default' as property name causes syntax error on some platforms
I have found a potential problem in the new code of release 1.4.1 At line 3195, inside $.fn.animationComplete function, the righ side expression contains an identifier named 'default'. In the same function, al line 3222, the same property is defined but the assignment fails. I think it happens since 'default' is a reserved keyword of the javascript language, and in some old browsers it may cause a conflict or syntax errore, making an unrecoverable crash of JQM. I found a very very simple solution:
tooltipster-Problem on mobile devices
Hi, I built in the tooltipster plugin and almost everything works fine, but on mobile devices on touching the link there is shown the tooltipster-title (ketchup-title) and also the offer "Open link in a new tab" and so on. how can I disable this, so that the tooltipster-content is shown on the first touch and the link is opened at the second, or if the user presses longer...? Are there any options for that? Sorry for my english. Kind regards glupto
JQM 1.4.1 crashes in IE 8 and old android platform
UPDATE: Found a solution but it envolves JQM 1.4.1 development (see my next post). Hi, I tried version 1.4.1 but I have found a problem in old IE 8 browser and also on a Samsung Galaxy fit. Version 1.4.0 works fine on both the platforms. Besides, for both versions I used Jquery 1.10.2 With version 1.4.1 IE debugger says: row 3195: expected identifier. and this error crashes all JQM initialization so all the pages are not rendered. The following is the involved code inside animationComplete() function:
where are the performance metrics for 1.4 vs 1.3?
The release blog says "...jQuery Mobile 1.4. For this new version we focused on performance improvements" The upgrade guide has a LOT of breaking changes in this release. Unless there is a dramatic measurable reason to do so I would have to pass. Do you see this trend of jqm breaking backward compatibility continuing or is this a one-time thing to address performance issues? I heard the CTO of fameo.us say that jqm is dishonest when they claim good performance based on simple demo pages, when in
index.html#Titles loads web sql list view from same page,... but from external page not load
Is any way get data- attribute value of a link when this go to external page, in this external page? I load data in a page (not main) index.html ...from web sql db, but this only works when go from index.html to index.html#Titles from same page,... but from external page not load? how apply two functions one go from same page and one go from external page to this index.html#Titles? in same page using but fails from external page, how distiguish??? $('a', '.subList').live('click', function(e) {
HI i am trying to get value from a url
my problem i have a url which returns a random number every time request went to it.i am trying to get the value using ajax response. my html code. <button class="button" type="button" name="buttonpassvalue" id="random" >Get Random Number</button> <div id="number"></div> My script is <script type="text/javascript"> $(document).ready(function() { $("#random").click(function() { $.ajax({ type: 'GET', url: 'http://202.131.103.198:8888/poll/get-random', data: datastring, success: function(result)
Randomize hidden content on load, reveal hidden content on click
Howdy, I have put the following "Q&A" divs together: <div class="Questions"> <div class="bat"><div class="firstheader"><button>Question1</button></div><div class="Question"><div id=Question > <div id="Answer"><div id="Answer1Output"></div><div id="ShowAnswer1" href="javascript:void(0);"><button>Show Answer</button></div></div></div></div><div class="Space" style= "height: 80px"></div></div> <div class="cat"><div class="header"><button>Question2</button></div><div class="Question"><div id=Question
Google Maps resize issue inside a hidden div
Hi All, I hope someone can help me with this. I am not very experienced with jQuery and need help implementing a fix for the issue where if you place a Google Map into a hidden div it does not load fully and only shows in full after the browser window is resized. I understand that the following has to be added to my code, but I just really dont know where or how: google.maps.event.trigger(map, 'resize'); I have tried adding it to my header file, to the jQuery file, to the HTML files but to no avail.
Accordion and sub-menus
I've created a menu using the accordion, and everything seems to be working correctly except for one small detail. When I select a sub-menu item, the sub-menu does not remain "open" when visiting the selected page. That's how it should work, isn't it? I'm sure there is something obvious missing, but I don't see it. The active tags appear to be set correctly. I'd appreciate some help from the community with this one. Here's the relevant code: <script type="text/javascript"> var nav =
Accordion loading.gif before loading content
Hi all, hope someone could advise on how can I show a loading image before loading a content in jquery ui accordion content. when I click the header, i want to show a loading.gif image (progress bar) before loading it's content. I've tried to search using google but no luck thats why i'm trying my luck here in this forum since I know that most of the jquery master are here :) Further, pls see below code that I have: script: <script type="text/javascript"> $(document).ready(function () {
Autocomplete: Same code, different results
Hello, how is it posible? I have written the same code in two sites, and the result is different. Code 1: http://jsfiddle.net/uMqyn/518/ Code 2: http://jsfiddle.net/uMqyn/519/ The only change I made is the external JS/CSS included in Code 2.
jQueryUI tooltip for validation help
I use jQueryUI tooltip for validation. I just want exactly do this: when Textbox focusout or sumbit button click empty textbox tooltip appear. I write this script but this script have this problem: on click or Mouseover or Mouseout ... in Textbox the tooltip does not appear.just on focusout or sumbit button tootltip mus appear.how can i do that? after tooltip shows on mouse over tooltip disappear. how can i prevent that??? tooltip not disappear just disappear when user click in Textbox .how can i
accessing table in jquery ui dialog
Situation: Access the server through AJAX to get an HTML table constructed by the server, then use the table to present information to the user. The table contains a variable number of cells set by previous user work, and some of which have pointers to files which have additional HTML files with more information. I ran into two problems, the first of which I solved with a hack (IMHO), the second on which I'm stuck. When the user click any where on the dialog, not just the close button the dialog
Can using a list, modify data in a database?
Hi, I have an App that inserts the data from the customer (name, surname) into a MySQL database. But not is how I make the results of the table 'customers' are displayed as a list <li>. And select the desired to be able to modify data (name, surname). Do you know of somewhere or example so that you can see and understand? Thanks a lot
Superfish - How to insert a line break in a menu item
Is there some way to insert a line break in a menu item so it can appear on two lines with the break in a position that I specify?
JQuery Hide Drop Down on Click
Okay, so, I made this in the past (with a bit of help...) and I'm back to using it again, however, I used it for notifications etc. Now, I'm attempting to use it for a login form. I am sure there is better ways of going about this, but I am at a loss for doing those... When I click on a form item, it closes the popup window. I know how it does that, I'm trying to figure out how to fix this so that whenever they click outside the box it closes but not when they click inside of it... <div id="notify"
how to open dialog box sequencely and waiting for input?
I have no idea how to open multi dialog in loop, but before open the next make it get input from user frist. for easier: I want it to act like prompt in javascript. example: I want it to act like: for(var i = 0;i < 10; i++) { var person = prompt("Please enter your name","Harry Potter"); } but if I do this: $.mobile.changePage("#myDialog",{transition: 'slidedown', reverse: false, changeHash: true, role: 'dialog'}); it will continue open dialog and never stop for user input before open the next
can't access class via the "." class selector
when the code below executed $("#omniProperties").append("<input type=\"text\" class=\"omniProperty\" size=1 value=\""+ attrs[key]+"\">;" ); It produces the html code: <input type="text" class="omniProperty" size=1 value="100" /> I can't access this text box with code below. $(".omniProperty").click(function(){alert("here");}); Normaly the "Auto Complete" function of my editor will display a list of classes, but this class is not in the list. Can someone point me in the right direction? Thanks
Validate classe required
Bonjour, J'ai formulaire avec différents dont certain de la valeur sélectionnée dans une liste. Je souhaite vérifier que c'est champs sont bien remplis. Le problème est que le contrôle des champs fait quand même effet si ne sont pas à remplir. Comment faire? Voici la fonction qui permet d'afficher les champs en fonction de la liste: $(document).ready(function() { $('#mHT').hide(); $('#taux').hide(); $('#cTotal').hide(); $('select[name="type"]').change(function()
jQuery Validation Plugin and asynchronous updates
How do you validate inputs which are updated using some sort of asynchronous plugin? The problem is the asynchronous communication takes more time that the client side jQuery plugin. For instance, see this demo. Type the start of an address but less than 4 characters, then click a result. Thanks
Is autocomplete working on Chrome latest Versión 33.0.1750.117 m?
Please if you have latest version of chrome, test http://jqueryui.com/autocomplete/ I can't get the demo page work, even using latest firefox! Autocomplete works if you rightclick next to the entered word....WEIRD! Any ideas?
Redefine Tipsy delayOut configuration option with onClick
I know how to change an attribute such as a title with onClick, but I'd like to be able to change delayOut with onClick if possible. Basically I have a dynamic list of links that display a tooltip when hovered over. When a link is clicked the tooltip changes to a selection of sub-links the user can click. All that works great, but the thing I don't like is that I have to set the delayOut time for about 20 seconds to give them time to read and click a sub-link. So if they move the mouse over the list
i have this jquery code (form validation code),,everything is works but there is problem of return false. Everytime it fires return true so how to do it return false..please help me out
<!-- html--> <form name="registration" id="registration" action="" method="post"> <div class="form_settings"> <p><span>Full Name</span><input type="text" name="name" id="name" maxlength="30" placeholder="e.g. Gourav Ranadive" class="validation" error_id="error_name"/>*<div class="validationerror" id="error_name"></div></p> <p> </p> <p><span>Username/Email</span><input type="text" name="email" id="email" maxlength="30" placeholder="e.g. gourav@gmail.com"
jQuery beginner - cannot use jQuery form validation : please help need for assignment
I have downloaded the plugin from http://bassistance.de/jquery-plugins/jquery-plugin-validation/ i have downloaded jQuery (jquery-1.11.0.min.js) from jquery.com and i have the 2 js files and the html file in 1 folder. Here is the code which i am trying: <!DOCTYPE html> <html> <head> <title>test</title> <script src="jquery-1.11.0.min.js" type="text/javascript"></script> <script src="jquery.validate.js" type="text/javascript"></script> <script type="text/javascript">
Show another table by hovering on a table row
Hello, maybe someone can help me. I'm trying to show a table by hovering a row of another table. Maybe it's more understandable by checking the jsfiddle example: Click I simply can't find my mistake. Thank you very much in advance.
Replace content of a div with its decoded content.
Hi; i would like to change the content of any div with the class ENCODED with the decoded content and replace the class ENCODED with DECODED than remove the class HIDDEN, here is an example. I suppose my page have two div's with the class ENCODED, but in reality i can have just one or many (more than 2), so the result i want is : Before the operation : <div class="ENCODED HIDDEN">VGhpcyBpcyBhIHRleHQ=</div> ... <div class="ENCODED HIDDEN">VGhpcyBpcyBhIHRleHQgYW4gb3RoZXIgdGV4dA==</div> After the operation
PARSE DATA FROM TEXT FILE HTML5
ok. I am new to this html5 & jquery stuff. This might be a simple question for everyone out there. Is there away to parse data from a text document or xml to show in a text field when html5 doc is loaded. I dont want a button to activate it all I want is when the page gets loaded it loads whatever is in the text document. Is there anyway to animate that text box? maybe scrolling it.. like a ticker. I know its probably basic to all of you but I was just wondering if someone can help me out with
Spy on functions within a module
I define a module in javascript as below: var test_module = (function () { var foo = function () { some_processing; } var init = function () { foo(); } return { init: init }; })(); As you can see, foo is not exported. Only init is visible from the outside world. How can I spy on foo from a qunit test, and make sure init is calling foo ? Thanks for your help!
Trying to remove and add classes on window resize... [SOLVED]
Hi y'all, I don't know what I'm doing wrong, but I can't seem to get my script to work. Essentially, I'm trying to swap Font Awesome Icon classes if the window size exceeds 767px. But it's just not happening. I have been (and still) going through the forums, both here and on Stack Overflow, and tried suggestions made to other coders... no dice. I certainly hope someone can help me. Many thanks in advance. Ess'iele ... seeing things. $(function() { var wSize = $(window).width(); $(window).resize(function()
CSS ui-content padding is set to 15px on dialog-box appear in jquerymobile.css 1.3.2
Hi, i am developing a phonegap application with using jquery 1.9 and jquerymobile 1.3.2 for android. everything working fine in browsers. i have an issue in UI design. Issue: i have a select tag with options. when i check in android device options will appear in dialog-box and works fine. but,I don't believe it is necessary to pad the page content area container by an arbitrary/magic value - it makes more sense for it to be zero.Due to this 15px value, the UI widgets changes the appearence. i want
conceptual problem or cache problem between pages
Hi, I am facing a cache problem in the client side authentication method. I use a nice navigation panel on my webapp. It works well except when I need to log into my webapp. This is my method : 5 files : - index.html (or whatever.html) : index page including index.js and navpanel.js - index.js (or whatever.js) : ajax methods - auth.html : authentication page including auth.js - auth.js : ajax method wich redirect you on index.html if authentication is true - navpanel.js : ajax method wich display
Next Page