Accordion save state
Hello everybody, i got this menu <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { // Store variables var accordion_head = $('.accordion > li > a'), accordion_body = $('.accordion li > .sub-menu'); // Open the first tab on load accordion_head.first().addClass('active').next().slideDown('normal'); // Click function
Datepicker was not hiding while pressing back or forward browser button
hi current working in jQuery Mobile site.i was displayed a date picker on a text box click .While date-picker was displayed then i click back or forward button in the browser then the date-picker (calendar) was not hide it still displaying on other windows. Please help me to slow this issue On a text box click date-picker: If we click back button while above date picker was in display state then the date-picker displayed in other page also the image is below PLease help me to slow this issue
How can i open new safari window in inapp mode (ios)?
Hi, today i have a probleme, probably nothing ^^ When i load my jqm app in safari and tap on the form (below), then a new window open with the pdf file. But when i install this app in my home screen (inapp), the pdf file is opened in the main app screen, and so i can't back to my app. How can I open this link into safari ? Or how can I back to my application ? What is the best practice for user when they want to open pdf file into an inapp webapp ? Thanks for your help Geg <style> .ui-icon-pdf {
Change event not being added to Element
Hi guys, I have a JQuery Mobile page that's loaded using the AJAX transitions. I have included my JS at the bottom of the page and I know it is running when the page is shown. Inside the JS I am attaching a change event to a JQM slider element. But the event does not fire when it should. Also if I copy the event handler code straight out of the JS file and paste it into the chrome console the event starts working properly. I don't know what I am missing. Can anyone point me in the right direction?
Menu with tabs
Hi, does anyone know if it's possible to include a menu within a tab header as per this mockup. This appears to be a very common UI pattern these days.
Panel always open
I'm using simple panel in my jquery mobile page. I'm placing it before the header div, and I have a link to it in my list down in the content div, "#mypanel", and in the code I call panel close but it is still always open, anyone has similar problem ? here is my code http://tny.cz/b2bf3f65
Function returning false?
Link to my code: http://paste2.org/p/3053253 (easier to read/formatted nicer) In the above code, for some reason the function validate does not return true even if all the data entered into the registration form is correct (e.g: no error messages come up & the account get's created, but there's no "successful registration" message that's suppose to show up if the validate function returns true). Any ideas on where I'm going wrong? :'( Thanks!
Problem with jQuery mobile and android 4.2
I am having alot of CSS related problem using jQuery mobile on android devices running 4.2. Sometimes the buttons and background loads and sometime it doesn't. Background colors disappearing etc. The project is to big for me to show and i can't really say that I have a special source of the problem. I guess that I just want to know if there are problems with the combination android 4.2 and jQm? I noticed that 4.2 wasn't on the list over tested OS's.. edit: I am using phonegap/cordova, but that doesn't
Keep state on postback
I have a wizard in a .Net app, 3.5 framework. In my wizard, I would like to be able to go from step one to step two and not lose the state of the controls that are in step one. Example: If a textbox control is disabled with jQuery, when I go to step two and then go back to step one, I would like the same textbox control to still be disabled. Below is the markup and jquery code. <div class="row"> <label class="label required">Location of Incident</label> <asp:CheckBox ID="chkLocationUnknown" Text="Unknown"
Need help find/replace string
I have the following markup and I've been trying to use jQuery to replace the "/" that's between the two anchors with something else but I've failed horribly. Can someone help me out? <ul class="Breadcrumb"> <li class="BreadcrumbNavigation"> <a class="rsmLink" href="http://localhost:1801/Web/forums">Forums</a> / <a class="rsmLink" href="javascript:void(0);">Some Topic</a> </li> </ul>
How would Jquery affect CSS Div layout or links just by being linked to?
If i've just linked to the main jQ js file and only have CSS, no Javascript. It changes the position of some DIVs and makes certain links unclickable. Are there any HTML elements, IDs or Classes that jQ will alter from just including it?
Return false after prompt but continue with script
Hi all, I have a click function which firstly opens a prompt dialog, calls an ajax script and then proceeds to the second part of the function. By adding a return false; after the prompt the script it unable to proceed to step 2. Does anybody have a better way of doing what Im trying to do? $("#btn_next").click( function(event){ var form_values = $('#content_form [name^="data"]').serialize(); var url = $(this).attr('href'); var action = $('#content_form').attr('action'); // Step 1 if( $('body').hasClass('template-informationform')
Problem adding data-attribute to form.
Hello, I'm trying to add data-validate="true" to my page form element. I can't hardcode it in, so I have to inject it in after with jQuery. Turn Below: <form id="eself-contact-us-form"> Into This: <form id="eself-contact-us-form" data-validate="true"> I created a fiddle to help show where I'm currently at. http://jsfiddle.net/XFgXd/3/
":contains" working in IE but not in Firefox or Chrome
I've got the following line of code, and when I follow it up with an alert, IE gives me the correct value but Firefox and Chrome don't give me anything.... var rFound = $('#WebPartWPQ3 div div:contains('+ rBuff +')'); Anyone see anything wrong with that? I thought the rBuff value might not be getting passed through but even when I hardcode the value, it still doesn't work in anything other than IE. Thanks. Dan
Unable to stop sound when there are multiple instances of it on the same page
This is an update to my last question which I've made some progress with the help of some members. I've got multiple instances of the html5 audio player on my page, and I use the jQuery fadeIn() fadeOut() to determine which song to play. When clicking a link to a different page, I have the current playing sound fade out volume, then stop, then reset progress to 0 seconds, then the page (along with the audio player) fades out and the new page (along with that page's audio player) fades in. I'm able
First time using JQuery - can't get it to work!!!
Hi This is the first time i've ever used JQuery and my Javascript days are years and years behind me. I'm trying to add a slideshow to a site that uses the CodeIgniter model-view-controller platform. The slideshow i'm adding is the malsup cycle plugin (http://malsup.com/jquery/cycle/). I have done the following: 1. I have downloaded the latest JQuery to my assets/js/ folder and renamed it to jquery.js 2. I have downloaded the latest cycle.js into the same folder. 3. In the controller file I have
Fade in/out music on clicking a link
Hello everyone, My webpage uses javascript to fade in/out pages, so everything is in one html file (yes I know it's not as SEO-effective but I just like this style and it has no loading time, and it's not a commercial website anyways). On some pages I have background music, I'm trying to have any music playing currently to fade out when I click a link to another page then have the music assigned to that page fade in. Since it's all in one html file the music won't stop automatically as all the page
App-wide left panel ?
I'm noticing that the <div data-role="panel"> goes inside the <div data-role="page"> tag Does that mean if I want the panel available wherever the user is that I have to copy/clone the panel on each and every "page"?
Getting instance of dynamically loaded content
Hi, Can't find an answer to this anywhere on the web... Say I have a container: <div id="xxx" class="parent_container"> ... </div> And a script like: <script type="text/javascript"> $(document).ready(function(){ $('#xxx').load('http://dynamic.content'); }); </script> This loads the required content into the container and exectutes the javascript found inside dynamic content - great! My problem is: how do I get a jquery reference to loaded element from within dynamic content itself? What I want
Unable to run two scripts simultaneously?
Below is a rough syntax of my script: <script src="_js/foo1a.js"></script> <script src="nav/foo1b.js"></script> <script> $(document).ready(function() { ----- <script1>------ }); </script> <script src="js/foo2a.js"></script> <script src="js/foo2b.js"></script> <script src="js/foo2c.js"></script> <script> $(document).ready(function () { ------<script2>------ }); </script> <Script 1> does not run. <Script 2> does. If I alter the script to the following: <script src="js/foo2a.js"></script>
Prevent panel from opening?
I'm looking to try and have some logic built into one of my panels and am having trouble preventing it from opening. I have the following code but it will not prevent the panel from opening. $(document).on('panelbeforeopen', '#right_panel', function(event){ event.preventDefault(); alert('test'); event.stopImmediatePropagation(); return false; });
Dreamweaver-Search facility
I have created a non profit website www.negombolawsociety.com. We have about 10,000 members. I want to have a search box inserted on the home page so that visitors can search for members, their contact details etc. I do not want to put all the details in a web page as spammers will reap the email addresses. I have the names, addresses, contact nos and email addresses in MS word format. How should I proceed? Thank you for helping me.
How to test for jQueryMobile 1.3?
How to I check the version of jQuery Mobile? I have a plugin that needs to test for changes in jQM 1.3.
First item in Accordion is open by default
Hi, I'm using Accordion for a FAQ page, and when accessing the page - the first "question" is always open. How could I set the accordion to be closed by default? Thanks!
jQuery - AJAX form problem
Hello, I wanted to make a form where somebody can submit content. I made the form validation with jQuery and now I wanted when the person submits content, the content to be verified if it's already submitted. I made the script and it works well untill some point. I made a variable to help me validate the form. When I validate the form I check every field and if empty I set the variable to false. At the end if the variable is true we can process the form. Now the AJAX part. The script checks if content
BBC.co.uk/news like JQuery top horizontal menu
Hi all - first question (probably of many!) Basically, I'm trying to create a menu and would like to include a MORE button similar to how it is on the BBC website: http://www.bbc.co.uk/ If you click more, the page moves down and a DIV is shown. I wanted to ask: a) is there a plugin to do this? b) are there any similar examples out there? Any help appreciated!
Multi-column Autocomplete?
I've been working a tabular data option into the 1.8 Autocomplete code, and am curious if this could be something to add officially. I'm sure that I'm not the best JavaScript coder out there, but this seems like a pretty big feature that I would love to contribute. So far, I have extended the options to include "columns" to define an array of your headings and "dataColumns" as an array of expected JSON fields in the result set. I will be wrapping up with this soon, and was just curious if this would
add a 'loaded' event to .on() method
Right now, if you want to manipulate dynamically loaded as well as static elements, it's necessary to use .on( { 'DOMnodeInserted', function(){ $(this).css('color','#000'); } }, '#dynamicElement' ); $('#staticElement').trigger('DOMnodeInserted'); But it would be iffy, since DOMnodeInserted is not consistently supported, and static elements require a .trigger() It would be nice to be able to simply utilize a generic "load"
Selector bug with input and attribute on version 1.9.x
Hello devs, Here is my simple html: <html> <head> <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script> </head> <body> <form id="myForm"> <input value="" name="test" /> </form> <body> </html>When I load my page the first time, my input has no value, so when I query that way: $('#myForm :text[value][value!=""]') No input matchs which is correct. But when I manually enter a value in the input after pageload and I query the same way, it should
Removing the PHP test dependency
jQuery's test suite currently relies upon a PHP server. Has there been any discussion of using node for the server? Seeing as the development process already uses node.js it seems like that would be preferable. The code to serve up static files (here's one example) is pretty straight forward.
Access element in the next adjacent table using index
I am new to jQuery and I am trying to accomplish something that I have not found an answer. I have two adjacent tables with the exact same # of rows and columns. When I click on an element in one table, I want to access the same element in the other table. So far, I can figure out what row index I am in the current table but I can't seem to go to the next table. Here is the layout of my table: table1 row col1 col2 1 a b 2 c d 3 e f table2 row col1 col2 1
Using Jquery (html5) input with asp.net textbox
Hi, I have create an apsx page using jquery and it works great except I would like to use the <input search> tag instead of the asp:textbox. The <input> looks better than the plain textbox...however I can code behind the textbox on the textchanged property which uses the value typed in the box to update an asp:gridview by using a webservice to retrive the data from SQL server and bind it to the gridview...so my questions are how do I... 1.) change the appearance of the aps:textbox to match that
[jQuery] ui tabs how to link to a new page
Hi all, Is it possible to if you click a tab i get to a new page ? i've tried the option to load a page into the tab content but that's not what i'm looking for. basically if i click on tab 1 it goes to page1.php, tab 2 to page2.php If someone could help me out ... thanks
jQuery BBQ Plugin Selector doesn't work
I'm loading a PHP Page with BBQ Plugin: $(function(){ var cache = { '': $('.bbq-default') }; $(window).bind( 'hashchange', function() { var url = $.param.fragment(); $( 'a.bbq-current' ).removeClass( 'bbq-current' ); $( '.bbq-content' ).children( ':visible' ).hide(); url && $( 'a[href="#' + url + '"]' ).addClass( 'bbq-current' ); if ( cache[ url ] && url == "") { cache[ url ].show(); } else { $('.bbq-loading' ).show(); cache[ url ] = $( '<div class="bbq-item"/>' ) .appendTo( '.bbq-content' ) .load('session.php',
My jquery is not working
Hi There I use this code in this web site <script> jQuery(function() { jQuery( "#tabs<?php the_ID(); ?>" ).tabs(); }); </script> <div id="tabs<?php the_ID(); ?>"> <ul> <li><a href="#tabs-1_<?php the_ID(); ?>">Hebrew</a></li> <li><a href="#tabs-2_<?php the_ID(); ?>">English</a></li> </ul> <div id="tabs-2_<?php the_ID(); ?>"> English Content </div> <div id="tabs-1_<?php the_ID(); ?>"> Hebrew Content </div> </div> And I have this on the header.php - <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
How can I select a jQuery Mobile enhanced button via CSS for styling?
Hello, I'm using jQuery Mobile 1.3.0 RC1 (haven't upgraded to final yet). When I create a button using the button tag, jQuery Mobile wraps the actual button tag in a div that uses a bunch of classes like ui-btn, etc. That's all well and good, but since the actual button I created is wrapped, how can I use CSS to hide the button? The button tag has an ID, but I can't reference that ID in CSS because it's the wrapping div that needs to actually be hidden. How can I do that? I tried adding a CSS
My Flexslider slide dissappears when I remove www
Hello, I have a flexslider slider, when I remove the www from http:/www.domain.com to http://domain.com, the images and the slide disappear Help appreciated Many Thanks
Menu hover not work in many page
I have a menu like this: <div id="menu"> <ul> <li><a href="" class="active tab">Home</a></li> <li><a href="about" class="tab">About</a></li> <li><a href="specials" class="tab">Specials</a></li> <li><a href="account" class="tab">Account</a></li> <li><a href="register" class="tab">Register</a></li> <li><a href="price" class="tab">Price</a></li>
Submitting a form via submit event having hidden fields named submit
Hi all, submitting a form via the submit() event - containing a form element which is hidden and having the name "submit" will fail in an javascript error. <form method="post" action="url.php"> <input type="text" name="sometext" /> <input type="hidden" name="submit" value="go" /> </form> Maybe because of not having an input type="submit" ? Following javascript error occurs on firebug console: TypeError: s[y] is not a function http://localhost/javascript/jquery.js Line 2 I am using jquery.1.9.1 -
JQuery UI tabs crashing in IE7
Hi, I am trying to fix a problem on the following website http://mvc.whclpreview.com/ToolSelect When a user clicks on the i on one of the coloured tabs a popup of a set of UI tabs appear. All is working fine on all browsers but on IE7 the website is crashing the page. Can anyone help please? Thanks.
Next Page