Loading database value into a form.
I want to load database values in webform text boxes using jquery on the page load. After loading will update values and save to database. I have written a sample code below. $(document).ready(function () getting called multiple times. Can some body help me with sample code. $(document).ready(function () { $.ajax({ type: "POST", url: "Default.aspx/GetUser", data: "{}", dataType: "json", contentType: "application/json;
unwanted color effetc
Hi I have a 3d animation. A book that opens. I use transit to achieve this effect. In Chrome I sometimes get an unwanted color effect. I wonder if someone can understand why this happens and it there is some way to avoid it? The pink in the image is the unwanted effect. To see the page, go to www.maica.se/historiska/
Tag <button> make a page autorefresh in ie10 edge mode
Hi, sorry for my english.... I've a big problem: I used this: <button onclick="cerca_pratiche()">CERCA</button> function cerca_pratiche() { // do nothing } to make a simply style for commands on the page (show or hide tables). In ie8 everything ok. In ie 10 when I click on the button start a page refresh. I'm using jquery-ui-1.11.3/jquery-1.10.2.js Can anyone help me? I've put lot of this button and rewrite code is a big problem (and waste lot of time :( ) Thankssss Stefano
make an age selector on click
I have this dropdown menu (bootstrap): <div class="mutual_interests_search dropdown col-xs-4"> <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Looking for people that: <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">Eating Well</a></li> <li><a href="#">Train Hard</a></li> <li><a href="#">Looking for motivation</a></li> </ul> </div>I need to show the user a age selector box when he clicks and picking his preference from the drop
Jquery and Vbulletin
Hi everyone, i have been wandering around looking for a tut that explains to me how to make a jquery button which when i hover the mouse on; it displays "the subforums" in my vbulletin forum... i'll be so grateful if you help me by any means..!
jquery validate. It may be a bug in errorContainer and errorPlacement.
Hi, When I create a div as a container to display errors, they are displayed only if indicated in errorPlacement. It is not just the problem, as indicated in errorPlancement the div to display errors when passed validations, error messages do not disappear. I tried it with jQuery 1.11.1, 1.12.1, 2.2.0 and jQuery-validations v 1.13.1, 1.14.0 and 1.15.0 with the same result. JS For Usuarios form /** * DEFAULT GLOBAL JQUERY VALIDATIONS */ jQuery.validator.setDefaults({ debug: true, ignore: "input[type=hidden]",
SQL Query
Hi Guys Firstly I apologise if im completely barking up the wrong tree regards this question. We have a page on our website that involves allowing the user to select an area in the UK. When they type 3 characters the query begins and matching areas are displayed. However it appears quite sluggish and takes about 1.5 seconds for the query to react, probably due to the 40 thousand areas in the database. I was wondering if there was a more efficient snippet of code that would produce faster results,
How to add a dropdown in header
Hi there, In header , I have a toolbar. I would like to add two button one on left and the other on the right of the toolbar. When clicked I want a drop down to appear which will list things like Preferences, About, Help and Quit. What jQuery mobile widget do I use. Thanks Joe
Getting JSON data using $.post method
Hi, I'm learning Ajax. Right now I'm trying to catch some data from a json file and show them using $.post. However following code is not working. The same code works if I use $.getJSON instead of $.post. I know how to bring it to work with $.ajax but I'm keen to know why it doesn't work with $.post ? HTML: <main role="main"> <button class="btn">Show Data</button> <div id="content"></div> </main> JSON (data.josn) [ { "name":"Barot Bellingham", "shortname":"Barot_Bellingham",
external toolbars tapToggle event don't work properly in ajax loaded page (jquery mobile)
In short, my problem is that the "tapToggle" event do not work as expected. For more details on the problem I posted the question on StackOverflow also to the following address: my problem Thanks
Superfish: arrow disappeared after version update
Hi, Just tried to update the Superfish plugin libraries used by my website from 1.5.8 to 1.7.8. I kept my customized CSS. Now, the menu looks the same as before, but the "dropdown" arrows have disappeared. In 1.5.8 they were done via the "sf-sub-indicator" CSS class, as background image. Tried to set the Superfish options cssArrows: false and autoArrows: true, both did not change anything. Does anybody know if this type of arrows is still supported by the latest version of Superfish? Just wanted
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/ .
Next Page