Auto completion using query data to start-with results not working fine
**Original Code i am using this way:** <input type="text" id="placeSelect"/> <script> $('#placeSelect').select2({ width: '100%', allowClear: true, multiple: true, maximumSelectionSize: 1, placeholder: "Click here and start typing to search.", query: function (query) { queryData{!randomJsIden}(query); }, matcher: function (term, text) { if (text.toUpperCase().indexOf(term.toUpperCase()) == 0){ return true; } return false; } }); function queryData{!randomJsIden}(query){ Visualforce.remoting.Manager.invokeAction(
Can I use QUnit browserless with Rhino?
I've found my self having to write a library of Javascript functions for a Embedded Web UI I'm not very experience with javascript and the modern Web development environment. The function I need to write are simple utility function. independent of the browser environment. QUnit looked like a good framework to use for a unit tests. However it appears to require a browser which does not work well for automating the tests with my build process. I did discover the work by Benjamin Lee (Qunit-cli) which
Validate Numbers and Retrieve it
Goal: When you press a button you should make a validation of the third "td" (start from left side) in every "tr". if the letter of the data (inside of the third "td") contains more than four letter, you should retrieve a popup message. In the end, you should retrieve all number in a list inside of a popup message. I need to copy the numbers. Problem: I do not know how to create it. I don't have a good start point. The sourcecode below is a sample from the production phase. The source code should
search engine problem
//php page zoeken.php contains: <?php //alle ingevuld gegevens worden opgehaald en bewaard $zoeken = $_GET["searchbox"]; print($zoeken); $terms = explode (" ", $zoeken) ; $query= "SELECT * FROM artikel WHERE " ; foreach($terms as $each){ $i++ ; if($i == 1) $query .= "Omschrijving LIKE '%$each%'" ; else $query .= "OR Omschrijving LIKE '%$each%' "; } //connect mysql_connect("localhost","meubels","wachtwoord") or die("Fout: Er is geen verbinding met de MySQL-server tot stand gebracht!"); mysql_select_db("meubels_co")
How to setup a left and right page section? Panels?
Hi I have an MVC project that uses a left panel thats fixed, it has buttons and info, it never moves. On the right, that area is variable and can have charts, images, paragraphs, more charts, and links to data. Well, the problem is when I use #Left and #Right in the div declaration, and modify the CSS, etc, there will be a left side thats good, right side is Okay until the size is reduced. Shrink it to the minimum? there is a Horiz scroll bar on the bottom of the right area. Move it? and the
replaceAfter()
is there a function which is like .insertAfter() except that every time it is called it replaces the code it previously inserted
Add a <li> in <ul>
Hi, I need you help to add, at the end of my list, a new <li> I've tryed n this way but not working: $("#barraCoordinatore ul li").last().html('<li><h6> Menu 5 </h6></li>'); Any idea? Thanks in advance Tegatti
Can't remove space in collapsible listview
Hi, I've been trying last 5 hours to remove space in a collapsible listview with no success. I have a listview, the content is loaded with ajax. The code loaded from the ajax call is the <li> element and the <ul> listview (with its <li> elements) inside the <li>. I use append() to add all this to the parent listview. Everything is inside a <span> and after loading the code from ajax I use .trigger("create") on the span to obtain the graphic elements. The first element of the list on top is fine
Change the draggable Function to work on click event.
I want to make the Jquery UI draggable to work on the click event. Like i want to click on the item it added to the canvas area. This is the code for a html builder i want to update the functionality of that builder Need help.
Having Issue on Re-Ordering Contents in a Div Using jQuery
Can you please take a look at This Demo and let me know why I am not able to reordering the buttons in .popover-content class. What I would like to do is different order of presenting the button on each click on #pop and as you can see I am using $("#pop").on("click", function(){ $('.popover-content > button').each(function() { $(this).prependTo(this.parentNode); }); }); but it is not reordering the buttons!
How to download a file from the special folder of a web app using jQuery?
I've had nothing but trouble trying to download a file using simple HTML5, as is evidenced here on StackOverflow It "sort of" works, but it seems unable or unwilling to identify the "App_Data" folder and its contents. So, as I wonder aloud in Update 10 on that mega-post: Maybe what I really need to do is, instead of the simple html, add some jQuery that will download the file. But the question is, can jQuery access the App_Data folder any better than raw/simple html can? Is jQuery capable of downloading
Reset Multiple div Positions on Button Click
I'm creating a card like game and have 28 divs (cards) which when the web page loads are all located within a parent div (#answerCardHolder) which acts as a holder for the 28 divs. The 28 divs currently use a float: left; to position them within the parent div (with relative positioning). Each of the 28 divs are draggable and droppable, the idea being the user drags and drops each card to the correct location as part of the game. Once the game is complete I want the user to be able to click a button
Drag an Object Out of a Scrollable Container
Is there any easy way to allow a draggable object to be dragged outside a scrollable container or would this have to be achieved by somehow duplicating the draggable object, so the duplicate isn't sitting inside the scrollable container at the same time as hiding the original? JSFiddle Many thanks
jQuery autocomplete will not loop through XML data
Hi, I'm struggling to connect my code to the xml file so it will loop through the data, here is my code so far; $(document).ready(function() { setTimeout(function() { $('#_Q0').autocomplete({ source: function(request, response) { $.ajax({ url: "brands.xml", dataType: "xml", type: "GET", success: function(xml) { var results = []; $(xml).find("brand").each(function() { if (results.indexOf(request.term.toUpperCase()) >= 0) { results.push(results); } }); response(results); } }); }, autoFocus: true,
Populating html elements from a json file
hi in an internship i am doing , i need to populate cards(materialize css) with data present in json format in form of an array. i have never used jquery before please help me fix this.
Enabling certain elements / buttons previously blocked by blockUI
Hello all, This is my first post, I am not only new here, but I am also new to everything that is JQUERY. My primary experience is with VBA, so a lot of JS and JQ looks pretty foreign to me. Anywho, I have been stumped on something for quite awhile now. I am working with a page that utilizes a JQUERY plugin called "blockUI", it restricts all interaction with the page unless mouse events are detected over buttons (only then can said button be clicked). The page also uses iframes. I have tried using
Jquery Draggable effect lots after transferring divs
Im new with Jquery UI Draggable. heres my problem, I have 2 Divs which items may be transfered between two divs. Why does the draggable effect lost when a div transferred to other div then returned? I cannot use helper clone. element must be draggable at all time. Here is to replicate the issue on jsfiddle https://jsfiddle.net/w7vjuuqx/7/: drag and drop the blue box from red box to green box. drag and drop the blue box from green box to red box. repeat step 1. here the drag effect lost. HTML: <div
Send inputdata from textbox automatically
Goal: Every time you make a input data in the textbox (named txtInputData) you send the data to the server automatically and you compare the input data to the database's table. In the end you retrieve a true or false if the data of txtInputData is the same from the database. Problem: I don't know how to make the textbox to send the data to the server with json automatically in every time when you make a input data. I don't know where to start? It sounds to be more complicated than I thought. Info:
How can I collapse jquery accordion by default/on page load?
Please find the code on this bootply - http://www.bootply.com/jL12JxNqnF When the page gets loaded,I want all the minus signs should be plus and the accordion should be collapsed by default
Jquery Tabs:call tab inside a Tab
How do I call a nested tab inside tab from an external link ? for example : I call a tab from external link by using "serve.comp.com/index.html#parent-tab-1" , how do I extend it to the nested tab ? Any help is highly appreciated. Thanks In Advance.
disabled/enable checkboxes based on drop down menu selection
Hello, My original question was here (thanks for the huge help jakecigar), however instead of having the divs hidden initially, I have decided to change it up and have the checkboxes disabled in the beginning. Once the person selects a major from the drop down menu, the checkboxes (A,B,C,D,E) become intactive. This is working fine. However, once a gender radio button is clicked and then a citizen radio button is clicked, any or all of the checkboxes are supposed to become active/enabled. Unfortunately
advanced .selectable
Hello! Is it possible to make advanced .selectable with following ability: 1. Select ability as it is now. 2. Last value in dropdown list is input for write my own value (like general select). Thanks.
Custom non-bubbling events and jQuery delegated handlers
I posted this question over at StackOverflow if you want some more context, but I think I can post an abridged version here. I am creating custom events which are very similar in nature to mouseenter and mouseleave. Because of this, the elements do not bubble. Because the events don't bubble, the events don't trigger any delegated handlers. In jQuery's source there is a special case for mouseenter and mouseleave events to make them work with delegated handlers. Is it possible for my custom event
Draggable jumps at the first drag
Please refer to this jsFiddle example. I want the draggable being dragged into the sortable section so it could be sorted. At the first time dragging the draggable, it jumps out of viewable area. Yet it is still draggable. It just doesn't stick to mouse cursor. There is a very similar demo on jQuery UI's website. Somehow it doesn't have such an issue. The following code is the HTML page of my example. It could also be downloaded at here. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">
select statement instead for whole document for a subdocument (Tab content)
Hi all I have a TAB constellation with 3 TABS 2 of the TAB content html documents (Panel, MAP) are containing some equal ids because the same datapoints must be displayed (Manual Operation, Robot Stop) for actualization of data I'm looking for a selector to select only the document in the active tab and not the whole DOM. Otherwise just the first element with the id will be found in Panel, but not the second in MAP. // Map dynamic data function MapData(){ var active = $('#tabs').tabs( "option",
Positioning Elements (divs) Dynamically
Is there a way to position divs dynamically using jQuery? I want to achieve this basic layout but rather than typing in each div's absolute position I'm wondering whether jQuery can somehow specify an offset/position (so that each div is a specified distance from the previous div) together with the number of divs per row to achieve the same thing. JSFiddle I realise I could set the divs as in-line blocks in the parent div but I have reasons for not wanting to do that. I would like if it is possible
Windows Phone 8 Page Render Problems
Hello, I have been developing web site using JQM. When I open it at Windows Phone 8 device(Lumia 820 and Lumia 920), I see page render problems. I'm using jquery.mobile-1.3.2 and jquery-1.9.1. Problem appears in http://demos.jquerymobile.com/1.3.2/widgets/buttons/ web page too, at Disabled section. I tried to, Change x-ua-compatible as IE9, IE10, edge. Change viewport like, <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height"
datetimepicker needs to block scroll mouse wheel ?
hi The form uses many datetimepicker input fields and has dozens of other fields that have to be scrolled thru alot, so as the user scrolls if the page brings up a datetimepicker textbox field, it stops scrolling the page and begins scrolling thru the date that was there. Is there something like a setting for "noSpinbtn:true" so that the text value does not increment on the mouse scroll? or disableMouseWheel?
Jquery mobile block my normal events in Jquery
Hi I have this script code to move a slide to left and right with function click on the arrows. I am using jquery 1.11.3 But I have a problem mobile device. I want to insert the event swipe but when I insert the script of Jquery mobile with Jquery, like this: Both the same time, my swipe event works perfect but the others function on jquery are block, not working. I don't why happend it. Any help ? Thank <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
show div based on drop down menu select option class
I'm not a newbie but let's just say I am advancing slowly. Thank you to all who have helped me up until this point. Here's my issue. While the code in my jsfiddle below works, I still get the following error: Uncaught ReferenceError: startFilter is not defined Of course, because of this error, I can't get any additional jquery to work. The purpose of the drop down menu is so that depending on what is selected, then the proper div or divs appear. the correct divs are appearing but until I figure
Publishing jQuery-UI version 1.11.2 to npm
We recently moved to npm from bower. Unfortunately version 1.11.2 is not supported in npm as its nor published. jQuery-UI version 1.11.2 was recently approved for eclipse smarthome project by eclipse CQ team(which took almost 3 months). But as npm does not have 1.11.2 the development of some features is halted. I know it a lot to ask but it would be really great if we could get version 1.11.2 published to npm. Approved CQ for jQuery-UI: https://github.com/eclipse/smarthome/pull/788#issuecomment-168435447
I've Developed TreeView Control
I've developed TreeView Control based on JSON model, how can I submit it to jQuery UI project to be tested and get implemented?
The theme changes just colors, dosen't allow editing.
Hi there, It may sound silly, but I've spent 2 days of installing and uninstalling themes but the end result is always just changing colors. Please help me with the above, because it drives me crazy! Cheers and Thanks! Zaggy Always like this:
jQuery AJAX not sending variable to PHP file
Hello, I am just starting to use jQuery and am using AJAX. On the click of a button, this function is called on the JS side: function generatePerson() { $.ajax({ url: "php/full_name.php", method: "POST", data: {post_ismale: true}, dataType: "html", success: function() { $("#data").load("php/person.php"); } }); } Now, the code works fine EXCEPT for the data that is being sent (post_ismale). This code returns nothing on the PHP side:
Inserting a value at the correct index in array;
Hi, if I have an array such as this; ages = new Array(19,22,24,29,27); // This could be any random numbers; and I want to add the age 26. How would I go about it in a function or is there a jQuery method I could use for it? Thanks in advance;
what will happen if i apply a jquery animation to an element which already have a css animation?
html: <div class="loader"></div> css: .loader{ animation : turn 2s infinite; } @keyframes turn{ /* turn a half round */ }js: var loader=$(".loader"); loader.style.animationPlayState="paused"; loader.animate({"transform":"rotate(360deg)"},300,"linear"); if i pause a css animation and then start a jquery animation,what will happen?
Navigate event not firimg
Hi, I'm new with JQM and I do not understand the navigate event within multipage document. I want to navigate through the different pages and make ajax requests to a server to refresh some of the content. The page structure is like this: <div data-role="page" id="map-page"> <div class="init"> <h1>Map Page</h1> <ul> <li><a href="#list-page">Go to List</a></li> <li><a href="#picture-page">Take Picture</a></li>
Line Break on a Tooltip
Is there a way to add/include a line break to a jQuery Tool Tip. I've tried 
 (amongst other things) but to no avail... <div class="menu" title="Click on a number to select which 
 game you'd like to play..."> I'd like to be able to control how the text appears in the tooltip (i.e. where the line break appears, rather than the automatic word wrap), e.g. I'd like to be able to show this tooltip as: Click on a number to select which game you'd like to play... rather than the way it defaults to
Default State on Page Load
I have ten different possible 'states' based on which button the user clicks on, e.g. if the user clicks button one, the first 15 divs are shown (with their associated css selectors), if they click button two, the first 20 divs are shown (with their associated css selectors) and so on. My question is, how can I make one particular 'setting' the default when the page is loaded, e.g., I would like to make this the default when the page is loaded (which is the equivalent of the user clicking button
Hide Remaining Elements
I have 28 'elements (div id's)' and I need to show a different 'start state' based on which 'one' of 'twelve' different buttons is selected by the user (e.g. if the user clicks on button 1, 15 of the 28 elements are shown, if the user clicks on button 2, 20 of the 28 divs are shown and so on. I'm using the following jquery code to reset the starting state each time a different button is clicked on... so I'm basically re-showing any previously hidden divs with: $("#answerCardHolder div:hidden").show();
Next Page