[SOLVED] replace radiobutton with jqm toggle switch in a <form>
I have chosen to replace radiobuttons with a toggle switch, but it somehow does not translate. What's wrong? original: radiobutton <form name="BRAND" > <input type="radio" name="MODEL" value="1" checked /> <input type="radio" name="MODEL"value="2" /> </form> toggle switch. <form name="BRAND" > <select data-role="slider" name="MODEL" > <option value="1">sedan</option> <option value="2"> sportster</option> </select> </form>
Jquery listener event for innerhtml
I'm pretty new to jquery so am not too knowledgeable on it, I asked a question on using jquery to change the class of certain elements to specific classes if another certain element is present It seems that an event listener is needed for this, I have a basic understanding of event handlers but this is generally to do with actions such as click etc what I need however is one to Id if certain elements innerhtml has a text value (e.g. 'go') to run a function on near by elements (example below). This
change post-specific <button> tag's text
Hello guys. i just registered here. i have many posts in index page. and each post located in <li> tag. <ul> <li class="class_li" data-id="this_posts_id"> < href="#" class="btn">Vote Up</a> <button class="btn dropdown-toggle" data-toggle="dropdown"><span class="vote"> VOTE </span><span class="caret"></span></button> </li> <li class="class1" data-id="this_posts_id"> <!-- another <li> for other posts
Random tab in variable?
$('[id="btn_gen"]').text('Generating...'); $('[id="btn_gen"]').attr('disabled','disabled'); user = $('[name="name"]').val(); $.ajax({ url: 'jsinc_generate.php?username='+user }).done(function( sig ){ if(sig == 'floodlimit'){ alert('You cannot create anther signature until it\'s been ten minutes since the time of your last generated signature.'); }else{ $('[id="gen_form"]').toggle('slow', function(){ url = 'http://novatops.hostzi.com/sigs/'+ sig +'.png'; $('[id="gen_form"]').html('<img src="'+url+'"></img><br/><br/><table><tr><td><b>Direct:</b></td><td><input
Dynamically Populating Select Control
Hi, I have found problems with dynamically populating a select control, the simple logic I use works fine in standard JQuery but not in JQueryMobile. The code is as follows: <!DOCTYPE HTML> <html> <head> <title>Select Test</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css"/> <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
Errors in jQuery Validation Plugin v1.10.0
additional-methods.js v1.10.0 has errors in it. Safari web inspector reports 1 error. JSLint reports 51 errors. When I include the plugin as a separate file, it still shows errors, but works. But when I combine all JS files into one, including additional-methods.js breaks the rest of my code. Plugin page: http://bassistance.de/jquery-plugins/jquery-plugin-validation/ File in question: http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/additional-methods.js Latest version is dated 9/7/2012. Wondering
Error in Eclipse environment with jQuery 1.9.0 (and 1.8.3)
Hi All, I just added the production (min) version 1.9.0 of jQuery to my Eclipse environment and it is generating an error. I'm not seeing the error in the development versions. Here's the error message: Syntax error, insert ")" to complete PrimaryNoNewArray I can turn off error reporting for that file in Eclipse but I was hoping to avoid that if possible. Has anyone else seen this problem? Thanks! Kelly
Change certain element classes to specific classes if certain other element is present
Hi there I'm trying to code a blog theme which will have tags etc so wat I'd like is for certain classes of mostly parent divs to change when tagged with something (example below). classes are spans (using bootstrap) html <div id="a" class="span6"> </div> <div id="b" class="span6"> <a class="taglink">[tag]</a> </div> What I'd like is for div a and b's classes to change to say span12, and *only* them and no other parent/adjacent/child etc divs. This is so that when I tag the post with certain tags
jQuery Paging Plugin submitting 1st page even when it is null
I am using this plugin jQuery Paging Plugin (https://github.com/infusion/jQuery-paging) The issue with the 'page' option. Though I am setting it to null, onSelect gets triggered with page=1 How can I solve this issue, is it a bug? Regards,
Smoother Animation from Surrounding Element [SOLVED]
When clicking on the 'Contact' button, a box slides into view. When 'Click to hide' is cliked, it fades out but the box beneath it just 'snaps' back up. gmjones.org/MEETINGS/index.html The code below only applies to the top box entitled 'contact_strip'. <script type="text/javascript"> $(document).ready(function() { $("div#contact_strip").hide(); $(".contactbutton").click(function() { $("div#contact_strip").show(1200); }); $("#a_button").click(function() { $("#contact_strip").fadeOut('2000','linear');
.click broken down by class and ID?
I'm trying to do a function where a class of buttons can be broken down further by ID. Example: $(function() { $(".analyzer").click(function () { if = ("#ct50") $('#tabs').load('ct50tabs.html'); $('.CT50').show(); else if ("#status") $('#tabs').load('statustabs.html'); $('.Status').show(); else if ("#plus") $('#tabs').load('plustabs.html'); $('.Plus').show(); else if ("#statusconnect") $('#tabs').load('connecttabs.html'); $('.Plus').show(); else if ("#ct500") $('#tabs').load('ct500tabs.html'); $('.CT500').show();
The car does not move, i dont know why
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery-ui.js"></script> <script type="text/javascript" src="js/js.js"></script> <link rel="stylesheet" "text/css" href="estilo/estilo.css"
[jQuery] IE8 & BlockUI incompatible
There was a thread about this last month that identified a problem with the use of setExpression in BlockUI. IE8 throws a not implemented exception in this case. The author noted that the BlockUI demo page works fine in IE8, which it does. To be honest, I'm not sure why. However, the problem does appear to exist, and it is caused by the use of dynamic properties which have been deprecated in IE8: http://msdn.microsoft.com/en-us/library/ms537634.aspx BlockUI uses expressions to set the height, width,
Help in JqueryUI
I want to make a jquery plugin in which I want to make a combination of your selectable(eg. http://jqueryui.com/selectable/) and sortable#connect-list(http://jqueryui.com/sortable/#connect-lists) because i want to add two button by which i can move selected items in right list and vice versa.
Accordion Not Rendering
I get on this error Uncaught TypeError: Object [object Object] has no method 'accordion' whenever I run my jquery accordion. I am not sure what is causing this error. I can run the exact same code in a seperate html file. I am wondering exactly what could cause this error. I have tried removing other jquery plugins and jquery code, and still the error occurs. Can anyone offer me advice on how to troubleshoot?
Help I'm New
Hey, I've got the code bellow and i want it to wait 1 second before showing. Also when it shows and hides, to do it in a transition of about a second. I'm really struggling and the help would be really appreciated. html: <ol class="top"> <li> <a href="/link1" class="show">topList1</a> <div class="sublist" style="left:0px;"> <div class="row"> <ul> <li><a href="/list1link" class="head">list1</a></li> <ul> </div>
Pseudo elements like :hover and parent selectors
Hi folks, you'll probably know that there's no such thing as a parent selctor in CSS, so I used to use jQuery for this. To select all li elements that has an a element inside of them this would be $("li:has(a)").css("property", "value"); (I read that beneath the :has selector there's a .has() filter that does the same and is quicker but never tried that). The solution above doesn't work when I try to target psuedo-elements of that selectors. What I want to achieve is selecting all hovered li that
expanding select options on open
I've seen this before but I can't find it. It's either javascript or jQuery that expands the options of a select box when it opens. It's used when the select is in an area that doesn't afford a lot of space. Before it's opened it's a fixed width. On open the options expand out to full size. The select doesn't expand in it's space, the options appear below it much like a drop down list menu on this page: http://www.webdesigndev.com/wp-content/uploads/2009/07/fancydropdown.html Is there such a
Jquery Form Validation Checkboxes
Hi, My first post and new with jquery. I'm trying to implement the validation plugin. I've managed to make the code working in a separate file but once I implement it to my main file it just doesn't work. This is how i generate my checkbox. <form id="formID" action="go.php" method="post" > <?php $result = mysql_query("SELECT * FROM tbl_category order by name "); $i=1; while($row = mysql_fetch_array($result)){ echo '<input type="checkbox" class="validate[minCheckbox[1]] checkbox" name="categories[]"
Passing values to PHP
I have also asked this question in the StackOverFlow forums, but the answers given there are beyond my technical ability. I found this script on the net and have adapted slightly so that it does not display the quantities added to the cart as I am using the script to categorise some videos. Here it is in its basic unmodified form, ideally I need to be able to save the products to a mySQL database once they have been added by drag and dropping into the 'cart' Thanks Steve <!doctype html> <html lang="en">
dynamic links on click error
I have a form that takes a form input and stores it into the back-end database then on success I output all the entries via JSON into a ul list with a dynamic link after each for editing purposes. I have a listener for .on("click" event but that didn't work and I used .on because .live I read was being depreciated it. However the only way the dynamically created link would then fire is if I changed the listener back to .live("click", . Am I just using .on incorrectly or is there something else?
Using Multiple Slide Out Tabs
Hi I am new to JQuery and coding as a whole but do have a very basic knowledge... I have added a slide out tab to my site which worked perfectly. I would like to use 3 slide out tabs on my site but i am finding it very difficult to do this. The plugin I am using is the following: http://wpaoli.building58.com/2009/09/jquery-tab-slide-out-plugin/ Please could someone let me know what code i would need to add/change. Each tab image needs to be different and if possible i am also looking to add some
navbar width issue when in header and has >= 3 buttons
There's an issue in the JQM css that causes the navbar to exceed the width of the rest of the page on mobile devices when the navbar is in the header and contains 3 or more buttons. This results in a thin white line to the right of the page when viewed on a mobile device. I fixed it by canging ".ui-navbar ul" overflow from visible to hidden (line 1920 of jquery.mobile-1.3.0-beta.1.css). It would, I think, be a good idea for this change to be made in the next release. <!DOCTYPE html> <html> <head>
Drag and drop between windows
I have a page that loads and then that page's JavaScript opens a popup window that will become a gallery. The user will upload images, using JavaScript and PHP that is part of the popup gallery window, and these uploaded images will be displayed in the gallery window that we popped up Once several images have been uploaded and displayed in the gallery window I would like to drag and drop them into the primary window. Actually I'd like to leave the image in the gallery and just drag a ghost image
Help with toggle effect
Hello everybody. I've recently started to use jQuery. I love it very much. I've managed to create toggle effect. When user clicks on the toggle button (for an example the name of the button is "select country"), the object is showing (in this case a map), and when the user clicks again the maps hides, Ok, that's good, but how can I change the word into "Close" when the user clicks on the toggle button? It's not clear for me enough with class .active. I know CSS well, but I don't know how to create
click event on a tag not working.
What im trying to is if the user clicks on what ever is in the a tag then a click event is fired off, but nothing is happening. $("a.thisAudioDeffinition").click(function(){ alert("audio Here"); }); <a href="#" class="thisAudioDeffinition" ><img src="speaker.jpeg" style="width:50px; height:50px;"></a> Please comment, Thanks
Marquees firing twice?
Hi all, Thanks so much in advance for your help on this. I'm trying to run two marquees, one under the other, but they seem to be appearing twice - so there are four instead of two. My code is all here: http://jsfiddle.net/SgQhk/
hi I want a grid image not go out of screen mean 10-20 grid
Target ---> Each grid contain an image and not going out of screen. but here i post a program that an image large size but it's not fit between header and footer . mean content grid must between header and footer , no gap between header and footer . ************ <style> html, body { height : 100%; } #map-page { height : 100%; } #map-page .ui-header { height : 40px; } #map-page .ui-content { position : absolute; top : 0; right : 0; bottom : 0; left : 0;
Datepicker not showing up when placed inside selectable in Firefox
Using jquery v1.9 Using jquery ui v1.10.0 The easiest way to show this was for me to create a jsfiddle demonstrating the issue... it can be found here. The desired effect was to have the user select one of the items in the selectable and then append an input element bound to a datepicker to said selectable item.... Works perfectly in Chrome however in Firefox v.18.0.1 the datepicker refuses to show up after clicking on the input. Is this a bug or am I doing something wrong? Thanks!
Reporting Bugs
Hello, I found what might be a bug in jquery. How and where do I report it?
Pages not directly in the body but inside other elements
Hi there! Please consider the following code fraction... <body> <div id="page1" data-role="page">..... </div> <div id="page2" data-role="page">..... </div> <div> <div id="page3" data-role="page">..... </div> <div id="page4" data-role="page">..... </div> </div> </body>As you can see, page3 and page4 are under div element, whereas page1 and page2 are directly inside the body. There is a specific reason I have to follow this structure. I'm using the following
Animate jquery ui slider handle to specific value on pageload
Hi Newbie here. I'm having problems getting a slider to animate to a certain value. The value is within the handle. I want the handle to automatically move on pageload to a specific value. The value has to increment up to the value though. I've created a script in where I'm animating the handle but I can't get the values to increment accordingly. Here is my current script. Slider1: $("#slider1").slider({ max:350, min:100, step:10, value:100, animate: 'true', animate: 6000,
Shorten function, please
Help please to Shorten function, please: Function 1: jQuery(function($) { // Shorthand for jQuery(document).ready(function($) { init1('#buttonOne', 0); function init(selector, count) { //add indicator and hovers to submenu parents $(selector).find('li').each(function() { if ($(this).find('ul').length > count) { $(this).hover(function() { // show subnav on hover $('ul li:first', this).load('pageOne.html');
mark some specific dates from database
Hello I am using JQuery Datepicker inline with 12 number of months. And i want to mark some specific dates those are stored in sql server. And i want to add dynamic tool tip for those dates(not necessary). At now i m doing this <script> $(function () { $("#datepicker").datepicker( { numberOfMonths: 12 } ); }); </script> </head> <body> <form id="form1" runat="server"> <br /><br /> <div
How to add third submenu? (only an idea please)
Friends I need your valuable help of how to add third submenu? Project working: http://jsfiddle.net/n3fwe/12/ Objetive: (examples: ) or: Where I can begin to change? js: var List = [{ props: { "data-id": "r1-c0-sC0", text: "one", title: "description one" }, sub: [{ props: { "data-id": "r1-c1-sC0", text: "one:A", title: "description one:A" } }, { props: { "data-id": "r1-c2-sC0", text: "one:B",
javascript animation doesnt play after ajax call
So i have a project where I am creating an interactive product guide aim for ipad. I created using adobe edge animate to add some interactivity to it but now i need to link about 4 of them off a central menu document. The problem is that the javascript created by edge animate wont play when i load the page by ajax. It works fine when I load the documents without ajax but Id prefer to keep the flow of things that is created by ajax. Any one have any ideas and what to do? Here's the site demo
button text updating
jquery mobile 1.2, jquery 1.7.2... I have an <a> tag that is essentially a phone number, and this is in the data-role="content" div of the page <div style="float:left;"><a data-theme="c" data-role="button" href="tel:" id="nvphone"></a></div> that gets set by a call to JavaScript, lets say GetPhoneNumber(). I am using $(document).on('pageinit', function() { var navph = GetPhoneNumber); $('#nvphone').changeButtonText(navph); }); // found this funciotn online..... (function($) { /*
On Select open url
I have a drop down list that is being created from a UL list. The ul list looks like this: <ul id="quick-links> <li><a href="http://www.test.com/" target="_blank">Test 1</a></li> <li><a href="http://www.test.com/">Test 2</a></li> <li><a href="http://www.test.com/">Test 3</a></li> <li><a href="http://www.test.com/">Test 4</a></li> </ul> I'm using Foundation as my base and that's what changes the list into a drop down box. I'm trying to figure out how to code it tow where when an item
DatePicker StartDate cannot equal to EndDate
Hi, How to disable the date selection so that StartDate and EndDate is not equal. For example, if I selected the StartDate is "16/01/2013", then in EndDate I should only able to select start from "17/01/2013" until current date. And if EndDate is "20/01/2013", then selection date for StartDate should start from any date until "19/01/2013". Below is my code, I don't know what should I add to match with the requirement: $(function () { $("#startDate").datepicker({
Load Dojo from CDN using jQuery
Here is the Dojo example that perfectly works <!DOCTYPE HTML> <html lang="en"> <head> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8.3/dijit/themes/claro/claro.css" media="screen"> <script type="text/javascript"> dojoConfig = { parseOnLoad: false, async: true }; </script> <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.8.3/dojo/dojo.js" type="text/javascript"></script> <script type="text/javascript"> /// Require the registry, parser, Dialog, and wait for domReady
Next Page