Match media queries
I'm a beginner and trying to make a submenu animate in different ways depending on media queries. It should slide out from left (more than 768px width of a browser) and slide down in mobile mode. How can I match media queries from css? This code won't trigger if resizing. $(window).on('resize',function() { if ($(window).width() > 768 { $('ul#main-menu li').mouseenter(function () { $('ul.sub-menu', this).stop().delay(300).fadeIn(150); }).mouseleave(function () {
decimal error
i need two digits after decimal point <table> <thead> <tr> <td>Qty</td> <td>Price</td> <td>Amount</td> </tr> </thead> <tbody> <tr> <td><input type="text" class="qty"/></td> <td><input type="text" class="price"/></td> <td><b class="amt"></b></td> </tr> <tr> <td><input type="text" class="qty"/></td> <td><input type="text" class="price"/></td> <td><b class="amt"></b></td> </tr> </tbody> <tfoot> <tr> <td>Expanse</td> <td>Outstanding</td> <td>Paid</td> </tr> <tr> <td><input type="text" class="expanse"/></td>
The code isn't working in firefox, works great with other browsers
Firebug gives me a warning "This site makes use of a SHA-1 Certificate; it's recommended you use certificates with signature algorithms that use hash functions stronger than SHA-1." but I don't think that's the problem Do you have any thought how to help? <script type = "text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script type = "text/javascript"> { var Fname = document.getElementsByName('FirstName')[0];
jQuery UI Responsive Tabs to Accordion
Hello Team, Can you refer to below question and help me out, I am facing the exact same issue and no replies/answers to that question. jQuery Tabs to Accordion Responsive May be you can help. Waiting for your suggestion... Hashir
jquery dialog cropping my OK button
Hello, I'm trying to create a simple jquery dialog and it's cropping my OK button. Please see the attached image as an example: You will see that the left side of the OK button is cropped by 1 or 2 pixels. This only happens in Chrome. Here is my code for setting up the dialog: showInfoDialog: function (errorMessage, title, okCallback, cancelCallback, okButtonText, cancelButtonText) { var body = $("<body>"); var infoDialog = $("<div id='infoDialog' class='ahsDlg' style='height: auto'></div>").appendTo(body);
Validating a single char to be one of two chars - RESOLVED
I need a response to an input form to be P or K. How can I validate that input? I looked at the list of methods for Validator but none fit. It has to be a single char and it has to be P or K, nothing else. I can do the single char and maxlength: 1 but I do not know how to do a specific char. Thanks for the help. Mike
after changing color using jquery, mouse hover effect is not working
Please refer http://beforeafterretouchers.com/ when i click menu on top, the clicked men is brightens and concern text / images are filled up no issues here top Menu text changes color (bright #ccc to #fff) however when I click printing on left hand side circle, i am executing command $('.menu').css('color','#ccc'); so as to normalise the brighten menu and now when I mouse hover the top menu , there is no mouse hover effect. how to resolve this yes i want mouse hover effect
Not able to use selectable for SVG Element
Hi, I'm trying to use selectable plug-in for my d3.js chart on svg. It is working fine on normal DOM element but I don't know why it is not working on the svg elements like text. Here is the fiddle http://jsfiddle.net/mantrig/5b5698dr/ What I'm missing in it?
Addclass to id problem
I've got a problem using addclass/removeclass to id. It just won't work, take a look at this demo: https://jsfiddle.net/fu66rvdq/ This is working if I change id to class instead: https://jsfiddle.net/fu66rvdq/1/ What's going on?
Problem with adding hide/show text to cms
Hi I'm very new to Jquery and am trying to add a jquery effect hide and show to my web page where I have a lot of text. This is the code: <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script> $(document).ready(function(){ $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); }); </script> </head> <body> <p>If you click on the "Hide" button, I will disappear.</p>
Select next span by class name in a table
Hi, by clicking on a span i want to select next span somewhere in a table. My example: <table class="month_table" cellspacing="0" cellpadding="0" border="0" > <tr > <td class="day" > <span class="span_day" > 1</span> </td> <td class="day" > <span class="span_day"> 2</span> </td> <td class="day" > <span class="span_day" > 3</span> </td> </tr> <tr > <td class="day" > <span
Page Navigation Issues under IOS9 (beta)
After receiving complaints from several users, I loaded up IOS9 (beta) to test my existing app that works fine under IOS8.4. Much of it works but I seem to be having some serious page navigation issues with the headers that were not present in IOS 8.x. I'm running JQuery mobile 1.4.4. The bulk of the problems appear to be with navigation header buttons using 'data-rel="back"': <div data-role="header" data-position="fixed"> <h1>Edit Stuff</h1> <a href="#" data-icon="back" data-rel="back">Cancel</a>
JQuery Mobile 1.4.4 - Attempting to build a return/search function.
Hey there, I am sort of stuck. I have to build a search function in the tool Appery.io, which is normally drop n drag, but it doesn't serve the purpose in this instance. The details are: I will post some screen's to help flesh it out- So, in order there is a 'search input field' 'search button' 'select button' & in the background (backend REST/GET API) the Database with 6 fields that must be searchable & return results appropiately, these fields are: tradingName | phoneNumber | dealerAddress | dealerSuburb
Code doesn't work correctly, need help to debug, please
Hey guys, I've been struggling with this small code. Can someone help me debug the issue of the Click on English. It works correctly once and afterwards just hides the div.... Here's the demo: http://codepen.io/epiblue/pen/NGBrMp?editors=101 Thank you guys, Any help is really appreciated
menu widget - items without text marked as dividers
I would like to be able to have a ui-menu-item that consists solely of an icon. With the widget currently, this will become a divider. Please note my pen: demo This is due to the decision code which merely looks for the presence of non-hyphen, non-space text: ui/widgets/menu.js:515 _isDivider: function( item ) { // Match hyphen, em dash, en dash return !/[^\-\u2014\u2013\s]/.test( item.text() ); }, Is this a design decision or an oversight? I've got a patch for a fix so that if the item has
JQuery v1.11.3 memory leak
Hi Guys, We're developing a website using asp.net and JQuery v.1.11.3. It has frameset and frames (althought it is unsupported in HTML5). Our target clients use IE8. We encountered memory leak in IE8 everytime a page is being rendered by the frame element. I have also read several articles which states that there are memory leaks when using frames in IE8. So how do I confirm it as a bug? Well first I tried our website on other browsers such as Chrome and Firefox and it seems that memory leak doesn't
jQuery width fail
If we toggle all 3 div the last bouncing Also, for the same reason, if we set all 3 div width self width, the last element go to the next line. See this code for demonstration. I thing, this is because the .width function rounds to integer the width.
Testing for a class
Hi everyone, So I'm currently using Basic jQuery Slider(http://www.basic-slider.com/) in a webpage(www.posturemedic.ca). What I'm trying to do is on hover the first slide would for stop for 90 secs and then continue with the slide animation. The rest of the slides would stop for only a few secs and then continue with the slide animation. I was able to stop on hover for 90 seconds by adding setTimeout and the custom function fun. setTimeout delays the animation for 90 seconds, and then runs the fun
Searching for solution / plugin
Hi All, new here so have to cut me some slack I am currently working on a site using bootstrap - pretty easy straight forward build as i am still getting use to the ins and out of BS. Here is what i am looking to do and was wondering if it was easy with BS/jquery. I have a 2 column site, one column has an image the other column has a bunch of links to PDF's. Left column will be an image (450px) wide. Right column will be a list of links that go to PDF or zip files. When the viewer rollovers on one
Are you sure plugin, cannot make this work in MVC app
New mvc app in VS2015. I had implemented the windows beforeunload, which sends the alert box in all situations, clean/dirty form, <script language="JavaScript"> window.onbeforeunload = confirmExit; function confirmExit() { return message to display in dialog box; }</script> but CANNOT get this jquery add-in to work, at all. why isnt it working? <script type="text/javascript"> $(function () { $('form').areYouSure(); at the top of the mvc edit.cshtml document: <head> <meta charset="utf-8" />
jQuery trigger range input field on focusin/focusout
I am trying to catch the focusin and focusout events in a range input field type. In Firefox 41, Chrome 46, IE 11 and Opera 33 it is working (it is sent to console in and out respectively) but not in Safari 5 and Mac OS X 10.9 with Safari 7. Am I missing something? HTML <input id="slider" type="range" min="100" max="500" step="10" /> Script $ ( 'input[type="range"]' ). on ( "focusin" , function (){ console . log ( 'in' ); }). on ( "focusout" , function (){ console . log ( 'out' ); });
Copy a Text, the popup will be removed automtically
Goal: When you copy a text by using CRL-C, the popup message should be removed. Today,this functionality is implemented at Visual Studio Online. Question: Do you know where I can find this functionality as a open source or similar? Thanks!
how can I set default text and value in jquery autocomplete and trigger select
I have an array of objects (assessorList), how can I set default text and value in the jquery autocomplete and trigger select. For example if I send second object from the array to the function then Assessor 2, Test should be selected with 1116512 in AutoCompleteAssessorID and all the statements under select should be executed for that selection. My HTML: <input style="width:300px" id="AutoCompleteAssessor"> <input type="hidden" id="AutoCompleteAssessorID"> My JavaScript: var assessorList = [{ id="1116542",
Script doesn't work on the 2nd click.
Hello, I'm working on this script: http://codepen.io/epiblue/pen/BowQpr But when implemented on eBay it gives me problems (click on the Flags few times). http://www.ebay.de/itm/Reloj-Tous-Motif-Rose-500350100-Nueva-Coleccion-Envio-24h-Gratis-/371453551263?hash=item567c5b629f The issue is that for some reason on eBay the Target attribute is beeing changed from my attribute to "_bank" and this is why the div's are left hidden. Any ideas how to solve this? Thanks
inline text boxes in popup
Hi, First post here, hit a roadblock with this over several days. Im trying to create a popup, with a form, but have the text in-line. This is the code I've got that as far as i know should work <div data-role="popup" id="popup-AP-edit" data-theme="a" class="ui-corner-all"> <form> <div style="padding:10px 20px;"> <h3>Edit AP</h3> <fieldset data-role="fieldcontain"> <div class="ui-field-contain"> <label for="flip-AP">Enable:</label>
XHR failed loading: POST
I am using Ajax to call a servlet which return a String message. The servlet gets called successfully as I can see some println statements in my console. But after that i get an error XHR failed loading: POST. The code is - xhttp.onreadystatechange = function() { if (xhttp.readyState == 4 && xhttp.status == 200) { var result = xhttp.responseText; deleteItemsIDsResult(result); } }; xhttp.open("POST", "ItemsIDsDelServlet", true); xhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
Append DOM objects to qunit-fixture + Qunit
<div> <form action="/" id="Form1" method="post"> <div> <input data-val="true" data-val-fileextensions="The DocumentFileName field only accepts files with the following extensions: doc,docx,txt,rtf,pdf" data- val-fileextensions-fileextensions="doc,docx,txt,rtf,pdf" id="Text1" name="FileExtensiondTest.fileExtensionInValid.DocumentFileName" type="text" value="test.ppt" /> </div> </form> </div> I would to add above DOM object to qunit-fixture and access DOM object attributes in Test cases such as below:
Qunit totorials
Does anyone know of a decent Video (or not) tutorial on using Qunit? I've found a lot of videos that are more lectures than "How to's". Perhaps someone has a video series or such. Thanks in advance!
Div tag not showing data without an alert - Please help
Hi I cannot display data in a div from external files using jquery without an alert. Can anyone help me? <!DOCTYPE html> <html> <head> <title>Open external file using jQuery</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <script> $(document).ready(function() { $("#readFile").click(function() { var mVersion = 107; var mLatestVersion = 111; var mHTMLContent = ""; var
Post data json inside checkbox and images
Hi this is my whole js, i'm building some edit products which is inside modal bootsrap $('.edit_button').on("click", function(e) { var id = $(this).data('id'); $.ajax({ url: base_url + "product/edit/"+id, type: "GET", dataType: "JSON", success: function(data) { //i need to show data from database in checkbox and images in by name input type checkbox $('[name="id_brand"]').val(data.id_brand); $('[name="merk"]').val(data.name_brand);
stopPropagation won't work
Hey there, i found topics on this matter before but nothing seems to do the trick with my problem. It's acually quite simple. I have a table. By clicking on the row i want this to fire $('.nextStatusActivator').on('click', function(evt){ var className = $(this).attr(classNamePrefixType); if($(this).attr('ctoggled')=="false"){ $(this).attr('ctoggled',true); var thisLevel = $(this).attr(classNameTypeLevel); var selection = $(this).siblings('['+classNamePrefixType+'*="'+className+'"]['+classNameTypeLevel+'="'+(parseInt(thisLevel)+1)+'"]');
jquery animate direction
I'm trying to change the direction using the following code. It's set up to animate left to right. http://jsfiddle.net/xj8chem9/ Any help would be greatly appreciated to change the animation to right to left. I've tried several ways all to no avail.
return from function will not work - TypeError: myArray is undefined
Going nuts!!! Can't seem to get the function to return values properly. I've been messing with this for hours and can't work it out, Please help. I don't seem to be able to see the forest for the trees! Here is my code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Google Maps API getting Lat and Long with Geocoding</title> <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
Panel on Home page
Good morning, sorry for my bad English. I am new to all this, I would create a panel to change the image in a Web home page. Four or five pictures will rotate as for example in this http://recetasaldisco.com/ web that change different food recipes.
why sign in is NOT failing?!
Hi, I am using simple sign in form with Jquery and PHP but my problem that everytime I enter anything in the email and password it accepts even if does not exist! below my jquery and PHP as well and the url is: http://order.smashburgerbahrain.com My Page: <!DOCTYPE html> <html manifest="cache.manifest"> <head> <meta charset="UTF-8"> <title>Welcome to Smashburger</title> <?php include './includes/meta.php'; ?> <link rel="stylesheet" href="css/signin.css"> </head> <body style="background:
Lock draggable
How to lock a draggable after drop it in a droppable div?
How to Refresh DIV content
Hi, I am using below code to popupate data from MySQL into a DIV and I have btnAddToBasket to dynamicly add items to basket OnClick. After adding, I want to refresh the content of the DIV below using jquery to recall the latest basket items. How can I do this please? Thanks, Jassim Rahma <div id="divBasket" style="background-color: #FFFFFF; margin-top: 50px; margin-right: 120px; border: 1px solid; border-radius: 25px; padding: 10px; width: 300px; float: right;"> <table width="100%" cellspacing="10">
hiding right handler of a horizontal slider
Hi, How can I hide right handler of a horizontal slider? regards Ahmet Temiz
Why it's only happening at first execution
Hi, I have loading image for my add to basket button and for my order now button as well. When the users clicks on Add to basket button the loading image of the button will show properly but the loading image of the order now button will only show at the first time so if you refresh the page then click add to baster the loading image for the basket order now will show but click again add to basket and it won't show! here is my url: http://order.smashburgerbahrain.com/menu.php Thanks, Jassim Rahma
Validation is NOT WORKING - RESOLVED
I am trying to get validation working and it is not working. I have two goals to getting this to work. First, validate all the fields I coded. Second, when successful, show that little round circle with the check mark in it. Neither is working. I used the Milk demo as a reference but am not having success. Running it through debuggers I see all kinds of jquery.js errors but none for my code. Maybe I missed something. Look at https://jsfiddle.net/mikefiddle/rkmzzffd/ for the coding. Any and all help
Next Page