swipe functionality not working on click of next button
i downloaded the jquery.mobile-1.0b3.zip and used the swipe example from it.... i implemented my home screen in it.... when i click the next button it does not swipe to next page.... what is the issue..... http://jsfiddle.net/SV8CM/2/ providing my code below... Previous Next
swipe carousel and cube display in jquery mobile
I am not able to see my cube in carousel of jquery mobile.... without carousel the cube animation works fine.... working code http://jsfiddle.net/SV8CM/2/embedded/result/ bug in the fiddle...not working http://jsfiddle.net/yxhzU/5132/
jquery validation plugin highlight and unhighlight not working
hi all, I am using J-Query Validation plugin 1.5.2.I want to set control class to error css.But want to remove that class when i call validator.resetForm().But its not working..i dnt knw where i am wrong This is my Validation script add on client side $(document).ready(function () { jQuery.validator.addMethod("GenralText", function (value, element) { var RE_SSN = /^[a-zA-Z0-9-,.()\/ ]*$/; if (value.length > 0) { if (RE_SSN.test(value))
resolving conflicts between jquery script and plugin
I notice that I am unable to use a form validation plugin when I have custom jquery script running on a reg. form that reveals drop down menus when a user selects a value from a parent drop down menu or selects 'yes' from radio button. If I click the submit button with the jquery responsible for handling the revealing of these drop down menu, the form validation plugin is ignored. If I comment out the jquery script, and press submit button, the form validation plugin works. Any way to get both
Is it a jquery 1.8.0 bug?I think it's about iframe and window.location
Hi guys. I have 4 htmls using Jquery1.8.0 and easyui-tabs(it's a plugin BASE ON jquery). 1 html is "parent" and 3 are "children". The parent one using easyui-tabs to generate 3 children tabs with js like belbow and each have an <iframe>. the "parent" html 's javascript fragment. <script type="text/javascript"> window.onload = function () { $('#tt').tabs({ border: true, width: $('#tt').parent().width(), height: $('#tt').parent().height()
Looping function to copy and insert innerhtml from child to parent
html - <div class="dog"></div> <div id="cat"> <h1 class="food">text1</h1> </div> current jquery (not working) - $(".food").each(function () { $(this).parents().prev('.dog').html($(this).html()); }); also this is for tumblr, to allow me to add custom text to a posts parent div by setting a class to a piece of the posts text
date picker not working after submit of php form
I'm using php and have a form with two date field using jquery datepicker function. The date drop down works fine when the page is first rendered, but after the submit, the drop down no longer works. You can enter a date into the field and resubmit the form, but why doesn't the drop down calendar appear after the submit? I'm using the standard function: $(function() { $( "#txtStartDate" ).datepicker(); $( "#txtEndDate" ).datepicker(); }); Thanks, Tom
datepicker image icon not removing
i've a datepicker with setting with image beside but i need to remove it dynamically. $(function() { $.datepicker.setDefaults({dateFormat: 'yy-mm-dd', showOn: "button", buttonImage: "image/calendar.gif", buttonImageOnly: true }); }); function remove_element(element) { element.parentNode.removeChild(element); } only the text box is removing, the image icon still there.
Validation on a drop down menu
Hello. I am attempting to create a validation rule for my form. if someone selects the other field, I would like to make the other licence box mandatory. I am using (below) for the validation <script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>The html I have is as follows. <input type="text" name="caa" class="required" placeholder="Personal CAA/Licence Number"/> <select name="licence" class="required">
Jquery tabs
Hi Can anyone solve my problem I had used jquery tabs functionalliy it was working well and gud but it was loading slow until the jquery files loads the page shows the strange behaviour that doesnt look good at my site What should i include in the script inorder to load it very fastly
how to join tabs and accordion
Good day I create custom jquery ui on their website but the accordion and tabs shows as two diffrent units. How do I combine or join them as one unit because I want to use them together. Thank you Pieter Here is my code <!doctype html> <html lang="us"><head> <meta charset="utf-8"> <title>jQuery UI Example Page</title> <link href="css/ui-lightness/jquery-ui-1.10.0.custom.css" rel="stylesheet"> <script src="js/jquery-1.9.0.js"></script> <script src="js/jquery-ui-1.10.0.custom.js"></script>
Openning Datepicker Using a Link
Hi guys, I want to have a button on my page that opens datepicker. I want it to be this specific button because I put a fair bit of CSS and design into it. Can anyone point me in the right direction?
Sliding not working
Alright, not sure why this isn't working. It is super basic code and I don't mind that it is rough. $('h2').next().hide(); $('h2').click(function(){ if($('h2').next().css('display') == 'none') { $(this).next().slideDown(); } else { $(this).next().slideUp(); } });I have also tried: $('h2').next().hide(); $('h2').click(function(){ if($('h2').next().css('display') == 'none') {
Run loop function for all div with id (see scenario)
Hi there, I'm new to coding with Jquery and have hit a roadblock when trying to get the following - which is intended for blogs/news sites- to work - HTML ----- <div id ="house" > <div id="dog"></div> <div id="cat"> <h1 id="food">text1</h1> </div> </div"> <div id ="house" > <div id="dog"></div> <div id="cat"> <h1 id="food">text2</h1> </div> </div"> etc ------ JQUERY--- since i only know a little this is as far as i was able to get with jsfiddle
Is there a way to prevent a test from running if the setup will say so?
Is there a way to prevent a test from running if the setup will say so? Currently the way I implement this is I have an outside variable that I set to true or false depending on whether I want the test to run and I check this variable in the test before I begin to run the rest of it. This is not elegant but I can't find another way. The reason that I do this is during setup I need to make an async call to clean the contents of a table and if that doesn't finish on time I need to not run the test.
Passing Vars
Hi, I'm looking for some advice on how to best achieve the following: The user inputs an id into a text field of an HTML form. Once submitted I want to execute a database query which will return a number of records/rows which should be output to the screen. I'm using an ajax request to call a PHP script which will query the database when the button of the form is submitted. The number of rows returned by the database query will determine different HTML output. When the data from the query is returned
jquery versions at once
i need to load 2 jquery versions at once because they only work with their jquery but its not working... < head runat="server"> <title></title> <!-- load jQuery 1.5.2 --> <script src="plugins/Bestgfx.com_EstroSlider/js/jquery-1.5.2.min.js"></script> < script type="text/javascript"> var jQuery_1_5_2 = $.noConflict(true); </ script> <!-- load jQuery 1.8.2 --> <script src="plugins/Responsive_Tile_Gallery-1.3/rtg-demo/javascript/jquery-1.8.2.min.js"></script> < script type="text/javascript"> var jQuery_1_8_2
Displaying results from Javascript
Hi there, First, kinda new to jQuery and I'm stumble onto a nice script which i would like to try. (Javascript) However, these guys who coded it talked a lot of jQuery and wrote a short note in the bottom: The live.stream.preview variable contains a preview image of the stream it's checking ( the channel variable ), with those two all you need is a little jquery code to append it in an image tag to whatever element you want it to be inside on your page. <head> <!-- Pulling jQuery from Google's
3d cube doesn't show in jquery mobile
in the jquery mobile carousel i added menu screen which is a rotation cube icon.... i dont see my cube in my slider but my cube works fine in the desktop this is the normal working site in desktop with cube animation http://intra.defie.co/ the cube does not show here providing my fiddle below http://jsfiddle.net/yxhzU/5124/embedded/result/ <div class="melonhtml5_gallery"> <div data-caption="<a style='margin-left: 92px; font-size: 18px; color: grey;' href='http://www.w3schools.com/' >Create</a>
demo html swipe does not work
Hi, I downloaded jquery.mobile-1.3.0-beta.1 from this site.... when i opened the swipe folder from demos folder none of the swipe functionality works.... when i click the right button it shows me error in loading the page..... file:///C:/Users/Admin/Desktop/jquery.mobile-1.3.0-beta.1/demos/docs/demos/swipe/newyork.html C:\Users\Admin\Desktop\jquery.mobile-1.3.0-beta.1\demos\docs\demos\swipe how to fix the bug
Scroll though all <strong> tags and make the bold/not bold
Hi all. Have looked on the forum but could not find an answer. Have a site with various <strong> tags. The css has font-weight:normal; for these. I'm try to write some jquery code to: start at the first <strong> tag... make it bold... wait 2 seconds... make it normal... and move on to the next <strong> tag. I think this would be a neat effect. If anyone has any idea how to do this, I would very much appreciate your help! David
Difficulty getting Galleria plugin to work in IE10 (with jQuery v1.5.1)
The Galleria plugin is awesome, and it works in all browsers for me (Firefox 18, Chrome 24, Safari 5, IE 8/9) but IE10 does not want to work. I am using galleria v1.2.5. Let me explain further. I am running jQuery 1.5.1, it is not a possibility to upgrade as I am a web dev for a college university and we have tons of custom made widgets that could break with an upgrade of the jquery library. I have tried switching the doctype from "STRICT" to "TRANSITIONAL" but it does not work for me. I have tried
Problem with jquery draggable div on TOP PAGE
I have a problem. I have a jquery script that collects data on a screen controls through an ajax post. When you get the data for each screen control it is creating dynamically. however I have with these controls the draggable effect the div I want to move to another however I puts them behind the div. I publish my html code (which is shown after creating the controls). Can you help me please? Thank you! JQuery CODE var z=600000; $(function(){ $(".Controles,.ChKControles").draggable({ cursor:"move",
how to get all of the values of a particular column in a table
Is there a way to get all of the values for a particular column in a table, preferably separated by commas but any way at all will do.
Superfish: Please help with IE8
I have looked at the multitude of posted problems and solutions regarding superfish and IE8, but I still can't figure out what's going on. Basically, the drop-downs don't. On my particular site I have no choice but to use IE8 in quirks mode. Quirks mode seems to be the problem because if I switch to Standards mode, it works fine. I'm also using the CSS that came with the superfish distribution, so I presuming that's not the problem. I've been looking at this for weeks and can't figure it out. I've
jquery Cycle plugin
Is it possible to set width of the first slide to smaller width than other slides? Thanks in advance for any advice.
jquery Cycle plugin
Is it possible to set width of the first slide to smaller width than other slides? Thanks in advance for any advice.
jquery Cycle plugin
Is it possible to set width of the first slide to smaller width than other slides? Thanks in advance for any advice.
jquery Cycle plugin
Is it possible to set width of the first slide to smaller width than other slides? Thanks in advance for any advice.
IE Console.log
Hello, Is there an jQuery version of console.log that will work in IE? I just found out that console is not supported in IE ... Thanx ...
Failed to load resource: the server responded with a status of 500 (Internal Server Error)
I get an error when I make lots of post's requests to the server, and Jquery doesnt return all the values. The erros says: Failed to load resource: the server responded with a status of 500 (Internal Server Error), and the code I'm using is: $.ajax({ url: "serv_banners.php", type: "POST", data: "serv=banner_izq_inf", success: function(datos){ $("#banner_izq_inf").empty(); $("#banner_izq_inf").html(datos); } });
Push & Reveal Panels @1.3Beta
I believe the toggle method of the left side push panel (at least at the demo) is not implemented properly. Once the panel is fired by data-display="push" and then (in demo) toggled/closed by Reveal button it explodes the whole display. It won't be a real issue in live application but it is something that needs to be fixed. I haven't tested extensively if it is just the code of the jQM demo or the API.
sliding functionality for iphone website using jquery mobile
i am planning to implement the same site for mobile.... with left half of the website visible in the home screen and another half visible after sliding the first half of the website... here there are two columns under class span5.... is this possible to achieve in jquery mobile phones...... i achieved it in desktop..... http://jsfiddle.net/Hpvan/embedded/result/
Disable input in formwizard
I'm trying to fix an issue I've run into with the formwizard plugin by Jan Sundman. The example I have is using jQuery version 1.4.2, and the problem is that when I click the formwizard's navigation buttons too fast, it messes up the rendering of the current 'step'. In order to display arrows instead of text, anchor tags are being used for the navigation. Here's what I've found with some tests: If I'm using input elements for the navigation buttons, the 'disableInputFields' option takes care of things,
Sending variables from parent to child with window.open
Hello, have been trying to send data entered in a text box on the parent page to get displayed on the child pop up page and have been so far unsuccessful. Parent page code: function checkDropdowns() { var namedummy= $("#name").val(); var addressdummy= $("#address").val(); popUpWindow= window.open("proposal_form.html?namedummy=" + namedummy + "&addressdummy=" + addressdummy, "toolbar=yes"); }; Child page code: $(document).ready(function() { var namedummy= getElementById("namedummy"); var addressdummy=
Is it possible to add custom values to the hashtag in jquery mobile?
I have a page that is loaded normally using ajax navigation. I have a button that makes a.ajax() call to dynamically load a list with results. I would like to store a couple of values within the hashtag so that if the user's browser refreshes then I can pull these values off of the hashtag such as where they are on the page (vertical position). In my ajax call i set window.location.hash='<The values I want to store>' and the hashtag is correctly set. If I refresh the browser then it loads the
Transitions and Dynamic Html
Hello, Is it possible to use transitions with dynamic html i.e. do a slide transition when updating the screen using $('#myDiv').html(data); ? I can't use $.mobile.changePage("myPage", "myTransition"); because the content is not known in ahead of time. Thanks, M
Prevent empty dialog having focus on close button
Hello, when I open a dialog with no interactive elements inside (buttons, inputs), by default the close button receives focus. This causes the dialog to close if the user hits enter key, which I also use for other purposes. Is there a way to prevent the close button from receiving focus? Thanks!
Problem in Opera and Mozilla
Hi everyone, i'm create an website with a jquery animation. Using div's and backgrounds movements to create that animation, I use this code to move the background: $('#animator-1').animate({'background-position-x':'-=1000px'}, 5000, 'linear'); This code are executed prefectly in IE and Chrome, but in mozilla and opera are stopped, but other code: $('#container').animate({'right':'100%'},'slow'); Dont have problems, someone can help me?
$("div.class") or $(".class")
Is there any difference if I refer to a class inside a div without putting div before it, if that class is used only in that place?
Next Page