QUnit inconsistency/alternately fails tests
I have a simplified QUnit test which consists of 2 simple tests that fails randomly/alternately for no good reason (They are both atomic, meaning that one test doesn't change anything of the other element) Please see this jsFiddle try to run multiple times module("Basic actionBind"); //two simple tests test("action1", function() { ok(ele2.trigger("click").hasClass("clicked"), "basic click action"); }); test("action2", function() { ok(ele1.click().hasClass("clicked"), "basic click action"); }); http://stackoverflow.com/questions/16444561/qunit-inconsistency-alternately-fails-tests
correct Style Selection with get()
Hey folks I'd like to do something like ... document.images[1].width ... with jQuery. My first thought was ... $('img').get(1).css('width') As my Console keeps telling me that is not the right way I need a help to solve this mystery. Normally I would access an element like that: $('#customId').css('cssProperty') But unfortunately that doesn't work with my approach for get(). Could anybody give me a hint what my fault is here, please?
jQuery method only seems to work once
When I click a title or subtitle, I want the corresponding radio button to display as selected. Right now, it only works the first time. Can someone show me where to fix it so it works on every click of the label? Thanks. <div id="pageBanner"> <img id="logoImage" class="draggable" /> <div id="titleDiv" class="draggable"><label id="title">Team Title</label></div> <div id="subtitleDiv"><label id="subtitle">Team subtitle that might be long</label></div> </div> <div id="editorSelection"> <h2>Select area
jQuery Drag and Drop not Working after .load
Hello everybody, I am currently developing an application with SAPUI5 and jQuery. I finally found an example of drag and drop using both framworks. It works great if I have two list boxes on my main page. Here is some of my code: <body class="sapUiDemokitBody" role="application"> <div id="header"> <div id="navbar" style="width:100%; height="180px"> <img src="./images/IBSolution_Logo.png" align=right; height="50px"; class="bottom" /> </div> </div> <div
jquery dialog content
I am calling a jquery dialog but is not showing the contents, what can this there ? this is not showing the title
Dialog Corner larger than .ui-corner-all
Is it possible to make the border radius of a jQuery Dialog larger than the default for all elements (.ui-corner-all)?
jQuery UI dropdown/selectable
Very new to jQuery & jQuery-ui, and have a problem I can't seem to get working like I want it to work. I'm using a $.get to do an ajax call to a sql stored procedure & return data in an XML format. In the callback part of the get, I create a function that builds a dropdown from the items returned. I also build an additional <option> line & prepend it to the select. I've tried both the select that's part of jQuery & the .selectable that's part of jQuery-ui. The code I'm using to build the box follows:
Combine Month and Year datepicker?
In this example http://jqueryui.com/datepicker/#dropdown-month-year the month and the year are separate drop down. Is there a way to combine those to elements into one drop down? Very similar to this example is attached to this post. Thank you :)
Getting data with getJSON dont retrieve information
Hi all Triying to get data from page: http://www.opencellid.org/cell/get?key=4f4ba13109780d010297ce7c1dbeebdb&mcc=250&mnc=99&cellid=29513&lac=0 using getJSON: $(document).ready(function() { $.getJSON("http://www.opencellid.org/cell/get?key=4f4ba13109780d010297ce7c1dbeebdb&mcc=250&mnc=99&cellid=29513&lac=0", function(data) { alert(data); });
Looking for a pop-up slideshow
Hi I'm loooking for something like "Lightbox Slideshow" or "Fancybox". With one simple twist, that none of the sliders I've found so far seems to offer: I want to show multiple Images, represented by 1 Thumbnail Example: Category 1 Item 1 Item 2 Item 3 Category 2 Item 1 Item 2 Item 3 On the Site there should be 2 thumbs visible: Category 1 and Category 2. When I click on one of them, the relating Items 1 to 3 should be displayed in a slideshow with next and prev buttons. I hope I have made myself
Jquery not working in Google Crome
i am new to jquery i developed some piece to code in jquery to hide and show the text box on selection, it is working good in firefox but on google corme -- CODE is given bellow function txtF(str) { if(str==true) { $('#textField').show(); } else { $('#textField').hide(); } } function txtFH(strb) { if(strb==true) { $('#textField').hide(); } } <!----------------------------------------------------> function imgF(str2) { if(str2==true) { $('#imageField').show(); } else { $('#imageField').hide(); }
create app for facebook
how can I create an application with jquery mobile to interact with a page of facebook?
Flickering mousenter mouseleave with delay, button list
have made a list(<p>) with buttons. When I move my mouse over them it's a 1,2 sec delay before my textbox are marked with yellow to show where I can write. When I move my mouse away they turn normal(white). My problem is when I quickly hover my mouse over the buttons back and forth a lot of the textboxes gets marked. I had hoped the 1,2 sec delay would have worked then but it doesn't. But it works if I move my mouse slowly in and out of the button. Here is a fiddle to it: http://jsfiddle.net/Pota/Fj6E6/
Why jQuery named as jQuery?
Is jQuery refers javascriptQuery?
How do you load a server page into an HTML page?
I was wondering, I want to load say, google.com into my Application.html file holding mostly jQuery code... How is this possible? I have been searching for quite sometime now and I need it because my friend has developed a script that allows us to make native iOS apps, only catch is that the Application loads from an HTML file... Its in a development process at the moment so I can't really say much... My blog is http://www.easycodingtricks.blogspot.com/ Please reply, any help would be appreciated!!
How can I check if a all images in gallery is loaded?
How can I check if a all images in gallery is loaded? when all images are loaded fully then only starts sliding of the gallery. plz suggets. $(function () { $("img").load(function(){ alert("Image loaded."); $('#main-photo-slider').codaSlider({ autoSlide: true, autoHeight: false }); $navthumb = $(".nav-thumb"); $crosslink = $(".cross-link"); $navthumb .click(function () { var $this = $(this); theInterval($this.parent().attr('href').slice(1) - 1); return false; }); theInterval(); }); }); its not
jquery ajax call to java restful web service always going to error function
Hi All, I am using jquery ajax to call restful webservice which returns a String. But it always goes to jquery error function when call that service. Here is the calling code: window.onerror=function(msg,url,line){ $('body').append(msg + ' at ' + url + ':' + line); }; $.ajax({ url:"http://192.168.254.25:8080/WeightsAndMeasure/restful/DerivativeCodeServic/checkIP", data:"derivativeCode="+$("#derivativeCode").val(), type:"get", dataType:"text",
JqueryMobile Dynamically adding list
Hi folks, I am actually new to JqueryMobile development. I am trying to build one simple page which will fetch data from the service and dynamically add it to the list. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Restaurant Picker</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="jquery.mobile.structure-1.0.1.css" /> <script src="js/cordova-2.6.0.js"></script> <link rel="apple-touch-icon" href="images/launch_icon_57.png"
JqueryMobile Dynamically adding list
Hi folks, I am actually new to JqueryMobile development. I am trying to build one simple page which will fetch data from the service and dynamically add it to the list. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Restaurant Picker</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="jquery.mobile.structure-1.0.1.css" /> <script src="js/cordova-2.6.0.js"></script> <link rel="apple-touch-icon" href="images/launch_icon_57.png"
[ColResize] With Minimize button
Hi, I have used the ColResize plugin to resize the column. But i wanted to implement minmize maximize the table column using buttons. So i have put the corresponding button and write Javascript code to change the column width based onthe button. The problem is if i click the button and i can change the column width.once i click and change the width the colResize plugin is not called(i am not able to drag the columns width). Here is my code: <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site2.master.cs"
[JQUERY:Scrollable TD while resize the Column]
Hi, I need to create one table with two columns. Left:Menu and Right :Content. I want to add two behaviours into this table... one is column adjust by dragging the column width,and the other one is,while dragging to the right the content TD should have horizantal Scroll. Is there any Function to achieve this? Please guide me to create this table. Regards, John
pagebeforeshow event not fired after call to changepage
Hi there, I'm just starting out in jQM development and have hit a bit of a brick wall. In short, I have a javascript file and two pages. In the main page (index.html) I'm populating a listview dynamically, and registering the tap event for each and every item for this listview. The on tap event, in return, calls the changepage method to an external page (details.html). This works fine 100% of the time. In the javascript file, I'm registering for events on pagebeforeshow for the details.html page.
Responsive Slideshow plugin
I’m searching for a Slideshow plugin where I can configure the appearance of the next and previous elements like in the attached screenshot: Or maybe you have some good workarounds or recommondations for some plugins. p.s. yes, I’ve searched google. Thx, Nitzki
MP4
s='<video id="video" controls="auto" autoplay poster onloadedmetadata="videoLoaded2()" >' s+='<source src="'+n+'.mp4" type="video/mp4"></video>' not work s+='<source src="'+n+'.ogv" type="video/ogg"></video>'; work I HAVE MP4 MOVIE WAY MP4 DONT WOR
Popup on page load in JQM
Dear Gurus! I'm opening a popup on page load. Below is an example. (Thank you Bagman!) Unfortunately, when I return to the page, the popup reappears. How can I achieve that only appear the first time? Thak you and sorry for my English. <div data-role="page"> <div data-role="header"> <h1>Page Title</h1> </div> <div data-role="content"> Page Content <div data-role="popup" id="myPopup" data-history="false"> <p>This is a completely
Draggable list with Table Tr
Hi, I want to make connect list with Table tr like http://jqueryui.com/sortable/#connect-lists Thanks,
Please help in disable the page
Hi All, I am new to this forum, i started learning java script. I need a small help frm u ppl please help me. I am creating a web-page in codeigniter, i got stuck up in Profile Page. i want to hide the content in profile page and should be enabled when i click EDIT button.. please guys can u help me out in this. or provide me the links where i can get any info on page disabling. Thanks in advance, Regards, Pramod Kumar
Hello World!!
Is there way I could design a party flyer with ().hover that will response to a mouse action? Example: Let's say I created a html5 party flyer and I want to able to flip sides with hover over it with a mouse. Anyone know what I'm talking about out there?
Navigation/Anchor Problem
Hello! We have moved to new webserver. Now we have problems with anchor/navigation: Before: After: What can i do? Thanks, Juergen
Handling binary data from ajax request
I receive binary data from an ajax request. I like to put the content in a new window or an iframe in an ovelay. I like the iframe overlay idea. I tried to use WebKitBlobBuilder but it is not working. Here are my limitations: 1. I can't pass the URL to windows.open as I need to set request headers. 2. I can get different content type image, text etc. 3. I don't want the user to see the header information as it has security credentials. Ajax Code: $.ajax({ type: "GET", headers: { "Authorization":
changing the Icon of split button
I have this Listview with split button . and iwant to change the picture or the image of the icon into my pictures star :
Split line in Split Icon Listview
Hey guys, how to elimiate the split line in listview with split button? and how to make icon bigger? Thanks
mothods for exchange data between pages
hello! I retrieve a XML document, from a Rest service, and with it, populate data in a page, this populate process it´s in a java script file, well, i need to acess this XMLDocument in other pages, have a way to define the XML disponible for consult of all pages? or maybe, for any page, access a methods in this java script file? thanks!
JSONP and randomly generated callback function
Hello, I've several doubt about the JSONP usage. I'm using JQuery to make JSONP requests and the documentation is quite confusing to me. I hope my question is not too long. In the specs it's written a JSONP call is always async. Is it a jQuery choice or the nature of JSONP? async:false would be simply ignored? If the jsonpCallback parameter is specified, this function will be executed when the data are retrieved. But right after, also the success callback will be executed. Can two callbacks co-exists?
load( ) and the head-scratching alert( )
"Why does THAT make the script see the whole tree?" $("#sidebar").load("_toc.html"); alert("hello"); // why does this seem to 'refresh the DOM'? What I have that works My page has a TOC (in UL/LI form, where LI's have A HREF). I want jquery to find the A HREF that matches the current URL and highlight it. Further, the jquery would collapse all of the TOC except the portion containing the particular LI (whether a subtopic, sub-subtopic, sub-sub-subtopic, etc). Note that this works PERFECTLY
Hovering over one element to make changes to another's postion
Hi, I have seen many posts in forums 'almost' answering the question I have but nothing quite solves the problem. I have an image 600px wide and 1600px tall. Only 600px x 400px is visible. (there are 4 600px x 400px images together on this one image.) I am simply trying to hover a list item which then moves this image (in a different div) upwards to reveal the lower parts of the image. Hovering over each li item moves the image up to reveal a different 600px x 400px section. I cant do it using
datepick multi date issue question
hi there, keiths datepick plugin was working real well on a site we made up until recently but now we have an issue the site is : http://www.brightonfringe.org/ if you open the advanced search slider and try to click multiple dates on the date picker the dates do not remain in a chosen state (despite the actual date being added to the hidden input) can anyone see whats wrong ? many thanks
jqueryMobile dialog closes as soon as it is opened on page load in Safari only
So my jqueryMobile dialog is closes as soon as it is opened on page load in Safari only. I have a click event attached to a link that opens it. Works just fine on all other browsers, just not Safari. Also not I have a cookie set so it only opens once. Here is a link to check it out. jqueryMobile Dialog Issue Any help will be greatly appreciated. <a id='dialog' href="dialog.html" data-rel="dialog" >Dialog</a> <script> function openDialog() { setTimeout(function () { $.mobile.changePage('dialog.html');
jquery mobile link not working under android 2.3 version
hi, i developed a small web mobile site...in default page there are links... in iphone when i click links it works but in android (below 2.3 version) it does not work... in this links http://e.yazilimsozluk.com/ when i click this ( Patatesli Kek Tarifi) it works with iphone and android but not works with android which version under2.3 version what should i do i tried <a rel="external" href="Home/TMGetir/7" </a> i tried wtihout external such as this <a href="Home/TMGetir/7" </a> but it does
Submit on popup
Hello all. I think I have found a problem with the new jquery mobile build. it seems that when trying to submit a form from a popup it works every other time. It even seems to be this way when using the demo site. http://view.jquerymobile.com/1.3.1/demos/widgets/popup/#Form
Next Page