The asp:dropdownlist is not populated
Hi I have the following script which retrieves dropdown values from a web service, it works fine after making the call to the web service as it returns the 1st items if I display the value using "alert". However, it doesn't populate the <as:dropdownlist> ddlSearchASP at all Please see below for the script. Am I missing anything populating the dropdown? Thanks in advance. Your help would be greatly appreciated! <script> $(document).ready(function () { $.ajax({ type:
hiding header not working with multiple-page template
Hi there, I'm using version 1.4.5. Structure is like this: <head> ... <script> $(function () { $("[data-role='header']").toolbar(); $("[data-role='panel']").panel(); }); </script> </head> <body> <div data-role="header" data-position="fixed" ...> <a href="#tocpanel" class="...">... ... </div> <div data-role="page" id="one"> ... </div> <div data-role="page" id="two"> ... </div> <div data-role="panel" id="tocpanel" ...> <a href="#one">... <a
Jquery ->Magnify image not working
Dear Sir http://thdoan.github.io/magnify/demo.html is actual programfor magnifying an imag -> which is working where as http://webvikas.net.in/medievalheritage/mgnify.php is my version to display magnifying an image this is my version and is not working although I had cut and pasted the code
fullscreen.js transformation animation not working
I have a page made with fullscreen.js ( copied and modified directly from author's site). However the animation technique he describes in this youTube clip doesn't work for me. authors; clip: https://www.youtube.com/watch?v=qiCVPpI9l3M my page so far: http://www.mediaflash.ca/fullPagejsJIM/examples/navigationV.html can't figure it out any suggestions.
Setting up dependencies with head.js
I was looking for some users that have experience with the jQuery plugin head.js . According to the website, head.js allows you to setup js/css file dependencies and load js files asyncronously and in parallel. Looking at the API documentation and examples, I see that you can apply labels to JS files, then run some conditions when they are loaded, heres an example in their documentation: // same as above, but pass files in as an Array head.load([ { label1: "file1.js" }, { label2: "file2.js"
How to add a search functionality for jQuery UI Accordion and Tabs?
I have an html page that has tabs with accordions inside them. I have a need to search the content for specific items and go to that item, but I am stuck. The jQuery ui widgets block Ctrl+F. Does anyone know the best way to enable search and activate a tab then the accordion? Any help would be amazing.
Fill and overlap
Hi, I have a rectangle and I want it to always fill the screen,no matter how "long" the webpage is and I want that rectangle to be on top of every element on the page. I want the rectangle to overlap every element on the page,without affecting the functionality of other elements. I have this code from the swipe example. Thank you. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
swipe up and down on iPad scrolls to exact div position
I need to understand what approach to take to get the up / down swipe events on iPad to function the same as click events that scroll exactly to a div position. If you view the page I've set up and click on one of the green circle buttons on the right it will scroll down or up the page to a absolute positioned div on the page and trigger a function to change the button color. swipping on the iPad will scroll right past any target or marker. I need it to stop at the div scrollTop() position. For
Ajax Reponse 200 ok, but shows failed to load response data
I am making an ajax call to a backend rest api, the api is returning fine. If I console.log() the success data and error data, it gives "resource logged in", 200 ok on the console but when I view it in the network tab response for that auth/login route, it shows "Failed to load the response data". And this happens sometimes only and not always. Why? Here's the snippet of my ajax call. ajax .post('auth/login', { data: { oauth_provider: 'google', oauth_token: (isToken ? authResult : authResult.access_token)
Visualization Chart for Commerical Purpose
I'm looking for a visualization chart (histogram or line chart)with jquery or javascript that can be used for public. This chart will be used for commerical purpose and I wonder if you guys know any website that I can download it? I'm not interrested in using source code from MIT or BSD.
problem with bootstrap datepicker in MVC app
Hi I'm somewhat new to jquery and trying to get familiar with coding it. In my mvc app there is a bootstrap datepicker (not datetimepicker which i couldnt make work) The problem and challenge is this, there are about 50 date fields. They are cast as string within MVC. In some records some fields will have a date already there, most will be blank. If there is already a date, it could be any format, if blank the formatting should be 07/04/1776 and actually if should always get converted down to
is it possible to open js using ajax and return a value from an array without loading the js file to the page?
I have a js file on my server that contains an array. I want to open the file with jquery ajax, and get a value from that array without loading the script to the page. Is that possible ?
alter text() not html()
hey guys i have a scenario like so: <div id="test-value" class="selected-option"><div class="remove"></div></div> $(document).ready(function() { $('#test-value').text('123'); console.log($('#test-value').html()); }); // returns: 123 how it it possible for me to add text to #test-value selector without removing the <div class="remove"></div> already inside? suppose i could do: $('#test-value').text('123<div class="remove"></div> '); but is there a proper way of altering the text but not the
Button Event When Page Goes Out Of Focus
Would like to ease in a dropshadow (or other animation) on a checkout button in a shopping cart as the user loses interest in the window (goes to click another tab or something.) How can this be achieved with jquery?
Multi Step Change Image (+ URL) with jQuery
First.. sorry for my english, is not my motherlanguage. Now, i write for show you my problem and i hope someone can help me. I have three HTML pages: On the first page, there are different links. On the second page there are four images with different URLs. On the last page there are files to download. I want: When the user click the link in the first page, the second page should appear. He sees only the image 1 on the first time. Then after he clicks the image 1 = The image 2 should appear and
Tabs keyboard functionality killed by sortable or draggable...
Adding either sortable or draggable to a tabs widget disables the keyboard functionality. This is easy to see using the example of tabs with sortable on the jQueryUI site. You can't use the keyboard to move between tabs and all accessibility is disabled. It's easy to modify this example to show that the same phenomena occurs for draggable. I understand that sortable and draggable are not considered accessible and have no keyboard controls. However, I should be able to add them to a tabs widget without
Multiple Slider widgets
Hi everyone, so Im starting to learn Jquery and have looked and played with the examples. My query is ive specifically being playing around with the Slider widgets, (vertical). My page prints one very basic slider. My query is how would I approach displaying 4 sliders on the page one next to the other across the page from left to right? My code is below. Any pointers would really help :) <!doctype html> <html lang="us"> <head> <meta charset="utf-8"> <title>jQuery UI Example Page</title>
validator regex
I am attempting to limit the entry of values into a 1 character textbox. Trying to use regex. The way I am doing it does nothing at all. For example, I can enter a G into the box and it doesn't care. Cannot find any examples online since it seems most people want to allow a-z so all the examples show a-z. No variety at all. code: data-bvalidator="^[YyNn]"
type= " time "
Buenas chicos, tengo una cuestión sabeis como desactivar la ruleta de tiempo de type="time" ?. Es decir que al pulsar "establecer" me coga la hora que es pero quiero que la ruleta no se pueda girar... GRACIAS!. UN SALUDO.
$.each for geojson
hello, I retrieve data using ajax:I success:function (data) { // {"type":"MultiLineString","coordinates":[[[33.4507,41.4721],[33.4519,41.4727]]]} $.each(data , function (k,v) { console.log(' k '+ k+ ' v '+v + v.coordinates); }); I just want to get "coordinates " with v.coordinates. But console.log(' k '+ k+ ' v '+v + v.coordinates) gives : k 3662989 v {"type":"MultiLineString","coordinates":[[[30.4099,40.7695],[30.4094,40.7697]]]}undefined
Jquery Ajax call returns data but success function not called due to jquery function [jQuery111208562382296659052_1443009765276 function] not called?
Hi EveryOne, var lsUrl= "service api url"; $.ajax({ url: lsUrl, type: "GET", crossDomain: true, dataType: "jsonp", // from the server async: false, contentType: "application/json; charset=utf-8", // to the server ProcessData: true, success: function (success) { }error:function(error){}}); My ajax call function returning json data but success function not called.How can i fix this issue. That service api returns data like jQuery111205524142505601048_1443178060859({"d":"{\"Table\":[{\"column1\":14}]}"});
j
hi all i am new to jquery, and need your support. how to get parent to parent li id, on clicking on anchor tag <li class="jFiler-item" data-jfiler-index="0" id="0"> <div class="jFiler-item-inner"> <div class="jFiler-item-assets jFiler-row"> <ul class="list-inline pull-left"> <li id="rotateRight"> <a onclick="rotateRight();" class="rotateRight">R</a> </li> </ul> </div> </div> </li> <li class="jFiler-item"
How to pass linear-gradient property through CSS
Please find my below code where i am passing the linear-gradient values through CSS in JQuery, i am able to see the colors in chrome and Firefox, but not in IE. I wanted this to work from IE8. $('.leftIpList:eq(' + i + ')').css({ 'background-image': '-ms-linear-gradient(90deg, ' + imgColours[i] + ', ' + imgColoursg[i] + ')' }); $('.leftIpList:eq(' + i + ')').css({ 'background-image': '-webkit-linear-gradient(90deg, ' + imgColours[i] + ', ' + imgColoursg[i] + ')' }); $('.leftIpList:eq('
Jquery autofill for dynamically created forms
Hi Guys I'm Trying to do autocomplete and autofill for dynamically created forms.Here by the reference link I came with static field of auto complete and autofill. But I need to achieve for dynamically created forms(add another/remove.).And here is the reference fiddlehttp://jsfiddle.net/q2kDU/ Here by the above fiddle. The label is autocomplete and the value is autofilled depending on the label's value.Here it is in static forms(Only one form). I need to achieve this in dynamically created forms(Add
Keith-Wood DatePicker - Set default date in Range Select
Hi, I'm using Keith-wood JQuery DatePicker with RangeSelect. Want to implement something like, I have Check in & Check out dates in Input. now when I click on Calendar Icon. It should show highlighed area of Check in to Check out Dates. One More Problem is I want to close Calender when I select 2nd Date. Thanks, Khilen
Having Issue on Wrapping and Unwrapping Un Selected Checkbox
Demo I am trying to wrap each of disabled checkbox elements in a group into a div which enable users to click on the disabled items and be prompted if want to increase the limit or not? As you can see I tried to wrap the checked elements with `.fake-check-wrap` and all not checked in `check-wrap-sapn` dives. This is because the jquery unwrap() will remove all first parent of the checkboxes $("input:checkbox").unwrap("<span class='check-wrap-sapn'></div>"); now I am totally lost here! <div class="container">
css from iframe to parent page
I would like to add css from iframe... i have a file e.g. test.com/test.html and only filled with: <style type="text/css"> .nanana01 {background:#000 !important} </style> then i want the page which has my iframe css change the background e.g. otherpage.com. <html><body> <div class="nanana01"> text 1 text 2 </div> <div class="mypost"> <iframe src="test.com/test.html"></iframe> </div> </body></html> i wonder is there any javascript that apply my css into the parrent page? what should i put in test.com/test.html?
Ajax not returning value back to the calling script
Hello, After 5 days of picking at the code I excepted defeat and come seeking help..lol Working on a user registration form and in it i have 2 dropdown list, one for country and one for state/province. On page load the country dropdown list is loaded and it works. When a user selects a country the state/province dropdown list successfully loaded and this also works. Not working: in the event the user submits the form I like to have the states/province reloaded with the initial selection at the top
DatePicker
Im new to jQuery, however I have a strong PHP / MYSQL background. I added data picker with the calendar icon to select a date ill later insert into a Database. This all works. My problem is in the formatting of the date. It currently populates as 09-22-2015 for example I'm trying to get Saturday 09-22-2015 for example without removing the mini calendar icon. here is the current code: initialization <script> $(function() { $( "#datepicker" ).datepicker({ showOn: "button", buttonImage:
Ajax progress bar on upload
Hi, I'm having difficulty in getting the progress of the file being uploaded to be shown. I've searched all over and could swear I'm doing everything right but the only event that seems to be fired is the event.loaded, abort and error. I've checked moziila's page on this and stackoverflow and to no avail. Can anyone let me know where I could be going wrong? thanks $("#uploadSubmitBtn").click(function(){ var formData = new FormData($("#mediaUploadForm")[0]); var usersFiles=$("#uploadBtn")[0].files;
<input id="filterTable-active" data-type="search"> does not fully work on iOS 9
Hi when using <input id="filterTable-active" data-type="search" /> on iOS 9, it works on initial rendering. Then when I swipe up or down on the page, I get a blank screen. Removing this line fixes the issue. Can you please look into this? It works on 8.
[RESOLVED] jquery multiple autocomplete, remove selected item from the sql array
Hi Everyone, I am new to php and sql so apologise for not being very clear. I am doing a Multiple Answer Survey where people can select 3 of there "best" friends. I have all the friends name in a MySQL table. I want people to be able to select from a very long list of names so I have implemented autocomplete. The issue is that I don't want them to put the same name twice. Ideally I want the selected name not to appear on the list when typing on the next textareas. I came across this which does the
Need a nice autocomplete solution
Jake, Do you have any ideas for what I can do about a good auto complete on this page (at the bottom after highlight). http://m.publicmissiles.com/fins.aspx I need it to start suggesting all possibilities from an array after 3 characters regardless of case and spaces. Thanks! ---Frank
Which type of click handler is preferred?
Using ".click()" and ".on("click") seem to accomplish the same thing: $('#btnStraightforward').click(function() { alert('you mashed the straightforward button'); }); $( "#btnOn" ).on( "click", function() { alert('you mashed the on click button'); }); ...so is there any preference for one over the other? That is, if you're only responding to one event (usch as "click", above)?
Bug?: Autocomplete with autoFocus and show options on focus
Hey guys, I've come across an issue when using autocomplete with autoFocus=true and using: .click(function (e) { $(this).autocomplete("search"); })to open the list of options. There's some kind of race condition where the first element in the list is selected for a second and then becomes deselected. Both features work independently but when combined there is an issue. Is this a know bug? Is there a fix or workaround? Here's some code. (I have extended autocomplete for categories, i also tried
SlickNav - root menu not clicking
Hi, can someone helped, I've set up SlickNav and have the following layout; About us - John - Sue - Pete However in responsive mode, the 'About us' button isn't accessible, it just only allows me to drop down making that page ineffective Can anyone help, I need the 'About us' page to be "clickable" as well?
Set JQuery selectable Tbody pointer events to none
Hi THere, I have a jquery selectable which is a table with many tbodys. Each tbody has TR and TD tags. I want to disable the pointerevents, it should not be selectable, clickable, or drag selectable for certain tbody's based on a conditional statement. I set the pointerevents: none, it works only for the <a> tag, but not on the jquery selectable tbody etc. Can you please advise? if (Online == false) { @:<tbody id="tbody_@(tbodyIDNum)" disabled="disabled"
Adding an icon to a JQuery dialog
Hi All... I have found many posts about how to add a custom icon in the Dialog title bar, and some on how to use an icon as a button. But none on just placing an icon next to the button as a decoration. Is this possible? Thanks!
Remove the Icon and its Functionality
Goal: When you have a lower resolution that is lower than 500 in your computer or cellphone I would like to remove the icon picture and its functionality shall not be active. Problem: I don't know how to do it. Info: http://jsfiddle.net/sL3c1v12/14/ Please remember that I would like to change with browser's width using the cursor without refreshing the webpage in order to not display or display the icon and its functionality The source code is from this website http://markgoodyear.com/labs/scrollup/
Style and script of dynamic content does not work on revisiting the page
hii New to jquery mobile. trying to build my first jquery mobile app. App requirement is some pages with left and right panel. There is a lot of dynamic data like Page title, left panel list(which contains image and heading through JSON object), right panel which has all the page links will also come dynamically. Everything works fine at first but after visiting page 2 when we revisit page 1, panels messed up. page title does not update. It seems that revisiting the page does not catch the styles
Next Page