qunit and requirejs
Just posted this on SO, wondered if I'd have more luck here: 'm using QUnit to test my JavaScript. I'm also using requirejs. I have test code which looks like this: QUnit.config.autostart = false; require(['tests/tests'], function () { QUnit.start(); //Tests loaded, run tests }); This works great in FF (19.0.2 as it happens) but in both Chrome (27) and IE (10), I'm getting a QUnit error: "pushFailure() assertion outside test context" Turns out that I don't need the call to QUnit.start in IE and Chrome.
reminder service
Hi everyone, today i talk to about reminder service. I thing any person want to take take some idea about reminder service so any body can get very good information by the follow this reminder service. I fund very good information by this link. If you get some about reminder service so please visit this link and find kind information.
How to know the grade of Mobile Browser in Runtime
Hi team, Is there any sure shot method , function or Plugin which will help us alerting the Mobile Browser grade as per JQuery Mobile specification and compatibility Matrix This will be a great help for Application devlopers to inform the End-User if there browsers are not compatible. Regards, Anurag
Can I use jQuery Tabs UI with HTML table?
I have this html table generated. I need to apply jQuery Tabs UI to it to hide/show tbody sections like tabs, but it's not working. Any help is appreciated. Thank you. UPDATE Sorry, the layout and jQuery tabs work fine, probably forgot to close some tag ;) <script> $(function () { $("#folders").tabs(); </script> <table id="folders"> <thead> <tr> <th>My folders</th> </tr> <tr> <td> <ul> <li><a href="#folder1">Folder1</a></li>
camera options in JqueryMobile
Hai i have samll doubt . Is there any camera Options to open camera When i am click the Button in Jquery Mobile. <input type="file" data-clear-btn="false" name="file-2" id="file-2" value=""> not support for open camera in Some Android Devices and Iphone ... In New Android mobile Versions working fine .
Question on efficiency of script
Hello: I've just finished writing a routine to do the following: Use $.post to grab a dynamically produced php table and display it in a "group" container. The table shows 1 line for each group member, and their privileges. Use $(".grpBK_O1 select").map(function(){ to iterate through the resulting member table and grab the value of the privileges <select object. Assign values to variables that will be pushed into an array Use $.each(memberID, function() { to test and process EVERY memberID Use
Can I apply a style using the jquery-ui css file to every <input>?
I know you guys are gonna be like, "Yeah, of course, dummy. That's the most basic, GED thing on earth." Using the UI, I know I apply class="button" to all my buttons, and it styles them. Can I do something similar for all my text boxes so I don't have to style them all individually? style="background-color:#f4f0ec;border:none;width:32%;height:25px;margin-bottom:5px; margin-top: 10px;border-radius: 2px;"is basically what I've been doing. I know there has to be an easier way, I just can't figure
I need a jQuery/PHP developer for new venture
Hi Forum Members, I'm looking for a jQuery/Ajax/PHP/MySql developer to help build an CRUD based application. This will be a part time project and hopefully with a little luck, lead into something long-term. Please feel free to send a private message with any questions. I will only provide project details on a one-to-one basis. Thank you in advance. Jack
non-stretching background?
I'm trying to make a nav menu. I've not done much jquery before, but have managed to get this far. I expected the default behavior to not stretch the background image, but it does. Is there a css3 tag or some other approach I can use to prevent the background from stretching when I change the height of the div? Here's my menu so far... <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
jquery mobile table code download
I looked into the jquery mobile table.... but dont know where to download the code.... can you tell me where can i download the sample code.... http://jquerymobile.com/demos/1.3.0-beta.1/docs/tables/table-reflow.html @media ( min-width: 40em ) { /* Show the table header rows and set all cells to display: table-cell */ .my-custom-breakpoint td, .my-custom-breakpoint th, .my-custom-breakpoint tbody th, .my-custom-breakpoint tbody td, .my-custom-breakpoint thead td, .my-custom-breakpoint thead th {
Using a contains with variables in an if statement
I have am fairly new to jquery and was wondering what the best way to check to see if one variable contains another. My first var is a string of values. example Value1;Value2;Value3. I have tried various approaches but none have worked. $(".EI-Disc-Outer").each(function(i){ var metadata = $(this).find('.EI-Metadata').html(); var pageMetaTitle = ";" + pageTitle;
global failure when running qunit simple test in container
i am running a real simple qunit test, the one you see from web site. it runs fine in browser. But when I deploy to a container such as jetty, and then visit the page, I am getting 1 success and another error: global failure (1, 0, 1) script error, source : 0 what may be the problem? i am using qunit 1.11 Thx! Yan <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>QUnit basic example</title> <link rel="stylesheet" href="/resources/qunit.css"> </head> <body> <div id="qunit"></div> <div
Need to delay jquery script
Hi guys, I'm sorry to trouble you but I'm a complete noob in jquery. So, I got a slideshow, I've managed to make it work, but it hasn't a auto-play function. So someone gave this code to enter in .js file. I've pasted in the code and it worked. The problem is that the first image disappears way to fast, so I've been trying to delay the function for the last 2 hours. Don't have to say that was unsuccessful Heres the line of code: /*******************************************************************
Chrome throws 'e is not defined' or 'r is not defined' on any page that loads jQuery
I'm using OSX 10.7.5 and Chrome 26.0.1410.43. Can anyone else coo-berate this? It is either e or r and they show up on the console on page load. Here are the exact errors: Uncaught ReferenceError: r is not defined Uncaught ReferenceError: e is not defined Safari and Firefox won't throw these errors. Is it Chrome... or perhaps a Chrome extension I'm running?
Controlling buttom width
Does JQM offer any classes that allow a button to span 100% of the width of its container? Here is the code I'm using, but it does not span the full width like other JQM elements: <div data-role="controlgroup" data-type="horizontal"> <a data-theme="b" data-role="button" href="/mobile/locations">Contact</a> <a data-theme="b" data-role="button" href="/mobile/inquire">Inquire</a> <a data-theme="b" data-role="button" href="/mobile/index.html">Home</a></div> Other data-role elements like "listview" and
Validator: completely reset validation state of a form
Hello, I'm having trouble resetting the validation state of a form after a submit event. Currently, I use the following resetting code: form[0].reset(); _validator.resetForm(); _validator.submitted = {}; This works as expected, resets the form and clears the previous error messages. However, the plugin (or the form itself?) still seems to remember that the submit button of the form was already pressed once. Validation is set to eager right from the start and corrects everything immediately. The
I dont access the tag img inside iFrame
Hi all. I use this code for insert iframe in a specific div when I click in a button: $("#MyDiv").html("<iframe id='MyIframe' name='MyIframe' src='http://meusite/body.html' width=' 1023' height='575' frameborder='0'></iframe>"); Its function correctly. This body.html contains an javascript that insert in other specific div, one image. I created other button for when I click, I get this img in my body.html inside this iframe. But I dont access anything. My html() is empty, but in browser my code
jQuery 1.9.1 | If variable matches comma-delimited string, do something, else, do some other thing...
But not so easy as I thought in my scenario, I have a variable which is basically the video ID of a Youtube link that I extract from a url once clicked, which, if matching a substring (video ID) of a comma-delimited string of video IDs found in a input text box, should trigger an event., like so: var videoID =$("#videoIDholder").val(); // <-- the stored link video ID var str = $("input[name=StringOfVideoIDs]").val().split(','); if ($.inArray(videoID, str) !== -1) { alert('match!'); } else { alert('no
Button : problem with the click event
Hello, Currently, I'm working with Visual Studio 2012 under a "ASP.NET MVC 4" project in the web development. So, I've some views that are in the 'View' Directory and the controllers in the 'Controller' directory. On one of the page that I have, I created a 'back' button to come back at the previous page. When I click on this one, I would like to arrive in the 'backToPreviousPage' method of the controller associated at my view. But it's not possible now. I often have this error : 'error loading page'.
How to optimize Jquery Code
Hi! i try to build something like this on my new page: http://styleplantage.de/jquery.html But i´m new with jquery - so how could i shorten this script? Do i have to make a plug-in for one box? im really stuck at this point because i know theres a much better way to do this! $('#sidebar-1') .hover(function() { $("a#btn-kontakt-1").stop().animate({top:'0px'}, 300); $("#sidebar-outline-1").addClass("sidebar-outline-hover", 100); }, function() { $("a#btn-kontakt-1").stop().animate({top:'-80px'},'2000');
Dialog text box press enter to process
Hi, I have a dialog with a single text field that I want to process when enter is pressed. I tried a keypress event to click the OK button, but the button does not seem to have a click method. I'm open to other ideas if it's doable.
Dialog box opens automatically upon post back after initial opening
I have a dialog box hooked up to a button in a templaet fied of a gridview. On initial page load all is good, when I click a button on a row in the gridview it successfully opens the diaog box and displays the correct information. This is where it all goes wrong. Firts, when I close the dialog box, everything on the screen has gotten smaller. Second, when I select another record or do anything else that causes a post back, the original dialog box reappears on postback. If I close that box I am able
Can not Use the Value of Hidden Fields to Set Progressbar Options
Hey guys First of all, I'm a ASP.NET web developer, and I'm quite new to JQuery. I have a simple Progressbar; I set only its value and max options. I use no methods or events of Progressbar. There is a <div> element on page that is used for the Progressbar: <div id="divHealth"></div> And This is the code that creates the Progressbar: $(document).ready(function () { $("#divHealth").progressbar({ max: 100, value: 60 }); }); This code works fine and makes no
Webcam auto refresh with jQuery
The website is made with CMS Drupal, so every jQuery code is like this: (function ($) { //code here }(jQuery)); as mentioned on the Drupal documentation. I have other jQuery codes and they are working perfectly. The idea is to put webcam that will auto refresh in couple of seconds. The source for the webcam is picture of webcam that is refreshing and it's like this: <body onload="JavaScript:timedRefresh(30000);"> <img id="live_cam" src="http://www.website.com/images/livecam/livecam2-bg.jpg?time=1364566398">
How do I get the value of ListView Items into an array using jquery??
Hi all, I'm a green javascript newbie, but I have passion:-) I am trying to get the values of my ListView elements into an array. The values cam e from my database. I feel that I'm almost there. This is what I have so far; var locationDB; var locationAry = []; var startRectangle; var viewBoundaries; //clear sidebar entries sbar.innerHTML = ''; if (data.documentElement == null) { clearMap('No results found. Please try widening your search
I would like to maintain the position of the scrollbar after posback of the button.
Good morning, My problem is as follows: First example, we look at just what makes the panel (ASPxPanel2): if I click on the active button postback and the first panel maintains the position of the scrollbar's exactly in the position where I put before the postback. Second example, we look at just what makes the second panel (demo1): if I click on the active button postback and the second panel loses its scrollbar position of bringing it back up and all that is in the zero position. While the first
jquery mobile can be used for desktop web app development
1. jquery mobile can be used for desktop web app development? if not supported by desktop browser e.g. a button how will appear? 2. from the time compiled in phonegap dw c6 tools and tested from dw the App in Android sdk, for a jQuery mobile App the, code in split/Live is the same as split/Live/Live Code.... in other words jQuery mobile does not generate code with result can not test Apps within dw cs6, but design shown without jQ mobile generated code, well? can test only to browser success!
how to lazyload pictures in a listview with jqMobile???
due to my page inclued many pictures,so after get data by ajax,many pictures shows very ugly.....so .is there a example to answer me ?thank u very much
What is used for this effect????
Hello, someone can help me... what effect is this?? When click on menu, page slice from right.... *-* Page effect
Trigger code behind from a jQuery dialog
[using Visual Studio 2010] Hi Guys! This functionality seems so childishly simple...but I have searched for days to find an answer. Here is my jQuery Dialog: <script type="text/javascript"> $(document).ready(function () { $("#myDialog").dialog({ autoOpen: false, resizable: false, width: 400, height: 250, modal: false, buttons: { "Ok": function () { $(this).dialog("close"); //return true; }, Cancel: function () { $(this).dialog("close"); } } }); }); When the user clicks the "OK" button, I need
difference and of meaning AJAX and server side processing?
What is meaning the of the AJAX and server side processing?
jQuery UI accordion open multiple panels at once
Hello, I'm trying to create a accordion able to expend multiple panels at once. I try my to find it in jQuery UI API. But not get any proper way till now. Please let me know if there are any way to do it by jQuery UI accordion Thanks
Problem with jQuery Form Plugin
I have problem with jQuery Form Plugin. When I debug this in firefox there are no errors and warnings. I see loader but code after it doesn't execute (action.php don't execute I only see Loader img) where is my problem can you help me? JS Code <script type="text/javascript" > var test = function(i) { $("#preview").html(''); $("#preview").html('<img src="loader.gif" alt="Loading...."/>'); $("#titleform"+i).ajaxForm({
Draggable content that will work on an iPad and iPhone as well as desktop computers
Before I start, may I just say that I am no web developer. If anyone can help me with this could you please answer in a way a 4 year old child, or Forrest Gump would understand. I'm having some trouble updating my current website so that it will work on an iPhone and iPad in the same way that it works on a computer. Below is a link to my site... www.hagueandhague.co.uk As you'll be able to see from the homepage, users are able to drag around the icons on the screen, they can also resize them by dragging
Jquery Form Validation doesnt work...
HI I am using jquery validation plugin in my project but it doesnt work at all. i am generating a textbox dynamically and adding class to it dynamically as well but it doesnt validate.... here is my code sample this is how i generate a textbox dynamically when some condtion gets true... $('<input>').attr({'id': 'website')}).addClass('required url').appendTo("#formname"); When i checked in firebug i could see the class has been added...but yet it doesnt validate... I am using inputmask.js and jquery
Problem in jquert datetimepicker with timezone
Hi, I am facing a different issue in jquery datetimepicker. Here is the details: 1. I have set the time zone info in the jquery initialization. 2. when i select the date/time in the picker , set the text box with date time along with time zone is perfect. But unable to delete the time zone using backspace key. i can able to delete the DD/MM/YYYY AM/PM. When i try to delete the time zone from text box, the value retained. For example: date displayed in the field like 13/09/2012 10:00 AM EST Unable
jQuery scrolling to anchor -> but prevent bumping to bottom of page
I made a smooth scroll on my page, but when scrolling to the last anchor on my page the scroll just bumps radically to the bottom, because the content of my last div is not enough to fill the whole page and so the nice easing at the end is gone. The function tries to put the anchor to the top of the page, but the div is to short. Is there some way that I can prevent this? Is there some way the tell the function not to bump to the bottom? Many many thanks in advance! http://jsfiddle.net/5FwcT/4/ $('.submenu
chrome will run adschorme.js auto ,this make my $.fn.extend undefined
<script type="text/javascript" src="/resource/base/JQUERY-1.9.1.JS"></script> <script> $.fn.extend($.fn,{aa:function(){alert("aa");}}) $().ready(function(){ $("#reg_form").aa(); //success ,$.fn.aa return right function $("#reg_form :input").focus(function(){ $("#reg_form").aa(); //error,chrome sign : object[object object] has no mothod 'aa',because chrome run adschorme.js auto ,when breakpoint set to adschorme,$.fn.aa
jQuery plugin: Validation how to use it in wordpress
i have this <script src="http://granhotelanabas.com/wp-content/themes/studioin/js/jquery.validation.js"></script> <script src="http://granhotelanabas.com/wp-content/themes/studioin/js/jquery.js"></script> <script type="text/javascript"> jQuery.noConflict(); errorPlacement: function(error, element) { error.appendTo( element.parent().next() ); }, $.validator.setDefaults({ submitHandler: function() { alert("submitted!"); } }); $().ready(function() { // validate the comment form when it is submitted
Problem in jquery image zoom effect
Hello Freinds, Here is the link when i download the demo of the image zoom effect http://www.visual-blast.com/source/jqzoom/jqzoom_v1.2.rar I apply this in my page but my image size is large and in zoom efeect size is small when i change zoom effect in below changes result not get only zoom 100 got result i want large zoom effect how can i do this <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function(){ $("img.jqzoom").jqueryzoom({ xzoom: 150, //zooming
Next Page