Jquery resizing table header columns
I am trying to resize jquery table header columns. I can do it with in a single table but I am unable to do that if header is with fixed table header. My trials are here: With Single Table Header: With Fixed Table Header: How can I make fixed table header work with a resizer pointer at end of th text?
Need event to hide tooltip in IOS like mouse out in HTML.
In html we used mouseout function to do something when we out of the element. I want the same type of event in ios to do something? Thanks in advance
How to call onchange on dropdown via jquery plugin
I've a jquery plugin created called 'testInfo'. here is the snippet: $('#loadtest-info').testInfo({ width: 400, title: 'Test Info', data:{ name: nameInfo, status: statusInfo, region: regions, start: starttimeInfo, end: endtimeInfo, selectRegion:function switchRegion(){alert('')} } }); I have a dropdown
Autocomplete: Passing a URL
I am having some trouble with the Autocomplete plugin. In the input box every time the onkeyup event is triggered a script launches. However when you click one of the search results the script doesn't launch. I've tried onchange as a trigger but this doesn't seem to work either. And I haven't been able to find out how to append a href to each of the search results since I guess this will solve my problem. Any ideas on how to fix this?
How to capture browser menu selection events
I have to expand all collapsed rows of a table when user tries to search for a string using Ctrl + F or using menu item Find. I am able to do this when user hits Ctrl + F, but not sure how to achieve the same when user selects menu item Find. Demo: http://jsfiddle.net/R3Jy7/3/. Basically, If I am searching for a string using Ctrl + F or using menu item Find and if any row is hidden/collapsed (and if this hidden row contains the required string), then browser will not be able to find the required
Countdown jQuery trigger New Countdown on End of first Countdown
I am using Keith Wood's Countdown @ http://keith-wood.name/countdown.html to make a countdown that triggers a new Countdown at the end of the first countdown using the Callback function as defined in the Documentation http://keith-wood.name/countdownRef.html but it is not working. Can some one please have a look. My code goes something like this, <script> (function($){ $(function () { var austDay = new Date(); austDay = new Date(austDay.getFullYear(), 4 - 1, 9, 10 ); $('#defaultCountdown').countdown({until:
datepicker with disabled dates?
I want to show the datepicker but I want only certain dates to be active links and styled accordingly. Think of this as an event calendar and when the calendar pops up, the datepicker only has clickable links on the dates that have events. Once they click on that date, the events for that day will display, but that is the easy part. How do I get my datepicker to only show the active dates as links and the other dates as inactive links.
Strange icons after switching the directory?
Hey guys First, sorry for my bad english, it´s not my motherlanguage ;) I got a problem with the jQuery mobile icons At the moment I´m programming on a webpage about a work I got to do from school. I decided to do a mobile version for my website. So I created a new subfolder in the root direcotry. In there I started saving the files. Everything worked fine until I wanted to implement some php code in the file. Because this code is linked with a direcotry in another subfolder I got to copy the file
Unloading off-screen content for performance (ie. infinite scrolling)
Hi, At EvilTrout's answer at HackerNews, I came across https://github.com/eviltrout/ember-cloaking which will unload off-screen content while ie. infinite scrolling to boost performance. How'd I go about achieving the same thing with jQuery Mobile? Here is my test app using Rails, jQuery Mobile and jQuery Infinite Scroll Helper: https://github.com/frankie-loves-jesus/proper-infinite-scrolling Thanks!
how to reload a page without noticing the effect using jquery mobile
i want to create a clickable button to reload the page without noticing the reload effect in jquery mobile or is there any way to make refresh occur automatically.... I found this code online , here http://scottwb.com/blog/2012/06/29/reload-the-same-page-without-blinking-on-jquery-mobile/ <script> function refreshPage() { $.mobile.changePage( window.location.href, { allowSamePageTransition : true, transition : 'none', showLoadMsg : false,
Need help with the change function
Hey Guys. I have wrote a script that hides to 3 input fields when the drop down "Cash" has been selected. It drop down gets removed but the values are still being grabbed by the POST variables. I would like to completly remove them not only hide. I have looked into the remove function and when I have appended the remove function my fields didn't hide at all. Only hides with show and hide. Do you guys have any ideas on how to make this work.. ??? I would really appreciate it. Thanks! Below is my
Jquery Styles Growing Buttons etc..
Hi, I am using jquery for some tabs & buttons in an asp.net web app. When I have a button that calls a new window/tab to open, the buttons @ the top of the previous screen double in size. Thoughts? Thanks in advance.
Add text into tag
Hi All, I have a textarea or div and when I write something in it, my web be able to detect the characters then if the character is english puts that text into this tag <p dir = "ltr"></p> or if that is other language which is right to left puts that text into this tag <p dir = "rtl"></p> thank you
How to add jqplot pie chart labels with lines? Jqplot Pie Chart, need to show minor data with line ,outside the chart.
I have a pie chart and I can add labels for it normal way.But I want to add labels with line as following. I want to show labels with line outside the jqplot Pie Chart. As per below chart. This is possible in High chart but i am not able to do this in Jqplot Pie chart Thanks in advance. My Code is as following var misplot = jQuery.jqplot('wealthchart', [data], { seriesDefaults: { shadow: false, //equity,
WOW Slider windows internet explorer 11
Hello The wowslider is missing the description background and a bit strange behavior in windows explorer 11 In chroom and firefox works ok. I saw there are diferent JS declaration, maybe thats the reason? website: http://www.demodex.com/vpasp6.5/demodex-faq.asp?faqtype=faqdem Thank you for any sugestions Walter
Autosuggest system but with multiple input search (database field) values
I didn’t quite know how I could easily describe my question in the title, in a way you guys would immedialty understand my question, so ill try to be a bit more specific below. Recently i downloaded a jquery autosuggest system with which I can search for persons by typing in their first name, last name and/or town. For testing purpose i created 1 'fake' person. I gave my own touch to the autosuggest system but I can’t seem to fix the following problem because i am lacking the jquery skills: When
Tool tip not hiding in IOS brower but working in firefox,chrome ,IE and safari
hi.. I used jquery tooltip plugin to show tooltip in my application, on mouseover that tooltip will visibles, on mouseout that tooltip hides.This is working fine in firefox,chrome ,IE and safari browsers. But in IOS browser that tooltip opening properly but not closing on mouseout. But in IOS browser Tapping/Onmouseover on the one text causes a tool tip to appear, which does not close on tapping elsewhere. The tool tip does not close even after tapping on somewhere which causes another
Drappable area
Hi! I trying use jQuery UI Draggable, but an element didn't dragging obove him area. How can drag an element over other elements? Example http://i33.fastpic.ru/big/2014/0326/e6/137fdc06696f15dc36c17d506b4998e6.png
different function styles
Hello, the standard js function structure looks like this: function Test() { alert('Test'); } However, I'm seeing some functions in code with this style: Test = function() { alert('Test'); } What's the difference between these 2 different styles and in what scenarios would you implement the second style instead of the first style?
Sliding with animate
Hello, I'm doing a website and I want the name of the author of the post to slide when the users hovers on the post. Unfortunately, nothing happens, this is the code, could you please tell me where the error is? Thanks. var isHovering = true; $(document).ready(function(){ $(".posts").hover(function(){ if(isHovering == true) { $("p.author ").animate({ left: '200px', border: '0px' }) isHovering = false; } else { $("p.author").animate({ left: '0px', border: '2px'; }) isHovering = true; } }) });
jQRangeSlider: jQuery date range slider
date range slider has the issue that when user moves the max slider on right towards to left till very beginning it pushes the min slider outside the scale. Is there any way it can be fixed?
line animation onLoad
Hi all, In fact, I see this animation here ,and I try to modify it where the line animation for .progress span moves vertically and the two div tags ,div.left slides to left and div.right slides to right after the line animation complete. here the code. where the output is nothing appear ,Although the height of the span Increased. and I get this error "Property '#<Object>' of object #<Object> is not a function ". Thanks
List active button color
Hi all, I have a list with links like below, <div data-role="content"> <ul data-role="listview" data-theme="d"> <li><a href="example1.html">First</a></li> <li><a href="example2.html">Second</a></li> <li><a href="example3.html">Third</a></li> </ul> </div> I tried changing the color when I click on it, so I did it on .ui-btn-active, but text color remains white whatsoever. Please help me to change text color. Note: I am using jQM 1.3.2. Thanks in
Place button in div
I start use jQuery yesterday and I find it very nice and useful and now I'm trying to work with to get experience. I have a problem to place a button in the bottom side of a div. All I want to do is to place the "Show types" at the bottom of div with id #left_panel. Maybe an image worth more than words. [moderator edited]
how to set layout in theme roller
I am new to theme roller. I had experience of bootstrap where I use span to adjust the layout.. what should I do to adjust layout in theme roller? for example.. I want to make left side bar width: 25% then right side bar width:75% same as in bootstrap I use to do. <div class="row-fluid span12"> <div class="span3" asdfsa </div> <div class="span9"> asdf </div> </div> thanks
image slideshow issue
Hi i am using following script for image slideshow $(document).ready(function(){ $('#slider') .cycle({ fx: 'fade', speed: 'slow', timeout: 2000 }); }); It works fine on my pc's all browser but when i check other pc on firefox (firefox 28 same version available on my pc also) showing me black patch also slide between images slide. Please help me to solve this issue. Thanks in Advance.
slideToggle btn-x for panel-x
I am trying JQUERY $(document).ready(function() { $(".panel-toggle-1").slideUp(); $(".btn-panel-toggle-1").click(function() { $(".panel-toggle-1").slideToggle("slow"); }); }); HTML <b class="btn-panel-toggle-1">btn-panel-toggle-1</b> <b class="btn-panel-toggle-2">btn-panel-toggle-2</b> <b class="btn-panel-toggle-3">btn-panel-toggle-3</b> <div class="panel-toggle-1">panel-toggle-1</div> <div class="panel-toggle-2">panel-toggle-2</div> <div class="panel-toggle-3">panel-toggle-3</div>
google map showing blank page in jquery mobile
This google map works when called directly on the browser but displays a blank page when called from another page unless i refreshed it. any help <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <title>Create Id</title>
cycle slideShow doesn't work
Hi, Can someone help me to correct the errors in my scripts, I try to execute slideShow with simple idea but I have a lot of errors I try to correct some of them and I stop with "easing effect is undefine "error please help me to run it successfully . Thanks
How to use ASP.NET to trigger a popup dialog and update the back url from the dialog?
I have an ASP.NET webform in C# below. I can use the popup dialog to show the client-side validation message. But how to call the popup dialog to show the server-side validation message from the C# code? Also how to change the back target of the popup dialog to "page2" instead of "page1" from the C# code in a multiple page file? <div data-role="page" id="page1"> <div data-role="header"> <h1>header 1</h1> </div> <div data-role="main" class="ui-content"> <form name="content" method="post"
Element Blocking
Hi, We wanted to use the element blocking script but on multiple sections of the page. eg. We wanted to have the home page of our app live, but only with the pre-launch elements we want users to interact with. that is; block all other areas of the page but the different areas we want to leave open. The element blocking only works on one area of a page.. is there a way?
How to send select option and checkbox of a form in the form of xml to a php on form submit
How to send select option (the value of the option retrieved from backend using $.ajax) <select style="width:263.5px"; id="domain_login" > and ckeckbox <input type="checkbox" id="check" class="checkbox"/> of a form
Can Bootstrap work with JQuery UI?
I posted my this question in a wrong forum for some reason. I am posting it again in the right one. I am adding Bootstrap 3 into my web application which already uses JQuery UI. I read somewhere online and learn that Bootstrap and JQuery UI are NOT compatible. I see some questions here on this matter. Which is a right approach to achieve my goal? I am aware of one project called jquery-ui-bootstrap (https://github.com/jquery-ui-bootstrap/jquery-ui-bootstrap/ ). Is it a right tool for my goal? If
how to replace telerik calendar with jquery?
code snippet is attached along with the screen shot.give some ideas. <div id="Table3" style="margin: 1; padding: 0; width: 100%; border: 0; background-color: #ffffff;"> <div class="CellContentEven" style="column-span: 1; height:118.5em; border:1px solid #96CFE8; border-top:white;border-bottom:white;"> <telerik:RadCalendar ID="RadCalendar1" runat="server"
Autocomplete with nested ajax calls
I am currently working on implementing an album search autocomplete using the Spotify Metadata API. I have most of the features complete, but I am having trouble when doing a nested call to retrieve the album cover art. Here I believe is the root of my problem. When I do the ajax call to retrieve the image it does work, and I get the right data, but the return statement is not getting executed. What I am trying to do is get the first four results, for each get an image and return the label, item
How to create a year field using datepicker
Hello, I'm a complete noob in java and jQuery. But I need to create a few year fields in a form. I like the ui calendar, but user should select not only year but the day and month which is not what I need. Can I some how turn off the day and month fields in the ui calendar in order to user to choose only year?
External panels on Internet Explorer
I noticed that External Panels do not work properly on Internet Explorer 11 (the one that comes with Windows 8). Actually it only works properly for Overlay panels. For Reveal and Push there is a gap between the content and the panel. You may reproduce this problem with the standard demos page. Just open this page using IE 11 and hit Reveal or Push: http://demos.jquerymobile.com/1.4.2/panel-external/ Can you reproduce it?
Autocomplete on dynamically added textboxes
i have a textbox on which autocomplete works perfectly.Below is my jquery code which is used to autocomplete $.widget("custom.catcomplete", $.ui.autocomplete, { _renderMenu : function(ul, items) { var self = this; $.each(items, function(index, item) { self._renderItem(ul, item); }); } }); var autocmp=
JQuery Mobile. I have been using $(document).ready(function(){ for a while and I just realized that I shouldn't have been.
So I have been making this app for a while and have been putting all my code in the .ready event but now I realize that I should have been using $(document).bind("pageinit", function(){ because I now cannot call the refresh methods for anything on dynamically created content. (they just return this error in the console: Uncaught TypeError: Object [object Object] has no method 'listview') So when I change the .ready event to the 'pageinit' event the refresh methods no longer return an error. But now
How to use array in jquery?
Hi <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ var item = $("p").toArray(); item[0].append("<p>hello</p>"); }); }); </script> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button>Insert content at the end of each p element</button> </body> </html> Can anybody tell me why line in bold letters is
Next Page