Cant change font-size on accordion hover
Hello, Im trying to change the font size when I hover over the links in an accordion. But I cant seem to get it to change. The below doesnt work. Im sure it's my selector. .ui-widget-content a:hover{ font-size:18px !important; }
Jquery Phone and email validation
Hi All, I am new to jquery .Can any one help me how can I perform email and phone validations using jquery
Validate Form - make drop down required based on radio button
Wondering the best way to set up a drop down box to be required if a radio button has been selected. On this form https://www.tmcc.edu/admissions/downloads/degree-and-emphasis-change/ near the bottom we have 4 radio buttons and 4 drop down boxes. Want to make the drop down be required if the radio button by it is picked. Any help would be greatly appreciated.
Need to replace JS alert with jquery popup.
Hi Im new to jquery and Im a bit lost, Ive been trying to replace a standard javascript alert with a jquery popup but nothing seems to work, Here is all the info for the popup: <!-- jQuery --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> <!-- JNotify --> <link rel="stylesheet" type="text/css" href="jNotify.jquery.css" media="screen" /> <script type="text/javascript" src="jNotify.jquery.js"></script> <!-- JS to add --> <script type="text/javascript">
Can I assign z-index to frames
Hello, i would like to assign a z-index to frames(I know, I know, but it's a clients code). I have 4 frames: top. left, right and bottom. Is it possible to assign a zindex to the top frame that would have a higher stack than the other frames? Im trying to mimic a "sticky header" type action. Can t get it to work ... #top{ position: absolute; top: 0px; left: 0px; height: 100px; width: 100%; z-index:10000;
Return value to a MVC model and set it to property
Hi, I am novice, so i will sound like that.. I am working on MVC ajax project. In this in model i have a property self.responseType. I need to fill it from db. I am ok getting array (two dimensional) from db to my datacontext .js file. So in my model i have below code self.responseType = ko.observableArray([]); datacontext.getDropdownValue(self.responseType, 8); Now getDropdownValue is the function in dataContext which fetch data from db based on value (here 8 as parameter) and set it to self.responseType
Dynamically Adding Checkboxes From Multi-Select JQuery UI Widget
I'm using Eric Hynds jQuery MultiSelect Widget that is being populated from a javascript file. I'm trying to dynamically attach a checkbox with the value of the selected checkbox to a 'Main' checkbox If a 'Main' is checked. When added the value will already be checked, allowing user to uncheck. To help illustrate with comments inside: http://jsfiddle.net/3u7Xj/7/ Link to same post with code since this exceeds 'post limit'http://stackoverflow.com/questions/21285662/dynamically-adding-checkboxes-from-multi-select-jquery-ui-widget
Animate with Change of CSS Class
A page I am working on has images that slide around to different positions on the page. When an image reaches a certain position I want to change its appearance by changing the CSS Class applied to it. When I run it (in Firefox) the animations work, but the Class changes do not. I have created a simplified version of my code, below. How do I get the Class changes to take effect? <!doctype html> <html> <head> <meta charset="utf-8"> <title>GT: Welcome Basics</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
I don't see a disable function
I see hide() and show(), I am using and they are cool. IS there a disable()? I want to disable a button.
transform img into backgtound img
how can do that with jquery to go from here <div class="boximg"><img class="bgimg" scr="any.jpg" /></div> to there <div class="boximg" style="background-image:url(any.jpg);"> <img class="bgimg" style="display:none;" src="any.jpg" /> </div> all the .boximg will find .bgimg > jpg to make a background-image thanks for your help
Autocomplete not working on IE8 - Blank page
Hello everyone, We try to implement the autocomplete function for our project. And it's working fine on all the browsers except on IE8. When we load the page with the autocomplete, the page is completely loaded and then a blank page is finally displayed. We try it on Chrome Firefox and IE 11 and it's working fine. We used the 1.10.2 version. And this is the code used to bind the autocomplete function : ACC.autocomplete = { bindAll: function() { bindSearchAutocomplete("search_form", "#global-search",
How do I create an object with methods
This may be more of a JavaScript question than a jQuery question, unless there is a better jQuery way to do it. I want to create an object that has methods. So I looked up how to do this on the internet, and got the following snippet: textplayer = new Object(); function textplayer() { function getDuration() { var retval; retval = 55; return (retval); } this.getDuration = getDuration; } then I should be able to call textplayer.getDuration(); It does not work, and neither to alternate
Multiple select button text
Hi, I am using version 1.3.2. I have a multiple select field and the user only wants to have the button count enabled. The number of selected items that appears on the button should not happen.Please let me know how to achieve this. Thanks Mihir
Load jquery.js async - possible?
I'm using http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js on my site. Is it possible to load it asynchronously? Like Google Analytics: (function() { var ga = document.createElement('script'); ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; ga.setAttribute('async', 'true'); document.documentElement.firstChild.appendChild(ga); })(); I think the big difference between ga.js and jquery.js is that Google Analytics
How to assign the return value of a function containing a getJSON() request to a variable?
I have actually been trying to figure this out for three days and it's driving me bonkers. I believe the answer lies in deferred objects or promises or something of that nature, but I've tried to implement several of these solutions (from several examples) and got various errors. This is what I want to achieve: function fn1() { $.getJSON("/path", function(results){ return results.a_key; // this is a string }); } my_var= fn1(); // i want this to equal the return value of fn1() alert(my_var);
Code works in Firefox and Chrome but not in jsfiddle or IE 11?
The code below works in chrome and firefox but not in jsfiddle or IE 11. I'm not understanding why and have been able to correct it. I have a table with checkboxes in a column and want to hide/toggle rows that are unchecked. I'm using localstorage so revisiting the page remembers. thanks for any suggestions. If I leave all checkboxes blank it closes all rows appropriately but check just one box and bam, it does nothing... I think it might be this line: if (arr1.indexOf(attrText2)==-1 && $(this).closest("img
Any Plugins to create conditional Questionnaire using jQuery?
I would like to create a conditional Questionnaire using jQuery which will finally lead to an end result based on the choices made by the person answering the questions. Example : http://www.totalbeauty.com/content/quizzes/fragrance-quiz Can anyone tell me about a jQuery plug-in? Or can this be done using simple jQuery statements and conditions? Please guide me here.
Jquery script to logout from all opened tab if user click on logout on any page
Hi, I want script to log out from all opened tab if user click on log out on any opened tab using jquery and php. For this I am using following script but it's taking heavy resource of server as my site is on shared server: is_session_expired.php code: <?php session_start(); //echo $_SESSION['sess_memberid']; if(isset($_SESSION['sess_memberid'])){ echo "no"; }else{ "yes"; } ?> <script> function isSessionExpired(url,dopage){ //alert(url); var randval
jQuery - user can only resize web browser width until 1280px
Hi everyone, Please guide me how to create limitation for user that user can only resize web browser width until 1280p. Does anyone know about that? Thanks, Regards, Hellen
Jquery Highlighting Dates on DatePicker
Hi , My Requirement is such that i have a table with two columns - DtDate , and Volume. I need to bind the the Jquery Calender Which is used as inline Calender in div tag . If for Date lets say 01/21/2014 Vol = 5 AND 01/22/2014 Vol = 10 AND 01/22/2014 VOL= 15 So i want to Highlight Dates , as per above Scenerio. Please Urgently , Let me know how to do this in the BeforeshowDay event of datepicker.
HighLighting DatePicker With Multiple Color - Solution Needed
Hi , My Requirement is such that i have a table with two columns - DtDate , and Volume. I need to bind the the Jquery Calender Which is used as inline Calender in div tag . If for Date lets say 01/21/2014 Vol = 5 AND 01/22/2014 Vol = 10 AND 01/22/2014 VOL= 15 So i want to Highlight Dates , as per above Scenerio. Please Urgently , Let me know how to do this in the BeforeshowDay event of datepicker.
play/stop button for Slideshow
hi everyone i am new in jquery and the jquery code is: function slideShow() { var showing = $('#wrap .is-showing'); var next = showing.next().length ? showing.next() : showing.parent().children(':first'); showing.fadeOut(800, function () { next.fadeIn(800).addClass('is-showing'); }).removeClass('is-showing'); slideShow.timeout = setTimeout(slideShow, 5000); } slideShow.stop = function(){ clearTimeout(slideShow.timeout) } this code changes images every 5 seconds. i
Jquery Datetime picker
Hi , My Requirement is such that i have a table with two columns - DtDate , and Volume. I need to bind the the Jquery Calender Which is used as inline Calender in div tag . If for Date lets say 01/21/2014 Vol = 5 AND 01/22/2014 Vol = 10 AND 01/22/2014 VOL= 15 So i want to Highlight Dates , as per above Scenerio. Please Urgently , Let me know how to do this in the BeforeshowDay event of datepicker.
Create a left menu that hides when shrinking
Hi, i started using JQuery Mobile only 2 days ago, so sorry if my questions are stupid. I'm trying to use JQM to create an help site for our software, usable both from desktop and from mobile. Something relatively simple with: Header (no problems with that) A left side menu with arguments A right side with the argument content On mobile, the left side menu must disappear if the screen is not wide enough and must be callable with a button on the header. Then similar to http://demos.jquerymobile.com/1.4.0/
buttonset with REQUIRED
Hi, I am using the buttonset like this: <div id="RadioQ1"> <input type="radio" name="RadioQ1" id="RadioQ1Yes" style="width: 150px;"> <label for="RadioQ1Yes" style="width: 150px;">1</label> <br><br> <input type="radio" name="RadioQ1" id="RadioQ1No" style="width: 150px;"> <label for="RadioQ1No" style="width: 150px;">2</label> </div> with a submit button btnRegister I would like to ask how can I make the RadioQ1 required just like the input text's required? Thanks, Jassim
Add feature to CheckBoxRadio Widget - DE-selection.
Hello! I'm currently working on an app that uses the checkboxradio widget; however, the requirement for being able to retract a selection cannot be currently fulfilled. Are there any plans to implement a de-selection feature where a user may "clear" the selected radio button without refreshing the control? If there are no plans to implement, would a pull request to implement this change be likely accepted? Thanks in advance!
Pagination in jqlistbox
I have two list box which have uses list and users can be added or deleted from both the lists. I need to support pagination. I have gone through the API and found that this cannot be achieved in jqlistbox.. is this correct? Any help in this regard???? If this is not feasible what are the possible alternatives. Regards
Scroll offset from one page to another
I am stuck in a bit of a peril. I have a scroll-to-anchor set up on "Page1" of a one-page website with easing.js using JavaScript. Below is my code: $(document).ready(function(){ $('a[href^="#"]').on('click',function (e) { e.preventDefault(); var target = this.hash, $target = $(target); $('html, body').stop().animate({ 'scrollTop': $target.offset().top - 120 }, 900, 'swing', function () { }); }); }); The links are so: <a href="#bodyContainer1">HOME</a> and the body container it is linked to is so:
to work in browser&ripple must be above - but no work in emulator or real device
<link href="../jquery.mobile-1.2.1/jquery.mobile-1.2.1.min.css" rel="stylesheet" type="text/css"> <script src="../jquery.mobile-1.2.1/jquery-1.8.3.min.js" type="text/javascript"></script> <script type="text/javascript" src="js/trnotes.js"></script> <script src="../jquery.mobile-1.2.1/jquery.mobile-1.2.1.min.js" type="text/javascript"></script> Travel Notes record script: to work in browser&ripple must be above - but no work in emulator or real device. if i have below work in emulator or real device(and
flicker and Jquery Mobile HTML5 Application
Hello, I have developed a mobile app with HTML5 and Jquery Mobile, but the problem comes when I click on the link to other internal pages in the document because a blinking vee on the page and then makes this unpleasant effect opens. I tried to solve it in every possible way but I could not, I have set data-ajax = false, I downloaded a version of jquery, I installed the latest version of jQuery, I deleted all the transitions of the application, but nothing works. That I can do about it. I have
Function if inArray, display text, else display other text....not working
Hello there! I have this html containing an input with name "product_id": <form method="post" class="form-horizontal" onsubmit="return check_add_to_cart(this, false) " enctype="multipart/form-data" id="productDetailsAddToCartForm"> <input type="hidden" name="action" value="add"> <input type="hidden" name="product_id" value="167"> <input type="hidden" name="variation_id" class="CartVariationId" value=""> <div class="ProductDetailsGrid ProductAddToCart"
text on hover
I am trying to write on mouseover <span id="left" data-original-title="Left"></span> <span id="return" data-original-title="Return"></span> <span id="rigth" data-original-title="Right"></span> <span id="hover"></span> on mouse over/out I want to write into #hover the data-original-title (and nothing on mouseout) the span can be a <a href="#"> if necessary how can I do it ? thank you
Superfish causing content jump (updated)
I added Superfish to a site I have, trying to make the drop down menus compatible with touch screen devices. The problem I'm having is when, with a mouse, you roll over the menu tabs that have submenus the section below jumps. This doesn't occur in the same page that doesn't have Superfish added to it. You can see what I mean by looking at this Superfish page and this same page without Superfish. The menu tabs About and Contact have submenus and as you roll your mouse across them, the area below
Remote validation test using valid()
I'm using MVC and jquery unobtrusive validation. I have a field that is marked for remote validation (via metadata in the C# class). I need to manually validate a form on the client (as I'm not submitting it, it's a form inside a modal popup). When I call code to validate the form: $.validator.unobtrusive.parse('#myform'); var isValid = $('#myform').valid(); 'isValid' returns true despite the remote validation being called and returning false. I can't find a tidy solution to wait for remote
how to manipulate multi fields with jquery
i making a drug storage inventory im using jquery to search for items to insert its quantity , when i repeat every item fields and search for second item and choose it from list , it changes the previews item to the same one like the second one i choose . here is an example <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> function lookup(inputString) { if(inputString.length == 0) { // Hide the suggestion
Background disappearing
Hello, i'm building a site that needs a full page background, so I've used this code in the stylesheet.css html { /*Código para fazer background full screen*/ background: url(http://imageshack.com/a/img593/4093/dej6.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } It was working well until i referenced the jquery mobile css, but now it doesn't appear on the background and neither one bar
Problem in Loading List and Founding also list
Here i have little problems with my website www.metrorealty.us i put jquery Ui for quick search, when i enter city california or Los Angelus it have shown a dropdown list but it tot seen and it not work giving some error i coudn't found a solution please help me out
jquery droppable
How to retain the helper function without removing it while the drop is done
Code not working moving to the latest version of JQMobile.
Hi, I am having a problem with checking and disabling radio buttons with the latest version of JQuery Mobile - with older versions I have it working fine. I have included a JSFiddle to explain what I am struggling with. When the user presses the 3rd button on any row I want that button to stay checked but that row to become disabled. Subsequently the vertical column of radio buttons - in the first instance all the buttons marked 2nd would also become disabled - when this is repeated the column one
Fixed toolbar and selects on Android 2.3 native browser
When there is a fixed toolbar containing dropdowns, they dont work at all on older Android browser. Is there any solution for this problem?
Next Page