jQuery UI menu - changing the hover delay?
I'm using jQuery UI's menu widget to make a basic drop-down nav menu. The problem is that there is a noticeable delay before the sub-menus appear when you hover over the menu options. I understand this is considered a "feature" but as always, one size does not fit all and I would have expected this delay to be configurable as requested 4 years ago. Aside from making menus feel laggy, another problem with the delay is that it's at odds with the other menu events such as "focus()" and "blur()". I'm
Get checkbox value from controlgroup
I have some throuble getting checkboxes value from controlgroup. This code always return "on", whether or not the checkbox is set. <div class="grp"> <label> <input type="checkbox" class="checkbox" /> Check me! </label> </div> <script> $(document).ready(function() { $('.grp') .controlgroup() .on('change', function() { alert($('.checkbox').val()); }); }); </script> See the demo: https://jsfiddle.net/crazzzy/mxfwxze8/2/
automatic resize iframe to iframe content
Hi, I try to program a jQuery code to automatically change the height of an iframe when the content changes. This is my code : index.htm <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sin título</title> <script src="https://code.jquery.com/query-1.11.2.min.js"></script> <script> $(document).ready(function(e) { $("#topf").attr("src","setting.php"); }); function resizeTopF(nn){ alert('index height='+nn); nn=nn+'px'; $("#topf").css('height',nn);
'Pushing' content down to reveal the menu items
Hi I have been trying to implement the following on this page: http://www.wizdreamz.eu.pn/ResponsivePage1/index.html At a viewport width of 1000px , the menu becomes a clickable 'Menu' When i click it the 'carousel / slides' comes down and the submenu items are revealed. So far so good. However the carousel justs 'jumps' down. I would like it to 'Slide' down smoothly instead. Here is my script: <script> $(document).ready(function(){ $( '.handle' ).on( "click", function() { $( ".carouselWrp"
Assigning MULTIPLE .css() statements? !important required?
Assume I select a certain element and want to assign NOT only ONE but MULTIPLE css statements. How do I do this? For ONE .css() this works fine: $(......).css({'background-color' : 'red'}); But what if I want to assign a new font-size as well? Do I really have to write two separate lines? I would appreciate if I could group them together into one line similar to $(......).css({'background-color' : 'red', 'font-size' : '11px !important';}); but this does not work. By the way: Is the !important statement
convert php to jquery or js
hi all i want to convert this code to js or jquery <?php $Q = $_GET['jamal']; function hexToStr($hex){ $string=''; for ($i=0; $i < strlen($hex)-1; $i+=2){ $string .= chr(hexdec($hex[$i].$hex[$i+1])); } return $string; } header('location:'.hexToStr($Q)); exit; ?>
Can't find correct version
Dear friends, I have to maintain our company website as good as I can, because the coder has disappeared. So now I have the problem that is a malfunction in the page navigation, and I supose it is because of a javascript file that is no more on googlecode.com I dead, the paage can't find this two files: <script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.core.js"></script> <script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.slide.js"></script>
sortable widget leaves style="display:none;" on sortable item after drop when web inspector is open in Safari
I'm using sortable widget (jQuery ui v1.12.0) I have multiple lists of sortable items (DIVs) that are all connected so that an item can be moved between lists. When I drag a DIV from one list to another, a "style=display:none;" modifier is left on my DIV after the DIV is dropped. Is this a bug in the sortable widget, or am I doing something wrong? How do I begin to debug this issue? a little help? thanks, Mark
How to code payment form in a modern way
Hey guys , so suppose you have 3 forms , like so: FORM 1 FORM 2 FORM 3 Now how would you code these form's in a modern way ? I.E. i beleive in the pre-AJAX period the form's would be separate pages , but what about now , i would really like the forms to us some ajax and then once the first form is submitted i would like the 2nd form to come in with some animation and so on .... So now , how exactly do i store the 2nd and 3rd form ?? iframe ??
Append select value to textarea
Hi i need to append the value of a select option to a textarea. Using the code below i have managed to do this. But when i keep changing the selection option it keeps adding the values in the textarea - is there anyway to clear the last selected upon selecting a new one? $('select.SelectTemplate').change(function() { var currentVal = $('textarea').val(); $('textarea.AddMessage').val(currentVal + $(this).val()); }); Many thanks for your help and patience.
Searching a Plugin or Code for sticky Navbar
Hello guys, i search a plugin or a code for a sticky navigationbar. I mean a navigation bar like this kenwheeler.github.io/slick/. I mean the navigation bar or menu bar at the top. I like the way it will move, when you scroll down, that the logo will placed at the left of the menu itself. I hope you can tell me, how this work, how i can use it or mabye a plugin with it will be possible! I' new at jQuery so I don't have a big knowledge about it. Best wishes, Daniel PS: I'm german, ask when you don't
Menu secondary links to anchor links and smoothScroll content
Hi Everyone, I'm new to jquery and hoping that someone might be able to help me resolve my problem. I've spent a lot of hours testing and scouring the internet to try and find a solution. I have a main menu navigation that has secondary links to a page with anchor links that open up content below it using smoothScroll. I’ve been able to get the anchor links on the page to highlight after being selected and the secondary links in the main menu nav to go to the correct content, but if I select one
text editor with jquery
hi every on , im creating a text editor , my problem is : how can i , for example , when select 3 text node that each one have parent : p tag , and click bold button , each text node wrapping by <strong> tag and replace with current text node that already have p tag as parent , sorry for my bad english !!
Pls Help with Countdown Code
Hi there, i got this countdown timer on the internets, i can only change the title and the days, for the days i change the date here: var eventDate = new Date(2016, 9, 1); but i want to change the date for just a few hours, 12 hours, 10 minutes or whatever i decide at some point. Tried a few things, but coding is not my forte. thanks for your time. Here's the code: <!DOCTYPE html> <html> <head> <title>Countdown timer:</title> <style type="text/css"> body {
animation effects function
what are the animation effects are there like swing ? i know only this swing can anyone send me full list of animation function.
Help ! I have a problem to use jquery mobile.
I can not upload photos to localhost. The problem is that the <script src = "JS / mobile / 1.4.2 / jquery.mobile-1.4.5.min.js"> </ script>. I want to solve the problem. How to fix ?
need help in choosing UI controls needed for my requirement
Hi, I am working in some clinical trails application, my requirement is doctors will take samples (skin specimen, blood, etc...) and they will keep those in physical location and they want to do the same in system. Storage locations are freezer or tower etc based on the sample type. Admin will create the Freezer/Tower by giving the name and each has its own configuration like each freezer will have 16 racks in that and each rack will have 12 boxes & each box can have 81 positions to save the
dissmissable highlight/error state
I see jQUI has ability for highlight/error state, so why doesn't it have a dismiss ability?
Button for datepicker
I use Button for datepicker and it is working fine. I see the button is placed immediately next to the field, is it possible to add a spacer between field and image? I tried using after field but I see this spacer is still after button, not between them. How is possible to add something between them?
Getting Tablesorter going (process confirmation for a newbie)
Hi, I am trying to get the Tablesorter JQuery UITheme Widget (Bootstrap v3.x) going https://mottie.github.io/tablesorter/docs/example-widget-bootstrap-theme.html & just wanted to confirm the process. Is it just a point of 1. download code & place on website 2. reference code in head 3. give your table an id 4. copy javascript to page & change the tableid in the $("table").tablesorter({ For some reason, nothing is happening on any of the features (sort, page or filter) I did try the most basic tablesorter
Dynamic add Checkbox to 2-columns Grid now not work
Hello, I try to load a xml and add a checkbox into the 2-columns grid, but it always shows one column. Please help! the following Javascript function is to process the xml file where the "data" is a xml document. <fieldset id="studentList" class="ui-grid-a"></fieldset> <?xml version="1.0" encoding="UTF-8"?> <students> <student id="" no="1" name="Eric"/> <student id="" no="2" name="Ericsson"/> </students> function processingData(data) { $('#list').empty(); var output = []; var n = 1; $(data).find('student').each(function(){
jquery-ui responsive problem less hen 768 pixel width
Hello, I used the datepicker because of the same problem bootsrap datepicker. It's responsivity problem under 768 pixel width. The print screen is at below. Do I have a mistake ?? How can I solve this problem.
Expand DIV view on toggle
I have a simple toggle script which will expand /hide a menu. How can I expand the height of the parent container if I toggle off the view of my menu? <script> $(document).ready(function(){ $( "#route_btn" ).click(function() { $( "#silver1" ).toggle( "slow", function() { // Animation complete. }); }); }); </script>
Finding the offset of a container taking border and padding into account.
I can find the offset of an outer container (such as a DIV) from the document using offset(). However suppose I want to increment the offset by the width of the border of the DIV (if there is one) and the padding as well. How would I do that?
Recursive function
Hi there, I have a table in which each row has its ID and PARENT-ID who points to the parent row(record). I am trying to create a recursive function to remove a parent row and all its children rows. of course child row might be a parent of other rows. Following code is not final and might be buggy. function removeBranch(bID) { var k = $("[pID='" + bID + "'][isparent]"); if (k.length > 0) { $.each(k, function (i,o) { removeBranch(o.id);
Trying to find jquery plugin for portfolio
I'm a graphic designer trying to find a lightweight, responsive jquery plugin for a portfolio website (html/css, not Wordpress, no CMS). I'm unexperienced in this area, so trying to explain to a web developer what I want, is a little tricky when I don't know the terms. I've attached a simple illustration of what I'm trying to accomplish. The idea is a thumbnail portfolio of cases/assignments. When clicking on a thumbnail, the content/case is presented in an area opening up above the thumbnail area.
Clone a table
Let's say I have a table like this: <table id="table1" style="width:50%"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> </table> How do I clone this table, and at the same time change id to "clone1"? And preferable put it horizontally next to table1.
how to use splice to remove course from jquery code
in the view model i need to remove the course from course list using splice by javascript i need to delete index without any problem so that i use splice how to do that if possible @model WebCourse.Models.Cusomemp2 @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Edit</title> <script src="~/scripts/jquery-1.10.2.js"></script> <script> $(function () { var index = 0; $("#CourseId").change(function
Click Event does not work on dynamically load content
So I'm including HTML via AJAX in jquery. I now want to do events based on clicks from within this HTML. How can I do this?
Hyperlink on more tds
Hello I need your help to set a hyperlink on multiple columns in a table html. Let me explain: The following code I want to set a hyperlink from the second to the fourth column of the table. <tr> <td>1</td> <td><a href="#">Name 1</a></td> <td>500,00</td> <td>50</td> <td>22</td> </tr> In this way it is only set for the second column. How do I set until the fourth column? Thank you in advance Tegatti
cross fade images jquery-infinite-rotator
hi i'm using this code to play a series of images cross-fading in an infinite loop. What I'd like to do is have a button that will hide the div that is displaying the looped images then another button that shows it again BUT when clicked it starts the loop from the beginning, that is to say the first pic should be seen right away when the div fades back in. At the moment I have it set up just to fadein /out the div but can't figure out how to play from the first image. seen here: http://www.mediaflash.ca/rotator/index.html
Nitish Reddy - Question regarding jquery
Hi, I am Nitish Reddy lives in orlando. I am a student and seek to learn jQuery. Can someone suggest me from where I can learn how to use jQuery. Thanks Nitish Reddy Orlando
Help with adding another scroll bar/effects to existing script
I have a Search Form that works successfully, and is using this jQuery plug-in code: <script> $(document).ready(function(){ $("select.ui-select").selectWidget({ change: function(changes) { var channel_id = changes; var Parent = $('select[name=sub_category]').parent(); Parent.html('<select name="sub_category"><option value="All">Sub Category</option></select>'); $.ajax({ type: "POST", url: "/ajax.php", data: "channel_id="+channel_id, dataType: 'json', statusCode: { 200: function(data) { for(i = 0;
How can I calculate dates in jQuery, and set an input date's value to that?
I have this html: <input class="smalldatepicker" type="date" id="datepickerFrom" value="2016-09-04"> </input> <label class="cccsfont"> to </label> <input type="date" class="smalldatepicker" id="datepickerTo" value="2016-09-10"> </input> Which sets "datepickerTo" to the last Saturday (this is based on today's date of Thursday, 9/15) and "datepickerFrom" to the Sunday before that. This is manually added, though; I want to do it programmatically, in jQuery, something like: var
Is there a version of jquery.validate.min.js which supports IE 6?
I am looking for a IE6 supported jquery.validate.min.js . Please help.
datepicker losing UI style?
Hi everyone, I’m a complete novice with anything to do with writing scripts or scripting, but I can usually copy and paste and get things working eventually. This time I’m a little bit out of my depth. I’m creating a form page on a club website on which you can choose 3 days to book and then email it to the club. All is going well and I have managed to get 3 independent date pickers working OK. I have 2 problems though: 1 The calendar looses its style and appears with substitute fonts compared with
CheckBox in Grid View inside a modal popup
I have a CheckBox field in a GridView in an aspnet webform, which I want to show in a modal popup window when user clicks a button. When user select each checkbox, I want to run server side code for OnCheckedChanged event for that checkbox using jQuery. I am using the following to achieve my requirement $(function () { $("[id*=btnShowPopup]").click(function () { ShowPopup(); return false; }); }); function ShowPopup()
Change Popup width dynamically
Hi, I would like to create a responsive Popup where eg Desktop view, width=400px, Mobile view, width=100%. But I can't get it to work especially width=100%. I prefer not using CSS media, instead I prefer using CSS Name, or by jquery function control according to my own specified breakpoint. There got to be something I do not know. Something to do with rendering before popup open? I'm aware of using CSS #<id>-popup { }, but that can only take effect on load. Anyone can help point out where or which
jQuery mouseout event takes time
I am using jQuery1.8.3 version. jQuery mouseout takes around ~1500ms when DOM size increase. PFA. Could you explain why mouseout event fire and how to avoid "mouseout recalculate style"?
Replace text by text() does not work
Assuem I have somewhere on a web page the following text: "aa bb cc". Now I want to replace this text by nothing (or one blank). Then the following does NOT work: $("aa bb cc").text(''); Why?
Next Page