what is the best solution to insert a treeview control within a dialog Box Form
Hi I am a beginner in Javascipt and Jquery. So, my question may sounds very stupid. I would need to develop a parent form that would pop up a resizeable dialog box child form wihen a button is clicked. The parent form should be able to pass parameters to the child form and likewise the subfrom should be able to return values to the parent one. I would like also to insert within the child form a kind of treeview control that woud allow the user to browse and select mutiple elements which will be
SuperFish - how to open wth 2nd level collapsed?
Hi all Sorry my stupidness, it seems that the issue I'm asking about is does without saying so therefore I can't get it... I have SF menu on my websites, one of them is: THIS MY SHOP SF menu appears on screens <800px. And if to open it, all 2nd levels are expanded caused problems if two top-level sections are closer to each other. Stupid question: how to tune SuperFish not to expand 2md level without tap/focus on the 1st? Thanks
Using Jquery for a cascading dropdown in sp2010 and spd
I have a main list that with a newform.aspx that I would like to add two cascading dropdowns too. Dropdown one would be Gates and Dropdown two would be Milestones anyone have a usable example for this? Thanks in Advance
id^ selector fails with sequential id values
With elements using id values numbered for their 'rows', the following occurs: //for some reason, the following line fails to set the numbered fields //$('input[id^="posn_numb"]').blur(function(){getSuffixNum(this)}); $('#posn_numb,#posn_numb1,#posn_numb2,#posn_numb3,#posn_numb4,#posn_numb5').blur(function(){getSuffixNum(this)}); $('#posn_numb6,#posn_numb7,#posn_numb8,#posn_numb9,#posn_numb10').blur(function(){getSuffixNum(this)});
Dialog questions
How would I change: 1. The margin to the left and right and top of the title bar 2. The selected colour when the close or OK button is clicked (light blue shown below) 3. How to remove the dotted focus rectangle from the OK button Thanks
AJAX call prevents Jquery pagination
Hello, I have implemented pagination in MVC application. when first time page loads, it binds paging number in the bottom, but when I click on paging then it makes AJAX call and bind the data in my HTML table from json response. but after AJAX call, pagination is not working and reload the page and data again and reset pagination to Page number 1. once AJAX call fires, then pagination is not working. <table class="table table-striped" id="tblJobs"> <thead> <tr> <th>Job Title</th> <th>Start Date</th>
How to validate input field within fieldset dynamically
Hi i'm still new in jquery, i need to validate the field within fieldset dynamically without calling specific Id. here is my code jSfiddle As you can see, on the 1st page, when click continue, error on the 2nd page also will enable because on the part i pass the variable on visible fieldset still not success. any idea to solve this issue? and please suggest the improve code to eliminate repeating line of same code. I cannot use available jquery plugin because in my code have select list which is
Dialog body far too small
I am using the following (NuGet download ASP.NET) <link rel="stylesheet" href="Content/themes/base/dialog.css" /> <script> $(function () { $("#dialog-message").dialog({ modal: true, buttons: { Ok: function () { $(this).dialog("close"); } } }); }); </script> Here is the Div <div id="dialog-message" title="Download complete"> <p> Your files have downloaded successfully into the My Downloads folder.
JQuery Validation Error Container is Hiding Server Messages while Validating the form. How to prevent this?
Again this question was asked on Stackoverflow. Error Container is also being used by server messages and jQuery Validation overrides visibility of server error messages. How can this be prevented?
jQuery plugin browser compatibility an issue?
Hi I am trying to decide how to start with a browser plugin, I have no experience from plugin development. Firstly I am concerned with browser compatibility. I have also looked at MDN:s WebExtensions API, that should be very "cross-browser", however, it is under critic from many developers for being very restricted. Then I now find this, jQuery plugin alternative! Is there a problem with browser compatibility here, I mean, do I have to create separate plugins for Chrome, Mozilla, Safari etc..? What
Which carousel (slider) can I use to create something like this?
Hi, I need to create a carousel (slider) which should like something like this: [img]http://i65.tinypic.com/9t3grc.png[/img] Which jQuery (or any other) carousel can I use for it? Thanks
Add Default Search and Arrow in Jquery Grid
I have a jQuery Grid that I ma using in My MVC page, it will sort Grid when I click on any Header. What I need is to have a default Sort by FullName when Grid Loan. Not sure where I have to Identify the Default Sort. Also I need to have arrow by each header so it shows up Arrow ot Down Arrow if the next Sort would be Asc Or Dec, not sure ho to add that. This is my Grid code: I have a jQuery Grid that I ma using in My MVC page, it will sort Grid when I click on any Header. What I need is to have a
using a vectormap with JSON data
Not sure if this is the correct forum for this, I'm using a the vectormap plug in which I got working, I'm able to hard code colors for states with no problem, however, I need to color each state based on data that is coming from the DB in JSON format. here is the code I'm using that is hard coding the state colors: jQuery('#vmap').vectorMap({ map: 'usa_en', showTooltip: true, selectedColor: null, hoverColor: '#1a75ff', color: '#ffffff',
Faire fonctionner mon script autant de fois que possibles
Bonsoir à tous, Si vous voulez, j'ai dans une page des liens ancres qui lorsque l'on clique sur l'un d'entre eux, permettent l'affichage d'un contenu dans une div respective. Toutefois, je viens de générer des liens se disant "des raccourcis" qui permettent en fait de faire exactement la même chose que les premiers, mais le code généré pour ces derniers ne semble fonctionné qu'une seule fois : en effet, au deuxième clique sur un lien raccourci, je ne suis nullement redirigé, il ne se passe rien.
insert dynamic json data as new page with listview
i have an old test webapp with jquery mobile 1.2 which i now want to bring to jquery mobile 1.4.x in the past i have patched jquerymobile.js and i now want to do it the "right" way. what i want to achieve: i have a multi-page setup. a few pages are accessable via link on an external html-file. some other links will do a database query (via script on the webserver), the result is json. i now want to create a page out of this json. i have used jquery.tmpl.min.js to convert the json to html listview.
Question about isPlainObject method
from the source code: "return typeof Ctor === "function" && toString.call( Ctor ) === ObjectFunctionString;" jQuery. isPlainObject ( {} ) // true jQuery. isPlainObject ( new Object ) // true but i don't understand this situation: /* function Ctor(){ } jQuery. isPlainObject (new Ctor); // true */ because toString.call( Ctor ) === ObjectFunctionString // this should is false.but result is true
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.
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
Next Page