show and hide radiobuttonlist on checked property of checkbox
In my program . there is checkbox(id-cbMain), a radiobuttonlist(intially hidden, id-rbSub), a radiobuttonlist(initially hidded, id-rbchild). I want, when cbMain is checked, then rbSub should be visible, and if a particular radiobutton of rbSub is checked the only rbChild should be visible. as soon as checkbox is unchecked both the radiobutton list should be hidden. <ul> <li> <input type="checkbox" id="cbChk">Main CheckBox</input> </li> <li id="liSub" class="hide"> <input
Need help with jquery slide box
please excuse the cheesy photo, just trying to get the outline of this setup. Can someone tell my why this slide box is not working? here's the site: http://tds2.bitballoon.com
Best way to make an Image Map w Jquery?
I recalled the oldschool days of HTML where you could create image maps on images -- if clicked a notification would pop up I am trying to make somethign similar with an anatomy teaching file I have a large image of a piece of human anatomy -- there may be 20 or 30 spots that people can click.. once clicked the name of the muscle or bone is shown how can I do this with jquery? not looking for a modal dialogue window, that is too large and obtrusive any suggestions?
Using a form downloaded through AJAX
I have just started using JQuery, so am a beginner. I wanted to make use of the ajax features to dynamically load different content into part of the page. I am using ajax to load an html <form> from the server into a <div>. The content of the form that is loaded depends on what the user selects. The form itself does not use jquery, it is simply an html form contained in a <table>. The user may change the selection on the main page and then a different form is loaded dynamically. Each time a form
How can I call the on click function even if the user does not click on the first button in a list of dynamically created buttons?
Hi, I have a number of submit buttons in a loop that are made dynamically. I’m using jquery like this: $(document).on('click', '.submit', function () { mydropdown = $('#Category'); if (mydropdown.length == 0 || $(mydropdown).val() == "") { alert("Please select an 'a category'."); return false; } }); but the alert does not fire and the page still gets submitted it I click a button other than the 1st
How can mask the CC number.
can anyone give me an idea to mask the credit card number? I just want to show the last 4 digit number after click on button. I do not want to use the any plugin. I am using Jquery.
Server Status monitor - Jquery Widget
I would like to develop a Jquery Widget that would indicate Up/Down status of the Servers that are available in our project. Request your help in this regard. Please find attached the Prototype model for the requirement.
Slowness in IE8 in obfuscated Javascript code
I'm developing an application that is using IceFaces, which is using jQuery 1.9.1. I am seeing very slow behavior in IE8. It seems to happen on a mouse click, and it seems to be related to the size of the page. The more content on the page, the longer the delay is. I've attached a screenshot of an IE8 profiler report. Unfortunately the Javascript code is obfuscated, but I am positive that it is jQuery. I've also attached the code snippet that I think is causing the problem. Can anyone tell me what
How to apply video chat using jquery mobile?
Hey guyz i am using Jquery mobile.... i would like to know how to apply video chat in it? and also how to link it to face time in case of iphone???
e.offsetY seems to be inconsistent - have I found a bug?
I'm trying to find out where a user has clicked in a div. For instance, if he clicked halfway down a DIV that has height 100pixels, I would want to retrieve "50". I got help on this forum on how to do that, and it seemed to work fine. But then I put an image in the DIV. The image was too high for the DIV, so I added a style: "overflow-y:scroll" to the DIV. To get the position where the user clicked, I now had to add "scrollTop()" to the number above. This worked fine. If I scrolled down, and clicked
Can I do this with less writing?
$(document).ready(function() { $("#d1").hide(); $("#d2").hide(); $("#i1").mouseenter(function() { $("#d1").show(100); }); $("#i1").mouseleave(function() { $("#d1").hide(100); }); $("#i2").mouseenter(function() { $("#d2").show(100); }); $("#i2").mouseleave(function() { $("#d2").hide(100); }); }); This is my code. I've got a lot more of these d's and i's and I want to make the same thing with them all. Is there a way to not repeat this code over and over again and only changing 2 id's?
how to enable drawing multiple lines on highstock basic-line graph?
I want to draw multiple line for this type of graph of your library :http://www.highcharts.com/stock/demo/basic-line I found this sample on internet: http://jsfiddle.net/yildirim_timur/Hb3Q7/ Below you can see my html file. I tried to do couple of things but couldn't make it. How can i make my chart to be able to draw multiple lines as well? (it is for an ipad app project) <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Senior
Issues in a Windows Phone WebApp using JQuery & JQuery mobile
Hello, I have some issues in a webapp for Windows Phone 8.0 (that runs in WP8.0 and WP8.1), the index.html uses: <link rel="stylesheet" href="css/jquery.mobile-1.4.2.min.css" /> <script src="js/jquery-1.11.1.min.js"></script> <script src="js/jquery.mobile-1.4.2.min.js"></script> the source code is here: https://www.dropbox.com/s/mwv9m9bgguv9dw9/Demo_Forum.zip ( this file contains a folder with html/css/js code, a wp80 webapp for test and a website with code to debug in simulator if needed- this is
Simple AJAX call not working
I have this URL: http://mandala.cloudapp.net/Home/GetItems I put this URL on my Chrome browser and it returned a JSON just fine. Then I did this ajax call on the same URL but I couldn't get it to work. Here is the Ajax code: http://jsbin.com/nojepo Any idea why?
Need help reading variable on POST
Hello, I have a PHP page that makes a checkbox appear after a certain textbox is exited. This part of the functionality is working - the user leaves the textbox, the AJAX call is made, and if certain criteria are met, the checkbox appears or it doesn't. Here's where I need help. When the checkbox appears on the form and the form is submitted via POST, I can't get its value. <!DOCTYPE html> <html lang="en"> <head> <script type="text/javascript" src="jquery-1.4.4.min.js"></script> <script type="text/javascript">
jQuery Mobile Static Progress Bar
What's the best way to create a simple jQuery Mobile friendly Progress Bar? I don't need a dynamically changing progress bar (ajax updating). I thought about just using a slider. I just need to occasionally set it to a value.
Pop Up in navbar and tabbed content
Hello all! I am creating a navbar that will be used as tabs. All is working well with the tabs. I would like for the last link in the navbar to open a popup with a list. The popup doesn't come up when it is in the li tag of the navbar. When I remove the li tag from the popup menu item it works just fine. Also it will work if I remove the data-role="tabs" from the outer div. The pop up content is located inside of a data-role = "page" which is something I noted from the docs that is required.
lightbox stopped working
Not sure what is wrong, it just stopped working... http://theartoflovingcatsanddogs.com/art-item/simply-siamese-38/index.cfm
Using Draggable with Sortable Widgets, making unexpected response
Hello, There! Please check the link below, to see what I'm talking about. I'm trying to make a list of items (draggable list), and another sortable list. I used the receive event to detect the new item and add css (color: red).. what i expected: is that, the new item in the list will get that css color. but: it just apply that css effect to the original item http://jsfiddle.net/Husamuddin/262cf/2/
How can I make a slider like this?
Hi guys, Please take a look at the TOP slider on this page: http://www.honeycuttmanufacturing.com/ I love the way the images slide in from the right and then the text fades out ready of the next one etc... can anyone recommend a jquery plugin I can use to create such a slider or give me any tips etc?... would be much appreciated... -thanks Antoni.
Changing the slider bar
Hi I'm trying to change the look of the slider bar. My bar is suppose to have a grey background and the sliding tab is suppose to be green. I downloaded the jquery ui slider, but it doesn't seem to be working. Here is a jsfiddle to show what my slider looks like. JSFIDDLE
issue on android 2.3 : document.location.href
from javascript i would like to navigate between html pages, but on android 2.3 i have an issue withe document.location.href = "#Browsing"; it doesn't works. while on android 4 and above it works. anyone has an idea/ thanks
Scrolling issue on a page with many Checkbox Fieldsets (ControlGroups)
I have a fairly long page of 40+ checkboxes. The checkboxes are grouped in ControlGroups (Fieldsets). After scrolling down the page some, I notice the after tap action stylings get applied to a different checkbox (several checkboxes above it). This happens when you Tap on a checkbox approximately 1/2 way down screen. Scrolling down changes where the styling is applied; it seems to be based on position. The checkboxes towards the top half don't experience this issue. Also, the problem only occurs
When inserting data on DB using TinyEditor it appears empty
Hi everyone , I'm trying to use a text editor "TinyEditor" When i click on submit it gives me a msg "Coment added" but when i see the DB i find only empty :/ This is the code : <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>TinyEditor - JavaScript WYSIWYG Editor</title> <link rel="stylesheet" href="tinyeditor.css"> <script src="tiny.editor.packed.js"></script> </head> <body> <form id="form1" method="post" action="index.php"> <textarea name="tinyeditor" id="tinyeditor" style="width:
IF statement only works two to three times
I'm trying to make this page working that has a vertical line of pictures (thumbnail-sized) which you can then click on to make them scroll to full width and show lots of text and happy stuff. I've already managed to do all that. However, if I click on one thumbnail, any open thumbnails are supposed to close. I've implemented an IF statement and class-checking for that: $("a#shins-rec1").clickToggle( function(){ if ($(".shins-rec").hasClass('done')) { $(".shins-rec").filter($(".done").not($(this))).animate({
How to custom validate date for Validation Engine
Hi everyone, Please help me how to custom the validation engine for this rule: - Validate by mm-dd-yyyy I tried change the pattern in jquery.validationEngine-en.js into this, but it still error! Regexp from: http://www.sitepoint.com/jquery-basic-regex-selector-examples/#.T70st0VYvg8 - I want just only 18+ people can join. So where do i need custom? And how? var pattern = new RegExp(/^(0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])[- /.](19|20)dd$/);
Close popup div when clicked outside
I have a popup div that shows only when clicked on particular button. It even hides when clicked on the same button. My problem is, i also want to hide div when clicked anywhere outside. In fact, if i click on my screen, outside the popup, it will hide. But if i touch the screen and scroll it down or up the popup still there !
Problem loading content from remote site
Hi, I Have a problem loading content from remote site into my site with load function. Images and links don't works. Any solutions please? Here is my code: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link rel="stylesheet" type="text/css" href="http://www.hyundai.si/_tpl/_css/master.css?50"> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script> $(function(){ var contentURI= 'http://www.hyundai.si/ponudba/ceniki
KEEP CHECKBOX CHECKED AFTER SUBMIT AND REFRESH/RELOAD PAGE
I have some view like this: [CODE] <%= form_tag( riepilogo_path, method: "post", id: "sel") do %> <% for posti in @postis %> <%= check_box_tag "posti_ids[]", posti.id %> <%=h posti.numero %> <% end %> <%= submit_tag "OK"%> <% end %> I want to check checkbox and keep checked after submit and refresh or reload a page. I write jquery code like so. But it is not works. [/CODE] [CODE] $(document).ready(function() { $("#sel").click( function(){
Dinamic list of elements
Dear all, hello :) I have problem with color of list elements. It is <li> tags, every with diferent id ... id='elem_li'+i ... i is 0 for first, 1 for seconde.... Every list have <div> with text with index i and id 'text'+i and some buttons delete, save and edit with same... I have color and hover function - that i do with moduo i%2==0; Thats all works, but problem is when i delete odd or even element, i have to same color one neer other.. How that i can fix. Maybe with for or each loop but i dont
Tabs setting active
Hi, I am trying to set the active tab, I intend to go on and use the local storage to record the tab a user last selected and display that tab when they return. However I am falling at the first hurdle and cannot get the 2nd or 3rd tab to be active on page reload. <script> $(function() { $("#tabs").tabs(); $( ".selector" ).tabs( "select", "tabs-2"); }); </script> <div id="tabs"> <ul> <li> <a href="#tabs-1"> Nunc tincidunt </a> </li> <li>
Set cookie dynamic based on id
Hello! I have an Array of items, comming from a data source. What I want to do is to change the background color of the outher div when the user clicks on it. I have and id that can be a number from 1 up to let's say 100. I cannot do this with CSS because of the page will be refreshed after a click so I would like to set a cookie for this. However I cannot figure out how to do this. I use thie jquery.cookies.js <div class="xxx" id="{@ID}"> <a class="yyy" href="example.aspx?Title=@Title"> <div
Issue on Loading Data From MySQL to JavaScript Array of Array Using jQuery Ajax
I have a php and jquery code like below <script> $( document ).ready(function() { var data =[]; $("#submit").on("click",function(){ $.ajax({ type:"POST", url:"map.php", success: function (html) { $('#message').html(html); } }); }); }); </script> PHP <?php define ( 'DB_HOST', 'localhost' ); define ( 'DB_USER', 'root' );
trigger optional param is undefined
I am using jQuery version 1.10.2 I am trying to pass an optional arguments to the click event from trigger... but I am getting an undefined parameter instead.. $("[data-id='" + x[i].itemID + "']").trigger("click", 'something');// line from a different function $(document.body).on("click", ".chb-g", function (event, param) { alert(param); }); so its fire, but the parameter get undefined, and so the 'event. Data' as well get undefined
Modals in responsive design
Hi, I have modals on the images on this page: http://www.johnfieldformalhire.co.uk/evening-wear.html I was wondering how I can rid the the images of their modal links when viewed on mobile as the pics don't need to be shown any larger at that size. I thought about hiding all the content and displaying a simplified version with display:none in the media queries but this seems as though it's long winded and using too much code. Cheers if you can help. R
link widget, is data-dom-cache meaningful?
since the linked to page has data-dom-cache, what does the attribute data-dom-cache on the link mean? does it override anything? just tried, and it does not seem to make any difference. a confirmation of no meaning will also make me happy. thanks.
Problem about Cross domain
I am a ASP.NET Developer working on Jquery . In AJAX i am using external url for data retrieve in same domain but different website . My Method is working in IE8 But in IE11 ,when i use external URL ,i am not getting data .it does not show any Data in Success Function .
Bootstrap datepicker doesn't get the value
Hello! I am using bootstrap datepicker , but the problem is that the value is empty. I have this function: public static function date_bootstrap($name, $id, $value = null) { $input = '<div class="col-lg-3">' ; $input .= '<div class="input-group input-append date" name = "'.$name.'" id="' . $id . '" data-date="12/12/2012" data-date-format="dd-mm-yyyy">' ; $input .= '<input class="form-control" type="text" value="' . $value . '" readonly="">'
jQuery Mobile Sliders within slider group can influence one another
Hi, I have an odd issue I can't seem to resolve that involves jqm slider widgets. The problem does not occur regularly and only on my Android phone when using the Phonegap app I have created which uses the sliders... I have around 8 pages that contain different groups of sliders (groups of 2 or 3 sliders per page). Aside from the sliders responding slowly on my phone, the sliders seem to work fine save for one irregular problem- if I drag the handle of one slider and then change to the handle of
Hoverfold (links inside) not working properly in Chrome
Hello, Please see berryfarmssubdivision.com/lots.html Under Chrome, the links inside the view window aren't working on the far right side. I styled with an underline to highlight the links. The links work in the other view windows. Under Firefox and IE, the links in the right side view window works. I've duplicated that code on the right side and started another row so that the window is on the left side to confirm that it does work. Thanks
Next Page