jQuery Validation Form span not working
am using a online blog form validation which is done in jQuery, The problem I have with this file is when I reuse the input code for a different id, the span alert is not showing up. I have done the jsFiddle . http://jsfiddle.net/chetanmani/11wedxrq/1/ Please look into it and help me out. Thank you
Never used JQuiry or Javascript
I have built websites for several years but have not used java script other than ready made scrips for things like guest books Because of the number of different resolutions used, I now need to be able to swap photos (or resize) according to the resolution the visitor is using, I believe this may be possible with jquery but I don't really know where to start , some advise would be appreciated Thanks
Link to a specific tab from the same page tab
Hello, I need to be able to link to a specific tab from a menu that is present on all the pages. This means that the link has to activate a particular tab while on the same page (this is important, I can get it to work from another page). In the current version of jquery UI, I can link from another page directly to the tab, no problems. But not the same thing happens if the link is on the same page with the tab I am trying to access. I have 2 questions: 1. there something I can do to make the link-to-tab
Problem with hash (#) encoded (%23) with href="tel" on Iphone 7
Hello, first of all, sorry for my english . I have the following problem with my jQuery mobile app. I need to put a hash (#) before the phone number , i solved this with this : <a href="tel://%2300000000"> <h2>Phone Number</h2> <p>#00000000</p> </a> It's working fine on Android , but on Iphone , i couldn't finish the call. I can see the #0000000 correctly when the confirm window is open , but when i select to call
Introducing JQM carousel widget
One thing I find lacking in JQM is a carousel/gallery widget. There are a lot of carousels out there, but they usually require some customization to mesh with JQM and also add extra overhead, because JQM provides most of the things needed (transitions, events, ...) out-of-the-box and tested. So I made a carousel widget based on JQM Github: https://github.com/frequent/JQM-carousel JSBIN: http://jsbin.com/ofuhaw/1290 Note the widget does not require any dimenions to be set - it will auto extend to
did not understand this code
Hi, I found this code : http://jsfiddle.net/mlotfi/91w82bLf/ , I did not understand this line : (text.indexOf(valThis) == 0) ? $(this).parent().show() : $(this).parent().hide(); Thanks, your help is appreciated.
Reflow table on Weebly using JQuery Mobile
Hi, I hope this is the right forum, I'm trying to add a reflow table on my weebly website (still in the development stage) so it can be mobile responsive. Weebly is still limited with offering this kind of features. I followed the instructions found here: http://www.w3schools.com/jquerymobile/jquerymobile_tables.asp. The table will show correctly but the rest of the website disappears, header and footer included. Can anyone advise? Many thanks!
Why must I click the anchor element twice for the function to run?
////////////////////////// the jQuery in my nav.js file ///////////////////////////// (function($) { $('a.toggle-menu-icon').click(function() { $('nav.page-nav').addClass('open').toggle(); }); }(jQuery)); /////////////////////////// the HTML //////////////////////////////////// <div> <nav class="page-nav top-nav" role="navigation"> <?php wp_nav_menu( array( ) ); ?> </nav> <a class="toggle-menu-icon toggle-main-navigation"> <span class="screen-reader-text">Toggle Main Navigation</span> </a>
timepicker not working on mobile/tablet
Hi, im using a time picker from bootstrapformhelpers works great on a desktop but on mobile the up and down buttons don't increment or decrement the time as it should. I've checked various forums and stackoverflow posts for a fix but can't find anything. Theres a post on the authors github page but theres been no response since last march. Is there anyway i can target these arrows and make them increment and decrement with some jquery code which i can input on the page?
jQuery Draggable stoped working in IE when iframe document reloads
Try this http://jsfiddle.net/jzo5et11/9/ My problem is after pressing "ReLoad" button draggable stops working. Please help
using zrssfeed to show feed in same page
hi guys. i'm looking for way to display complete rss feed in same page.i'm using http://www.zazar.net/developers/jquery/zrssfeed/ to get feed and it's cool to display links,but i wana when user tap on link it's show in same page. tnx
I want to search the item from my menu. If search content available in child
<script> $(document).ready(function() { $('.s').keyup(function(){ var valThis = $(this).val().toLowerCase(); $('.countryList>li').each(function(){ $('.countryList1>li').hide(); var text = $(this).text().toLowerCase(); (text.indexOf(valThis) == 0) ? $(this).show() : $(this).hide('.countryList1>li'); }); }); }); </script> <input placeholder="Search..." class="s" type="text" /> <ul class="countryList"> <li><a href="#3"><span class="title">India</span></a> <span class="arrow"></span> <ul class="countryList1">
How to use multiple autocomplete with categories in same page.
Hi, Need to implement multiple auto-complete with categories in same page. I have implemented single auto-complete with categories.. Please guide me solve this issue.. This is my code, $.widget( "custom.autocomplete", $.ui.autocomplete, { _create: function() { this._super(); this.widget().menu( "option", "items", "> :not(.ui-autocomplete-category)" ); }, _renderMenu: function( ul, items ) { var that = this, currentCategory = ""; ul.append('<li class="ui-autocomplete-category" style="background-color:
How do i update dynamically created dependent variables when the dynamically created independent variable changes?
When my dynamic independent variable change, I have been able to create a handler that works. However, every time an independent varable changes, I need to change the three dependent variables. I have not been able to get his to work. There is a js fiddle at http://jsfiddle.net/ztgzkpus/5/ . The fiddle only tries to update one dependent variable. I figure it I can do one, I can do three. It is a mystery to me. The '. on' handler can find my dynamically created independent variable but not
understanding $.extend
Hey guys , i have a question about the extend function , check out my fiddle . fiddle now i hav ethe following code : var a = { 'lala' : 'one', 'baba' : 'two', 'dada' : 'three', 'kaka' : 'four', } var b = { 'lala' : 'one', 'baba' : 'two', 'dada' : 'three', 'kaka' : 'four', } var _str = $.extend({} , b , a); console.log(_str); now the doc's says that when u add an empty {} object
Is the jQuery version I can use limited by the .NET version I am using (in Sharepoint apps)?
Very soon (starting next week), I am going to be doing Sharepoint 2010 development, which uses .NET 3.5 JavaScript / jQuery is part of this world, or can be. But are there limitations on which versions of jQuery can be used with particular versions of .NET? IOW, is there a chart somewhere that shows which jQuery versions are compatible with the various versions of .NET? Or can I use the latest jQuery version regardless of the .NET version in play?
default value in filtered search listview
In my web app I use a listview <ul id="autocomplete" data-role="listview" data-filter="true" data-filter-reveal="false" data-filter-placeholder="Enter filter ..." data-inset="true" data-theme="b" data-filter-theme="a" > and it works great - as I type in letters the list view displays. However, I would like somehow set a default value so that one the web page is first loaded it would display the appropriate lists based on the default value. I can't seem to figure out how to do that. for example,
filter by checkbox
I am trying to filter an array by checkboxed, but the console.log did not display anything. http://jsfiddle.net/mlotfi/jxnyscLc/ Thanks.
Side Panel Nor Working on WP8.`
Hi, I'm creating a JQM based app which is built via PhoneGap Build. The 'app' makes use of the multi page model(eg 1 physical page per rendered page) and has a panel in which I have links to various pages. For the panel I have 1 html page which is then loaded into every app page via JQuery in a seperate .js file. This all works fine on Android however, the panel does not appear to be being loaded into the app pages when deployed onto a WP8.1 device. Panel loaded via 'js/clinical-left.js': $(document).one("pagebeforecreate",
Urgent Help: Regarding jquery mobile popup
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> I have a problem with the jquery mobile popup in javascript i defined a
pagging with popup
Hello, Is there any example about paging ? and inside each page there is a popup window ? I tried to do that but It didn't work with me. Thanks in advance for your help.
Hi. Creating Hangman game with Jquery, need help
Hallo gaiz. I will not paste all of code that I have used, I will show where I am stacking : ********** this.wrd = this.randomWord(), ***** randomWord: function(){ return this._wordData(this.words[ Math.floor(Math.random() * this.words.length)].word ); }, ^^^ this is a random word generator. ^^^^ then i am creating 2 object : var wordList = [ { word: "book", hint: "this is my book hint" }, { word: "room", hint: "this is my room hint" } ]; s and now when I am using for example
Browser/JQM not showing the updated content
Hi everyone, I've created an app using JQuery Mobile. There are several checkboxes ( 3 persons), at the beginning all three checkboxes are enabled . When I disable the first person and submit the form (button "Speichern"), the expected result is, that the disabled person shows up disabled as the last checkbox. But instead of this, the person remains enabled and an other (the third one) gets disabled . Hitting Ctrl+F5, the page gets reloaded and everything looks nice as expected. You can do your tests
out of stack space error in jquery-min.js
hello , I use jquery in a SharePoint publishing page and i get a popup window only in IE8 64 bits with "stack overflow at line 5" message , when i see in the console of IE , i see the message "out of stack space jquery.mins.js at line 9531". Anyone have seen this message before ? How to know the jquery code that cause this error ? Any help will be appreciated. Thanks
prop not working ie
I'm using version 2.1.3 of JQuery and IE 11. These calls were working in IE 8 with JQuery 1.11.2, but the company is moving everyone to IE 11 and we are tying to get our site ready for the change. Here's my HTML: < span class ="elemObject"> < select name ="EditArea" id ="EditArea" elementnumid ="" size ="15" elementid ="EditArea" issearchable ="True" initvalue ="" ismulti ="False" fieldtype ="Dropdown" validationErr ="" parentnumid ="0" permission ="R/W"> < option value ="crap"> Stuff </ option
Sidebar not fixing properly with jquery ".css" function. #solved
Hi, in search for a fixed sidebar jQuery code, I found this tutorial , which has this fiddle example . The html , css and js codes are very simple, and while kept simple it works fine. Though, when I tried to insert it in my sandbox project , something goes wrong. Within my project selectors specifications, the js script goes like this: jQuery(document).ready(function () { var length = jQuery('.product-shop').height() - jQuery('#sidebar').height() + jQuery('.product-shop').offset().top; jQuery(window).scroll(function
WHY is my selector going up instead of drop down? FORMSTONE SELECTER
I have been trying to customise the selecter plugin but I have no idea why my selector is going up instead of dropping down. I am losing my mind. :/// Please help. http://jsfiddle.net/newbie_ready_to_learn/shnrwdfn/2/#update Normal behaviour: http://formstone.it/components/selecter
Connected Tabs issue
Help needed in jQueryUI code (tab+sortable+droppable+draggable) I'm working on a project and I've designed a "Connected Tabs" interface, based on jQuery-UI's demo pages for: Sortable - Connected Lists Droppable - Shopping Cart Draggable - jQuery UI Draggable + Sortable Tabs - Sortable The (visual) part I'm struggling with is as following: After re-ordering any Tab the visual effect hide/show Tab does not seem to work on a "drop" action. If the Tab order is re-arranged in the original order, the
How can i filter select box with appended values?
Hi guys, I created a view with two filter box and two selectbox. When user type a value in the filter box it will filter the related selectbox. And when user clicks on an element in the select box it will transfer the item to the other selectbox, vice verse. Problem is the 2nd filter is not working.. Please take a look at my code here. http://plnkr.co/edit/9ZgUVxfIqk1uHUxaLjPz?p=preview PS: please expand the view screen alittle. My UI is quite wide. Thanks in advance!
Setting tab url dynamically - jQuery UI Dialog
I am unable to set the tab url dynamically. Idea is to conditionally load different views(.html) into #tabsDynamic (fifth tab). Have tried every means but it doesn't work.Idea is to make Ajax Calls to different views and populated the tab <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Tabs - Simple manipulation</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.3/themes/cupertino/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script>
Need help with JQ Countdown please
Hi I'm a NUB when it comes to JQ and trying to learn. I'm using the LWTJQ countdown... it's seems kinda simple, I just can't find where to set the date for it to actually countdown to a specific time. I want the countdown to stop on April 1, 2015 If someone can please help it would be much appreciated... Here's the code (function($){ $.fn.countDown = function (options) { config = {}; $.extend(config, options); diffSecs = this.setCountDown(config); if (config.onComplete)
Jquery UI autocomplete
Hello Guys, I think you know the search engine of facebook with autosuggestion. it shows the profile photo of the members on the left site and name and city on the right side, see the image... Could you please give me some hints, how can I configure the styling of the return data from data base to get something like that. You can give me some links about that. thx
CSS-3 + Jquery Simple animation , onclick.
hey guys have a look at this fiddle : fiddle. now what i am doing in this fiddle is when i click on any li element , i have a data attribute attached to each li element , and the Jquery code basically grabs the perticular li elements data value and displays it in a div , now i'd really like to combine CSS-3 and Jquery togeather . with CSS-3 , every time i click on a li , it should have a small animation , I.E the below animation should be activated : @keyframes rotate { 0% { transform:rotateX(50deg)
Get cellspacing with jquery
I create a table var $TabEntete = $('<table id="Entete" class="ui-widget ui-widget-content ui-corner-top TFO">').appendTo($DivEntete);I need to know the cellspacing of this table. When I use debugger from IE, I see offset, and I conclude cellsapcing = 2, but I don't find correct syntaxt in jquery to have this 2. Thanks for your help If debugging is the art of removing bugs ... then program is the art of creating
Obtaining key, value from $.each - json OBJECT; NOT array
Below is returned from my firebug. From console.dir(pData); and console.log("type ... "+typeof(pData))= 'object'; pData is returned from AJAX call to .PHP file. I'm trying to use $.each to obtain key, value pairs from pData. Does pData have to be converted to an array first since this doesn't seem to work? $.each(pData, function(key, value) { document.write(this.key+"..."+this.value+"<br />"); }); Gives me undefined 44 times. (length of pData). Appreciate help in fixing this. 0 Object
Problem with appending strings + vars
Okay so I need to append <li data-rel="close" data-gmapping='{"id":"m_1","latlng":{"lat":50.708664,"lng":-1.286839},"tags":"drupal"}'> That to my HTML I know all the code for that already. The problem is I need to add to variables in <li data-rel="close" data-gmapping='{"id":"m_1","latlng":{"lat":ONE HERE,"lng":THE OTHER HERE},"tags":"drupal"}'> And when I try do it I just get errors and can't the problem is I can't work with all the ' s and "s that already exist in there but they need to be there
say thank's
I want to say thank's that receive me in to this forum... anwar
Using jccarousellite.js
I have 3 background pics defined in index.html which should cycle, but they don't. How do I make them autmatically do that? There are 16 files in JS file: bgStretch.js superfish.js script.js jquery.mousewheel.js jquery.easing.1.3.js jquery.color.js jquery-ui.js jquery-1.6.js jcarousellite.js html5.js googleMap.js forms.js content_switch.js cScroll.js PIE.php PIE.htc
Pop up
How to create a effective pop up when hovered on an image
Mmenu doesn't work on IE, please help.
Hello here. I have no idea why my implementation of mmenu doesn't work on IE (tested on IE 9 and 11): http://www.virtualsheetmusic.com/zmmenutest.html Please, resize the window to be 785px width maximum to see the menu (it is a responsive design.) The menu opens, but the top-fixed bar doesn't move to the right. Also, if you scroll down the page, then you open the menu, the bar gets positioned lower in the page! It works perfectly on all other modern browsers and mobile. Any help is very welcome!
Next Page