information not in modal
I currently have this code that is suppose to estimate the shipping on a certain item. It currently opens the window and just continues loading and doesn't pull up the result. Any thought? I feel like i am close. (function() {
/**
* Main function to get the estimates, receives the itemid, zipcode and the country.
* @param {[type]} item [description]
* @param {[type]} zip [description]
* @param {[type]} country [description]
* @return {[type]} [description]
jQuery Timer
I am new to jQuery so I am struggling with my attempt at a timer countdown. This is the goal: I have 10 names being pulled from a database in a .NET MVC application. The first name in the list will have a countdown. When the countdown reaches 0, it needs to remove the name, restart the timer, and slide the second name up into the place where the previous name was. My countdown is working but when it reaches 0 it stops and nothing else happens. Can anyone give me some ideas of how to do this? Thsi
Use external and internal headers (toolbars) on the same app
I have a page that shows product details in my single-page catalog app. In order to support the "slide" transition between two product pages (which initially used the same page), I have defined two pages that act as a double buffer. So instead of having a "#detail" page, now I have "#detail-0" and "#detail-1", which are used alternatively as the user swipes the page to the right/left to see the previous/next product. This is working fine, but I would like the page header to remain fixed (not slide)
appending code from two functions jquery
hi to start here is a copy of my code var userid ='UCLdin3PebPaIVQdIC7Lp-kg'; var devkey ='*****************'; $(document).ready(function(){ $.get( "https://www.googleapis.com/youtube/v3/channels",{ part: 'contentDetails', id: userid, key: devkey}, function(data){ $.each(data.items, function(i, item){ pid = item.contentDetails.relatedPlaylists.uploads; getVids(pid);
Using datepicker on other tag than an input
I want to know if datepicker can be use on an other tag than an input like a div or a link. If there is a way how to do it ? Thanks you, Vince
JQuery 2: isArray is not a function on IE11
Hi, I am using Jquery 2 on IE11 and getting this error - "Object doesn't support property or method 'isArray'" It's weird because IE 11 should have it's own isArray. On all other browsers like opera or chrome everything works. And I am not in compatibility mode in IE and not in a debug mode. Have anyone seen such an error on IE9+? Is something wrong with the browser? Share your ideas, please. Thanks!
Using of draggable, droppable & sortable at once.
Hi Everyone, I'm trying to develop a functionality so that a user can drag and drop form fields from once side to another side having multiple sections with subsection. After that he can drag and drop the that section or subsection or any field in any section or sub section of the existing. I have start making it and got stuck in thing that duplicating the sections and dragging into other. http://zzzz.triusonline.org/forms/update?id=3 User : zzzz Pass : 123456
CustomExceptionAttribute whith $ajax POST call
I have this problem. I write a CustomExceptionAttribute that redirect on customerrorpage. My code work ok if I use a submit button on the MVC page and my controller throw an exception, but if my controller does same exception on ajax POST call, my custom error page not show. I see with Fiddler that my CustomExceptionAttribute return a view with custom error etc but browser non show this page. My code is: AJAX.CALL $.ajax({ url: '../Home/prova', type: 'POST',
Hide Dialog Buttons and Show Loading Animation
hi, I am using below code to diaply two buttons (Add to Basket and Cancel) on a dialog I want to hide both buttons when Add to Basket was clicked and display animated loading progress (loading.gif) Thanks, Jassim
How to hide a button in a row?
Hi, I am populating rows from MySQL and assigning a data-id to every row in order to allow user to delete the specific row. All are ok so far... Now, I want to hide the imgDelete for the choosen row only. I tried to hide() but it's hiding the imgDelete for all rows because all has the same name. Here is my row: <td data-id='" . $savanna_mysql_row["order_basket_item_guid"] . "' style='vertical-align: top; width: 25px; border-bottom: 1px solid black; padding: 10px; text-align: left;'><img class='linkDelete'
Jquery Calender disable days. And wrong input
I currently have 3 errors I'm useing 2 calendar inputs, the first one is for pick up, and the second is for delivery, There must go 3 days from pick up and delivery. It currently works but when i change to dateFormat: 'dd-mm-yy' it makes it so i can't select days before the pick up date, but it dosen't make the 3 day "gap" where you can't pick dates 3 day after. At the first calendar input (Pick up) You shoulnd't beable to pick today, or past days, how would i go about that? When i insert the date
date format and restricting date range
In my asp.net page, I have used the datepicker. I tried to change the date format and restrict the date range but it is not working. Only the datepicker is working currently. <asp:Content ID="SampleContent" ContentPlaceHolderID="SampleCPH" runat="server"> <div> <label>Date Of Birth</label> <asp:TextBox ID="txtDOB" runat="server" /> </div> <script> $(function () { $("[id$=txtDOB]").datepicker(); $("[id$=txtDOB]").datepicker({ dateFormat: 'ISO 8601 - yy-mm-dd' }); // not working }); // not working
Display the date that was selected with Jquery
I have a date picker as below which is not bringing back the date that was picked by the user, instead it is bringing back the latest month and the year. How can i change the function so that it always brings back the date that was saved in the database or the date that was selected. thanks <script> $(document).ready(function () { $(".datepicker").datepicker({ showOn: 'both', dateFormat: 'dd-mm-yy', showButtonPanel: true, constrainInput: false, buttonImage: "../jquery-ui-1.11.4.custom/images/calendarNew.gif",
jQuery datepicker change month & change year functionality is not working inside a jTable type date
Hello I am using jQuery datepicker inside a jTable type date property. when i am adding datepicker property changeMonth: true and changeYear: true inside a jTable then it's not showing dropdown list of month and year date in datepicker. overall it's working the problem is only inside a jtable. please solve this issue as soon as possible.
<body onload="load_jquery"> and declare function: how to ?
Hi, I'm quite new with JQuery and sometimes I've problems with syntax. Here is the actual code I have: <script type="text/javascript" src="includes/functions/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="includes/functions/jquery.lightbox-0.5.min.js"> <script type="text/javascript"> $(function() { $('a.lightbox').lightBox(); // Select all links with lightbox class }); </script> ... <script type="text/javascript" src="includes/functions/bannerRotator.js"></script>
would you recommend some plugins to me for learning
hello guys i want to find some plugins which is small and have followed the best practice i want to study the source code of them would you please recommend me some
Navbar in footer: problem with height
Hi, I have a problem with a navbar inside a footer. It's just the example code: <div data-role="footer" data-position="fixed"> <div data-role="navbar"> <ul> <li><font size="8px"><a href="#" data-icon="grid">Summary</a></font></li> </ul> </div><!-- /navbar --> </div><!-- /footer -->If instead of the navbar I write just some text with or without the <h> tag the height of the footer bar is "normal" With the code above the footer bar has a big margin
pausing flexslider when embedded youtube video is playing
I am using a wordpress theme that incorporates flexslider (theme: wp-ClearVideo. site: http://AynRandHero.com) I have found the flexslider.js file where I can add options such as pauseOnHover: or slideshowSpeed. The theme directs flexslider to include the embedded video and opening text from posts that are tagged "featured." I embed <iframe> youtube videos in the post. Flexslider works great. The one challenge I have is that the slide show auto-advances EVEN after a user has started playing one of
jQuery slider hide
Hello all I have got a slider working in an ASPnet MVC application. I need to show and hide the slider when the user clicks into the field. am struggling to get this part working. What I have is <script type="text/javascript"> $(function () { $("#SundaySlider").slider({ range: "max", min: 1, max: 10, value: 2, slide: function (event, ui) { $("#SundayHours").val(ui.value);
Output Error - Navigator GPS - Javascript PHP JQuery
CMS Redaxo 4.6 Source is a module for proximity search, and to issue coming from a database Hello, I get the error message JQuery not go with PHP , maybe can have someone help me. The positioning and the query from the database with display of results within works . If the location can not be determined , to the " Ajax Loader Big Icon " will be hidden from Line 151 and the text will be displayed on line 156 with the corresponding error code. Thanks for help Andy <?php do { if(!function_exists('removeMC'))
Recursive $.extend upon function call.
I want to recursively update the json file I have whenever I call a function. //Call up a function when hovered onto a selected html element. var i=0, j=1 function updateJSON(){ // Update the variables i++; j++ jdat = {"val":{"a":i, "b", j}} jdat = $.extend({jdat}, {}); } //Call the function three times, I should see this, updateJSON() // x3 times called output : {"val":{"a":1, "b":2}, "val":{"a":2, "b":3}, "val":{"a":3, "b":4} } // This doesn't happen, how can I do
Multiple identical sliders
Hi! I'm trying to program a little webinterface to control DMX-lights. I'd like to have 24 identical horizontal sliders, how can i achieve this without hardcoding a slider function on each of these 24 div's? For example, i don't want to write this 24 times but only once: $("#fader1").slider(); $("#fader2").slider(); ..... $("#fader24").slider(); The HTML then would be something like this: <div id="fader1"></div> <div id="fader2"></div> .... <div id="fader24"></div> I'd like to have a more compact
Json parsing issue in Javascript
I am parsing the JSON value in javascript. But I got the unexpected Error. Please help to resolve the problem. My fiddle https://jsfiddle.net/unkvrpr4/4/
How can I install jquery-ui@1.11.4 with npm?
I have a project using jquery-ui@1.11.4, and I always install tools with npm, like this: npm install -g jquery-ui@1.11.4 But I got error message like: npm ERR! Error: version not found: jquery-ui@1.11.4 npm ERR! at /usr/local/lib/node_modules/npm/lib/cache/add-named.js:125:12 npm ERR! at saved (/usr/local/lib/node_modules/npm/node_modules/npm-registry-client/lib/get.js:167:7) npm ERR! at Object.oncomplete (fs.js:107:15) npm ERR! If you need help, you may report this entire log, npm ERR! including
newbie to jquery, needing help with jplayer live audio
i have followed all directions but i am getting an "unexpected end of script error" when debugging the code. not sure what else to do. the code error is from the following syntax: swfPath: "/js", (this is the line returning errors) supplied: "mp3", solution:"html,flash", preload: "auto", wmode: "window",
What web providers support jQuery installation?
I have had my website hosted with iPage for several years. I asked them if they had jQuery available on their servers, and they said no. They also said it wasn't something I could install on my own domain. I would very much like to use jQuery to make this page ( http://poetskaraoke.com/songtable.html ) available on my website, but as it is now it’s painfully slow. Is there a way to speed this up without having jQuery hosted on my site, or can you recommend a host that offers jQuery support?
Cannot Identify HTML5 main tag
I noticed that jquery 2.1.1 cannot detect the HTML5 main tag.
JQuery eventhandler
Hi all I'm trying to bind an eventhandler to the event Tab index 2 has been displayed I'm really in trouble with the syntax of jquery. No fault but it doesn't work! $(document).on("shown", ($('#tabs').tabs( "option", "active" ) == 2), (function(event) { MapCanvasRectData(); })); can anybody show me how it must be spelled? Thanks for your support Wolfgang
How to Upload Multiple File type Input in one Go?
I have 4 categories on my form. Each has 2 file type input. Here is an example of one: <div class="row"> <div class="file-field input-field col s6"> <div class="btn"> <span>MANILA</span> <input type="file" id="mnl_process"> </div> <div class="file-path-wrapper"> <input class="file-path validate" type="text">
AJAX why on first form doesnt redirects on second button redirects ?
I have this form here: <form id="voteUp" action="/minus-rep/{{$s->id}}" method="get"> <button type="submit" class="btn btn-primary"><i class="glyphicon glyphicon-thumbs-down"></i> <strong>Nerekomenduoti</strong></button> </form> And this is my jQuery code: $(document).ready(function(){ $("#voteUp").submit(function(evt){ evt.preventDefault(); var formData = $(this).serialize(); var url = $(this).attr("action"); $.get(url, formData, function(response){ $("#votes").html(response.newNumber); });
Pin plugin issue
Hi everyone, I'm new here and I'm trying to use Pin plugin to stick a sidebar inside a div and this part works but when I scroll the page, the sidebar appear and disapper, someone could help me please? Here's the plugin http://webpop.github.io/jquery.pin/
Newbie with mouseover issue
Hello, Here is a page for you to look at http://www.theremotedoctor.co.uk/karsuzuki.html?scrollto=selection On my site that i am putting together i have some jQuery onclick. If you go to the page as mentioned above you will see that on the right of the page are item selections. These work from onclick & a photo is then loaded of that selected item. If you hover over Keys & Remotes then come down to HONDA there is a fly out menu attached to HONDA but it works from onclick & i would like it to work
Jquery mobile only in some area?
Hi all. Can i load jquery mobile only in some area? Need only use some vmouse events in one div, and jquery mobile load page give dmg my css. Or if I can load only some event's what I needed? Thanks for answer.
modal window
Hi there, here http://www.kernel-online.it/divecircle there is my project. If you click on grey button "INSERISCI LA TUA DESTINAZIONE PREFERITA" a popup is open. After if you click on Passegero another popup is open. My problem is the position the second popup: I would put this popup under the button "Passeggero" instead in the center of the first popup $('#addperson-1').click(function(){ $('#select-person').dialog({ width:270,
To hide a label and a textbox
I have a label and a textbox. I want to show or hide them by a condition. <li id="visitation"> <label for="lblVisitation" style="float: left;">Visitation ID: </label><input type="text" id="txtVisitation" style="float: left;" class="ui-state-default ui-corner-all" /> <div style="clear: both;"></div> </li> The JavaScript code: if (FacilityDefaults.UseDualVisitation) { $('label[for="lblVisitation"]').show(); $("#txtVisitation").show();
Puzzles on the length of the effect queue after a certain animation is finished
Hello guys, need ur help. jQuery version:2.1.4 example: <!DOCTYPE html> <html> <head> <style> div { margin:3px; width:40px; height:40px; position:absolute; left:0px; top:60px; background:green; display:none; } div.newcolor { background:blue; } p { color:red; } </style> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script> $(document).ready(function(){ var div = $("div"); function runIt() {
SVG Tooltip containing a SVG element
Hello everyone. i am developing a dashboard and have a table with several SVG elements. I can get a tooltip on those elements just fine from the title attribute, but i want the tooltip to contain another SVG. When i put the code for the svg in the title attribute i can hardly see any of it but a square about 3x3 pixels which is colored in one of the colors used in the svg. i do create the table and svg elements dynamical with the d3.js library. Is it possible to display a SVG element in a tooltip?
attr('checked', true) doesn't work on modal
Hello Jake; Onclick 2 things happen: 1 - I check a radio button which is inside a modal 2 - Open the modal that shows a list of radio buttons onclick="select_checked_radio('119', 'link'); open_direct_purchase_item_model('119', 'link', 6, 319,0)" The problem is that even though the source shows checked = "checked" but it is not checked in the modal. function select_checked_radio(item_id, p_type) { $('.profiles_checkboxes').attr('checked', false); if(item_id.length>0 && p_type.length>0)
If else statement in click event;
I want to get a random question from array, when the button firstly clicked the animation should be imlemented,all other times it just simply need to rewrite existing question with a new and random one. I thought the if/else statement should work here, but it doesn't. Here's my code: var clicked = false; var $feild=$('#questions'); var $screen=$('.container'); var $text=$() $screen.hide(); $('.button').click(function(){ if(!clicked){ $feild.text(get_question);
How do you use promises with jQuery?
I'd like to run _this.showDialogBox(e);
before if(!(e.target.id === "primary-checkbox") {
$('mini-box').hide();
}
using $.when().done( function(e){ });
Next Page