QUnit and Automated Testing
Just wondering...Has anyone setup or have any ideas on an ideal usage of QUnit with automated testing tools? Currently at my company we are using Hudson as our build server. We would like to: 1. Automatically startup a browser and run QUnit tests 2. Save the QUnit tests to an easily parsable file format (JUnit xml seems to be the standard) Once that is done, it should be trivial to report the results in the CI server. Currently we're doing this by firing up Selenium and then loading the page with
Reading Hex values from conf file!
Hi! I'm having trouble solving this one. I'm reading a conf file via http from my local computer. In that conf file I have 8 different colours represented in HEX values e.g. #3be6c4 etc. I'm reading the conf file as follows: $.ajax({ url: "http://some_path/colours.conf?callback=?", type: 'GET', success: function(res) { var result = $(res.responseText); console.log(result); } }); What I would like to do is, grab the values and into my index.html. The will appear in a list. Any suggestions on how
Why not ˚data-role="popup"˚ outside of ˚data-role="page"˚ ?
i am wondering why the designated popup content element data-role="popup" needs to be inside of the data-role="page" element. wouldn't it make more sense to place it outside of it, since it is not actually part of the page displayed, but an extra element that shows up later on during runtime.
Can I disable hover effect by using: buttonMarkup.hoverDelay = 0
In order to optimize user experince/response time I'm wondering if setting the global setting buttonMarkup.hoverDelay = 0 will result in that JQM doesn't apply the hover css to elements? If so it should be stated in the documentation: http://jquerymobile.com/demos/1.2.0-pre/#/demos/1.2.0-pre/docs/api/globalconfig.html If it is not the case, why is that?
Alert refreshes page
Not sure why but when I click the OK button for the function it refreshes the entire page instead of going to the field as a focus. function IsNumeric(item, message, scrollTo, focus) { var numExp = /[0-9 -()+]+$/; var aReturn; aReturn = $('#' + item).val().match(numExp); if (message && !aReturn) alert(message); if (scrollTo && !aReturn) ScrollToPosition(0, scrollTo); if (focus && !aReturn) { $('#' + item).focus(); ScrollToElement(item); } return aReturn; } function IsAlpha(item, message, scrollTo, focus) {
How does block-ui work ?
I am using blockui JQuery plugin. It is not doing what I need it to do. I have some events and html elements disabled or not working when they should. I want to write my on blockui, but I am not sure how the block ui is stopping the UI thread. I want to know what is the technique used by block ui to stop all inputs. Can anybody help ?
Galerie thumbnail Pop-Up
Iam looking for a pop up window for my galerie. By clicking on a thumbnail the pop-up window should appear. Possibly like used in lightbox for an single image.
Is there a way to select a collasible row within a list from another page
Is there a way to select a collasible row within a list from another page I can select a collasible set on a page from another page. But how can you selection a row within the set. <p><a href="#mrktrpts" data-role="button" data-mini="true">This shows me a collapsible list on the mrktrpts page</a></p I would like to be able to select a specific item (row) within that collapsible list from another page.
problem in version 1.8.0 and 1.8.1
I use this expression $("#[id^='lbl']").html("") for reset labels that show error messages on contact form. On the version for subject I get the error: "Microsoft JScript runtime error: Syntax error, unrecognized expression: #[id^='lbl']". But When I work with version 1.7.2 my from validation work as always. Maybe I doing something wrong, but I it work on 1.7.2. why it won't work on the newer versions? I can reset every label by using it ID something like $('#lblFirstName').html("") this is a better
Replace Part of an Link in an HTML File
Hello community, I want to replace a part of a link. See my example below. The Links : 1) href="/businessapplications/iop/weschein/Lists/Receipts/EditForm.aspx?ID=219" 2) href="/businessapplications/iop/weschein/Lists/Receipts/EditForm.aspx?ID=220" should be changed into : 1) href="http://www.newsite.de/new.aspx?ID=219" 2) href="http://www.newsite.de/new.aspx?ID=220" Thank you in advance for your support I've alredy try this but this doesn't work. $('table tr td.ms-vb-icon a').attr('href', $('table
asp:GridView rowselect
Can you help me.. I need to highlight row on gridView row click event and display first 2 column values in label. How do I do this with jquery?
Getting text from file and displaying split into additional divs
Hi All Sorry if this sounds super simple but I just started with JQuery and am getting myself lost totally I have gon through the tutorials and getting there slowly but I need to be able to do the following I have a text file that contains as listed below : Total Taken : Number Total Remain : number Total Closed : number I can get to read this into my page using this $(document).ready(function() { $(".text").load("comercialsupport.txt" ).text() }); What I wish to do is put the areas
Auto swap thumbnail image
Hello ppl, Im starting to learn jquery. I have a question.. I have a banner and this banner have some thumbnail images. When i click on any thumb, it changes to a bigger size of the thumb. But it only changes when the user clicks on a thumb image. I need it to automatically swap in X seconds. So, I have: <div id="banner"> <img src=˜img1.jpg˜ /> <img src=˜img2.jpg˜ /> <img src=˜img3.jpg˜ /> </div> <div id="thumb"> <img src=˜thumb_img1.jpg˜ /> <img src=˜thumb_img2.jpg˜
Problem with validation
Hi all. I'm trying to validate some fields before opening a dialogue but I can not do. <link type="text/css" href="css/smoothness/jquery-ui-1.8.23.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.8.1.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.23.custom.min.js"></script> <script type="text/javascript" src="js/jquery.maskMoney.js"></script> <script type="text/javascript"> function enviardados(){ if(document.formContas.nome.value == "") { alert(
Is there any restriction on php version for JQM?
Hi! I'm having problem using jquery mobile on php version 5.2.11. Any linking page using ajax it is not working, It shows -Error londing page- and I getting internal error 500 from server. Linking internal pages and linking pages without ajax (data-ajax="false")work fine. I can't find any information about any restrictions on php nor a similar issue. Does anyone have a clue about it? Thanks,
problems authenticating an ajax request
Hello all, I'm trying to send an ajax request which should authenticate via basic http authentication. In the jQuery.ajax() documentation page (http://api.jquery.com/jQuery.ajax/) it states that there are two options, "username" and "password" that can be specified, and that they are going "to be used in response to an HTTP access authentication request." I set those two options in my request, but I cannot see any "Authorization: Basic xxx" header being send by jquery. this is my code: $.ajax(
Leor Zahavi: Want to learn jQuery
Hello everybody! I am Leor Zahavi and I am really interested to learn jQuery. What are the basic concepts I should know before starting jQuery as I know a little core java. Thanks Leor Zahavi
How do I disable loading of ajax-loading image?
Hi. As I'm not using any ajax-loader.gif I'm wondering if it is possible to disable the load of this? I mean, why using 7 kb of bandwith, time and overhead of loading something that I'm not using? Kindly regards Ruffio
Timer, function, element & maybe Ajax & php
Hi, This is the scenario I want to created. I have 10 products which I want to display and which have their on unique count down timer. 1) I have retrieved Timer(from mysql) 2) <p> will display the count down timer *Note my theory was element <p> was to call the function(Timer mysql) by itself and if the condition is wrong. Update the <p> text without loading (I believed got to do with Ajax) and perform again the function 1 sec later. ---------------------------------------------------------
I'm very new. I'm wanting to know the difference between download on the homepage, and the UI widgets downloads and ect....
Okay, firstly I apologize for the noob questions, but I learn quick, so hopefully you'll forget all about me soon lol. On the Jquery.com homepage, there is the big download button, and I understand what to do there I'm pretty sure. I click the button, copy all of the code, and save it as a .js file to point to when scripting requires it. I'm confused about the widgets and other offerings you can get when clicking on the UI link. Each seems to have it's own code that comes with it. My question is,
Mobi Scroll date Picker popup is not opening sometimes
I have three pages in my app. Home.aspx ,day.aspx,month.aspx which has same footer. I navigated to home page first. Scenario1: when i click on day of the home.aspx it takes to day.aspx which has mobi scroll date picker in the header. In this scenario date picker is working fine. Scenario2: I clicked on month button first in the footer of home.aspx it takes to monthpage.aspx which has list items in it.When i click on list item it takes me to day.aspx page.Then also date picker is working fine.I click
Unable to change footer button theme
I am trying to change the footer button theme in the page show method with the below code but it is not working.Default theme is applied instead of below theme can you please suggest alternative for this. $('#ftrDetails').attr('data-theme', 'c') footer button code <a href="DayDetails.aspx" id="ftrDetails" data-role="button" >Day</a>
Automating qUnit tests for use in continuous integration (e.g. Jenkins-CI)
Hi all A few weeks ago I started looking at getting qUnit tests to run in an automated testing environment (Jenkins CI) - it was a business requirement that wasn't going to go away. This proved more than a little bit complicated - and seems to be something discussed on various blogs at great length - the only viable option being to use WebDriver to execute the tests and extract the results, hardly a clean solution. Enter RhUnit - a (nearly complete) qUnit compatible implementation which runs in Rhino.
jQuery file must be in same folder as HTML program
On two occasions I have needed to place the jQuery.js file and the .css in the same folder as the html program. It seems it is the only way I can get the program to work correctly. Admittedly, these .js and .css files were the work of someone else who contributed the program free to other users. This odd requirement of same folder placement leads me to ask for understanding here. Please help: is there a way around this? although, I have not tried everything, I suppose, as yet. Thanks, dre7777777
Jquery: Adding an onload event for a gridview
I have one grid, here is html code: <table cellspacing="0" border="1" style="border-collapse:collapse;" id="grid1" rules="all"> <tbody><tr> <th scope="col">Nr de ord</th> <th scope="col">StudentId</th> <th scope="col">Name LName</th> <th scope="col"> <span id="mondayText">monday<br></span> <span id="monday">14.05.2012</span> </th> <th scope="col"> <span id="thuesdayText">thuesday<br></span> <span id="thuesday">15.05.2012</span>
How to create a function in jquery executed right after a grid is loaded
I have one simple gridview, I want to create a function in jquery that is executed right after a grid is loaded. I'm trying to call with: live and ready, but it doesn't work :(
Server sent event feedback to client
Hi, I am new to jQuery/jQuery Mobile and javascript programming. I have a question about server sent events and jQuery Mobile: Toggle slider html: <li style="height: 40px;"> <div class="containing-element"> <label style="position: relative; top: 10px">Slider1</label> <span style="float: right"> <select name="Slider1" id="Slider1" onchange="SetBit('Val')" data-mini="true" data-role="slider"> <option value="off">Off</option> <option
Focus setup in navigation
I use theme "e" for navigation, but when I click on a button, it's "focus" state for some reason displays as "b" (theme). Any idea how to fix that?
Version problem
when i changed from <script src="http://code.jquery.com/jquery-1.6.2.min.js?foo=bar"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css?foo=bar" /> <script src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js?foo=bar"></script> to <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css"
having problems showing multiple pages in a single page layout
Hi. The large part of my app is a single page layout. However, there are a couple of pages that are multi-page layout - for example where I have dialogue boxes. If I am currently on a single page, and link to a multi-page, only the first page of that multi-page is shown. The rest of the pages are removed from the DOM. Refreshing the page re-shows the missing pages again. Can anyone shed any light on this. What am I doing wrong? Thanks
Form is not getting submitted second time.
$(document).ready( function(){ $( "input.pricerUpdate").click(function() { //document.getElementById(id).checked = true; //alert("hello"); $.post( "/cart1/programming_americanCore_process.action", $("#formBody").serialize(), function(data){ updateSummaryBar(data); }); return false; }); }); When i click the button first time the form is submitted & i get the response. After selecting another radio button...when i again submit the same form...nothing goes to server... action is not hit on the second
column header not aligned with columns
Hi , i have jqgrid problem ,my column header is not aligned with the column files used are (/ui.jqgrid.css/jquery-1.5.1.min.js/jquery-ui-1.8.11.js/grid.locale-en.js) thanks in advance
Links not Navigating Properly.
I'm a newbie to jQuery. I am attempting to make a mobile version of my site (which it sorely needs). I have the homepage the way I want it, but I'm having trouble with links. The link for Full Website is the only one currently linked. It links to "../index_full.php" for some reason when I click on it it goes here: http://www.lutzcreativegroup.com/mobile/test.php#/index_full.php No idea why it is doing this. I have tried these variations: "/index_full.php" and "http://www.lutzcreativegroup.com/index_full.php".
Thumbnail Hover Effect Problem
I found this plugin that adds a cool effect when hovering over thumbnails. Unfortunately it runs on pixels. All the images on my site are sized by %. I have been able to change most of sizing to %, but for some reason. It wants the height to be sized in px. Ive tried to size it with % but it just acts like I have set the height to 0. http://jsfiddle.net/zBWHF/2/ Is there a way to change the jquery to allow me to only size the width of the image and let the height auto size proportionally? Or is
Why does this jquery mobile css or js does not work?
Hello , everybody ! I am a rookie . I recently begin to use the jquery mobile . Now I find the css or js I defined between the '<head>' and it does not work anyway . I cannot understand this . Who can help me !!!!
Question about viewing multiple sequential images with scroller
I'm researching a solution for replicating a certain type of image viewer. Basically, the images are x rays, and there will be anywhere from 2 to 20 images in a set. They are brought up in a viewer with the initial image, then a scroller is used (no thumbnails) to advance through them. Every time the scroller is moved, the next image loads. I have a feeling that the jQuery slider may be the best solution if I can use the separate images as the different incremental elements. I've looked over
How can I parse this file using $.getJSON? Thanks!
{ "data":[ { "id":"2047", "from":{ "id":"5245", "name":"Ian Graham" }, "to":{ "id":"234", "name":"Alan Ford" }, "type":"1", "replyto":"0", "date_sent":"1343234342", "date_read":"1343837983", "subject":"re: This is SP", "message":"Hi How are you[quote=Alan Ford]This is SP..Thais is SP[\/quote]", "message_formatted":"Hi How are you",
jquery using .on()
Hi there, i am working on a small jquery javascript...i have a method called attach event which attaches event using $('body').on("click", "#div", {data}, function); all this done in switch case statement subject to page type.... however in one page i have radio button and form with button which are loaded via ajax call... i can click all the buttons, they load form and submit form to server but the form is submitted device, this all happens when i click radio button, if i dont click radio button
New opensource jQuery Mobile CMS C# ASP.NET
New opensource jQuery Mobile CMS C# ASP.NET The purpose of this project is to demonstrate using jQuery Mobile framework with C# ASP.NET web application. This project is NOT affiliated with jQuery and therefore is NOT supported by jQuery. Project source code is hosted at http://jquerymobile.codeplex.com/ Features • Dynamic Ajax driven content webpages • Facebook integration using oAuth • Custom ASP.NET membership using Entity Framework • SEO optimized webpages using friendly URLS, tags and titles
BlockUI without opacity
I am trying to use the blockUI plugin ( http://jquery.malsup.com/block/#demos) here but I wouldn't prefer the dimming because the screen flicker. Can we just have the cursor changed and the screen being blocked from visual inputs but the opacity dimming/brightening is avoided? I did try a bit of CSS trick like css: { opacity: 0.3 } but to no avail.
Next Page