Problems with widgets "dialog" jquery-ui 1.11
Hello! I used the version of jquery UI 1.10.4 and all was well. But recently upgraded to jquery UI 1.11 and I am having a problem with the widget "Dialog": in my application when you click on a button, it opens a dialog box, and when the window is open I open another window. In the version of jquery UI 1.10.4 the first window became inactive, was behind the <div class="ui-widget-overlay ui front"></div>, and the second window becomes active. When you close the second window, the first again became
Setting page from code
Hi The pager uses buttons first, prev , next and last Whats the code to do this without the pager? Eric
Feed Database through JSP using AJAX
Hi guys! Please give me a simplest example where an ajax post request is feeding a column in a database, continuously after every 5 second. I am not adding my own code just to avoid confusion. Lets say I wanna send the user's current time after every 5 sec to the database. I am using PostgreSQL 9.1, JSP, JSTL tag library. Hope this is clear. Thx Zia
Responsive boxes with different height
I'm building a portfolio website. The front page will have some box images and they will be responsive. So far I've managed to set them properly with: .block img { float: left; margin: 1%; transition: all 1s ease 0s; width: 24%; } when I resize the window, they are moving great, but when the box images has different height, the space between them is different. Here's a screenshot: http://i62.tinypic.com/2u5urnl.png I want every box image to have a exact space even the height is different
ComboBox - Can't Show Hide Div! - Please help!
I've simply added this code to the original "Autocomplete combobox" JQuery UI $('#combobox').change(function(){ if($('#combobox').val() == 'sftp') { $('#sftp_div').show(); } else { $('#sftp_div').hide(); } if($('#combobox').val() == 'as2') { $('#as2_div').show(); } else { $('#as2_div').hide(); } }); $("#combobox").change(function() { alert(this.value);
Customise LazyLoad along with fallback for easy implementation. Effective & Functional ?
I use a lot of images in my pages, so i use Lazyload. I create the following tags and it works fine, // <img class="lazy" data-original="http://i4.sdlcdn.com/img/storefront/06/pumaBrandStore_017June2014_01.jpg" alt="Shop Puma Mens Footwear" width="474" height="400" title="Shop Puma Mens Footwear" /> <noscript><img src="http://i4.sdlcdn.com/img/storefront/06/pumaBrandStore_017June2014_01.jpg" alt="Shop Puma Mens Footwear" width="474" height="400" title="Shop Puma Mens Footwear" /></noscript>
Thumbnail Slider
Yo! I need a jquery based slider like the one in the attachment screenshot below. Standard Slider Features: The slider content are images. The slider should automatically change the displayed image after 5 seconds. The arrows which are left and right of the slider thumbnails also change the current displayed picture. These are standard features of almost every slider. Thumbnail Features: The active picture is in the middle and has to be bigger than the other ones. Not all slider images are displayed
jQuery Plugin for Media Player
Is there any Plugin for playing media content in jquery that support all media formarts (Audio and video). And also to support most browsers including IE. Guide me is there any. Regards, Abdul
[How to do this?] expanding and collapsing tab
firstly thanks to read this post. I'm wondering what i've to know to create this function bellow : from this into this ? thank you
How to sum the elements of the same class of a group of tables
How to sum the elements of the same class of a group of tables? Are two DIVs with TABLEs inside and takes the sum of each of the DIVs ... I need to jump to the next sum of the next DIV! ---------------------------- Como somar os elementos da mesma classe de um grupo de tabelas? São duas DIVs com as tabelas dentro e preciso da soma de cada uma das DIVs...eu preciso pular pra próxima soma da próxima div ! ---------------------------- Example: JSFiddle HTML: <table> <tr> <td
google map need refresh to display
website: http://mobile.smartagent.co.nz/users/348/properties/ when you click on the properties, map can't display till you refresh it. any idea what causing that and how can I fix it please? Thanks in advance
Looking for assistance to modify existing code on web site
I have a small business with web page that the original author cannot support due to health. I see that JQuery has been used to generate come code and approach this forum to seek either a proposal to assist or recommendations. Part of the portal allows access to online project resources with user permissions Problem 1 is a function that allows zipping of sub folders to user browser The web page is designed to allow user to update and this leads to Problem 2 we are getting error message when attempting
jQuery MObile Login, on iPad, won't work in app mode, but will in Safari
HI, I have an app that will be on a private server not open to the internet nor will there be a way to "see" passwords. The user will only be using an iPad. We need to have the user login. On my index.html page I have the following code (see below). It all works on my computer, if I don't enter the password and click OK, I do get the popup saying "Password Incorrect, Try Again." It also works fine on my iPad in Safari, but it will not work at all once put in app mode. (i.e., putting the icon
Superfish dropdowns stuck
Sorry, I'm not sure I am using the most accurate technical terminology. I had Superfish working well in Drupal and all of a sudden all the drop-down menu items are visible. I am looking for reasons this might be happening. Thanks for any/all help. www.dailyacts.org
Prevent checkbox being checked after taphold
I've been trying for days now, but it won't work. I have a controlgroup containing some checkboxes, which are being bound with knockout.js: <div data-role="content"> <div data-role="fieldcontain" data-bind="with:selectedList, jqmRefreshList:selectedList"> <fieldset data-role="controlgroup" data-bind="foreach: { data: items }" data-inset="true" data-filter="true" data-mini="true"> <input type="checkbox" data-bind="attr: {id:guid}, checked:isChecked"
Reset selected inputs
Hi all, I need to reset specific (not all) inputs. I am using the following to grab the inputs that have the classes I want to reset, but how would I execute the actual reset of the field. These are numerical inputs with a default value of 0 and I want to reset them to 0. $(document).on('touchstart click', '#reset', function () { var matches = document.querySelectorAll("input.form-control"); alert("got them all"); }); Thanks! K.
Add some functional icons on a listview
Hi, I'm developing something like a 'file browser' and I'm using a listview to list the files and I want to add some icons to delete, show info.. that staff. I thought in something like this: But I don't know if its even possible, because I have tried some options and none of them works. Anyone could help me? Thanks in advance. Sergio
make search with multiple textboxes in DataGrid
Hi, i have 2 textboxes for filtering gridview.First one is name second one is surname. I wannto make grid search dynamically with 2 textboxes.It should be like that, first i wrote a word in name textbox then it filter the gridview.Then i wrote a word in surname textbox it should filter the textboxname results. Thanks..
php, images, jquery - results in a jquery error
Calling this link inside the same window as the mobile jquery results in the path of the image inside the page changing. This is a php page that adds the path to the image that the page is to display. If I have it open in a new window, it displays fine. If I have it just as a link or if I add the dialog role to the link, the image path changes - in firefox I can see it happen - the image displays and then it turns to a broken link: the error message in chrome is Resource interpreted as Image but
Need a jquery plugin
Hi, I need a beautiful free Jquery News ticker plugin like this: http://powerup.ir/projects/smarticker/ If any one can send me the link for this kind kind of plugin it will solve my problem. thanks
Need a little help with accordion menu
Hello, Totaly new in jquery here and I need a little help. So I have one accordion menu which is working but I have to add one function. Now when I click on menu item is open properly but if doesn't close if I click again on the item. For example I have: Item1-head - sub-item1 - sub-item2 I want when I click on item1-head to open and if I click again on item1-head to close. Now only is opening.. Here is the code $(document).ready(function () { $('#nav > li > a').click(function(e){
Conditional Formatting with Jquery
I have found this snippet of code that works great at changing the background of a table cell based on the cells contents <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#LeadList td.LeadStatus:contains('Emailed')").css('background-color','#CCE6FF'); }); </script> ..It looks like its targeting the Div ID and then the table data's class to check if the table cell contains
selector "tagName.className" does not work in the second version ( try in 2.1.0 and 2.1.1 )
or this: $( '<a><b class="ab"></a>' ).find('b.ab'); same problem. it is normal? Or something I do not understand? P.S. in the first version works fine.
Jquery In VB.NET Module
Dear Coders. I am New in Jquery. And I Am Trying To Achieve Some Thing. Below Is My Master Page Code. <%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Dialog Message Example Page</title> <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet" /> <script type="text/javascript"
[How to?] adding a slow expanding effect on this code
I found this code and it works, but I don't know to expand it with some expandin slow effect, because there's no indication that the code is expanding the table, is that the slideToggle that does the expanding? thanks for your time var $headers = $('.header').click(function () { $(this).find('span').text(function (_, value) { return value == '-' ? '+' : '-' }); $(this).nextUntil('tr.header').slideToggle(100, function () {}); }); http://jsfiddle.net/Zb7h5/52/
Video in popup iframe doesn't stop playing on close jQuery mobile
Hello, I have embedded a Vimeo video into my jQuery mobile popup using the iFrame that it suggests. The video works fine until you close it by clicking outside the video div. The video goes away but it still plays in the background. You can hear it playing and then when you launch the video popup agsain, the video is stil playing. Anyone know of a solution please? Thank you
how can i define the plugin default settings value.. a calculated object or ajax call..
on jquery 1.8.3 hello this is my first plugin.. how can i define the plugin default settings value.. a calculated object or ajax call.. that cade just not working.. the function on the setting data - not working... (function ($) { $.fn.treeview = function (options) { // plug default virtuals var settings = $.extend({ data: (function () { this.data = "i am DATA from pluging default setings"; //return "i am DATA from pluging
Anchor Button Theme error after change page
Hello, i have tried a multipage template. if i add a anchor button with a link to the other page, the theme will lost after tipp on a button to change the page. The buttons are in style theme b, but after page changing the buttons looks like theme a. This problem occurs only on android platform. Tested on android version 4.1 and in adb emulator 4.4. (in ripple emulator it works fine) jquery mobile version: 1.4.2 jquery version: 1.10.2 have you an idea? <!-- Start of first page --> <div data-role="page"
Problem Jquery and XML
HI, I am know how I get information about a responseXML using jquery. I can't read the "rs:data" tag. Follow attached xml file. Thanks
[Help] [How to?] Create an Interactive Menu bar
I'd like to know the ideas, how to create a responsive menu like this (from www.codecademy.com), here I can choose a menu category and expanding the content, while another category is collapsed.
using jquery datepicker
hello i'm trying to use the jquery validator in a bsp. but the comparison is not working, i'm a newbie with javascript, i tried to follow the tutorial from http://keith-wood.name/uiDatepickerValidation.html but i do not have result, this is the function i'm using <script> $( document ).ready(function() { CKEDITOR.replace('news_editor'); $('#validBeforeDatepicker,#validAfterDatepicker').datepicker(); $('#dati').validate({ rules: { validBeforeDatepicker: {
Issue on Accordion Look
How could I resolve the following issues: 1. Problem: Actual: 2. I need to fill the form fields with the selected value's record from autocomplete. currently I have 80 fileds where I am setting the vaues as $( "#abcd" ).val(data[0].abcd); $( "#efgh" ).val(data[0].efgh); $( "#ijkl" ).val(data[0].ijkl); Doing so I should give values for all the fields as above. There may be a chance that we can increase the fields in future where
Toggle command for Firefox and Explorer troubleshooting
I created a web site for an organization and used a toggle command in jQuery. The link to the page is http://www.jp2mri.org/institute.htm. The toggle switch works well with Safari and Google Chrome, but does not work with Firefox or Explorer. Is there a universal solution to toggle for all browsers?
How to do static header from page to page transition?
Bare with me as I might word this wrong, but I have question about a website that I love but I'm trying to figure out how they are doing a specific page transition effect. Here is the website: http://hellonicolas.com/ What I'm wondering is when you go from page to page the header (with the logo and navigation) stays static and there is never any flash of unstyled content... I want to do this similar effect for my website but I dont know where to start... I want my header to stay static from page
Animate Without Delay (Pause)
Hi, please try this code : <!DOCTYPE html> <html> <head> <title>Try jQuery Online</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <script> $(document).ready(function() { $("#box1").animate({marginTop:"100px",marginLeft:"100px"}); $("#box2").animate({marginTop:"100px"}); $("#box2").animate({marginLeft:"100px"}); }); </script> </head> <body> <div id = "box1" style = "width: 50px; height: 50px;border:1px solid red"> </div> <div id = "box2" style
Variable selector not working
I cannot seem to get this variable selector to work.. grr $('button').click(function(){ editCells(); }); var d=0; function editCells() { d++; inputType ='<span id="inDate'+d+'">To be replaced</span><input type="hidden" id="inDatepicker'+d+'" />'; createDatpicker(d); $("#dialogue").append(inputType); } function createDatpicker(n) { $("#inDate"+n).text('date'); console.log("#inDate"+n); } http://jsfiddle.net/bcraig/jb755/1/
How we use Removeclass rules in Jquery validation plugin in the given code.
<script src="js/user.js"></script> <script src="js/validation.js"></script> <form id="form" class="frm"> Enter Your Name<input type="text" name="name" id="name" class="class_1" /><br> <input type="submit" value="Submit" id="sub" /> </form> <script> $('#form').validate({ }); jQuery.validator.addClassRules("class_1" , {newname:true}); $.validator.addMethod("class_1", function() {newname:false},"Please enter your name"); </script>
Combining checkbox selectors for unique results in jQuery
I have 3 checkboxes, and I want all combinations (about 8 or 9) of those checkboxes to display a different result, but I cannot work out how to do so. It feels like there's a simple way of doing this that I'm missing. Here's the Frankenstein monster-code I have so far, which doesn't do what I'd like it to. The aim is that the following code sees that a user has has checked both the "webcam" (#checkWebcam) and "chat" (#checkChat) boxes, and that a different download link is being displayed based on
Autocomplete: how to make it work with an editable iframe instead of input element (95% done, include jsfiddle)?
This is a rephrasing of my earlier question with runnable code - hopefully someone can help. I want to use an editable iframe for the source of the autocomplete. In the js fiddle below you can see it pretty much works, except the cursor UP/DOWN keys don't do anything. There's a js fiddle of it here (it works in Chrome, not IE11 because of the iframe implementation): http://jsfiddle.net/y8X94/3/ My idea would be to handle the keydown in the iframe and call something in autocomplete, eg $('#tags').autocomplete('widget').next();
How to change dynamically appearance of a jQM text field
Hello, I try to change the color of an input box once the user has changed something in it. I can see by alerts that the keypress event was catched but whatever element I try to give trigger('create') command after assigning a different data-theme the input text field is not refreshed with the correct color. Since I have tried various version combinations of jQuery and jQueryMobile without success I think that I do something conceptionally wrong. In this forum I find several examples with lists,
Next Page