Convert jquery string to object
I have var a = 1; var b = $("#abc").val(); here i am getting b as "a" only, but i am not able to access the value.Please help me on this
Intel XDK App Designer believes that JQuery Mobile is no longer in develpment
I've just installed the latest version of Intel XDK for both Windows and Linux. In both the app designer claims that a number of mobile frameworks, including JQuery Mobile, are no longer being supported by their developers. Obviously this is not the case. I am new to mobile HTML app development. I am wondering if I should hold off using the app designer in Intel XDK until their or your next release. Does anyone know if using the JQuery Mobile with the app designer will create content that will
Teach book or cookbook for jQuery
Is there a teach manual or a cookbook for jQuery either online or printed or pdf? I don't mean reference manual but a teach or cook book.
Ajax, problems of transaction between two div
Good morning , I have a problem with this script that performs the dynamic transaction pages without making the visual effect of page load , typical od server side languages. The Script is : /* <!--<script type="text/javascript"> $("#panel_container_sx a").click(function (e) { e.preventDefault(); // $("#submenu_11 a").click(function() { var param = $(this).attr("id"); $.ajax({ type: "GET", url: param , success: function(response) { $("#panel_container_dx").html(response); } }); }) </script> */
Ajax GET and POST method
I am currently using ajax GET method to pass my value into the same page. I look at the console.log, the requestURL is able to pass the value like www.example.com/test?q=1. unfortunately,when it request by the server site, the get value is not assigned to the variable $_GET['q']; As a result, i couldn't manipulate the value after the request. Do you have any idea what've I missed ? or it is fundamentally not allow to do in the same page. $anyvar = $_GET['q']; function showData(str) { bool = false;
Pass value from child window to tokeninput in parents window
Hi, How do I pass value from a child window to tokeninput in parents window. Below is the example of my code: Parents window: my Jquery Tokeninput script <input type="text" id="tokenize" name="receiver" /> <script type="text/javascript"> $(document).ready(function() { $("#tokenize").tokenInput("root/system/application/views/ajax-user.php", { theme: "facebook", preventDuplicates: true, excludeCurrent: true, hintText: "Enter user name", noResultsText:
Problems in displaying a page.
Hello Folks, Few days ago I have downloaded, from https://github.com/blueimp/jQuery-File-Upload/tags page, your JQuery File Upload Demo you have published at https://blueimp.github.io/jQuery-File-Upload/. I am not able to appropriate run the source file because, at first it does not displays glyphicons, and then, after clicked to “Add File” button and selected an image it returns without displays any preview. It’s been for two days now that I am getting mad to understand why without any result, so
tooltip for help icons
I want to place a help icon next to each form field, and show tooltip as long as mouse is on the help icon (just on icon not clicking it.) I don't want to show tooltip by hover on form field like the demo. I have several help icons and by mouse hover on each of them, a separate message should be shown just for that help icon. reading documentation I am confused between this: $( ".selector" ).tooltip({ items: "img[alt]" }); and this one: $( function() { var tooltips = $( "[title]" ).tooltip({
Problems with a userscript library
So I have me a little personal library with functions common between my "Olympian" userscripts (since they're all named after Greek gods) which I include into each script with the requisite: // @require https://greasyfork.org/scripts/22593-mount-olympus/code/Mount%20Olympus.js?version=146437 Problem is that I get the error: Uncaught TypeError: $(...).draggable is not a function on line 219 when I require this script into another and I have no idea why. I've used the jQueryUI library in other
Currently i am doing a school project, i want to do a mouse over on canvas element which is the draw image motion to display the date and time in my sql database
<script> window.onload = function() { var outputx = <?php echo json_encode($outputx) ?>; var outputy = <?php echo json_encode($outputy) ?>; var outputid = <?php echo json_encode($outputid) ?>; var c = document.getElementById("canvas"); var ctx = c.getContext("2d"); var backgdImg=document.getElementById("bg"); var motion=document.getElementById("mt"); var pat=ctx.createPattern(backgdImg,"repeat"); ctx.rect(0,0,1020,600); ctx.fillStyle=pat; ctx.fill(); var i = 0; var
Disable back button in All the browsers using Javascript
I'm trying to find a way to disable the browser back button. After some googling I found this page: Disable back button in browser According to this page the best method is using this code: history.pushState({ page: 1 }, "title 1", "#nbb"); window.onhashchange = function (event) { window.location.hash = "nbb"; }; But, there is no explanation for the code. What is "title 1"? nbb is just an ID? Can some one please explain the whole code a bit more? Thanks
Rotate image follow mouse jquery with smooth transition
I am trying to make an image rotate when you hover over certain items on the page. It uses the solution provided here (with edits for my purposes): http://stackoverflow.com/a/10235298. You can see an example of what I am trying to achieve here: https://jsfiddle.net/t100gq25/ HTML: <div class="container"> <a href="#" class="menu-1"> <img src="http://placehold.it/140x35&text=4" class="animation-trigger"> </a> <a href="#" class="menu-2"> <img src="http://placehold.it/140x35&text=1"
Dialog with no selector
Dear Everyone, I'm building a jQuery UI Dialog for the first time using the following line of code: $("#demo").text('Are you sure ?').dialog({width: 250}); But attaching the dialog to an html element is causing problems. All I want is a confirmation dialog box independent of the page html. Is this even possible with jQuery UI ? Thank you all in advance.
Jquery UI Tabs for Dynamically generated web page
Hi, I tried to use jquery UI tabs for a PHP site. Below are the HTML code: div class="content-wrapper" id="tabs"> <ul> <li><a href="/dashboard/school/7834e2a8-93c5-a75a-7e1c-c249afd54762#alreadySponsored">Already Sponsored</a></li> <li><a href="/dashboard/school/7834e2a8-93c5-a75a-7e1c-c249afd54762#alreadySponsored#newApplication">New Sponsor</a></li> </ul> <div id="alreadySponsored"> </div> <div id="newApplication"> </div> </div> But I got error saying
Show and hide div, css, ancher point
Hej, my first post here and really need your help. I have made this site http://tinemuller.dk/gis-afdelinger/ with info for each council and hope all 98 councils will use my service and then it will be a very long doc. I found this site https://www.zetland.dk/ and really like the way they use +/- to show a div. and would like to use the same on my site so when people click on a council they see the info for only this council. Would also like if it was possible to anchor to each councils info so it's
HI
Below snippet how to make alert message on the input field when its in empty and unfilled <script type='text/javascript'> $.validator.addMethod("pan", function(value, element) { return this.optional(element) || /^[A-Z]{5}\d{4}[A-Z]{1}$/.test(value); }, "Invalid Pan Number"); $("#myform").validate({ rules: { "pan": {pan: true}, }, }); </script>
Jquery search between two dates
I have problem with Jquery searching between two dates. If I search like this: 18/02/16 - 30/05/16 I can find files which is between them. My problem is that im searching it like filename because file date is in filename. (When file is created) My directory tree: function DirTree(title, ajaxcall, post_action){ $('#big_modal-2').html(' '); var output = '<p class="lead text-search-info">'+title+'</p>'; output += '<hr />'; output += '<p id="dir-links" class="lead"><?php echo
passing text from dropdown-menu to ajax with jQuery
Hello i want to send the text from selected dropdown-menu items to my service via ajax. How do I accomplish this using JQuery Below is what I have tried: But doesn't work. <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
how to append values in dropdownlist box using another dropdownlist
I have 3 textboxes.I need to append values according to previous dropdownlist .I have retrieved val for 1st textbox from json file(autocomplete) I have some values in 2nd field , I need to append values to 3RD field according to 2nd field.. I have retrieved values. But need to append to dropdownlist. I need to get the length of retrieved values.(count the retrieved values) I am getting undefined. please check the updated link.. and screenshot. https://plnkr.co/edit/C6ODswCppxH6uZlOtjCB?p=preview
Show/Hide textfield base on choice on dropdown list
Hello, To Show/Hide textfield base on choice on dropdown list which function should I use? I have no seen this ability on demo site, please give direct link. Regards,
Do selectors make a copy, or do they point to the actual element?
I have the following code: var elementList = document.querySelectorAll(".dotImageCommentClass"); top = elementList[0].offset().top; A diagnostic alert tells me I have an image (or array of them) but I get an error that the 'offset' property is not supported! Why is that? Thanks.
Getting NULL in web api Post
Hi all, I'm starting to get a handle.... a little bit. My jSon should be passing a parameter to my Post Web Api but it's passing a null, or the web api is GETTING a null. Json: <script> var uri = 'http://localhost:58021/api/SedgwickEvent'; function Count() { var counter = $('#counter').val() ; $.post(uri, counter) .done(function (data) { alert('success: ' + data); }) .fail(function () { alert('error: ' + Error);
If I iterate through a selector, what order of elements do I get?
Suppose I dynamically add three images, one after the other, to my document. They all have the same class, so I can use a jQuery selector for the class to retrieve them all. The third image has a position on the page near the top. They are all within a DIV. I would like to retrieve them in order that the appear to the human eye. But a class selector would retrieve them in the order that they were added, so the image nearest the top of the page is retrieved last. I suppose I could sort the images
Will there be a JQM 1.5?
Hi there I'm a big fan of JQM and have used it in various Projects until now, although i'm not sure if it's that wise to start a new project with JQM since the roadmap is outdated and there are not that much infos from the creators how the whole thing will be continued (if it will be continued)! what a pitty because it is a very efficient framework with a lot of features you don't have in other frameworks! best andy
Jquery not running
Dear Sir/Madam http://www.prajaktasoftware.com/sce/exhibitorsetpassword.php?id=79 I found following error using development tool exhibitorsetpassword.php?id=79:637 GET http://www.prajaktasoftware.com/sce/css/shortcodes.css exhibitorsetpassword.php?id=79:637 GET http://www.prajaktasoftware.com/sce/css/settings-panel.css 404 (Not Found) responsee.js:8 Uncaught ReferenceError: jQuery is not defined(anonymous function) @ responsee.js:8 jquery.magnific-popup.js:49 Uncaught TypeError: $ is not a function(anonymous
Show multiple table rows on radio button click
Hi, how do I make multiple row showing per radio button check( When user click Other, two rows will be showing row for Country Dropdown and row for State Dropdown), it is not working when I do it like the code below as I cannot use the same ID more than one time(country-2 used twice) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> </title> <script type="text/javascript"
Build HTML document with jQuery to set it in iframe
am receiving from server full HTML code of different pages as string: $.post($form.attr("action"), $form.serialize(), function(responseText) { console.log("text received"); //Setting dynamic content to iframe method * }).error(function(p1, p2, p3){ alert("error!"); console.log(p1 + p2 + p3); }) ; Setting dynamic content to iframe method 1: var s = $(responseText); $('#FileFrame').contents().find('html').html(s); Setting dynamic content to iframe method 2: var $frame = $('#FileFrame'); var doc =
Jquery Autocomplete Deleting Problem
Hello! I've a problem with my Jquery Autocomplete script. Basically it show a city list and if does not match any element it shows a popup with toggle function. I have a problem with wrong names. If I'm typing "ROMERRRR" it shows my error popup correctly. I'm using this script that works properly in chrome browser but not from mobile browser. Infact from Chrome DESKTOP, after the first time, i can use backspace again and again and nothing happen correctly but in my mobile Chrome browser when i press
more.. after 50 chars
I have a field which has a lot of content. I want to apply a logic where i would extract out content with 50 chars and will be aadded by (more..). However, i want to apply it in such a way that the content can be less than 50 chars but should involve all the full words. So that "This is a test" should not become This is a t(more..). rather it should be This is a (more...) How do i achieve this in Jquery or javascript. thanks
Stop scrolling page if menu item not contain a function into link
Hi at all in my web site www.iomla.net I have an accordion menu animated by this script: www.iomla.net/acc.js. It work very well but clickin into an item not containing final link the page scroll to top instead of staying steady waiting for next choice. It'ld can scroll the page to top only clicking last choice containing link to page that is a function. Thank you very much
MultiSelect Autocomplete enable
Hi, I have a code for autocomplete in asp.net with ajax have shared the code for same But i require multiselect with autocomplete in the same code Can anyone help for the changes which may be required Thanx in advance Below is the code : (function ($) { $.widget("custom.combobox", { _create: function () { this.wrapper = $("<span>") .addClass("custom-combobox") .insertAfter(this.element); this.element.hide(); this._createAutocomplete();
scroll with fixed header/footer
Hi everyone I used fixed headers and footers for my jquery-mobile based site ( http://www.dollsofindia.com ). If you open this site in any mobile browser and try to scroll up, you will find it gets stuck on the first swipe upwards. After this, this the header occupies the top position over the address bar and only then, when you scroll up again, does the page scroll below the header. The same happens when you scroll back down. When the header and footer are made non-fixed, this problem goes away
Roll Your Own - Tabbed Menu issue
Hi All, I am working on a clients website which is very information heavy. Trying to make tabbed areas to limited the amount of space taken up. I went on themeroller and got this: http://jqueryui.com/themeroller/#!zThemeParams=5d00000100c005000000000000003d8888d844329a8dfe02723de3e5701fa198449035fc060c60d90ab42a9576967ec2e17f4e216009e15891758c06c64cfd470466d5dc37c164a68069267698161defb8ccc57ef0ebca1830333d6f5c5acbd6934454d5f9785ae2a775f6be5172ccdcb8da273a83ebccb477d1c743421206752b6db33bfbf508417ce75c229797b8417ab7b3e52916122b8f795259f0d87f33752259b97ac68499319a295cab4b3a86e6c38ea1aa16ab081209d200dcd64850c77f2a750ae17fd69b4e486df479038d2a5907296038dc6340dae3fca7fd3cb4c8cb8638cd4871dc0753d8d5cd713d9130584ac8cda1adedd53bf2eabdd77b1303ad395766ff4672a3978dba42571fae4f82ade505babf85ca568763a4635b18414dc24bc3b5f8fdfe24d8e11240c65f92a354574f067c2d66e171d10f784388e7775a1c7ca44d73ffc3ee602710bf126a07da14f270cfff02fc07c67dce5466ef1fe97d23d51db71c04ff5e208a55feead406c0ceca7900c7bc1ab1de92acb7e55bc4d97258ece083938555a455ba3da7cbc5e2a8dd281eda01c61a3c2be61307b533049c1f12ffc2a8de3341aa2bfeb224f56420d2e8bdb699654f53dd20ffb570ee8248ecffd6c1269e
I get much space between 1st and 2nd column using 1.4.5 ... what to do???
<div class="ui-grid-a" id="entry"> <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="width:120px;">TYPE:</div></div> <div class="ui-block-b" id="entryTYPE"><div class="ui-bar ui-bar-a">Block 1,2</div></div> <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="width:120px;">DESCRIPTION:</div></div> <div class="ui-block-b" id="entryDESCRIPTION"><div class="ui-bar ui-bar-a">Block 2,2</div></div> <div class="ui-block-a"><div class="ui-bar
Auto play Youtube Video when loaded in a div
Dear Sir I am embeding following code using javascript when i load following code (say) using database this information being in database, this varied based on the link clicked by the user. <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/zNWHsYsht9E?rel=0&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe> I want to auto play the youTube video when loaded My jquery code to display the youtube video $.getJSON("sampleyoutubevideojsonfill.php", {id:
Access to nested JSON
Hi, I tried to to access the following json: var data = [{"nodes":[{"id":"node_id_1","label":"node_label_1","title":"","group":"0","content":"","x":"-305.451","y":"-173.162"},{"id":"node_id_2","label":"node_label_2","title":"","group":"0","content":"","x":"-234.961","y":"-98.5864"}]},{"edges":[{"id":"6","from":"node_id_8","to":"node_id_5","label":"6","title":"6","group":"node_id_8","content":"node_id_5"},{"id":"undefined","from":"node_id_8","to":"node_id_5","label":"undefined","title":"undefined","group":"node_id_8","content":"node_id_5"}]}]
AJAX -> storing result in variable using callback (undefined)
I have a question to a very common problem. Probably dozens of question have been asked with regard to this. But unfortunately, I am not able to solve my problem anyway. Maybe you can help me! I have the following code: function get_network_from_database(callback) { $.ajax({ type: "POST", url: "load_network.php", data: "json", success: callback }); } function myCallback(result) { return result; } var matrix = get_network_from_database(myCallback); Now, when I alert matrix then it says undefined but
my checkboxradio font color did not change after clicked
my checkboxradio font color did not change after clicked. how to change the font color after clicked? Can you please help? UI theme stylesheet (Base) is included. the label should change to white after clicked. i copied the demo code to my work and still same
when using online version appear icons when local version Not appear icons ... what to do???
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> <!-- <link rel="stylesheet" href="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.css" /> <script src="jquery.mobile-1.3.2/jquery-1.9.1.min.js"></script> <script src="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.js"></script> --> when using online version
Tablesorter Re-initialize after destroy
On page load I initialize the tablesorter like so: $('#tableId').tablesorter({ // sort on the first column, order asc sortList: [[5,1]], cssDesc: "headerSortDownFan", cssAsc: "headerSortUpFan", cssInfoBlock : "tablesorter-no-sort", headers: { ".sortingDisabled": { sorter: false } }, // apply custom widget widgets: ['numbering'] });
Next Page