Processing Ajax JSON Return Array
I have over 50 scripts where I use an Ajax call to populate a DataTable. All work great. Now I have the need to use an Ajax call that will access a mySQL database and return information to simply display on a page via Javascript. Here is my Ajax code... <?php $fam_ID = 1; $output = array( "sEcho" => 1, "iTotalRecords" => 100, "iTotalDisplayRecords" => 100, "aaData" => array() ); try { if ( $fam_ID != 0 ) { $name_short = "SHORT NAME";; $name_long = "LONG NAME"; $submitter = "SUBMITTER";
Creating a custom native Select Button [GSoC '16]
Hi, I'm Srimukh, a senior undergrad from BITS Pilani Goa Campus, Goa, India. I would like to work on the following project listed under GSoC '16 page: https://github.com/jquery/gsoc/wiki/GSoC-2016-Ideas-List#jquery-ui---native-select-button From my understanding of the description of the idea, the task is to create a custom native Select Menu Button. It is similar to what is already implemented in jquery-mobile(http://demos.jquerymobile.com/1.4.5/selectmenu/). The Select Menu widget that jquery-ui
slidejs not working on show/hide
2016 Ganesha Chathurthi festival celebration at JIRS JIRS Goa Trip Inter School Exchange Program UK Universities at JIRS Ganesha Chathurthi festival celebration at JIRS JIRS Goa Trip Inter School Exchange Program UK Universities at JIRS Ganesha Chathurthi festival celebration at JIRS JIRS Goa Trip Inter School Exchange Program UK Universities at JIRS 2015 2014 <div class="large-6a columns"> <div class="col-md-8"> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"
jQuery Mobile drop down in header
Hello, I want to put a drow-down menu in my jquery mobile webapp especially in the header. My webapp: mobile.wks-webapp.bplaced.de Login: User: MockMode Password: htlhl I want to put the dop-down menu in the header of uebersicht.html and detail.html My Problem is (uebersicht.html), when I open the drow-down menu I cannot open the Hilfe/Help PopUp. In detail.html the drop-down isn't visible and I don't know why.
jQuery Mobile loading spinner
Hello, I want to change the normal jQuery Loading Spinner. On my mobile webapp: mobile.wks-webapp.bplaced.de Login with: user: MockMode password: htlhl When you send a request (parser.js) it should show my custom spinner. After loading the data the spinner shouldn't be visible. I have a div id="loader-wrapper" which I set visible or none. 1. I have a problem when I want to use this spinner on different sites because the id is the same. 2. Setting the spinner visible and not visible doesn't work
chang jquery 1.9 to 1.11
hi, my script works with jquery 1.9 fine but now i have to update to 1.1. now i get a errot with this code: $('#temperatur').load('/Netatmo/cached_temperature.txt'); i get the error: "SCRIPT5007: Object expected" what do i Need to Change? thanks for your help.
Show textarea that share the same parent
I'm trying to get the textarea that shares the same parent as the selected option to show, but all the textareas show when their own option is not selected. Any suggestion on how I can solve this. My code looks like bellow: $('#snitchBox').each(function (index, value){ $(document).ready(function () { $("#snitchBox").hide(); $('select#reportReason').on('change', function() { if ($(this).val() === 'Other') {
Trouble with jquery or not
Hello! I have installed on the website jquery animated backgrounds and after that there was a problem. In my header section the following lines appeared: <script type="text/javascript">if ('undefined' != typeof jQuery) document._artxJQueryBackup = jQuery;</script> <script type="text/javascript">jQuery.noConflict();</script> <script type="text/javascript">if (document._artxJQueryBackup) jQuery = document._artxJQueryBackup;</script> Please tell me it's because of jquery? On the CMS forum I was told
Code removal
Hello, I have just has a SSL installed on my site and I have done a test to find links that are not in the https format. Somehow, the code http://code.jquery.com/ui/1.11.2/jquery-ui.js is on my homepage and I honestly do not have a clue as to how it was placed there. To my knowledge, I have not installed a product on the site that uses your service. I wish to have it removed from my footer as it is causing a conflict with my SSL. I do not know if it was part of my WP theme but I will be checking
Zoom to polygon by attribtue
Hi all, I'm new to jquery and javascript but I'm diving right in. I'm trying to generate a map that includes a tool to zoom to a feature based on a field in the attribute table. In this case I have polygons and I want to create a box where I can enter in a polygon id, and then the map will zoom to and recenter on that polygon. Anyone know of documentation where I can start? Cheers
Hold execution for self made alert box
guys.. I have my made alert box using DIV. i need to hold the execution till user click the YES or NO in that DIV alert. is there any way to achieve this..?
Capture click and redirecting is not working
I want to capture any hyperlink click and redirect them to different host name. So far it's not working...not even the alert is showing. Below is my code so far: $('a').click(function(e){ e.preventDefault(); var href = $(this).attr('href'); var url_hash = $(href).text().replace("https://mysite.knowledg.com/help/article/link/", "https://devbox.mysite.com/kb/article/"); alert(url_hash); //redirect the link to commonspot page if($(this).attr('target')
Javascript which is working in jsfiddle is not working locally.
Javascript which is working in jsfiddle is not working locally. Below is the code. <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /> <style> .axis path, .axis line { fill: none; stroke: black; shape-rendering: crispEdges; } .axis text { font-family: sans-serif; font-size: 11px; } #tooltip { position: absolute; text-align: center; width: 40px; height: auto; padding: 10px;
.removeClass not removing class from panel menu link
My panel menu works, links work, but when I try to style it so that the current page's link is highlighted in the panel menu it doesn't want to cooperate. Here's the relevant html: <div data-role='panel' data-position='left' data-position-fixed='false' data-display='reveal' id='nav-panel'> <ul data-role='listview' style='margin-top:-16px;' class='nav-search'> <li class='menuitem'><a style='display:block;' href='#' data-rel='back'>Back</a></li> <li data-icon='delete' > <a href='#' data-rel='close'>Close
Problem with a homepage slider
Hi, I have a slider on this website homepage that isn't loading the content on it. Please can you help me and see what the issue is? Thanks very much in advance, http://www.commercial-power.co.uk/ <!--======= HOME MAIN SLIDER =========--> <section class="home-slider"> <div class="tp-banner-container"> <div class="tp-banner-fix"> <ul> <!-- Slider 1 --> <li data-transition="fade" data-slotamount="7"> <img src="new/corporate-background.jpg" data-bgposition="center
Multiple row editing form in JqGrid
Hi, I have a requirement to implement multiple row edit and save the data for all rows at a single go in a separate form. Could you please help me with some guide or example to perform this. Thank you.
Search on JSON vs TABLE itself
hi Guys, what is best approach for performance.. 1) searching in json by ($.grep) and then bind to table in every keyup OR 2) searching in Table itself and show hide the <TR> please suggest..!!!
Popup using iframe does not work after first time load
I am trying to get a list of videoid and demo them using popup. however this works fine for first usage. The second time I load the page the popup does not work. The iframe is displayed after each img. <a href="#myPopup{{num}}" data-rel="popup" data-position-to="window" class="ui-corner-all ui-btn-inline"> <img src="http://img.youtube.com/vi/{{videoid}}/default.jpg"> </a> <div data-role="popup" id="myPopup{{num}}" data-overlay-theme="b" data-theme="a" data-tolerance="15,15" class="ui-content">
Toggle from other location
Hey everyone, I'm creating a site in wordpress with some audio links, (download, lyrics, play song etc...) Now i have a few of these boxes: <div style="" class="vc_col-sm-4 wpb_column column_container vc_custom_1457182789700 "> <div class="mk-audio small-version-false add-baloon audioplayercss"><span class="mk-audio-author">Song Title</span><script type=""> <div class="jp-download"><a class="mk-icon-download" href="Song.mp3" download=""></a> </div> </div> </div></div>
When will the NPM package be updated to 1.11?
The blog post for 1.12 Beta mentions that the npm package is now maintained by the jQuery UI team, which is cool, in this wasn't the case. Unfortunately, the npm still serves 1.10.5 as the latest release. Is there any reason that 1.11 hasn't been published on npm? And if not, when will the latest version be published?
JQUERY, how to call event without a button ?
Hi, I have this button that triggers a jquery window to upload a file : <a href="#" id="upbutton" class="button small pop2" data-bpopup='{"content":"iframe","contentContainer":".content","loadUrl":"mfu.php?botidtof=$RCbotid"}'>UPLOADBUTTON</a> And this is how I am launching the event with JQuery : $('#upbutton').trigger('click'); This works just fine. But I want to delete the <a> tag inside the body and call the event directly from JQuery, How can I do this ???? Thanks.
Animations not working properly after first run
I'm having trouble with jQuery animations and I can't figure out what's happening, since it have the same logic on the four website sections and this only happens in two. Can anyone go to this website and replicate the following steps to see the behaviour? 1. Wait for intro animations 2. Click on 'Serviços' 3. Wait for section to load all animations 4. Click on top left logo 5. Wait for the animations 6. Click on 'Serviços' again once the menu is available Why is the menu fading in right after fading
How to use .ajax or getJSON to query multiple urls and then sort the combined data?
I was trying to write a Javascript using jQuery to retrieve the repositories under my username and the organizations I own on GitHub, and then sort them by the number of watchers and so on. However, I never really make it work. The core task is just to query multiple urls and combine the raw data before sorting and formatting which I can do. I have searched online, but it seems very tricky to retrieve multiple data sets and combine them as I may not understand the scope of variables and data structures.
diff beween Jquery 1.12.0 and 1.11.3
Hi what is the diff between Jquery 1.12.0 and 1.11.3 i am facing issue with livequery syntax it works fine in 1.11.3 but nt working in 1.12 any help thanks
Return 3 closest locations to a users location (geolocation) and list those locations for them
Hi there, In my app, I'm finding users geolocation. I also have a geolocaion of cities. I can put the geolocation data of cities in array or SQLite database. How do I get and display the 3 closest cities near the users location. Thanks Joe
How to mock one function from another .js file
Hi All, I am new to QUnits world. I am trying to mock one function from one .js file which is using one function from another .js file. Example : Services.js function foo (){ if(......) return true; else return false; } Model.js function bar (){ var result = services.foo(); if(result){ - - } else{ - - } } Now here, I am writing test cases using QUnits for function bar() and want to mock
Jquery UI-dialog position left value varies on first load
I have used Jquery Ui-dialog on my project. when i click on link the Jquery Ui-dialog opens, $("#myId").position({ my: "left top", at: "right+10 top-10", of: this, collision: "flip" }); on first page load only, the ui-dialog has the css like top: 96.0004px; left: 246px; After all the time when i click on link , the ui-dialog has the css like top: 96.0004px; left: 249px; The top value remain the same, But the left value is only changing... My question is why the left value is vary from 246px to 249px?
Drag n drop - hinder certain rows from being dragged
Considering this code I'm using for drag n drop: $(".gridview").sortable({ //items: 'tr:not(tr:first-child)', items: 'tr', cursor: 'pointer', axis: 'y', dropOnEmpty: false, start: function (e, ui) { ui.item.addClass("selected"); }, stop: function (e, ui) { ui.item.removeClass("selected"); }, }); I would
Drag and drop
I have successful built a drag and drop game but I however want a situation where if I drag an image, the '''original' image is maintained at it normal position while a clone of it is drop into it targeted position. I HAVE TRIED TO USE '''helper:'clone'' but it doesnt work.. here's a plunker i made for this https://run.plnkr.co/plunks/Qrja7TaWkaJI4l9Qm5Vb/ .
Experience = ZERO. Write the code or use a plugin?
Hey, I am new here. Hello! I was approached by a company boss regarding a "product picker." This picker would: 1 - Ask 5 questions 2 - Based on the results, provide a few product selections from say 20 products. I jumped at the chance to expand my skillset. Questions I have based on the fact I am not a programmer but can find my way around website code: 1 - This seems like a great exercise to begin to learn jquery. But am I underestimating the complexity of the language? 2 - Is there a tutorial that
Option value or Test
Hi, Here is Jquery and it was triggered fine whilst I am not getting value of option or text. Can you please help me to correct the below sample script to get alert for selected option val or text. Thanks in advance $(document).ready(function() { $("#adx_quickservice").hide(); $("#adx_recentquality").on("change", function() { //var selected = $("#adx_recentquality").val(); var selected = parseInt($("#adx_recentquality").find("option:selected").val()); //var selected =$("#adx_recentquality").text();
why use "$" as the short name for jQuery?
why use "$" as the short name for jQuery?
datepicker with button click
Hello, on a form there is a button "Deadline" I want to show the datepicker if you click on the button. <input name="deadline_button" id="txt_deadline_button" type="button" class="button" /> Then if calendar is visible and date is selected, the date should be showed in table column (or in a different textbox) I tried this code below: $('#deadline_button').datepicker({ onSelect: function(date) { $('.Tabletd5').html(date); $('#deadline_button').html(''); } }); It works fine but
Overlay & Loader over Popup
Hi, I'm using standard JQM POPUP to create a dialog thru ajax call. Inside ajax call I can easily execute $.mobile.loading( 'show' ); to show overlay and loader before my popup dialog show up. However, when I execute again $.mobile.loading( 'show' ); on ajax call (button click) on same popup dialog page, only loader appear over the popup page. The overlay is not. This causes problem as I still are able to click any buttons on popup page. My current only solutions is before I call ajax, I will close
How to trigger a change on a radio buttons group
Hello,Could someone tell me how to trigger a change on radio buttons group? I have this group <fieldset data-role='controlgroup' data-type='horizontal' data-mini='true'> <input type='radio' name='rad_group' id='rad_Matin' value='Matin'> <label for='rad_Matin'>Matin</label> <input type='radio' name='rad_group' id='rad_Midi' value='Midi' > <label for='rad_Midi'>Midi</label> <input type='radio' name='rad_group' id='rad_Soir' value='Soir' > <label for='rad_Soir'>Soir</label> <input type='radio' name='rad_group'
GSoC 2016 - JQuery UI Native select button
Dear Sir, I am Dilini Mampitiya Arachchi - a 3rd year undergraduate at University of Moratuwa, Sri Lanka. I went through the ideas list of JQuery Foundation and am interested in the above project to do as my GSoC project 2016. I have hands on experience in JQuery UI, JS, CSS and HTML. Also, I have worked in some open source projects as well [1]. I went through the API documentation of JQuery Selectmenu [2] and started getting familiar with it. I am eager to know the next steps to follow. Will you
source bug???why cssHooks get method computed param always value is true?
Under what circumstances is false?I want to the experimental value to false code, can help me?
sketch.js canvas filltext help
I am following the sketch.js script here along with the thread I found here, which I have the exact same problem. Now I am trying to integrate filltext function into sketch.js and I followed the function call from this.painting=true; to the redraw function and I am lost on how to add in the filltext with this "return $.sketch.tools[this.tool].draw.call(sketch, this);" function call. This redraw function clears out all the filltext and draws the marker sketch with lineto(from memory?). If someone
How to sort columns in a Table?
I'm using a plugin table sorter and it works fine if I have a simple table. In my case, unfortunately I have a table container and inside I have a table header and table body. How can I effectively sort? Please advise JSfiddle Link
Assign variable from text file?
hello, i have a text file with one line (numeric), i search a simple way to ready this value and assign to a variable. please help me :)
Next Page