Change Height of Horizontal Radio Button Group
Hi I would like to change the height of a horizontal radio button group. I have tried change style of fieldset and each input and changing css. Is it possible to change the height? <style> #popMaintDist { height: 10px ! important; } </style> </head> <body> <div data-role="page" id="page"> <div data-role="content" id="content" style="width: 100%; margin-left: 0px; margin-top: 0px; padding-top: 0px; padding-left: 0px;"> <table style="width: 100%;"> <tr> <td> <label for="popMaintDist">District:</label>
Maintain state of dynamically created checkbox list during page refresh
Hi There, I need to maintain state of upto 100 checkboxes whether it is checked or not. My page automatically refreshes every 10 seconds, so if the user had selected some checkboxes and is still in the process of selecting more checkboxes, the moment page refreshes(not postback-more like f5-page refresh code is in javascript using setinterval), the checked state vanishes. I am creating the checkboxes dynamically. I have 10 rows and each row has 10 checkboxes and each row represents checkboxes pertaining
Hidden Checkbox Problem
I have grid with hidden rows with checkboxes. on Click on Header row(Select all) All hidden check boxes are checked. i have a img button to expand and collapse the hidden rows. In Expanded mode everything works fine. But in collapsed mode when select all check box is checked the hidden checkboxes checked property is true but on expanding that row it is not checked. any suggestions I tried using .attr and .prop with different version of Jquery.
I clone <Div> and after refresh it disapper and page comes to its real state.
When i click on (address_deatils_dropdown {id of button} ) button it clone the div element but when refresh the page the . It disappear and goes to its original state. (address_inputs {id of div to be clone}) this is my code $(function () { $("#address_details_dropdown").click(function (e) { e.preventDefault(); $('#address_inputs').clone().insertAfter("#address_inputs").find("input[type='text']").val(""); }) }); Thanks
validatio formular jquery
Hello, I'm starting to learn jquery and I want to validate a form with input and select. The problem is that I am getting n. What I did so far: $.each($('input,select', '#meu_form'), function(){ if($('input').val().length < 1) { $(this).addClass("error"); $(this).focus(); return; } if($('select').val()== "Mês") { $(this).addClass("error"); alert("Escolha invalida"); return; } });
How to use external variables or functions in jquery?
How to call a function of another js file in a js file? How to access mysql in a js function? How to pass the variables from php to a js function? Please state the procedures clearly or share some related links, thank you.
How to use variable in this $.each selector
Hello, Most times I feel so stupid when I post these types of questions, But, how do I use a variable in this $.each selector statement? Ive tried for two days and havent been able to get it ...The variable is the $arr ... var $action = $('form').attr("action"); var $arr = $.trim($action.split(".")[0]); $("#ccsmenu a[href*='+ $arr+ ']").each(function (idx) { Sorry for being such an idiot
problem in uncheck the checkbox
Hi I have check all under that multiple check boxes, my requirement is while select the check all , all the check box should be selected, and if any one check box is unchecked then checkAll should be unchecked. first part is working fine i getting problem in second part. can any body help me , code is as below: <th><input type="checkbox" id="selectall"></th> '<input type="checkbox" class="notificationSentChk" value="'value1'"/>'; function registerCheckBox() { /// this part is working fine $("#selectall").off("click");
Bound click event fires more times than it should and the number of times it fires increases and this slowing down performance of page.
<script src="../jquery-1.8.2.js"> I have bound a click event to all input type password on a parent page like so: iBody.find("input:password").bind("click", function(e) { var target = $(e.target); if (target.is("input:password")) { extendsession(); } }); function extendsession() { var urlThis = "../BPOServicing/BPO_Bottom.htm" clearTimeout(down); $.get(urlThis, timeIt());
Custom dropdown
Hi, I'm Trying to do a custom drop-down using jquery. <select> <option>Please select a name</option> <option value="1">Tom</option> <option value="2">Jerry</option> </select> I don't want 'Please select a name' to be part of drop-down. It should be there as a link and the drop-down icon on the right (aligned with it). when clicked on it, the option list should appear below. When clicked on for eg., Tom it should replace the text 'Please select a name'. I tried it with disabled and other
nth-child in ie7
hi guys, does jquery handle (like polyfills do) selectors that are not supported by specific browsers? for instance should nth-child selector work in IE7 when used as a jquery selector, even thought IE7 does not support the selector?
Problem initializing jquery mobile buttons
Hi, I am developing a simple JQuery Mobile app, using JQuery Mobile 1.4.2 and JQuery 1.10.2. As part of the initialization process, a method is called in the app's namespace which binds some event listeners and also disables a few of the buttons on the app's index.html page. I am having difficulty performing the disables: * If I use the "disabled" HTML attribute instead of the API, the buttons are disabled, but I cannot subsequently enable them via the JQuery Mobile API ( $('button-id').('enable')
datapicker doesn't work! what's the problem?
I copy the code from the web,why it can not show the calendar? <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Draggable - Default functionality</title> <link rel="stylesheet" href="jquery-ui-1.10.4.custom/css/ui-lightness/jquery-ui-1.10.4.custom.css"> <script src="jquery-ui-1.10.4.custom/js/jquery-1.10.2.js"></script> <script src="jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.js"></script> <link rel="stylesheet" href="jquery-ui-1.10.4.custom/development-bundle/demos/demos.css">
jQuery UI Themes with Asp.net button control
Hi, I'm using the jQuery UI Themes with ASP.NET specifically the modal popup. My question I have two asp.net buttons runat=server within the form elements, The events are not firing the button click event when clicking the button, why not? How can I integrate the themes. It just make UI development easier but this appears to be a roadblock. Any help would be appreciated. Scenario, I created a login.aspx page have two links register|| forgot password, when the user clicks on either link the jQuery
Should I always use .on?
I came across a tip on a website to always use .on if you are updating the information dynamically or just plain text. I don't know if I always should use .on, but it seems very convenient.
Why my Autocomplate not work in Dialog?
I have dialog that contain autocomplate. <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js" type="text/javascript"></script> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/ui-lightness/jquery-ui.css" type="text/css" rel="stylesheet" /> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js" type="text/javascript"></script> <style type="text/css"> label, input { display: block;
Jquery Plugin writing
Hello I want to write my own plugin and want to publish in jquery. So plz help me how to do this ? Thank you
color box show after 5 second and display ,1 time on after page load
Hi I am using color box where user can registration. i want color box display after 5 second when body loded on browser so i have used these code but code is not working. code given below. <script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script> <link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example1/colorbox.css" /> <script src="jquery.cookie.js"></script> <script> function openColorBox(){ $.colorbox({iframe:true, width:"60%",
Jquery sortable question
Good day everyone, this is my first post here as i'm sure yall can tell. I am a jquery....... well a dummy. I need a little bit of help I am attempting to create a page with multiple sortable lists on it and I want to be able to sort from one list to another (this is working fine with the connectWith: ".connectedSortable"). My problem is when I want to write the results to a db, I am not sure how to get 2 pieces of data the first is which list is it in, the second is the order number. I'm attaching
changing page and json data injection
Hi, I'm starting playing with JQM with some list-details structure. I have an home page, which opens clicking a navbar iteam a list of catalogues, and for each catalogue clicked I show a list of CDs. I'm using a single page model, with multiple html files. my goal is to collect some database data on a remote server with php and json and insert the data on the page before showing it, to have a fluid transition. so I intercept the pagebeforechange event, I call preventDefault to avoid the automatic
jQuery Obsolescence Questions
I am an ILS Engineer working for CGI IT UK Limited. At the present time I am looking at software obsolescence issues that relate to the CGI project I am working on. On this project we use jQuery 1.5.2 and jQuery UI 1.8.11. In order to support our process of monitoring software obsolescence I would be grateful if you could provide me with the information with respect to these jQuery products: 1. End of Product Support date 2. Superseding Product for jQuery 1.5.2 and jQuery UI 1.8.11 if support for
blockUI - the unBlock does not work
I am using the BlockUI plugin with both Chrome 34.0.1847.116 and IE 10.0.14. $.unblockUI(); does not work - even as a test if I call it directly after $.blockUI(); (which works fine.) Is anyone else having this difficulty and were you able to resolve it? Thank you. Kerri
Blobkui as child of blockui does not take focus from parent
I have a blockui displaying a form to the user. If the user enters bad data into the form and then tries to submit the form, I notify them using another blockui (child) with an OK button, (please, this is a requirement), if the user hits the Enter key, the child disappears, but immediately reappears again. I suspect, (I'm sure actually) that the child does not get keyboard focus, so any key presses are passed to the parent. Since there is still bad data in the parent's fields, the child is displayed
Need to see html for JQuery added elements
I have some JQuery functions that add elements to the html page. When I had the code one way everything was working correctly. I made a couple of tweaks, and now the elements are not loading at all. I went to view source to see what was happening all I could see is the source with which the page originally loaded. I read on this forum that is as designed behavior for IE. But I can't use Chrome because it is not permitted to be installed on our machines. I can't use Firefox because for some
Hi, im new! I cant opem my test html in my OWN domain...
I already stablished the test.html and the jquery mobile commands are working, js and css, BUT...when I upload them to my personal domain...I get Not FoundThe requested document was not found on this server. I used ftp to make the folder and upload everything and I cant access it with my mobile. plz help
Image Slideshow
Hi everyone. Can somebody please tell me what kind of plugin (if any) is used for the slide show on the 'Self Help Africa' homepage? Is there a plugin with a similar output? I really appreciate your help. Thank you for your time. Link: http://www.selfhelpafrica.org/ie/?gclid=CIDiraPJ1bwCFfPItAodsh8Alw
jQuery BlockUI issue in chrome
I hae used jQuery BlockUI plugin in my application which is working fine in Mozilla but in chrome, the overlay is not loaded sometimes but when we scroll up-down the overlay is seen Can anyone help me solve the issue The overlay should be seen always Thanks in adv
resize detect within a resize detect?
kk. Here we go. It's foggy for me, so let me try to explain my issue. Bare with me, and more important: I need your awesomeness! Situation solved part: I have two different iframes from different locations with different proportional heights/widths which need to be responsive. unsolved: I want to let those iframes have a different size @ screenwidth < 480px. The working part (without the <480px detection) <script> $(function() { var $allVideos = $("iframe[src^='firsturl']"), $fluidEl
how to make like this image
i have a gallery image, but i want when i move to another image, the hover background will follow the cursor. anyone can give me a link that will help me ? thanks
Load Html file in div using jquery load function
I am trying to load a HTML file from file system in div id using jquery load function. Kindly suggest me : $("#footer").load("C:/home/likewise-open/MAGICSW/sunil.kumar/footer21.html"); div id = footer, Html file path : C:/home/likewise-open/MAGICSW/sunil.kumar/footer21.html
Problem with multiple datepickers with same ID
This is same as https://forum.jquery.com/topic/problem-with-multiple-datepickers-with-same-id I've the control using datepicker on one of the dialogs. This dialog uses Something.cshtml. On this page, there is a provision to add child which is of same type. So, the dialog on the parent dialog also uses the same cshtml, as a result of which the id for the input is same. Now, when I select a date on the child dialog, it actually sets date on the parent dialog. I've tried things like specifying the form
countdown with progressbar
Hi there, I would like to make a countdown with progress bars (one for days, one for hours, one for minutes and one for seconds). I really don't know what to start with. I saw an example on the internet at: http://codecanyon.net/item/count-everest-countdown-responsive-jquery-plugin/full_screen_preview/6466098 That's exactly how I want this. Does anyone can help me ? Thanks a lot
error attr() in jquery
[NEED HELP] i want to delete data from database using javascript. my code : echo "<td><span class='delete'><a href=\"javascript:return(0);\" id=$id >Delete</a></span></td>"; javascript code : var del_id = $("this").attr('id'); $.post('delete2.php?id='+del_id); and i have tried like code below ( to pass the del_id variabel ) $.post('delete2.php?id=3'); it's work fine. what should i do to correct my code here? var del_id = $("this").attr('id'); $.post('delete2.php?id='+del_id); thanks for your
Putting white rectangles in flexgrid
I would like to impliment a flex grid in my solution. If you look at this grid:http://tympanus.net/codrops/2012/11/06/gamma-gallery-a-responsive-image-gallery-experiment/ You can see that it works fine, now what I would like to achieve is put random white squares between the pictures, so no white pictures but white squares/rectangles. I would load the images from contentitems in cms system so that's why i can't use white images. If anyone would have an idea how to accomplish this it would be great!
Tabs not working in Firefox or IE
I have two sets of tabs on one web page. In Safari and Chrome, tabs are working fine. But in Firefox and IE there is an issue where the first set of tabs are not working. http://denmanrealestate.businesscatalyst.com/denman-island-listing/9461-McFarlane-Road Any help is appreciated as this is my first time working with jquery. Thanks. Sean
cycle-pager div scroll
Hi Xperts, I cannot get the cycle-pager div in a slideshow to respond to the overflow-x:auto; overflow-y:hidden in my CSS. When the number of images in the pager exceed the width of the div they start a new line of thumbnails instead of disappearing out of the div, activating the x-scroll bar. Do anyone know how to make that div scroll? the code in question: <div class="cycle-slideshow" data-cycle-timeout=0 data-cycle-caption="#adv-custom-caption" data-cycle-caption-template="{{cycleTitle}}"
Similar plugin like scrollspy?
Dear forum members, I need some functionality like scrollspy, which determines whether an element is visible on the screen, for jQuery Mobile. Any hints? Or can I somehow get the jQuery plugin to work? Many thanks in advance, Oliver
Using jquery tabs and changing languages with a blank tab
I am using jquery to create a menu with switching of language between Chinese and English. The tabs in the menu work well, however, there should be nothing in the language tab. It should only switch languages and keep the contain of the current active tab. I have tried many methods but still cannot achieve that I want. For example, click(), tabs("active"), tabs("option", "selected"). I cannot find any example about using jquery tabs and changing languages with a blank tab. Would anyone be kind to
Need help to modify jquery popup ajax plugin - will pay
I'm using a jquery Magnific Popup plugin. It's an awesome plugin but has its shortcomings. I'm using it to load ajax html file in popup. The only thing that this popup is missing is the next and previous buttons within the popup box to go to next or previous ajax html content. I would like to add that functionality. Can someone tell me if this is a lot of work, and perhaps there is a better alternative out there. Or maybe someone wants to make a quick buck by modifying it for me?
keyboard navigation for two instances on a page
Hi, I have a blog post page with a next and previous post navigation with the following mark-up. <header role="banner"> <nav class="next-prev cf"> <a class="ajax prev" href="<?php echo _LINK_PATH;?>a-desert-is-a-place-without-expectation">Prev – <span>title of previous blog post</span></a> <a class="ajax next" href="<?php echo _LINK_PATH;?>a-desert-is-a-place-without-expectation">Next – <span>title of next blog post</span></a> </nav> </header> I have
Next Page