Jquery addRemove Class - If statement
I need when I click Toggle for the jQuery to remove .hidesome and change it to .show and vise versa. Can not get this...it's been 4 hours of searching. <a href="#" class="button">Toggle</a> <div class="signatureContain"> <div class="signature hidesome"> When the button above is pressed you should see the rest<br /> "the rest" </div> </div> <a href="#" class="button">Toggle</a> <div class="signatureContain"> <div class="signature hidesome"> When the button above is pressed you should see
Tabs ui
i m unable to add new tab as add and remove methods have been deprecated/removed in new jquery-ui version. Also which jquery and jquery-ui versions are stable and which version should be used for new project.
jquery addClass/removeClass hide/show code not working
I've created the following code which will work in all browsers but IE (it takes too long to load). Any suggestions? I appreciate any help/suggestions. Here's the full code: http://fox3parkstreetdesigns.web4.hubspot.com/inbound-marketing/ $(document).ready(function(){ $('li#tab_monthly').addClass('on_m'); $('div#monthly').show(); $('li#tab_monthly').click(function(event){ $('li#tab_annual').removeClass('on_a'); $('li#tab_monthly').addClass('on_m'); $('div#annual').hide(); $('div#monthly').show();
Can DatePicker have multiple entry formats?
I'm looking at the details of the DatePicker widget. Is it possible to allow the text entry of both "6-6-1976" and "6/6/1976", even if it autoformats it to one of those formats?
Responsive Table full screen on tablet
Hi Folks, I use JQueryMobile 1.3.0-beta.1 with responsive table. The table is displayed perfectly on my phone, but on my tablet I want it larger because the table used only the half of my screen. I though jquery was able to autosize tables based on the type of device. So there is a way to display table that use all the width of my tablet screen. Thank you <meta name="viewport" content="width=device-width, initial-scale=1"> ... <table data-role="table" id="xxxx-table" data-mode="reflow" class="ui-responsive
How to add jquery code when a dynamic link is clicked that has no id
Hey everyone, I'm using Orchard cms system and have a menu in there, this menu is generated from code and looks like this: <ul class="menu menu-main-menu"> <li class="first"> <li class="current"><a href="/OrchardLocal/page">Page</a>now i want to fire up a jquery action when this link is clicked but it has no id how can i do this? Borrie
formatting data caption in light box
how to format the data caption I am planning to display three different names for a single image after i click the cube light box opens and the caption comes with div tag but i wanted to display it one by one on the light box its working fine without light box $data = ''; $('[data-caption]').each(function(){ $data += '<div>' + $(this).data('caption') + '</div>'; }); $('body').append('<div id="more-info">' + $data + '</div>'); http://jsfiddle.net/ZrpLT/52/
How to get id of "tr" when "<a><img> element clicked
Hello, I have a <tr> that contains an id. Im clicking on an <a><img> on that <tr> line. How can I get the id of the "tr" when clicking the <a><img>? Thank You
How can I delay a mouseenter/hover event?
$(".plus").mouseenter(function(){ var $header = []; $('.headerCls').each(function() { $header.push($(this).html()); });
How to convert text lines with BR tags into the linse with the LI
Is there any way to access a text that;s not wrapped in any tag just BR to create a new line. I need to convert it into the each separate item into the list item. Something like this: Front access battery design for easy battery access <br> Fully assembled, tested and listed to UL 1778 <br> Breaker and fuse options for single and multiple string applications <br> Hinged locking front doors for secure easy access <li>Front access battery design for easy battery access</li> <li>Fully assembled, tested
About JavaScript header..
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> why my button is not respon if i use the javascript online....
Native select with data-mini='true' does not work on Samsung Galaxy Tab SPH-P500
Inside my PhoneGap / jQuery Mobile 1.1.1 application, I am using the following HTML to create a select menu: <div data-role="fieldcontain"> <select id="tasksMenuSelect" translate="yes" data-native-menu="true" data-mini="true" data-theme="c"> </select> </div> On the Motorola Xyboard running Android 4.0.4 / Browser 4.0.4-51, the native select menu displays properly when it is tapped. On the Samsung Galaxy Tab SPH-P500 running Android 4.0.4 / Browser 4.0.4-P500VPALI6, tapping on the select displays
Accordion Error in IE9?
This works fine in FIREFOX but not IE9 any solutions? <?php /* * FAQ v1.1 * Copyright 2013 * Author: Nuker_Viper * E-mail: nuker@swfclan.com * Website: http://www.swfclan.com * * License: http://www.swfclan.com/license.php * */ ?> <script> $(function() { $( "#accordion_faq" ).accordion({ collapsible: true, heightStyle: "content", active: false }); }); </script> <br> <center><h2>Frequently Asked Questions</h2></center><br> <br> <br> <?php echo " <table align='center' width='600'
how to transfer 2 input box text into 1.
I have 2 textbox's which have an id of address and zipcode I would like to group those 2 values together into a 3rd textbox called aves in a format of "address, zipcode". Since these textboxs have no ititial value I think I should use the .text instead of .val method so as user types in the textbox it will display along in the 3rd. What I have so for is this code which does not work < script type="text/javascript"> $(document).ready(function () { function update() { $('#aves').text($('#address').text()
My jquery coding is not functioning properly on responsive design
I'm redeveloping my website and it works as it should on one design but on desktop layout. it's URL is http://xhpx.co.uk/under_development/ when it is using desktop.css it's only a part my jquery coding functions. please educate me on this regard and thank you very much in advance for your concern :)
Preventing scrolling with fixed headers
I have developed an iphone app using phonehap+JQM1.2.0 that has a fixed header - below the header is scrollable content (so using document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); is not possible). I noticed that if you press on the scrollable content and move your finger down, the header moves down too. Can this be prevented? This also happens when there's a footer and I swipe backwards. Thanks Jean
Change event not firing on Android 2.3.6 (native select menu)
On Android 2.3.6 on Samsung Galaxy S2 phone, using jquery 1.8.3 and jquery mobile 1.2.0 NATIVE select menu's change event does not fire. Menu length immaterial. No problem in Chrome on a PC or Firefox on a PC or IOS on iPhone or iPad. Non-native menu does fire the event, but the non-native menu is extremely unstable. Sometimes fires itself with no user input, sometimes results in the wrong choice.
with "jQuery File Upload" - How can i access the preview <img> html element after upload is done ?
Hi, im developing an HTML5 App that utilizes the "jQuery File Upload" plugin to upload images to the CANVAS element. The user uploads an image, then i use a different library (jCollage) to add the images to the canvas. So far i was able to achieve this in two steps: 1. first uploading the image. 2. then, when clicking the preview image, an event handler calls an "add image to Canvas" function. it does this by using the <img> html element. Now im trying to automate the process so that the first step
Time picker issue
I am using Time picker plugin from this place http://fgelinas.com/code/timepicker/ i want to disable time which DOESNT come in between 10:00AM - 03:00PM and 07:00PM - 11:00PM thanks in advance
List Item, returning the value of the link inside - is it possible?
Hi if I have this code: <li class="getMe" id="home2"><a href="#" value="2" data-transition="slide">Yahoo</a></li> <li class="getMe" id="home3"><a href="#" value="3" data-transition="slide">Yahoo</a></li> <li class="getMe" id="home4"><a href="#" value="4" data-transition="slide">Yahoo</a></li> Using $(this) how would I get the values from the <a href> statement. Presently I am trying to something like this: $('. getMe').live('click', function(event){ alert('id = "+$(this).attr('id')); }); But
Simple YouTube API player not working in IE
Hi, I am quite new to Jquery. I have a simple script that works perfectly in FF and Chrome, but not in IE. It's driving me crazy. Could someone explain why?. This script loads a single video on a div id=video <script> var player; $(document).ready(function(){ window.onYouTubeIframeAPIReady = function() { player = new YT.Player('video', { events: { 'onReady': function () { $.getJSON("http://gdata.youtube.com/feeds/api/users/diasporaduo/uploads?v=2&alt=jsonc",
How to make video stop playing after navigating to another page?
Hi, In jQuery Mobile 1.20, I have a page with a few embedded Vimeo videos. They play fine. When navigating to another page while playing one of those videos, the video in question continues to play in the background. How do I stop the video when a different page loads? Thanks.
Delete/Remove Ajax Prefilter
Is there any way to delete/remove an ajax prefilter once one has been registered? Or maybe a way to circumvent it? I'm trying to write some qunit tests and to test the prefilter effectively I want to execute some ajax with and without the prefilter. However, once it's been registered there does not seem to be a way to delete/remove it... Any thoughts? I could potentially reorder the tests so all the prefilter ones occur at the end, but this will make this messier than they need to be as I won't be
Sill wrestling with jquery cycle plugin, almost there, please some help
okay, I've been wrestling with the jquery cycle plugin for almost a full week now. I tried tons of examples and tutorials, and all slide shows they all fail to yield a constant slide show with INSTANT slide changes right away from the start... At this point I have a folder containing 11 images. My slideshow fetches those using php, and puts them in a slideshow using the cycle plugin, as found on github.com. The first round the slideshow runs, has an anoying break in between images. After that first
Understanding the different uses of the load method with jquery
What are the biggest differences or benefits between the ways that the load method are used below.... I've seen some people do this... $('#wrapper').append($("<div>").load(mfooterwrapper)); While I've seen other peoeple use this style... $("<div>").load(mfooterwrapper, function() { $("#wrapper").append($(this)); }); Thanks for any advice! *Break through the ice and never look back*
Is jQuery UI Themeroller broken?
I have tried to download a theme created by someone else, a theme created by myself (just to check that the URL I received was not broken), and a theme from the Gallery. The only one that works is a theme from the Gallery - all the others return a "504 Gateway Time-out" error message. Is anyone aware of this problem? Has anyone else actually SEEN this problem? Thanks
{data-collapsed ="false" } work only last one content in ver 1.2.0
If I use jQuery Mobile 1.2.0, the "data-collapsed = "false" of "collapdible" contents work only last one content in "collapsible-set". If I use ver 1.1.1, all contents collapse collectly. Following page is sample of collapsible set page. ver 1.1.1: http://hamadroid.info/home/jqm/performance/collapsible.set1.1.1.html ver 1.2.0: http://hamadroid.info/home/jqm/performance/collapsible.set1.2.0.html Please give me information about this disagreement between ver 1.1.1 and ver 1.2.0. Thanks.
Remove Active link on click
Hi Guys, I know this is simple to do but i have no idea how to do it. I have the sript below. What i want to do is to remove the active link highlight wheni click the same link. Thanks in advance <script type="text/javascript"> $(function() { var links = $('a.link').click(function() { links.removeClass('active'); $(this).addClass('active'); $(this).on('click', 'a.active', function(e){ // Make the old tab inactive. $active.removeClass('active'); $content.hide();
No results
i am using an autocomplete with multiple, remote, and a search.php file that has mysql and php but i cannot get my the autocomplete to work here the search file. Seach.php file <?php sleep( 3 ); // no term passed - just exit early with no response if (empty($_GET['term'])) exit ; $q = strtolower($_GET["term"]); // remove slashes if they were magically added if (get_magic_quotes_gpc()) $q = stripslashes($q); $query = "SELECT * FROM {$dbprefix}members WHERE disable = '0' ORDER BY username ASC";
dynamically in input text boxs
How to get the values from Dynamic all input texts?for example I have 10 input text in My page.I want to enter the value in First text box it will disable the tenth input text box? Is it possible in Dynamically?
Changing a div with dynamic content
I'm trying to do a very simple thing with JQM, but I'm having issues doing it (I'm a newbie to JQM, sorry). I have a main page that link to a secondary page. In this secondary page I would like to load a dynamic content inside a div (#main). The first problem was binding to the pageshow event, because sometimes it would not fire or it would fire more than one time. I have fixed that issue using the .one function and moving the script inside the page DIV. Now I have this page: <!DOCTYPE html> <html
Writing to a Form field
OK, so I'm stuck again. I'm trying to write the content of the div.zusammenfassung to a textarea field named "ic_zusammenfassung" and then submit the whole form to a php script. This is what I came up with: var zusammenfassung1 = $('.zusammenfassung').html(); $('input[name=ic_zusammenfassung]').val('zusammenfassung1'); And this is the textarea in the form: <textarea name="ic_zusammenfassung" class="zusammenfassung"></textarea> But it doesnt work. The Mails I receive only contain all the regular
Blinking Back Button on Tab Event
Hello, The back button does not glow, but instead blinks when tabbed. This happens during initial page load or a hard refresh (ctrl+F5). I have added a data-rel="back" attribute, but the behavior continues. Please see the attached code below. Thanks <a class="ui-btn ui-btn-corner-all ui-btn-inline ui-btn-icon-notext ui-btn-up-f" data-transition="" data-inline="true" data-shadow="false" data-iconshadow="false" data-iconpos="notext"data-icon="back" data-role="button" href="" data-bind="event: { tap:
The code is working slowly
Hello any idea why my jQuery code works slowly in browser?? <body style="background-color:gray"> <div id="meniuCircle"> <img id='meniu' src="MeniuVizual.png" style="height:500px" /> <div id="opt1"> Optiune 1 </div> <div id="opt2"> Optiune 2 </div> </div> <div id="content"> <img src="bug.jpg" /><img src="bumblebee.jpg" /> </div> <script src="JavaScript1.js"></script> <script src="realshadow.js"></script> <script src="Shadow.js"></script> </body> var height
QUnit equal assertion very slow when reporting “complex” object
(Note: I've also posed this question on stackoverflow here:http://stackoverflow.com/questions/14464621/qunit-equal-very-slow-when-reporting-complex-object) I've found that QUnit can be very slow when generating a failure report when an equal assertion fails and the expected value is a complicated object. Is this a known issue? Is there any way to limit the depth QUnit recurses into the "expected" object while generating its failure report? In the meantime I'm thinking of switching to using ok, but
Problem with sortable div's
hi good morning.......................... i am facing a problem with jquery ui sortable. working fine with div containing plain text.whein i am placing divs inside divs then they are moving but not sorting.here is working example http://jsfiddle.net/KK7zk/ any help would be appreciated. thanks and regards, santosh
How to start translating tutorials for the Jquery page
Hello there people, I'm a computer science student and I want to start translating some tutorials in the tutorials page to my native language (pt-br), but I haven't found anything about contributing with translations in the discussion section in the docs. So, there's someone who I can talk to in order to get started with this work, or somewhere where I can submit it? I've seen some efforts in the web, but they're pretty lagged.
jquery mobile 1.3 direction controls
Hi! I am currently using "jquery.mobile.rtl" plugin to resolve displaying jqury mobile controls in Hebrew and Arabic view. Does 1.3 version handles direction for Hebrew and Arabic view? Thanks!
How to find a div in DOM
I know it sounds simple, however I've trying all day and could not manage to do it... My code is similar to the one below. I need to find the closest "myDiv" to the img clicked. My problem is that the actual stracture of the page is very compicated and not always the same. This is a ASP.NET control that can be placed anywhere inside body. Since I could not make it work with .find, .next, .nextUntil, etc, I tried to search each parent and if it had a div.myDiv to do the job. However for some reason,
Using quicksearch plugin, can I run advanced search options?
The quicksearch plugin (https://github.com/riklomas/quicksearch) allows me to filter table data based on input into a textbox. I have implemented it successfully, but I two questions: 1. How do you search on only one column? Suppose I have two columns Name and Address. I'm getting too many results in the address field for search term "smith" and I only want to search on the name field. How do I do this at runtime? 2. Is there a way to search an exact phrase? Enclosing my search term in double-quotes
Next Page