How to get the value of dropdown list generated dynamically
Hello, First row of input fields are manually put in html the rest of the rows are generated dynamically by clicking add options (the values of the combox box is also coming from database through ajax from second row onwards) When I select the first row combo box - I am able to get the values of selected item and its price is fetched through ajax call and inserted into the nex text box. My problem is that when I select the second, third etc row's combo box I am not able to generate the values of
Any jQuery slider around similar to Amazon's?
Hello everyone, I know there are several different jQuery slider solutions out there, but I haven't found yet something similar to the flexibility and usability of the ones used by Amazon on their home page: http://www.amazon.com/ Do you have any jQuery plug-in or framework to suggest that could give me a similar user experience? Any thoughts are very welcome. Thank you in advance! All the best, Fab.
jQuery Accordian dropdown (menu option) breaks when toggling between external SSI (server-side include) files
I'm fairly new to jQuery, but understanding it theoretically. What I'm battling with right now is with the following server-side includes and how to do the JS to either display one OR the other include within the div . I've tried .load and also .hide, .show on the id's below, by alternating when the language icons on top of the site are clicked. I think my problem is the SSI files (which are language files - one english, the other spanish) are conflicting because of the same div id's which is "menu"
getJSON problem in ASP.Net
I have am trying to use getJSON() in an ASP.NET MVC 5 View: var controllerUrl = "@this.Url.Action(actionName:"EditData", controllerName:"Home")"; $.getJSON({ url: controllerUrl }) .done(function () {alert("getJSON succeeded"); }) .fail(function (jqXHR, textStatus, errorThrown) { debugger; alert("getJSON failed: " + textStatus); }); getJSON errors in this part of the jquery.js (version 2.1.3.). When these variables contain: url = undefined s.url = an object containing url: "/Home/EditData"
Superfish v1.7.5 submenu open on left if no room on the right?
Is there an option or a way to do this? Looking at the examples: http://users.tpg.com.au/j_birch/plugins/superfish/examples/ I would like the third menu item to open the third level menu on the left instead of on the right, so that it does not get cut off by the screen (on my page, the menu reaches all the way to the right edge of the site). Can anyone help?
Autocomplete select problem
Hello, I have made an application with jquery, it have some components like selects, selects with autocomplete...etc. The problem I have, is when I run the application in chrome, when clicking (with mouse) a select with autocomplete option opens correctly, but if I did it with a touch pencil the result is not the same... I have to touch arround that select to open it, and I cant find solution for this mysterious behaviour. I try to change the firing events...from 'change' to 'tap'...but the result
session storage
Hello i'm using html5 & jquery and i look how can save my session with sessionStorage i'm using 3 inputs [ text/password/checkbox] i want when i check the checkbox my session will be saved for example i close my browser and open it it open with my session but i can't do this this my code $(document).ready(function() { $('#submit').click(function(){ //\\ var fieldValue = document.getElementById('username').value; sessionStorage.setItem('username', fieldValue); var fieldValue = document.getElementById('password').value;
cloned elements lose initial 'display' state for show() / hide()
I cloned an element and children, I then ran .hide() on a bunch of the sub elements. Then I adjusted all their ids to "[originalid]+'_'+[incrementing number]" Then later I ran .show() on the sub elements, and they do not get restored to their initial display: inline state (as per the clone). If I adjust the ids *first* and then do the .hide() it seems to behave as expected. So I guess I am wondering if this is a known behaviour, that jQuery 'loses track' of initial states of elements if you change
ui-responsive-panel issue in windows 8 lumia 630 device
Hi, I have used responsive panel in my application, in portrait mode panel is fully expanded and when we change to landscape mode, left and side I am showing panel and right and side details. Left side panel always visible, for that I have used below function. function panelOpenDefault() { $( "#nav-panel" ).panel( "open"); } When I change from portrait to landscape mode header is moving little ride side, in browser and android device it is working fine, I am facing this issue only in windows phone,
Firebug returns without 'holding' last ajax call to PHP on the console
I don't know where to ask this question. However, I would think that most Linux users would use firebug to debug. What is happening is that client calls my php file via ajax and the 'call' appears in the console window very briefly and then exits before I get a chance to look at it. (There are two calls. The first one remains in the console to be examined.) Thanks for help or direction to help. R
jQuery Cycle Plugin and HTML5 Boilerplate
I'm reworking a current website that uses the Cycle Plugin . I'm using the HTML5 Boilerplate and Cycle is not working. Doing a bit of troubleshooting, there is a line in the Boilerplate index.html file that appears to be rendering it useless. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> Removing this line from the index.html (near the bottom) file allows Cycle to work properly. I am not a Java programmer, so I'm not sure where to go with this error. Is it
multiple pagecontainers
I've been using a multi-page design successfully for a while now with JQM 1.4. I also have a persistent header that is working well. However I have a need to have a different persistent header depending on "groups" of pages. E.g., 3 pages should have persistent header A, and another three pages should have persistent header B. With the persistent header defined outside of the pages, but within the pagecontainer (body in the default case), the data-id attribute doesn't seem to do much if anything
By default alert is coming?
Hi Here is my program :-------- <html> <head> <script type="text/javascript" src="jquery-1.11.3.js"></script> <style> .intro{ background: #000; } </style> <script> function g_fun() { var items=['1','2','3','4']; var newitem=$.grep(items,function(chkval){ if(chkval=='1') return false; return true; }); alert(newitem); } function m_fun() { var items=['1','2','3','4']; var newitem=$.map(items,function(chkval){ if(chkval=='1') return false; return chkval; }); alert(newitem); } function fun1(){ return
TapHold not working on second time
The idea is long press happen, the Cropping function have to take place. But only ontime "taphold" called on first time we press, then it not executed. $(document).on("pageshow", "#pageone", function () { // simply check alert("Hello"); multiply(); }); var multiply = function () { alert("I am inside function"); $("#imgCrop").on("taphold", function () { alert("Taphold working"); //check now $("#imgCrop").Jcrop({ onSelect: storeCoords }); return false; }); } function storeCoords(c) { jQuery('#X').val(c.x);
Javascript file uploader
How to make provision for selecting only image file from file upload box? example:If i click on upload button ,one box will opens that time it only select image file.nt other file
document on change fired twice
Hi, I am looking for a solution for a jquery mobile events. I created a multi-page website. One Of them contain a list of slider elements created "on the fly". Each time I go to this page, I delete every li elements and I create a new time all of my li elements (and of course my input type=slider elements) because content can change. For instance , this is a element of the list : '<li data-role="list-divider">Element<label for="flip-'+key+'"></label><select name="flip-'+key+'" id="flip-'+key+'"
Proper way to Call AJAX with serialization Variable plus other Variables
I am trying to pass not only the serialized form data but a couple of other variables. <script type="text/javascript" > function update() { var str = $('#account').serialize(); var request = $.ajax({ url: "AccountRevise.php", type: "POST", data: {"str":str, "recId":recId, "key":key}, dataType: "json", }); request.done(retData); etc, etc. On the PHP end I try to get the individual values and doesn't work. Need help on passing data properly please.
Tabs Bookmarked with Direct Link
Hello, thanks for any and all help. My jquery tabs code is below. I need to add the ability for tabs to be directly linked from outside pages to the hashed url. jQuery(document).ready( function () { jQuery( '.tabs .tab-links a' ).on( 'click' , function (e) { var currentAttrValue = jQuery( this ).attr( 'href' ); // Show/Hide Tabs jQuery( '.tabs ' + currentAttrValue).show().siblings().hide(); // Change/remove current tab to active jQuery( this
Split location.href for multiple values?
I have a varient that finds the current url and splits it as follows: var ehref = window.location.href.split('?',1); This is then used to match the url with a navigation link href and give an ID to the page. My issue is that when our cookie pop up is closed, # is added to the url. Subsequently the page links are passed around between users with the # and the page ids do not work. What is a simple way of splitting the url at a # as well? I am new to jquery, thus I understand the gist of what I'm 'reading,'
Problem with val in dialog
Hi, I am having a problem with a VAL() call. I have a page with a button that brings up a dialog to edit values. When the user presses save, I save the values and then call them up again if they edit again. So, here's what happens when the user presses "Edit". 1) Read the values that should go into the Text boxes on the dialog 2) Rebuild the HTML that goes into the dialog div 3) Assign the HTML to the DIV and call the dialog() method to set it up 4) Assign the values to the text boxes using .val()
Array of promises, when and output
Hello everybody, I have a list of promises ($.getJson) and I use $.when to execute all of them. My problem is that I have not understand, how can I get the successful output of these requests also if one failed. Is it possible? Thanks a lot!
trying to replicate this swipe.js, but not working
Hi, I found this : https://labdoor.com/review/sunwarrior-warrior-blend-raw-vegan-protein I like the swipe pagination of the three images, tried to do the same in jsfiddle : http://jsfiddle.net/mlotfi/85rr53fm/3/ but does not work for me. Thanks.
Absolutely positioned element invisible if within a grid
There is an element which is part of an autocomplete "popdown" list. It needs to be absolutely positioned, so it does not push other elements down as it fills out. This works fine in one place, but in another - where it is within a jQuery Mobile ui-grid-a grid construct - the element is invisible: http://jsfiddle.net/needlethread/kkpjq8ww/ The CSS can be edited to add the display:absolute style, then the topmost element vanishes. It is still placed there - the developer tools can see it and outline
Links after .html() problem
Hi there! I'm trying to modify this tutorial: http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/ in order to add a button to flip the boxes and another to close them. I'm stuck because after adding the content with .html() the '.close' button doesn't work and I don't really understant why... Would you please give me a clue? THANK YOU!!! $(document).ready( function (){ $( '.open' ).on( "click" , function (){ var elem = $( this ).closest(". sponsorFlip "); if (elem.data( 'flipped' )) {
Add a textbox in the default dialog box (pop up).
Hi, I want to add a text box at the end of the dialog box, so I have achieved this like this $(".LASERAction").dialog({ autoOpen: false, height: 450, width: 600, modal: true, buttons: { Ok: function () { //My Submit code } } }); var textBoxHTML = '<div style="position:relative"><input type="text" class="form-control InteractionText" id="InteractionFinalText" /></div>' $(".ui-dialog-buttonpane").prepend(textBoxHTML); When I have implemented this the text box is adding at all the places wherever I
Need a jquery plugin to display div tags as a slideshow
Hi, Please help me as I am new in jQuery I am looking for a plugin or code which can enable me to show my div(text and image) tags as a slide in the slideshow. Please check the div tags which I want to publish. I also need to show the prev and next buttons with balloons to navigate to the slide. All this should be in a 500px height. What I want is in http://www.brets.in/brets/site/ page. <div class="slideshow">
<div class="slide">
<h2>Vision : To be a credible recruitment and training platform for banks and financial institutions</h2>
<img src="../Images/logo_site_with_tag1.png" alt="logo site with tag1" />
</div>
<div class="slide">
<h2>Mission : To prepare the candidates to be employable in banks through online training and coaching</h2>
<img src="../Images/logo_site_with_tag1.png" alt="logo site with tag1" />
</div>
<div class="slide">
<h2>Exhaustive Study Material & Question by Question Coaching</h2>
<img src="../Images/logo_site_with_tag1.png" alt="ecofriendly 4861e" />
</div>
<div class="slide">
<h2>Lecture, Training, Mentoring & Coaching Combinations to build Skills</h2>
<img src="../Images/logo_site_with_tag1.png" alt="graph 519ca" />
</div>
</div>
How to "Add Custom Header to all the HTTP request made from a Page" ?
From an X page, I need to add a "dynamic value" in the header. So that, to which ever page i am navigating from the X page, i will get that value in the page i am landing.
Jquery value cache not updating as expected.
Hi. I've found the caching performed in the val() function troublesome in my last project. First of all, allow me to explain what I'm trying to do. I need to dynamically hide and show some options inside a select. The naive approach, trying to hide the option elements themselves, only worked in desktop browsers. For mobile browsers, this is not the case: they render all elements (even the hidden ones). The only way of hiding options dynamically in Android I've found is wrapping the options to be
An interesting question in regarding element Id
Here is a simple html textbox in my form. < input type =" text" class =" form-control InteractionText" id =" InteractionFinalText" / > Now when I am accessing this textbox value in jQuery I am not getting the value entered in it by writing like this var s= $(".InteractionText").value (OR) var s = $( " #InteractionFinalText" ). value (OR) var s = $( " #InteractionFinalText" ). val() Interestingly it is working fine when I am accessing like this, it was so surprising for me why we should access by
Windows 8 & jQuery Mobile
Hi all, I have a MobileFirst ( Worklight ) project that is available on Android, iOS and as mobile web site. Now I'm trying to make a Windows 8 version but I'm facing an exception with jQuery Mobile ( 1.4.5 ) when I try to tap on a button that change the page. Seems that in "jquery.mobile-1.4.5.js" in the "handleTouchEnd" function the value of "getNativeEvent(event).changedTouches" [line 16] is undefined function handleTouchEnd( event ) { if ( blockTouchTriggers ) { return; } disableTouchBindings();
get xml value based on attribute with jquery
I want to get all the values of the items where the name="id" and append these values to the div to be used for future purposes. I have the following XML: Pastebin link and this is my jQuery: $.ajax({ url: "http://test.be/", type: "POST", dataType: "xml", data: soapMessage2, crossDomain: true, contentType: "text/xml; charset=\"UTF-8\"", success: function(xml) { $(xml).find('item[name="id"]').each(function() { var libr = $(this).text(); $('#lib').append('<p><a href="#">' + libr + '</a></p>'); });
Jquery Mobile Application shrinks its screen on Android virtual keypad
My jQuery Mobile Application shrinks/resize its screen when Android virtual keypad opens up. This Application is wrapped as native using Cordova. I tried by adding the following in config.xml <preference name="fullscreen" value="false" /> <preference name="fullscreen" value="false" /> <preference name="android-windowSoftInputMode" value="stateVisible" /> But nothing seems to work. I don't want to change anything in my AndroidManifest.xml since it is going yo be a complete configuration Application.
Getting background image width
Hi, Is it possible to get the actual DIV background-image size when background-size of the DIV is set to cover ? Let say the DIV width is 800px and the actual image size is 1400px but when I set background-size : cover the actual background-image size is changing, I want to get this new background-image width.
Droppable behind a non-droppable.
I have a a droppable region that gets partially covered by a plain div. When I drag a draggable over an area of the plain div that covers the droppable and release, the droppable is triggered. Is there a way to prevent the droppable from triggering when the drop happens over the portion of the droppable that is behind the plain div? Here is a fiddle which demonstrates the problem: https://jsfiddle.net/m2wqaccL/5/
Accessible data tables using Talkback
I'm sorta at my wits end about a simple data table and having Talkback being able to associate the row and column headers to the data cells. It works perfectly when read it as a responsive mobile web page but fails when converted to an android app. I have sent messages to Eye-Free, Google Forum, to see if Talkback and\or Lollipop is the issue. I was wondering if anyone has had this problem and what was your work around. I have tried plain <th>, <th scope="", headers\id and aria role (columnheader,
alert() replacement
Hi there, Here is my test app http://plnkr.co/edit/r7B4mck6kfRhuvjEKVrG?p=preview If you click on the Search Database button without selecting anything from Week 1 or Week 2 drop down I display an alert ("Nothing Selected") message. I installed this app on the phone and this default JavaScript looks ugly and is not theme. Is there any way I can theme or replace it with something else. Thanks Joe Green
How to set max visible width for text input ?
I have an 4 input tags and it displays each on its own line, full width. I expect an short input - five or six characters maximum. I can set the maximum input, but visibly, the box is still drawn full width. Other than putting each input tag inside the column of a table, how else can I force the input box to appear short (50px for example). I did try CSS of input.Num4 { width: 50px; text-align: right; } It limited the input, but the box that was drawn was full length. All help... greatly appreciated
How to get y coordinate value with scrollbar.
Hi, I want show hide one div . The position of mouse is click is changed w.r.t expander. So when div is visible is position gets changed. i want to keep div position fixed i. e where the button is available, below that button div should be diaplay. How i will get the exact point of button using jquery.
jQuery css in parent iframe (firefox)
Hi well I am trying to do a $(someElement).css("display"); someElement was returned from parent window and was passed to iframe via a function. This call in firefox returns undefined due to the following code in jQuery: getStyles = function( elem ) { // Support: IE<=11+, Firefox<=30+ (#15098, #14150) // IE throws on elements created in popups // FF meanwhile throws on frame elements through "defaultView.getComputedStyle" if ( elem.ownerDocument.defaultView.opener
How can I get Json data from url source code
hi, I want to json data from the website code source. Is it possible ? How do I get the current card price? [website removed]
Next Page