jQuery selectmenu dropdown hidden below dialog bottom
How do I keep a selectmenu drop down from hiding beneath the bottom of the dialog? In other words, isn't it customary for a drop down menu to show above the dialog?
Check all item will enable select all checkbox
Hi Example i have 2 or more set of checkbox list, then I want select all will be checked after all item within <div> checked. here my code https://jsfiddle.net/jCos/feqqs3ne/ The problem is in else line where i declare var areAllChecked. Confuse how to do only effect within div. Thanks in advance.
jQuery selectmenu val not working
Hello, I have successfully populated a select menu and can navigate the menu in the UI just fine. However, when I go to query either the selectmenu val() or the selected option val(), neither of them reflect what I just selected. It is returning a value, but not the correct one, that I just selected. This seems like a but to me, but I'd like to at least find a workaround if possible. I'm using jQuery UI 1.12.1 against jQuery 1.12.4 in an ASP.NET MVC 5 (AFAIK, V5) web page. Thanks... Michael Powell
Passing object (array) ob form element IDs as function parameter and accessing via jQuery
Hi all, up until now I have been able to pass the element ID of a form element to a javascript function and access via jQuery as follows: var elem_id = document.getElementById( 'my-form-element' ); doStuff( $( elem_id ) ); ... function doStuff( $elem_id ) { $elem_id.val( 'Text' ); } ...this all works fine. However, now I have an object of element IDs that I want to pass and cannot access the individual elements via jQuery. I have tried the following: var elem_ids = { first_id: document.getElementById(
Newbie trying to understand how Tablesorter column headings work
Hi, I am trying to work out how tablesorter column headings work & where to add some code to hide or deactivate a heading. I can see from inspector what code I need to add but I cant work out where to put it. Its like the search row is not recognising there is 10 columns Code for head is <thead> <tr> <th class="sorter-false filter-false"></th> <th style="text-align: center; vertical-align: middle">ColumnB</th> <th style="text-align: center; vertical-align: middle">ColumnC</th>
How do I change :before element to match changing background color
I am trying to change a :before element to match the color of the changing background element but I am unsuccessful, can anyone provide some working code to make this work, I have been working on it for hours, here is my codepen: http://codepen.io/cabplanalp/pen/b175602bd5be382579f1796be6cbb943/?editors=1111 It is for that first row of gray elements, the second row is hard coded, trying to automate.
I'm a beginner and I can't for the life of me get some simple jquery working with my html
My HTML is <!DOCTYPE html> <link type="text/css" rel="stylesheet" href="../../page.css"/> <html> <head> <title>New</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/main.js"></script> </head> <body> <div class="image"> <img src="1.png"/></a> </div> <p> Hello World </p>
In JQM 1.4.5 and SPM what is the best event idiom for updating the page / adding handlers?
I *think* I understand the event flow, but I am curious what people think is the best way to perform operations on the page being loaded in "Single Page Mode" (SPM) ? In general I am not caching pages, so I assume I could do it using "pagecreate". But "pagecontainerchange" seems like a way to ensure thnigs get updated even when pressing "back". Basically, just before a page the user is moving to is displayed, common actions to perform include: adding event handlers (tap, click) updating content
Assign arraylist to different place
Hi I have the select list using ul li, when i press reset button, the value for the first <li> will display again for every list. It that possible to do base on sequence without refer to id? here my code https://jsfiddle.net/jCos/e98mp0jp/
New to jquery. Trying to make sense of it all with wordpress.
I'm working on a website and I have 6 buttons in rows of 3. When I click on one of the buttons, I want new information to show up on the page depending on which button is clicked. Here is my code is JSFiddle https://jsfiddle.net/mdqL0Lrv/1/. The code works on here as a basic for now. I'm using WordPress so this is the code. I'm using latest version and with Visual Composer a Page builder. http://imgur.com/a/WAKTF Any help is very much appreciated, I do plan on expanding my knowledge on jquery very
Get a table from a website in json format
Hello, I am completely new to javascript/jquery, so I have this simple question: How would you best approach extracting a table from, say, a wikipedia article? I did it manually through my browser's console by selecting the wanted html table elements and looping through them, but I would like to automate this process (as in - have a script that takes the input link and saves the json output for the desired table on my disk). Is using the Wikipedia API the only way? I found it rather perplexing and
Need help with Scrolling text with Pause on MouseEnter and Resume on MouseLeave
Im very new to jquery and would like some assistance please. I am trying to get scrolling text that pauses on mouse enter and resumes on mouse leave. here is my current code: <!doctype html> <head> <meta charset="UTF-8"> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="css/style.css"> <script type="text/javascript" src="scripts/jquery-3.1.1.js"></script> <script type="text/javascript" src="https://raw.github.com/tobia/Pause/master/jquery.pause.min.js"></script> </head>
Help with click() and second click
Hello, I have my code: $('.menu .toggle').click(function(){ $('.menu ul').animate({ top:0, }); $('.menu ul li').delay(300).fadeIn(500); }); The animation works great. Now, how can I hide the element? On second click simply I want to change the css of menu ul into top:-300px.
Not Returning Location
The script below works great as it returns data except the location, which is sent from the server. It return null. Even when I try calling getAllResponseHeaders() function, Location is not listed. Can you give an idea on how to go about this? $.post(uri, credential, function (data, textStatus, xhr) { //Let's check status code // add spinner to indicate something is happening var target = document.getElementById('login') var spinner = new Spinner(opts).spin(target); if(xhr.readyState == 4) { if
How to make horizontal menu with | as below
Hi i need to make horizontal menu as below so that How to do horzontal menu design as below in top of page starting from right to left as below ?
Hide/show a pop-up on clicking the corresponding user when sorted
I'm trying to hide/show a user's pop-up which opens up on clicking it's corresponding user. This works when the users are not sorted alphabetically but do not work after sorting. HTML: [CODE] <body> <section> <header></header> <main></main> </section> </body> </html> [/CODE] CSS [CODE] body { padding: 0; margin: 0; } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } main .wrapper { padding-left:3px; display:
Removing the last visible item in a list from the press of a button on a previous page.
Hi, I have two pages. On the first page I have a link to the second and a button. On the second page is a list that has four items, item1, item2, item3 and item4. What I want to do is when the button is press on the first page that it hides the last visible list view item on the second page. So on the first press it hides item4, then item3 and so on. I have included a fiddle - https://jsfiddle.net/a4poster/j8w5qwta/48/. Thanks in advance.
How to scroll to an anchor inside <div> with html loaded via .load() jQuery method?
I have found many answers on stackoverflow to a similar (but actually much easier) question of how to scroll to a given anchor in the main body. This is easy: var off = $('#id').offset().top; $(body).scrollTop(off); However, in my case the situation is more complex. Imagine a <div> (with id of 'col1txt') in the main body which has html loaded into it via .load() method like this: $('#col1txt').load('text.html'); Now this 'text.html' has an anchor <a id='id'></a> and if I point the browser to 'text.html#id'
Recommended method for handling reload in multi-html file sites
I am developing a site using jQuery Mobile (1.4.5) and decided to use the multiple html page approach for a variety of reasons. I am sure I am not the first person to do this, but I have not found a solid recommendation on the best way to deal the "location" header and users doing a reload of some non-primary page in the site. I assume the best approach has something to do with capturing events and masking the URL in the location but... Any recommendations?
A little help needed with jquery – [a continuous synchronous scroll sidebar]
Hi. My scenario is like this – in my web application I’m building, in one of the pages, there’s supposed to be a small side segment like a div which will move along with the page as it is scrolled down or up gradually. I’ve tried to put together the code after putting some amount of observation into the scenario. In my MVC views, have a _layout page (similar to a master page) where I’ve created the sidebar div. Here’s what I did – This is the sidebar div :: <div id="sidebar" style="padding:7px ;margin-top:30px; z-index:1001; border-radius:9px; color:midnightblue; background:linear-gradient(60deg, rgb(201, 196, 246), #c6e2d0); float:right; position:absolute; margin-left:1020px; width:225px">
JQuery Mobile
Good evening, i recently built a JQuery divert page from the index.html page when the user is on a mobile / tablet etc. Everything was okay, but suddenly the last pages, Shop, Photos and More do not connect when touched on my mobile. I thought this maybe a Phone update, but I tested this concern on a Android and the same issue happens. The page link is... www.soultrainradio.co.uk/bootstrap/mobile.html Kind regards Gary
Issue with multiple simultaneous ajax requests with one call back
Hi, I'm having issue populating the html responses in 4 separate div's. All the responses are getting populated in the same div and overriding previous ones. Please assist. Sample here Thank you!
Execute a function after another function is processed completely
Hi folks, I cannot solve a problem dealing with deferrers. The goal is to wirte two function to be executed subsequently, one after another. I have elements, and the functionality should be 1. to show additional content as one clicks onto the element 2. by clicking the same element, the content should not be displayed anymore 3.Clicking an element while another one's content is shown should lead to the function to remove the other content FIRST and THEN show the clicked element's content. There is
Ajax request to php with empty POST data
Hi, I'm trying send and http request with some data and file to upload to an php server, but server receive empty data or is unable to parse it. I suspect that there is something that I can't understard with multipart data requests but I have no idea what can it be. The inspector reveals that post data is sending ok, but in server has empty $_POST or $_REQUEST. Is the Ajax request well configured to upload data and files? Thanks in advance. html =========== <form id="idform" method="post" enctype="multipart/form-data"
nav-bar bug in new versions of ios
Hello. I have an app that I made 3 years ago. The nav-bar worked perfectly when compiled in older versions of xcode. Recently I compiled my jquery code on apache cordova 6.5.0 and xcode 8.2.1. The code compiles fine, and 99% of the app is functional, but there seems to be a bug with the nav-bar. If I load a page, and scroll, the nav-bar seems to do what it should, it stays locked, and the main page data will scroll properly with the nav-bar fixed. However, if I let the page load, and perform
redirect dynamic to parent site
Hi I wanted to create a link that is dynmaic in my site. The name could be 'Go Back', but it should not use go back history, I want the link to get up one level strict according to the nuber of slashes in the URL, e.g. in the structure of sites and pages I got, For example: If the I click such link on this page: https://forum.jquery.com/using-jquery/newtopic (I should be redirected to.. ) https://forum.jquery.com/using-jquery Or.. If I'm at this level.. https://forum.jquery.com/using-jquer (I should
Flexslider not rotating
My Flexslider is not rotating when the browser is not on focus. If the browser is on focus, then the flexslider works fine. However, if i open up a notepad on top of the browser, then the flexslider is no longer rotating. How can i make the flexslider to continue rotate even though the browser is not on focus? My code used is as below. $('#home-flexslider .flexslider').flexslider({ animation: "fade", slideshow: true, pauseOnHover: true, smoothHeight: false, start: function (slider) { slider.removeClass('loading');
Bug in QJueryUI TAB widget
Hi all, I just found out a bug in JQuery TAB widget. The bug occurs when you invoke the page which contains the widget with a different URL. For Example: OK: http://localhost/page_with_tab_widget.html NOK: http://myseleniumuser:password@localhost/page_with_tab_widget.html Both URL are actually the same, the first URL is normally used by human beings, because the browser knows automatically when basic-auth is required, shows a dialog, and then continues with the basic-auth header. But when you want
Simultaneous action
Hello, How to make that all happened together? $('div').animate({
backgroundColor:'black'
});
$('div').slideUp();
FullCalender plugin length description error.
Hey guys, I have problem with FullCalender plugin. My description is too long,thus plugin is not working? How can I solve this problem ?
JSCover - JavaScript Code Coverage
Hi, I've developed JSCover (based on JSCoverage) and was wondering if anyone from JQuery is interested in assisting in integrating it with JQuery. I'm looking at this anyway (as I'm interested in improving the quality), but help from your side would be great. I'm running the 1.8.3 branch with Mongoose, but always get 4 failures. Running through JSCover results in a few more failures (I'd like help tracking down the cause of all failures), but I think the result are still useful. To run in proxy mode
How to combine 'document' and a class selector?
The manual describes the use of "Multiple Selectors" here: https://api.jquery.com/multiple-selector/ It says that one can simply combine them like this "sel1, sel2, ...". But if one of the selectors happens to be document (no quotes), then this combining doesn't work. Consider the following code which works perfectly fine: $(document).bind('keydown', 'f1', function() { $('#help_button').trigger("click"); return false; }); $('.entry_fields').bind('keydown', 'f1', function() { $('#help_button').trigger("click");
Selection of div with title
I've got a div with a complex title <div title=" 00:00 - 23:55 [Holiday] and some more text">...</div> which I need to filter on the keyword e.g. [Holiday] or just Holiday and set a css property. This dosn't filter the right div: $("div[title$='\\[Holiday\\]']").css('background-color','red'); Any idea?
Sorting items in a list - in need of help.
I have a list that this time has seven rows. On some you will see "EXC" next to them (see fiddle). What I would like to do is sort these so from the bottom they fill the required rows - in this case it would be the last three - but depending on the settings it could be more or it could be less. https://jsfiddle.net/a4poster/ysyxvtyp/322/ Thanks in advance.
swipe gestures, compatibility
Hi i'm using jquery v1.11.1. Now I'd like to enable swipe-gestures. Is it correct that - swipe gestures are only supported in jquery mobile? - only version 1 of jquery supports IE6 to IE8? I tried implementing jquery mobile (latest stable version), but I experienced problems like huge breaks in the page, a "loading" bar on bottom of the page and when I used links, the page to follow was loaded below the current site. So I guess there are compatibility issues with v1.11.1 and jquery mobile. Is this
Passing php to jquery
I have a PHP variable called $successSent I have this bit of jquery $(document).ready(function(){ var success = '<?php echo $successSent; ?>'; alert(success); }); But alert(success); says <?php echo $successSent; ?> not the value of $successSent. I though you could pass PHP to query that way? What am I doing wrong? Thanks
Using jQuery to force div to reload
Good day all, Currently, I am working on a project where you arrive on a page that has a list of Annual Reports. The user has an option to add to this list. If they click the Add Annual Report(s) button, a modal window will appear. Within it, you pick a status of the Annual Report (only two statuses: Projected and Actual). 1.) Projected: picking this status causes another div to be set to show(), which contains a date picker for a Start Date, and a dropdownlist for End Year. 2.) Actual: picking
JQuery progress bar or box waiting for user input
Hi All,I am trying to show a progress bar that really emulates close to the shake methodology. I want to display a progress bar that continually moves to the left and then slides to the right. Image attached. Does anybody have any suggestions? Thanks, Tom
Convert syntax .live() to .on()
I have been given a web site by our organization to maintain that uses jQuery 1.7.2 and would like to remove a deprecated function .live() so I can move forward with later versions of jQuery. I have searched the web for changes to the syntax and thought I had figured out the changes I needed(that worked elsewhere) until I came to this line of code. This code is part of a form where input is verified before moving to submission of the form to PayPal. The characters in red have a VS 2013 warning "Variable
$(":mobile-pagecontainer").pagecontainer() not working as expected
HI I have an HTML page with two JQM pages <div data-role="page" id="page1"> . . . </div> ...and <div data- role="page"id="page2"> . . .</div> From "page1" I have an <a> link to page 2 and it works fine href="#page2" I also have a <button> with a onclick() function which calls the pagecontainer change method, page 2 shows briefly then page1 returns Why does page 2 show permanently ? Any help would be useful Thanks Nigel
Next Page