Dialog open and close problem
Hi all and Jack, I simplified and minimized my previous question. I have a button on my page like that: <a href="{{ URL::route('category/action', array($category->id)) }} "class="newWindow"><img src="{{ asset('img/green_button.png') }}" /></a> And a dialog div: <div id="diyalog">There is a dialog here. </div> Finally an event: $(document).ready(function(){ $('.newWindow').click(function (event){ event.preventDefault(); $('#diyalog').dialog(); $("#diyalog").dialog("close");
autocomplete custom display, prevent popup from closing
I have altered the options display like this $('#search').autocomplete({......}) .data("ui-autocomplete")._renderItem = function (ul, item) { //custom display return $("<li>") .data("item.autocomplete", item) .append("<input type='text' maxlength='3' size='3' /><a>" + item.label + "<br>" + item.den_prod + "</a>") .appendTo(ul) }; so now I have a text input field for each option returned by autocomplete, but when I am trying to click in the field to type some value the corresponding
How to close dialog window with minimum features and no theme.
Hi all, I downloaded jquery-ui with minimum features and no theme. I have two problems: 1. I don't have a "close" button, 2. Even I inserted a button myself, I don't know how to close dialog window. I tried "dialog.close" and some other things but I couldn't manage to close the window. Thanks.
[Accordion] Load htm file per section
I'm new to jQuery and jQueryUI. I would loke to load an *.htm file for each section (title = file name). How I can I do it?
Using and Changing SmartWizard
Hi all Not sure if I am in the right jQuery forum :) I'm new to jQuery and everything. I would like to create a page on a schools website as an Online Application for new students. I found http://mstratman.github.io/jQuery-Smart-Wizard/ but I do not know how to create more steps for personal info and stuff and how to submit it at the end to an email address. Can anyone please help me or show me to a tutorial or something better where I can just add steps and add an email address. I tried Formstack,
Adding steps and fields and submit to email to SmartWizard
Hi all I found this on the internet: http://techlaboratory.net/smartwizard I would like to create an online application form on a schools website so that parents can enroll their children online at the school. I would like to know how can add steps to it, how to add fields for the user to enter and how to submit the fields to an email in a specific format... As well, how I can set it to not lose any info if the user has not submit the form yet. I have the login and registration page, so the user's
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
Problem with nesting droppables with greedy children, hoverClass not always applied correctly
greedyChild of a parent droppable is not set to false after dropping on a greedy child. Also, the greedyChild is sometimes set to true, if a draggable intersects with a child droppable that does not accept the draggable. In that case the parent should receive the over event, but doesn't since greedyChild===true. I believe this to be a bug, since the first time you drag something everything works as expected. However, after dropping on a child and adding a new droppable to the parent droppable can
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
Listview Filter with autodividers jQM1.4.2 vs 1.4.3
So I had a try at updating from 1.4.2 to 1.4.3, and was testing a listview with autodividers set to true and noticed that when using 1.4.3 the elements with data-role="list-divider" are not filtered. This was not the case with 1.4.2. Easily replicated by trying 1.4.2 and 1.4.3 in the following code. <!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" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css"
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
Next Page