IE8 handsontable error : Object required.
Hi Guys, Everytime i refresh my webpage or call the handsontable.js , iam getting the following error Object required and it is pointing the line : 5324 in the jquery.handsontable.js file . 5324 : this.x = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft; I'am using 0.8 version.. I'm thinking that is something related to DOM load but cannot confirm that.. Any help will be more than appreciated.
dialog not working on 1.10.0
I have a problem with a dialog and I have had to roll back to 1.9.2. The dialog box shows however it is covered with grey which has the same Z order as the dialog itself. (I force z-order 100 and grey box was 100, then z order101 and it was 101.) I can type and tab between fields however I cannot click to select the input box on the dialog itself. The problem varies slightly with AutoOpen true/false. Without autoOpen the greying out covers the entire screen and when I scroll it is only partially
Why does $("#somediv") === $("#somediv") return false?
It seems that the same selector does not return the same Object so for example the following does not work: var ua = $('#somediv'); ua.minified = true; ua.click(function() { if ($(this) === ua) { alert("foo"); } if ($(this).minified === true) { alert("bar"); }The "if" statements return false. I would like to attach some custom properties/attributes to the object returned by a jQuery selector but it's not useful if the above does not work. For sure the above is a bad usage of jQuery
[jQuery] [validate] onkeyup for single field
This question is in regards to the jQuery validation library http://bassistance.de/jquery-plugins/jquery-plugin-validation/ Is it possible to turn off onkeyup for a singe field instead of the entire form? It'd be cool if I could just put onkeyup=false within the rules array for that field.
What happens when javascript fails?
First off, I'm quite new to javascript and jquery. But in the past couple months I've come a long ways. My question is basically this: I've got an onload event setup on my body, which uses the PerformanceTiming features to log certain data. My understanding is PerformanceTiming only works with browsers supporting HTML5 What happens is a clients browser does not support HTML5? Will it stop executing javascript once it hits the unrecognized code? What about the execution of different javascript at
how to place large irregular sized image into a jQuery UI button
Given a button of a fixed size and an image of an unknown size (but smaller dimensions than the button), how do I dynamically place that graphic onto the button? This example only handles something icon sized, as does this example. My own attempts end up cropping the image in the lower right. Hoping to get something robust that works across anything themeroller can spit out. Here's a link to a live example: http://jsbin.com/iliqih/2/edit <html> <head> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css"
Joomla dropdown menu horizontal/vertical
I’ve made own Joomla template, but I don’t know how to create a superfish horizontal menu bar. What I found in http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started is it understandable for me. I still dont’t how to use e.g. in„top” module positon.So I need some detailed process 1. link to the head tag: <script type="text/javascript" src="superfish.js"></script> (Probably this javascript has been called in template/xxl/index.php) 2.It says „Call superfish() on the containing ul element”.
Using :first Selector with .prevAll() and Multiple Elements
So I've Googled the .prev(".class") issue and found the solution, .prevAll(".class:first"). However, that doesn't seem to work with multiple matched elements. The :first selector seems to be applied to the entire list at the end, what I would expect .prevAll(".class").first() to do. What I would rather have happen is the selector be applied to each element in the "result set". Does this seem to be a bug or rather just how jQuery works? <!DOCTYPE html> <html><head> <title>jQuery .prevAll() Selector
Reload of php file to div in lightbox-style
Hi everybody, sorry for asking such a maybe dumb question, but something isn't working out like I except it. I have two php files, one you can see as index.php, the other should have some content from different db-queries. The first one (index.php) contains a table with weekdays as rows and columns for what you like. Every different cell-click to this table should do a different db-query. If I click monday, column 1 it probably will query "select release from os", if I click on column 2 "select *
script format question
Hello - I'm making a javascript update within a javascript block on an aspx page. This page was written by a previous developer. Here's a basic example of the structure of the script block: <script language="JavaScript" type="text/javascript"> <!-- function Test() { alert('test'); } --> </script> Is there any purpose to having the html comment symbols wrapped around the js functions? When I started web programming 15 years ago I seem to remember that there might
jq mobile want work with local js- and css files
hi, i store the jquery-1.9.1.min.js, the jquery.mobile-1.2.0.min.js and the jquery.mobile-1.2.0.min.css in /lib/js and /lib/css at my index.html i put these in the header: <link rel="stylesheet" href="lib/css/jquery.mobile-1.2.0.min.css"/> <script src="lib/js/jquery-1.9.1.min.js"></script> <script src="lib/js/jquery.mobile-1.2.0.min.js"></script> but no jq mobile works. if i replace it with (from your homepage): <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css"
common value in 2 arrays
I'm trying to find a common value between two arrays. In this case I have two select drop downs and each option has multiple classes assigned. There will always be 1 class value that is common in both selected options. <select id="optionSel1"> <option class="sku0" value="" selected="selected">-- Select --</option> <option class="sku7 sku8" value="2">female</option> <option class="sku10 sku9" value="1">male</option> </select> <select id="optionSel2"> <option class="sku0" selected="selected">--
How to create infinite loop with slidetoggle()?
in jquery, what is the easiest way to automatically slidetoggle an object every 3 seconds after the page loads? I basically want the object to open its mouth for 3 seconds, then close his mouth for 3 seconds, then open his mouth for 3 seconds, infinity. thanks! *Break through the ice and never look back*
What is my best option to re-populate the dropdown menus, each depending on others and data coming from server?
$(function() { console.log("document read"); var comingBack = "${comingBack}"; if(comingBack == "true"){ var idAndFieldValue = "" + "${testGetIDOnDemandReportFilterAction}"; var splitString = idAndFieldValue.split(":"); var selectingID; var selectingFieldValue; var tagName; var i; for(i=0; i < splitString.length-1; i+=2){ selectingID = splitString[i]; selectingFieldValue
Completed JavaScript refresher - where next?
Hello I used to do JavaScript years and years ago but hadn't returned to it until just recently. I worked my through "JavaScript in 24 Hours" which was very basic but fine as a refresher - it all came back pretty quickly. I used to do a fair bit of ActionScript too which has some similarities. So I'm comfortable with the basics again but I get the impression that real world use of JavaScript has moved on quite a bit so I'm wondering where I need to go next. I posted to the jQuery forum as first I
Page Create event for ALL pages?
Hi there, I want to fire a function when every page is created, from the API documentation I can see that I can do the following: $( '#aboutPage' ).live( 'pagecreate',function(event){ ( ":jqmData(role='sweet-plugin')" ).sweetPlugin(); }); However, this event handler seems to be for a specific page. Is there a similar event I can use for all pages? So that whenever any page is created, I can trigger a custom function? Thanks.
I can't get any jQuery code to excecute.
I can't get any code to work! As a test I have written this code. Any idea what could be causing this to not work? <body> <script type="text/javascript"> $(document).ready(function() { $('div').hide(); }); </script> <div> Test </div> </body>
jQuery Example Needed for JSON URL
Hi everyone, I have a url that returns a JSON dataset but I am not having any luck getting jquery to work bringing back the data an displaying it on the web page. Can someone provide me with an example. I checked the output format from my url and it's valid json. Here is the link I am pulling from http://www.ngsmedicare.com/wps/PA_CodeSearchTool/search/json/Ambulance?dateOfService=2012-12-11&procedureCode=A0425®ion=13102&locality=00
.remove not working
For some reason this will not remove the <li> items generated from Parse API. Although it will remove the <li> items that are already on the DOM. Is this a Parse API problem or jQuery? Here's the HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Andria Jade, Ceramics Portfolio</title> <meta name="Adam Yost" content="Check List"> <link rel="stylesheet" href="reset.css"> <link rel="stylesheet" href="styles.css"> <!--[if
set up back button history for search page
jQM 1.2 I am needing to be able to return, using back, to the Search/Filter page after a user clicks a link on the Search/Filter page. To the nav.html page, I have added the attribute data-dom-cache="true" to the div with data-role="page" (see below), but is not working. nav.html <body> <div data-role="page" data-dom-cache="true" data-theme="a" class="nav-search"></div> </body> Am I adding this to the correct page/div? Also, shouldn't I be able to find the script in the .js files that are triggered
back button history not working with search form
We're using the pop-up dialog element. ( data-rel="dialog") to load a simple search form. The user enters a 3-digit code and is redirected to the profile on our site. However, after that search, the back button no longer functions properly. In some instances it will only take people back to the home page of the site and not to any of the subsequent pages, and in other instances, it stops working entirely. Here's the working draft of our site which shows these issues. http://m.natureandmore.com/mobile_home
Toggle class for images
I have a series of images that a user can select. I want to change the mouse pointer when they hover over the each image. I want to display the image with a red border after they select it. Each image is set up like this: <asp:Image ID="imgHorse" src="../Images/Horse.png" class="SelectableImage" runat="server" alt="Horse"/> My JQuery is as follows: <script type="text/javascript"> // Bind hover and click events to images $(".SelectableImage")
Themeroller icon color washed out (too light)
I have been using JQUI for a while and have a few custom Themeroller templates in use. I wanted to upgrade a theme to JQUI 1.9.2 and went to my 1.9.1's themeroller URL. The problem I have noticed is that the icon colors seem washed out. I have chose a dark purple color in the default state icon field (#252669), but the color that comes out is much lighter (#6A6BAA). I have attached a screenshot with the colors side by side to illustrate. Has some new option been introduced in themeroller or something?
JQuery Mobile Fixed Footer Bar disappears when orientation change
i am developing mobile application using JQuery Mobile, in the main page which is home page everything is fine but when moving to next page and change ths orientation footer disapers completely, however the code i am using for all the pages are same here is the code i am using for the footer <div data-role="footer"> <div class="separator"></div> <div data-role="navbar" data-iconpos="top" class="line" id="line"> <ul> <li><a href="#home_pg" id="tab1" data-transition="none">
Getting Values in each function.
In My page have 10 fields in 5 sections. for example every section have two fields. <label>Age</label> <input type = "text"/> <label>Months</label> <input type = "text"/> <label>Age</label> <input type = "text"/> <label>Months</label> <input type = "text"/> <label>Age</label> <input type = "text"/> <label>Months</label> <input type = "text"/> <label>Age</label> <input type = "text"/> <label>Months</label> <input type = "text"/> <label>Age</label> <input type = "text"/> <label>Months</label> <input
jQuery selector?
I have a table defined like below from a server generated page. I'm trying to get a handle to the <thead> portion so that I can add another heading. I'm not quite sure how to do this with jQuery. I did it by traversing the DOM and somehow was able to do what I wanted, but I want to know how to do it for future reference. Can someone help? Thank you in advance for your help. <div class="zendiv" id="ExpenseSubTable" zen="86" style="height: 394px;"> <table class="tpTable" border="1" cellspacing="0"
JQuery in Wordpress
I am creating a website using Wordpress using a theme that I purchased. I want to make a change to the accordion that the designer made using JQuery, but I have never used JQuery before. I ultimately want to make the accordion function so a certain section of the accordion will open when the title of that section is linked from a different page. I don't know what changes I need to make to the JQuery or even how to access the JQuery in Wordpress to make any changes. Any help would be greatly appreciated.
How to change style for disabled option in a select menu?
Hi I am disabling some options in a select menu and enable the rest but i like to give class to the disable item. I want to change the color and put a image background to those disabled items how can i change the color and add a background image? here are my code to disable options for(var i = 0; i <= 86400; i += 1800){ var seconds = i.toString(); var newTime = i.toHHMMSS(); var titleSec = fromHHMMSS(title); //this needs to be converted to seconds if(i < titleSec){ $('#startTime option[value="'
Ajax looping by design - pitfalls?
I need some sort of transactional client/server/client processing - My expected solution is Ajax Send. If Ajax Error were to be called, it would call Ajax Send again to retry. Does anyone know of potential pitfalls that this might create when it comes to client memory usage? I'm using jQuery 1.8 (I need to recode to upgrade to 1.9 and am holding off on that for a month or so). Thanks!
Incoming call
Him I know this is a stupid question, but I have been looking for 1 hour now and did not find anything. How can I react to an incoming call? I have read about events like tap or swipe, but not this. The right keyword might be enough ... Thank you Peter
button click
i want to put a asp.net button control in accordion <div>, and on click of button i want to open particular section of accordion , how to do?
Insert the scrollbar value into input field
Hi I've this script, inspired by the codrops slider pagination concept http://tympanus.net/codrops/2012/12/21/slider-pagination-concept/ I'd like to put the value obtained by the slider into an input field value (i.e. <input type="text" value="((slider value here !))"> ) instead of into the div#preview. How can I do ? Thanks KD <div class="container"> <div id="preview" type="text" class="preview">0</div> <div id="slider" class="sp-slider-wrapper">
print uploaded document
Hi, A column in my grid is of dropdownlist type. In dropdownlist, there is a option- "Print". When user selects this "Print" option from dropdownlist, then he shall get the printout of the uploaded document. Is there any way to achieve that? or is there any way to print the page of another url? as windows.print() will work for the current page. Regards,
Problem with Jcrop
0 down vote favorite In my Phonegap Android application, I am using Jcrop and camera plugin given by Phonegap. In this, user can choose an image from Gallery of the device and crop that image. Picking the image from Gallery and cropping works fine but when I choose another image, that image won't load and previous image only remains. How can I resolve this? Please help me. Code I am using is: <!DOCTYPE html> <html> <head> <title>Capture Photo</title> <script type="text/javascript" charset="utf-8"
Spinner widget event.
Hallo everybody, I need help to execute php file when I click on the button to increment or to decrement the value in spinner widget. Thanks in advance.
raised click event on dynamic html img
Hi All, The user is able to construct a table by clicking in a button, Here is the table: <table id="MyTable"> <tr style="vertical-align:top" > <td>IN</td> <td>OUT</td> <td></td> </tr> </table> So the user presses the IN button and the timenow is entered in the IN column, if it presses the out, the timenow is entered in the out column, and at the same time i add a delete image on the third column var cell3
when i try run jquery slider in liferay 6 portlet i found the error
Uncaught TypeError: Cannot call method 'appendTo' of undefined tms-0.3.js:359 $.extend.bannersFutms-0.3.js:359 $.extend.inittms-0.3.js:524 window._TMS.$.fn._TMStms-0.3.js:7 (anonymous function)services:1 jQuery.event.handlejquery.1.6.0.js:2865 elemData.handle.eventHandlejquery.1.6.0.js:2499 i tried lot but i can't resolve the errror. I think it is problem of the flow if including js in view.jsp. My flow of including js in view.jsp <link rel="stylesheet" href="/HEADER-portlet/css/main.css" type="text/css"
Data Grid Table with columns for sorting and collapsing a data row
Hallo Everyone, Is it possible to have a grid or perhaps a table in JQM which when you click on the column title in can sort records in either ascending or descending. Also in the same table is there a possibility of collapsing a row in order to display more detailed information. Anyone with an idea of how the two features can be tackled or has a link to some useful content kindly send them Thank you alot.
UI Tabs, ajax/json Request, data not showing in tab
Hello, I'm a newbie jquery user and I'm using jquery-1.9/ui-1.9. When clicking on tab #1 the requested JSON-data doesn't appear. My js-Code looks like: $(function() { $( "#tabs" ).tabs({ beforeLoad: function( event, ui ) { ui.jqXHR.fail(function( jqXHR, textStatus, errorThrown ) { ui.panel.html( "Daten konnten nicht geladen werden. " + "HTTP Status: " + jqXHR.status + " " + errorThrown ); }); } }); }); <div id="tabs"> <ul> <li><a href="rest/cfehler/9410273345537">Fehler</a></li>
A little problem with my hover on a UL
Hi, I have a little problem and I'm be stuck. I want to wrote a little caption hover for an ul with images. But my problem is that the hover is activating on every li and not only on this where the mouse is over. Here you can see the sourcecode: http://jsbin.com/equyix/4/edit I would appreciate any help. BR
Next Page