Testing JQuery UI 1.11 Draggables with Selenium (Worked in 1.10)
I have a Draggable where I successfully wrote Selenium tests on JQuery UI 1.10.4 via the clickAndHold and then move commands in Selenium Actions. (These simulate a mousedown and then a move). These same commands don't work when upgrading the application to JQuery UI 1.11, however. Does anyone know how the events for draggables changed in 1.11, and how one might emulate them with Selenium? For a bit more info, this particular Draggable has helper: "clone" on it, so it may be an issue with the helper.
Slider working after refresh
Hello, i have a slider at www.viviautismo.org (the one with logos below the 4 grey boxes) that only works after a F5. If i press CTRL+F5 the slider stops. The website is made with Wordpress. I thought it could be a jquery problem but all i could do was to reduce the jquery calls to the only one in the wp-include folder. i asked to the author of the plugin but he doesn't answer no more. I suppose he doesn't know how to solve. Any of you can give me a helping hand? Let me know if you need further info.
Accordion function.
Just inherited a website that uses the jQuery.UI accordion function. It appears that on the site, the function keeps each section closed. I want the first section to be opened on first page load. I'm not finding the Collapse option. Do I need to add it? Or is there some other control elsewhere? <script src="/js/jquery/jquery-ui.js"></script> <link id="ui-theme" rel="stylesheet" href="/css/jquery/ui/ga/jquery-ui.css"> </head> <body> <div id="wrapper"> <div id="page">
problem binding to anchor click event - where anchor is 'inside' div loaded to blockUI
In an ASP.NET MVC I have a view with this code (most removed for clarity): <html lang="en"> <head> <title>Registration</title> </head> <body> <script src="/Scripts/modernizr-2.6.2.js"></script> <link type="text/css" href="/Content/Styles/style.css" rel="stylesheet"> <link type="text/css" href="/css/jquery.jgrowl.css" rel="stylesheet"> <link type="text/css" href="/Content/Styles/scrollbars.css" rel="stylesheet"> <link type="text/css" href="/Content/Styles/smoothness/jquery-ui.css" rel="stylesheet">
jquery mouseleave also firing during enter
I have a simple jquery code : $(document).ready(function(){ var i=0; $(this).mouseleave(function(){ $('body').append(++i+'<br/>'); }); }); This code is firing even when the mouse enters the browser window. How do I make it fire only when the mouse leaves the browser window ? This is a problem in chrome for me. Working example here : http://tapasdwivedi.com/test1/
JQuery UI Slider Handle Goes out of Scroll Pane
Hi, I want to use a custom image for my vertical slider. My problem is that the scroll handle goes of the top edge of the scroll pane. I can get it to stay within the bottom by setting margin-bottom but it always goes off the top edge by what seems to be exactly the height of the scroll image. Any idea how to make it stay within the scroll pane? Below is my setup: <style> .ui-slider-vertical .ui-state-default { border: none; width: 40px;
jQuery.browser is deprecated error
I'm using jquery 1.9.0 and JQMIGRATE plugin. However I'm getting jQuery.browser is deprecated error message display in Chrome and Firefox debug console. After hours of googling I still cannot fix it. Do you know what's wrong here? Học Lập Trình Online
I Have Proble In .scrollTop ! Please Help Me
jQuery(window).scroll(function() { if (jQuery(document).scrollTop() > 310 && jQuery(document).scrollTop() < 1070)) { jQuery('html body div#top_menu').css({'z-index':'10'}); }else { jQuery('html body div#top_menu').css({'z-index':'-1'}); } }); This Is My Codes , Why Dont Work ?? Please Give Me The Correct Code
Check if within a certain time and day
Hi - I'd like to be able to append a particular value to a field if the current day/time is out of business hours but I'm not sure where to start. Can anyone help please? Many thanks
jqueryui grid
The upcoming jquerui grid seems to be the right thing for me. All links to the grid do not work, but it seems to me that the upcoming grid will be based on the jsrender, jsobservable and jsviews plugins from boris moore. Which way should I choose to be compatible with future development of jqueryui ? Kind regards Markus Fritschi
refresh the page with ajax on a social network website
I want to create a social network website. but there is a problem when the page refreshes the page with ajax. there I am using setInterval every 5 seconds. but by the time the page refreshes, textarea also comments on reloading. how to order textarea in the comments do not reload when the page refreshes? please help me !
[ASK] load jsp page into a <div> and pass json
Hi All, I have problems, I make a jquery ajax to retrieve data from database and take the data in json array. I want to load the jsp page into a $(#div) and set the json data to that jsp page. Anybody can help me.. Thanks
JQuery animate and slidetoggle are very buggy and glitch often.
Hey people. I am new to JQuery, I've only done a little dabbling in the past and am now trying to build a larger program. I want to eventually turn this into a wordpress plugin but this post is not about that. I am using slidetoggle to cause an area to show up upon certain buttons being pressed and I am using animate to make sure the area that is shown is in the main focus, this is because before I used animate the area would come up due to the slidetoggle but half of the area would be off screen,
Slider with fade-effect and scrollbar
Hi! I'm looking for slider with fade-effect (like this) and scrollbar (like this)... any ideas?
Little content slider - can't join autostart and buttons to work together
Hi everybody I've made a simply text rotator with autostart (time changing). And also I wanted to add buttons to give possibility to change it manually. But when I try to apply these buttons, there is a problem with correct display - after click current text is doubled. I can't figure out how to join it together to work Here is my jQuery code: function fadeContent() { $(".text div:hidden:first").fadeIn(500).delay(2000).fadeOut(500, function() { $(this).appendTo($(this).parent()); fadeContent();
How to check sticky text within the existed sticky list & doesn't allow them using jquery
Hello Gurus, http://jsfiddle.net/tfdbkpyo/5/ Here how can i restrict duplicate sticky with same text. I mean how to check the existed sticky text with new one. if both are same, it'll show one message "sticky already existed, u can't add another with same text" in alert box. Any help would be thankful. Thanks Satish Chandragiri
Spring form select Select/click event using Jquery/Javascript
I have a field Marital status. It is a spring form select(drop down) and the options are being generated dynamically based on the selections in the previous pages. I am stuck in a particular scenario where the form select will have only one option(Say spouse) in the drop down. If the user selects the only available and selected drop down option(with the intent of changing), I need to show a message that it can't be changed here and it should be changed in previous pages. I searched a lot but could
I'm trying to use jquery on my weebly, site why it's not working ?
I went in weembly to the Design tab then clicked on : Edit Html/Css Then i uploaded the files of the jquery advanced news ticker. Downloaded from this link: Jquery Then in my weebly i went to the Build tab and dragged Embed Code to the right. Then inside there i added this code: <ul class="newsticker"> <li>Etiam imperdiet volutpat libero eu tristique.</li> <li>Curabitur porttitor ante eget hendrerit adipiscing.</li> <li>Praesent ornare nisl lorem, ut condimentum lectus gravida ut.</li>
cannot get ajax sucess function to pull the response data from php script.
Hi Everyone, Simple question. I have a very very simple script to test ajax with. However I cannot get the success function to fire even though debuger shows that the response is available. Code below <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script language="javascript1.5" src="../js/jquery-1.11.1.js"></script> <script language="javascript1.5"> function getTest(t) { $.ajax({ url:"test.php", data:{p: t}, dataType:"dataString",
Help!!!! Need jquerymobile help!
Help Im using jquery mobile but its not working! I connected the stylesheets and the javascript files but it doesnt work! Im developing with cordova and eclipse. i put the code in an editor and nothing was wrong with it! Here is my code: <!DOCTYPE html> <html> <head> <title>Simple Calculator</title> <link rel="stylesheet" href="jquery/css/jquery.mobile-1.4.2.min.css" type="text/css"/> <script src="jquery/jquery.mobile-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
getJSON - how to retrieve data and images in .json file and display images in html
Hello All, I'm new to JQuery and I'm having a tough time with a problem I'm trying to solve. Using $.getJSON function, I need to retrieve the data in the .json file and display the images in a gallery. The gallery should display each image at roughly thumbnail size with its caption below it in a 3-column grid at desktop resolution. I can get the .json data to output on the HTML page, but I'm stuck after that. Any help or suggestions are much appreciated. Thanks! output so far: URL: images/image_1.jpg
jQuery elastic plugin
I am using the jQuery elastic plugin in a slightly unusual way. My textarea input comes from a database, and is not directly typed into the textarea. The elastic functionality doesn't seem to kick in until something ityped in the text area. Is there someting I can do in js to kickstart it so that it doesn't need keyboard input to stretch to it contents?
Creating variables inside $each confusion
Hello, Im thinking I have a complete misunderstanding about something.Which is nothing unusual ... If I'm creating variables inside an $each loop what happens in this example. $.each($arr, function (i, v) { var $xxx = i; var $yyy = v; do something ... }); Is there more than one $xxx and $yyy variable?
Passing links from JSON in listview
Hi All, I have been looking at the listview autocomplete demos online for local and remote data. In the remote data demo a list of cities is loaded from remote data, but there are no links in the 'search results'. See here: http://demos.jquerymobile.com/1.4.3/listview-autocomplete-remote/ However, In the local data example the list generated contains links to the search content (see below - eg if you search audi, you can click the list item 'Audi' to be taken to audi.html). < ul data-role = "listview"
Autocomplete
HI, I have noticed if i have an array like below: Apple Acceridated Cat Car Baby Background. If i put in c it brings in these options: Acceridated cat car Background So basically it searched for keyword anywhere in the array , unless i type 2-3 more letter and then it stars making sense , so how can i change the above to only show Cat,car when i enter C . Also for the above if i am adding a Turkish keyword which is like : İstanbul So putting I for the textbox does not bring in "İstanbul" however
Problem in ajax load an tabs cause "Error: Syntax error, unrecognized expression: :nth-child"
I use post ajax to load an HTML code with data-role="tabs", inject into page and trigger("create"), after that, javascript console display a problem "Error: Syntax error, unrecognized expression: :nth-child" Does anyone encounter the same problem?
Flipping Page how is it done?
Hi i visited the wacom website http://www.wacom.com/en/us/ i think the navigation can be achieved by adobe edge animate, but what i felt is very impressive to me is the page flip when i click the "About Wacom " button, any idea how they did that ? is there is any script which can do that?
Panels - Create a panel coming from the bottom of the page
Hello, I visited the following link : http://demos.jquerymobile.com/1.3.0-rc.1/docs/demos/widgets/panels/ It exists data-position="left" and data-position="right" but not data-position="bottom" because I would like to have the panel goes up from the footer. Is it possible ? Thank you
phonegap application containing SQLite database testing by qunit
hii, I am new to Qunit. I want to test PhoneGap application containig SQLite database coding by Qunit.Can anyone give me suggestion,How I can do that? //This is javascript code:- window.addEventListener('load', function(){ // Wait for PhoneGap to load document.addEventListener("deviceready", onDeviceReady, false); }, false); // PhoneGap is ready function onDeviceReady() { var db = window.openDatabase("Database2", "1.0", "DigitalNoiz", 200000);
Create options of a select element dynamically - JQuery Mobile
I have created options for select list dynamically. When i tried to add options dynamically through jquery it works properly but i want show first item to be selected which is not working. But if i specified it hard coded then it will automatically take first option as a default. <select id="Domain" data-shadow="true" data-mini="true"> </select> <script type="text/javascript"> $(document).ready(function () { $("#Domain").append($("<option>").attr("value", "0").text("---Select Field Name---"));
Transparent background checkbox in controlgroup
I have a controlgroup containing checkboxes, and I'm trying to get the background transparent. I've tried several methods, but it looks like I can't set the background to transparent without setting the checkbox to transparent as well. One of the methods is: .ui-checkbox label.ui-checkbox-off { background: rgba(0,255,255,0.2) !important; } .ui-checkbox label.ui-checkbox-on { background: rgba(0,255,255,0.2) !important; } The result is that in the unchecked checkboxes, the underlying actual checkbox
How to remove undefined item from array.
I have an array of the type, myArray = [ ["string1" + variable1], ["string2" + variable2] ]; the variable following the string is based on value selected via form. i.e. var variable1 = $('input[name="var1"]').val(); var variable2 = $('input[name="var2"]').val(); How can i remove a particular array that has value undefined / .val() == "" ,from the main array? For example, in the form if variable2 = ""/undefined/not given any value by the user,
Drag and drop datalist items
Hello, i am new to JQUERY, i need to drag and drop datalist items to another panel in the page, without removing the item from the list using asp.net. any one can help me with an example?
jQM adds black border to header and footer when select box is opened
Can anyone tell why jQM (structure only CSS) adds a black border to the header and footer when the select box is opened? http://jsfiddle.net/frank_o/y7jf4/10/
bug with jquery-mobile radio button display
hi i m creating a mobil apps and i have a probleme with my radio buttons, they randomly change apparence. I don t get why. on navigator it's fine, but on mobile phone it's very ugly ... champ mobile and tel are requested by an ajax request(dont know if it matter). took 2 screen this one look to not bug on mobile phone http://www.hostingpics.net/viewer.php?id=142626Capture.png this one look to bug (it comes more often than the first) hostingpics.net/viewer.php?id=775202Capture2.png made a jsfiddle jsfiddle.net/xED4q
Load accordion content on dropdown
I am wondering is it possible to load content of accordion only on accordion dropdown? I don't want to use ajax calls either since I already have all the html markup on the same page as accordion html tags. This is mainly the reason I want to load stuff only on request because right now everything loads on page load and this takes a while! Contents of accordion are in the same file as accordion meaning everything is in the <div> when user clicks that <div> it drops down, displays a loader .gif and
How to understand the jQuery mobile css name?
I want to study its css, but I didn't know the meaning of the name, such as ".ui-page", "..ui-corner-all", "..ui-btn-icon-bottom", etc. I hope I can customize css content, please help me.
Download theme from ThemeRoller
Hi guys, please help me, how to download custom theme from ThemeRoller w/o CDN link? I've save as files from CDN, but my theme still broken.
itterating through select controls for validation
I have a web page below with some jquery to catch the submit of a form ...now in that code before i submit the form I want to check the select box combos c#p# and make sure there aren't duplicates. ie $( "#C0" ).val() + "-" + $( "#P0" ).val() is unique so $( "#C3" ).val() + "-" + $( "#P3" ).val() doesnt have the same value I was thinking I could itterate through the table and concatenate the strings 47-2694;64-2697...etc and then just check each value for a match as I go and if so alert the user
Form validation
Hi, I'm newbie on jQuery, I need to validate a form I have tried to do : jQuery(document).ready(function() { jQuery("#submit_btn").click(function() { //get input field values var user_name = jQuery('input[name=name]').val(); var user_email = jQuery('input[name=email]').val(); var user_message = jQuery('textarea[name=message]').val(); //simple validation at client's end //we simply change border color to red if empty
Next Page