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
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
Getting tablesorter properties
Hey all. I'm using tablesorter, which is a great plugin. I need a bit of guidance tho. I'd like to preserve the user's sort preferences between refreshes by stashing sortList in a cookie. How would I pull the current sort column in order to store it? I'm thinking of using the sortEnd event in order to grab the current sortList, but I can't seem to get it. $('#mytable').tablesorter({sortList: [[0,0]] }); // default for now, but load from cookie if it exists. $('#mytable').bind('sortEnd', function()
Window Resize
I'm hoping to get some assistance. Is there a way to use the .resize function to continually update the width? You will see in the example below the "accordionW" grabs the window width on the page load but I'm hoping to figure out how to have it adjust when the window size changes. Can anyone help? Thanks! <script type="text/javascript"> $(function() { $('#va-accordion').vaccordion({ accordionW : $(window).width(),
How do I load nivo-slider after the script I wrote to load the html for nivo-slider from an xml file?
I wrote a script to pull content from an xml file to write the html code for nivo-slider onto a page. There seems to be an issue with my script or the order in which the scripts load. The slider works OK upon initial page load, but if you move between pages mid-slideshow, then it bugs out and on the page you move to and sticks on the last image of the slideshow and then keeps reloading giving an error that says, "GET http://www.kristinemorical.com/design/designsystems/muddog/undefined 404 (Not Found)".
Autoplay Function
Does anyone know how to add an autoplay function to a plugin that doesn't seem to have the option? The one I am attempting you use autoplay on is called windy: http://tympanus.net/Development/Windy/index.html
Ajax request for autocomplete sends results back twice.
I am sending a ajax request for search results and when I console.log() the results it sends the result back twice. Here is my code. Any help would be appreciated. //Ready the DOM $(function(){ //Placeholder plugin for input text area $('input, textarea').placeholder(); //bind a submit function to the form div $('form').bind('submit', function(e){ return false;}); //variables for the input field, and search box div. var input = $('input').eq(0), search = $('#searchresults') ; //bind a keyup function
Slide Up - Slide Down
i have a pretty basic(based on something i saw online) site going that uses a few jquery plugins and though i am pretty noobish i am accomplishing basically what i need, except one last feature that i want, sliding page transitions. the page is far from done but the basics are in place, www.costaricafishingpackages.com i want to add links that open the new page by sliding it either up or down depending. the new page would be a horizontal scrolling page as well. does anybody know of a jquery plugin
Everytime I think I'm getting the hang of this, something else comes up :)
So... I figured out how to add items to a pre-existing array. Following is the applicable script snippet: catch_array["privilegesID"] = []; // Declare a new associative key in the catch_array. catch_array.privilegesID.push(varPrivilegesID); // Add varPrivilegesID to catch_array, assign it to the associative key. console.log("data row After processing: " + JSON.stringify(catch_array)); It works great, except for one issue. When I run it to the console.log the added array items do not output the same
Cross Domain Ajax Get support for all IE versions
Hello, I desperately need to write the following script so that it works in all IE browsers, the following code works in all browsers except all IE versions. In IE no call is made to the PHP, is there an example of how I can do this? What is the standard way to do so? Thanks! $.get('http://somedomain.com/promo_getstate.php', { crossDomain : true, cache:false, email: emailaddress, country: 'DE', lang: lang,
Help getting custom vertical scroll bar in a frame.
Hello, Im creating a site and I dont want the whole page to scroll down, I just want a frame in the page to scroll and I need a custom srcoller. How is this done in jquery? Thank you
How to I add unique id and title to nivo-slider captions using jQuery?
I've started code to pull information from my xml files and spit them out into a format like nivo-slider. Only in order for nivo-sliders html captions to work you need to have unique ids for the caption div and for the img title attribute. I know that generally you don't use unique ids, but this is how nivo-slider works. I need help coming up with a way to create unique ids and titles such as: "htmlcaption1", "htmlcaption2", etc... Here's the code: $(document).ready(function() { $.get('/design/designsystems/unitedway/unitedway.xml',
IE9 focus fails unless an extra line is added. Is this an IE9 bug or a jQuery bug?
I have a column of input fields that I validate for numbers only. If it's a NaN I want to display a message and refocus when the user tries to click away. The following code will fail in IE9 to refocus back to the offending value. But I had to insert (by pure accident) an extra random focus line to force it to focus correctly. Any ideas? <input type='text' class='unit' value=""/> $("input[class=unit]").change(function(){ if ( !isInt($(this).val()) || Number($(this).val())<0 ) { alert("Not an integer
jQuery push method?
Hello, Im getting an error in IE say that IE8 doesnt support the array.push() method. Is there a jQuery equivalent? Thanx
Next Page