click on listview item
i searched lots of pages but could not get this simple question answered: How can i handle a click on a listview item? I have this listview: <ul id="menu" data-role="listview"> <li><a href="#">link1</a></li> <li><a href="#">link2</a></li> <li><a href="#">link3</a></li> <li><a href="#">link4</a></li> <li><a href="#">link5</a></li> </ul> tried this function to handle my click: $("#menu").click(function () { alert("click"); }); my test-alert is not showing when clicking
Stripping QUnit tests for deployment?
I have QUnit tests running in my project and it's great - except I don't want to have to manually comment them out every time I deploy my code (or have the extra bits go over the wire). Is there an easy solution for this? Perhaps this is provided as a feature of a minifier. Does anyone have a good solution for getting the benefits of Unit testing in Javascript without having to take additional steps to remove the tests from the actual customer facing code? Thanks! Nathan
Differentiating Checkboxes and Labels with the Same Identifier
Hi. We have some HTML code that was created in APEX, and this code uses the same identifer, at least in terms of name, for a checkbox and its adjacent "label for" element. We have to dynamically append an input box next to these elements, and the initial state of these input boxes must be DISABLED. The issue is that when a user clicks just on the input box, the checkbox gets checked. With the state of the input box not DISABLED or READONLY, this doesn't happen. It's as though when the DISABLED
error using tabs in jquery
Recently I was given a website that used jquery libraries. They were local, so I replaced them by libraries from ajax.googleapis. I think that part worked, The idea was to get a scroller to work, where the scroller was made from a set of tabs. The libraries are: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js" type="text/javascript"></script> <script
cycle js: how to have a full size image display when a slide is moused over or hovered over.
Hello! I am using cycle and would like to have the slideshow show a full-size image of the active slide when the slide image is moused over. I think I have an idea how this might be accomplished but I am hoping for a little guidance. Thanks!
Problem with header position: fixed property. Solve with JQuery?
I am new to jquery. This is my question/problem. I have a site I'm developing with a header that is fixed in the top of the viewport using the css properties, position: fixed; top: 0; right: 0; left: 0; bottom: 0 auto;. The problem I'm having is that all my anchored links (href="#") when clicked appear beneath my header. What do I need to do? Do I need to create a jquery plugin? If so how? Or is there one already made for this problem? Or is it a simple css, css3, or html tag that I don't know
Select alt tag of clicked image
I am using jQuery(this).text() to select text Now, I want to select clicked image alt tag. By using this jQuery(this).find('img').attr('alt') I am not able to select alt tag? Can you please help me?
toggle(function)
$(selector).toggle(function) should be equivalent to $(selector).each(function() { $(this).toggle(function()); });
The Big Question I Have About jQuery (In the Post)
Before I go and ask my question, I would like you to read the following: To start of, I'm 15, so if I don't know what I'm talking about somewhere (or you think I don't), you may be correct. I would also like to say that I think that jQuery, Sizzle, etc. are great tools in JavaScript programming, and in no way do I wish to hurt anybody's feelings or try to infringe upon opinions. Now for the topic at hand... With modern desktop web browsers as well as the mobile ones starting to support more and more
JReject don't work in Explorer
Hi all need support about JReject http://jreject.turnwheel.com/ I tried to see this script in Explorer 9/10 but don't work,the alert window opens but is blank, doesn't appear message and browser icons. Works 100% in the other browsers except Explorer grrrrrrrr :-/ Compatibily problem! Some suggestion? Thanks
jquery box or columns resize
He I trying get this code to work with IE9 It works in IE 10, chrome and firefox Having problems with IE9 and I am not getting an error code. $('.row').has('.columns:nth-child(2)').each(function () { var $boxes = $(this).children('.columns').children('.box'); $boxes.css('height','auto'); if (window.innerWidth > 768) { var maxHeight = 0; $boxes.each(function () {
Best way to create a single, app-wide panel
Hi all, I want to have an app-wide panel. However, the current framework does not allow this structure right now. Currently I was trying to do it by creating the fixed contents of the panel in one dedicated page, then load it on each panel programatically. I do not intend to have an overly large feature set, so I want to keep my HTML on a single file. My first attempt was to try to load the contents of another page in the panel using $.mobile.loadPage('#mainmenu',{pageContainer:$("#homepanel")});
Failure wiring change event handler through calculated css class
I have a lot of textboxes in an html table. They have the same class name if they are in the same column. But they have different class name from textboxes in other columns. So like this: textboxes in column 1 has class Column1TextBox textboxes in column 2 has class Column2TextBox textboxes in column 3 has class Column3TextBox I need to wire change event handler to each of these textboxes. So, I attempted to do it like so: for (var i=1; i<$('table>th').length + 1; i++) { $('input.Column'
iPad jumps to the left when last menu item on right is press.
I am having a problem with the iPad version of website. When I press the last menu item to my right the ipad my page content move to the left then go back to normal. The website url is http://www.darbysdestinations.com, you must be on an iPad to see this happen. I have tried the web simulator does not work. If you click on the about us you will see the problem
Jquery UI Autocomplete - accessing combobox list
I'm working with jquery ui autocomplete to make autocomplete selects. My basis was http://jqueryui.com/autocomplete/#combobox There's one specific thing I've been trying to accomplish now for a couple days and I haven't been able to. I would like to bind the enter key so a user could simply hit enter while typing and it will select the first element in the list. Right now they have to either mouse over the option to hit enter or key down. (this means a keyboard only user would have to do more
.css("white-space", "nowrap") not working
Hello, Im trying to prevent text in an ui-accordion from wrapping. But, I cant get it to work. Ant suggestions ...
Question about fixed header table
I am trying to get this jquery plugin to work: http://fixedheadertable.com/ My code is as follows, but it is not working: HTML> <html> <head> <meta charset='utf-8'> <title>test</title> <link rel="stylesheet" type="text/css" href="main.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script src="/js/jquery.fixedheadertable.js"></script> <script type="text/javascript"> $(document).ready(function()
Not strictly JQM but here goes.
Hi, this isn't strictly JQM but I read this forum a lot and have picked up some great tips etc, so here goes. ad=new Array(3); ad[0]=new Array(3); ad[0][0]=new Object(); ad[0][0].name="paul"; ad[0][1]=new Object(); ad[0][1].name="jones"; ad[0][2]=new Object(); ad[0][2].name="smith"; // How would I get the index of the name 'jones'? In this case 1 Thanks in advance.
Loading server pages into jquery mobile
please i load a server side page using ajax on my jquery mobile page with this code <script language="javascript"> $('#try').bind('pageshow', function (){ var url = window.location.search.substring(1); $('#try').load('real_news.asp?'+ url); }); </script> But the problem is when i load the page into the div, it doesn't load but reads out the code in the div like this:
Problem with drag & drop
Hello everyone. My name is Mateusz (in english - Matthew), I come from Poland. I'm sorry in advance for my english, but I hope everyone will understand me and somebody will help me. I've got a problem with jQuery UI drag & drop. I'm creating a web page for my local volleyball club (never mind). I created simple website where I put players on pitch: On the left there is a table, where are names and surnames of players. On the right there's a pitch, on which I could change players. Second image show
Remap dragging for tablets works, but what about left double click, right click?
Hi, I have added support for touch events: http://touchpunch.furf.com/ to http://msDrop.com. I have tested it only on Android at Debian VirtualBox, and draging, resizing items, or selecting group of items works. msDrop uses left double click for fast create folders, and rightclick mouse click for display item contextual menu, so how to remap these events to works on tablets? I've never been interested in tablets. Where should I look for a solution? Thanks for help Piotr *** Read about msDrop at jQuery Forum
jquery mobile #someLink not working in android browser
i am creating a basic html5 jquery mobile webpage that uses 3 jquery mobile pages where users can navigate to depending on the href they click on. in the safari and google chrome web browser this feature works perfect i.e it will load the correct page using: <li> <h3>Type:</h3> <h4><a href="#itemTypeList" data-role="button" data-icon="arrow-r" data-iconpos="right">Select Type</a></h4> </li> In this case it will load #itemTypeList page that is inside the same html5 file as
Url loader is incomplete , can load links
Hi all ! i'm a web devoper from Italy...I have a problem with loading with href example: i have one.html with this code <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <title>dkrMobile</title> <!--caricamento librerie--> <script src="js/jquery-1.9.1.min.js"></script>
onMousein and onMouseOut in a Menu
How can I do that in my example (http://jsfiddle.net/samuvk/sMqKA/14/) Place1 and Place2 only appear when sitting the mouse over the object "Places"? If possible I would like to display like this: Home Places Place1 Place2 Instead of Home Places Place1 Place2 Thank you so much
Show/Hide Click Event for touch devices for TWO sub menus.
I have a Navigation where two of the menu items have a dropdown sub-menus. At the moment my jQuery you can click on these and toggle between the two to show them but i cant get them to click again and hide (they stay shown). What am i missing? On my desktop functions you see i can use the hover state if else to make this work. http://jsfiddle.net/LPrMy/3/ I have also tried .toggle and no use! :(
Why my filtering columns (aocolumns?) not adjust width with your 'master'(mother) column?
0 down vote favorite Why my filtering columns (aocolumns?) not adjust width with your 'master'(mother) column? I'm using this jquery plugin: http://datatables.net/index To understand what I mean, a image say more than words: http://img6.imageshack.us/img6/8521/mke6.png -This columns above, are the filtering columns, so for example, the first filtering column ( which has a textbox to digit the filtering word) occupies the width of virtually almost the width of two columns mothers -and the second column
fixed scrolling speed
Is it possible to make a web page scroll at a set speed.. So that no matter how fast you scroll, the page will still go down (or up) at the speed i want it to..? Thanks in advance
jquery.ajax({cache:false}) - why not use HTTP Cache-Control?
Does anyone have any insight on why jQuery uses the timestamp query param trick, instead of sending "Cache-Control: no-cache" HTTP header, when making an AJAX request with the cache:false option ? I'm interested in the historical/official reason, but feel free to speculate on why you would think of doing the same. Thank you *curiousity killed the cat*
Noty not working side function
Not sure why the following fiddles are working only in Mozilla, they are not working inside chrome and IE. http://jsfiddle.net/FPQQp/1/ http://jsfiddle.net/FPQQp/
jquery mobile's a href "performance" question
I have a jquery mobile's page，the code below <div data-role="page"> <script type="text/javascript"> $(function() { $('a#fastclick').on(clickEvent, function(e) { alert($(this).attr("href")); }); }); </script> <ul data-role="listview"> <a href="Device.html" id="fastclick">Device</a> <li><a href="Device.html" id="fastclick">Device</a></li> </ul> </div> When I put a href link outside the li(The red font)，the alert window when I clicked almost immediately pops! But when I put a href link placed within
Retain css of aready clicked element
Dear All Please refer http://jsfiddle.net/HpsdF/ In this script I had made following provision On mouse hover the class is changes and On click the class is changed However we want to retain the class of cell which is already clicked Let us assume we click on 1st column.. the class of the cell is changed. when i move cursor to another cell, the class of the 1st cell is changed to normal. How do i retain the the class of cell till another cell is clicked However on mouse over the class / will be
Accordian filling space vertically
I have implemented an Accordian with the heightstyle set to "fill" which works fine except it doesn't resize if the browser window is resized, only if the page is refreshed at the new size. Is there any way to force this to resize with the window? Thanks, Chris.
jQuery Mobile Image Carousel not caching images
Hi, I am building a jQuery Mobile Responsive Portfolio website. It's all working fine apart from each time visiting the image gallery page and back to home page, all the images are reloading each time. The page is set to data-dom-cache="false" which is perhaps why. But, when i set the pages to data-dom-cache="true" the scripts for the image galleries no longer work. You can see it here: http://www.lb-digital.com/jqm/ How do I get the images to stop reloading each time the page is visited, and for
test click with QUnit
i want to test this js code with Qunit but i can't find solution for the following error : Object expected Source: file :/ / / C :/ / / / video.js:..... 5 Which corresponds to line 5 of my code below 1- function clickCamSel() { 2- if (player_state == 3) 3- { .. ......... 4- } } 5- $("#t_vid_type_live").click(clickCamSel);
Datepicker Positioning
Hi there: I am adding the datepicker to a .asp page and it works great. On the bottom of the page I have 4 date fields that I would like for the datepicker calender to display. However the calendar keeps displaying in the middle of the screen. What setting or function in the file do I change to force the display to show down below the middle of the screen? I am running the .jQuery UI - v1.10.3 libraries and designing this to run on IE 8 / IE 9? Thanks!
Init function question.
I am very new to jquery plugin development. I am trying build a very simple plugin that toggle the height of a div, and am trying to use jquery boilerplate starter code. I think I have it all set up correctly so far, but can't seem to set the initial size of the container I am trying to toggle later. Line 27 is giving me the following error: TypeError: 'undefined' is not a function (evaluating 'this.element.css({ height: 100 })') I don't understand what this means yet. Thank you for any help with
Accordion Widget on Windows Phone 8
Hi. I have come across a problem with the jQuery UI accordion widget on Windows Phone 8, IE 10. I have been trying to debug or work around this for a couple of days and thought I could ask if someone else has seen it and perhaps even knows a solution. :) It seems to boil down to the following: if you put an accordion widget with autoheight/default inside a container div that has a width set via CSS, then there appears an additional unnecessarily large bottom margin in all content divs. That margin
Adding dynamic row to list
Hello, I m try to add row to <ul> with list of rows after page load, but when the row added, its looks different than the outers, why ? what can I do to fix row for look the same has the others ? this is my example : http://jsbin.com/ebenov/1/edit here is my html code : <!DOCTYPE html> <html> <head> <link href="http://code.jquery.com/mobile/latest/jquery.mobile.css" rel="stylesheet" type="text/css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/latest/jquery.mobile.js"></script>
Autocomplte/aJax-java help
Hi, I am new to jQuery and trying to use autocomplete widget with ajax call to database. I am able to call database, returned ArrayList of string value, and converted the response as json object using org.codehaus.jackson.map.ObjectMapper( Do I need to use something else?). When i put an altar, I can see results as pure strings with comma delimiter, but not able to see a suggestion list with auto complete. Could someone take a look and suggest me how to correct it. Appreciate your help. Thanks!
view jquery animation only in desktop-mode
hy i have realized an animation using jquery. i want to view this animation only in desktop-mode . When my web page is on smartphone or tablet i don't want to view the animation. Can you help me? This is my animation: $(document).ready(function() { $(".boxOfferta").hover(function() { $(".m", this).toggle(300, "swing"); }); });
Next Page