Trying to use two jquery plugins but failing
Hi all, I am trying to use two jquery plugins one for rotation and the other fancybox... they both work seperately but not together! any suggestions would be greatly appreciated! -----------------------------------------------------------here is the code ----------------------------------------------------- <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="WebApplication2.Site1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">
How to tell my jquery hover slide out, not to build up a queue and stop and just slideout on mouseover and slide back in after a mousleave???
Hi all, first of all, thanks in advance for looking at this piece of jquery. This jquery piece should fold out three pictures only to the right, which is working perfectly. Thing is that because of the hover, it's building up a queue and when you hover over it three times or something like that, it doesn't slide back on mouseleave, but it stays slided out, because of this queue... I was told to add a stop function... So I tried...but it doesn't really work... I'm really an amateur on jquery, so
Injecting JQM Pages on the fly and swiping through left & right.
Can anyone help me on how I can add extra JQM pages to my DOM on the fly and then use the swipe method on the newly injected pages to loop through them? To give you some idea I have created a fiddle: http://jsfiddle.net/a4poster/nMR85/1773/ - Hope this helps. Thanks, Lammie.
Jquery Ajax issue submitting with image
I have the following ajax code: $(document).ready(function () { $('body').on('click', '.addtocart', function(){ // Get the form data. This serializes the entire form. pritty easy huh! var form = new FormData($('#myform')[0]); // Make the ajax call $.ajax({ url: 'test.php', type: 'POST', xhr: function() { var myXhr = $.ajaxSettings.xhr(); if(myXhr.upload){
firing the server side click event
Hi, I have an ASP.NET datalist <asp:DataList ID="appointmentList" runat="server" Width="100%"> <ItemTemplate> <div class="appointment"> <div style="float: left; display: inline-block; width: 75%;"> <asp:Label Font-Bold="true" ID="type" runat="server" Text='<%# Eval("AppointmentCategoryDescription") %>'></asp:Label> - <asp:Label ID="date" runat="server" Text='<%# DateTime.Parse(Eval("AppDate").ToString()).ToShortDateString()
formwizard ajax posted values
I have the following code, but I can seem to get the values on the page it posts to (store.asp).; simply by doing a request.querystring. What am i doing wrong? $(function(){ $("#demoForm").formwizard({ formPluginEnabled: true, validationEnabled: true, focusFirstInput : true, formOptions :{ success: function(data){$("#status").fadeTo(500,1,function(){ $(this).html("You are now registered!").fadeTo(5000, 0); })}, beforeSubmit: function(data){$("#data").html("data
Problem in scrolling list view, is very slow any solution
<ul> <li> <a> <fieldset> <checkbox> </checkbox> <label for =checkbox> <label> </fieldset> </a> <a> </a> <li> . . . .<li> <a> <fieldset> <checkbox> </checkbox> <label for =checkbox> <label> </fieldset> </a> <a> </a> <li> </ul> I am construction list order on server side and send data to client and adding in <ul> after that $('#ul').trigger('create'); $('#ul').listview('refresh'); if data more than 100 problem in listview scroll is very slow in ipod but in system it is very fast i need
issue with jquery tab event
Hi, i am working on jquery. and in my project i have used the following code, but whenver i select a tab and refresh.it reolads with the first tab and its contents. but not with the selected tab and its contents. is there any issue with the .js file as i am using jquery1.9.1. <ul id="myTab" class="nav nav-tabs"> <li class="cooldrinks"> <a href="#pepsi" data-toggle="tab">pepsi </a><span class="limca"></span> </li> <li class="coke"> <a href="#coke" data-toggle="tab">coke</a><span class="limca"></span>
returning data to ajax call
I'm invoking a python script from an ajax call (using django) and I want to return data. I've never done this before. I've been reading examples on the web and I came up with this: $.ajax({ url: 'permalink/', type: 'GET', data: { report: "{% url motor.core.reports.views.view the_controller.app.name the_controller.get_name %}", params: "{{ the_report.params_string }}" }, dataType: 'json', success: function (data) { setTimeout(function () {
jquery mobile json listview - all the list loaded at one time
i have a problem with json parsing listview as all the list loaded at one time so take many time as its big so i hope to find a way that make it loaded as how a webpage loaded one by one here is the code i use $.getJSON(url1, function(json) { $('#blogList li').remove(); $.each(json.posts, function(i,dat) { output='<li data-icon="false">'; output += '<a href="singlePost.html?id=' + dat.id + '">'; output +='<div class="ui-li-aside">'; output+='<h3
Scroll only listview
Hi everyone, <div data-role="page" id="RecipelistPage" data-iscroll="enable" > <div class="line" id="line"></div> <div data-role="header" data-theme="a" data-position="fixed" id="RecipeListPageHeader" > <h1 id="RecipeListPageHeaderName">Recipes</h1> <a href="#" data-role="button" data-rel="popup" id="ButtonSync" data-iconpos="notext" data-theme="c" data-iconshadow="false"></a> <a href="#popupMenu" data-role="button" data-rel="popup" id="ButtonMenu" data-iconpos="notext" data-icon="gear" data-theme="c"
JQuery Validation does not work on hidden elements
I am trying to validate a number of forms some of which are collapsed,I can validate the forms that are shown but I can not validate the ones that are collapsed. And I also have tried "ignore". I guess if you tell me how to validate the hidden elements my problem would be solved. I really appreciate your help.
News Ticker Need Help on Mouse hover pause
I have created a news ticker, I need to pause the ticker on mouse hover. Here goes my code. <script> function tick() { $('.ticker li:first').slideUp( function () { $(this).appendTo($('.ticker')).slideDown(); }); } setInterval(function(){ tick () }, 5000) </script> <ul class="ticker"> <li> <h5 class="simple-title leftfloat
Passing data from dynamic listview
Hi there, I'm having trouble with some beginner case: There is a button which appends a li element with id ="123" to an ul element (listview) ... then i wanna click on that new element and a new page should appear saying "element id = 123". It kind of works as long as the li elements were not appended dynamicly but hard coded in the html part. Whats my fault here? <script> var passDataObject = { selectedId: null } $(document).ready(function(){ $("#acclist a").on("click", function(e){
scrolling dosent work
hi , I am using jscrolling plugin for scrool when i changed and add new div for scroll this script doesn't work. good work Unchanged http://jsfiddle.net/r2KjB/1/ doesn't work when i added div . http://jsfiddle.net/ma9An/ How to resolve this ? Please help tnx
Using a query string to populate a radio button and show/hide a div
Hi All, Here's my HTML populated jsFiddle: http://jsfiddle.net/FelixFortis/VQYab/ I'd like to use a query string to populate the radio buttons named "attend" and then show/hide the div #venue_choice based on the result. So if attend = "attend_yes" then the first radio button is selected and the div #venue_choice is shown when the page is visited. Other attend options include "attend_no" and "attend_ppt". Thanks very much!
Validating fields
<html> <script> function save(){ } </script> <form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST"> <div align="center"><br> <input type="radio" name="group1" value="Milk"> Milk<br> <input type="radio" name="group1" value="Butter" > Butter<br> <input type="radio" name="group1" value="Cheese"> Cheese <hr> <input type="radio" name="group2" value="Water"> Water<br> <input type="radio" name="group2" value="Beer"> Beer<br> <input type="radio" name="group2" value="Wine">
firebug/netbeans missing ;
Both netbeans and firebug say I am missing ; before the function x10 line but I can't see where. Hoping someone can see where I am missing it. <Script type="text/javascript" src="jquery/jquery-1.7.1.js"></script> <script type="text/javascript"> $(document).ready(function(){ var intervalId = setInterval(X10Check, 5000); $("button.toggleStatus").click(function(){ //This Ajax toggles device on and off $x10Device = $(this).data("x10"); $.ajax({ type:
Move overflow text only in other div
Hello Friends, I have one div with height auto and overflow hidden. I need to get only those content which hidden for overflow. Any solution to get this content which is hide because of overflow:hidden. Thanks Balraj
Javascript not working till refresh
i have javascript embeded on my jquery mobile page. the problem the javascript doesn't work unless you refresh the page. any solution on how to make this work once the page loads. here's my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.3.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> body,td,th
Problems with on() method
Hello, ppl i'm writing a simple INSERT/ALTER code using ajax and jquery . When i choose a name on my select, a change function starts, then a post method call a new div with a form and data of the selected one. After that, a new button appears... a alter button... But i can't use it, because he isn't on DOM yet... i tried on(), like i've done once with live()... but doesnt work. <!-- jquery script > $("#consulta").on("change", function(){ var cadastro_id = $("#consulta").val(); $.post("cons.php",
Show/hide with a reset event
Hi guys, I'm trying to reset/clear out a response if you change your mind on a show/hide div. You would choose "Yes" to "Other" in the table, type some text into the now shown essay box, but when you choose "No" on "Other" it should clear the text out of the essay box. Please help, thank you in advanced! jsFiddle file: http://jsfiddle.net/Luck12/Csed2/2/ $('input[name="Q45_A_8"]').change(function() { if(1 == $(this).val()) { $('#myDiv').show(); } else { $('#myDiv').hide();
Customizing navbar to different look and feel?
Is it possible to customize navbar as per their design requirement? I am looking to customize the jQuery mobile default navbar looks to different look & feel as per the design requirement. So, any help example would be appreciated.
Datepicker load
Hi, Why does a datepicker only load from a jquery function and not from a javascript function? Example: <script> test(); function test() { $('#datepicker').datepicker(); //Datepicker doesn't load but the function is called } </script> //This works <script> $(function() { $('#datepicker').datepicker(); //Datepicker is loaded </script>
Should I create a function
I have a block of code that I would like to execute every 10 seconds or so and also on a buttons click event. Should I create a function to save on coding repetation ? I will have alot of buttons on the page that will fire this block of code, but realise I can use a class selector to trigger the code. I need the timer interval as 3rd parties will be able to change the values that the code is checking, I am not to concerned about the timer been super accurate. How would I change the code into
Show a <img> in full screen - No URL bar
Hi, I'm working in a project that the client wants to view an card in full screen, with no address bar. I've tried many things, but the result is nothing seems to this. Anyone have an idea? Thanks in advance. Gerson
Looping through set classes
I have 3 columns of divs that are inline and forms many lines: <div class="info0..."></div><div class="info1..."></div><div class="info2..."></div> ... repeat sim. line ... I am trying to target the first and last lines of each class and change their borders. var str1 = 'info'; for (i = 0; i < %id=infogroups%; i++) { console.log('Groups: ' + %id=infogroups%); // should always output the assigned value (3) var sel = str1 + i.toString(); console.log('SelName: ' + sel); // should output 3 variables
TypeError in jQuery: cannot call method toUpperCase of undefined
My ajax calls worked fine until recently. Now I'm getting a TypeError on undefined in jQuery and can't figure out what went wrong. It started when I put all javascript in a separate file. I tried going back to inline script, but nothing seems to help. Uncaught TypeError: Cannot call method 'toUpperCase' of undefined jquery-1.7.1.js:7482 s.type = s.type.toUpperCase(); Any ideas on how I managed to mess things up? Here's the complete html that's sent to the browser: <!DOCTYPE html> <html> <head>
jquery.cycle.lite.js
When I click on prev button, the current image slides to the left instead of to the right. How do I make it slide to the right? Clicking on next button is ok, with the current image sliding to the left. Thanks, Richard
Validation with JQM and collapsible fields
Can someone give my some ideas the best way to validate jQuery mobile with collapsible field sets. My form works and the validation to the fields even hidden fields. But what I need to do is either open the collapsed area that contains an required field or list how many errors in the header of the collapsible field set so the user knows where to find the errors. thanks, Rob
Compatibility issues with Android - JQMobile 1.30
Hello, I have been working on this site lately as a student. http://www.spokanecounty.org/crimereport/ We are really trying to get as much compatibility as possible out of this site and have found only one problem set so far. These modern phones below are not working with Chromes Installed JellyBean Browser, although they are listed as a grade A experience. Droid Razr HD: Chrome Browser - 27.0.1453.90 (Most recent release to my understanding) Android JellyBean 4.1.2 Kernel Version 3.0.31 System Version
jQM and Google Visualization - PHP Issue
Doesn't matter what browser I use: I have created a Visualization Table for the sorting functionality. Upon initial page load, the DIV 'table_div' does not populate. If I reload the page, then everything works fine. Also if I right click on the link and say open in new tab, all the data loads successfully. I feel it has something to do with jQM caching the CDN files, but am not certain. I am hosted on Rackspace, so I don't feel that the server is taking to long to request the CDN versions of
How to bind event to .data item
Hello, Is there a way to bind a click event to a .data item? Thank You
CSV or XML to save data?
Hello, I have a webapp that pulls data out of a MySQL DB. Now I want to make this app independet from a server so I want to save the data in a differente format and accesss it directly with Jquery. It is basiclly one table with 5 columns and about 200 lines. I think I could read this table in an array and work from there. My question now is: should I use CSV or XML to save this table? Which can be handeled better by jQuery? What are other advanteges of one or the other? Thanks a lot!
How and What prototype maked difference in javaScript classes?
Hi, I have written class "IC" in a javaScript file whose code is like this: IC = function () { this.var1 = null; this.var2 = null; this.name = 'acxs-334'; this.turn = 'forward'; } IC.prototype.getMonthsName = function (m) { return IC.MonthsName[m]; } IC.MonthsName = ["Jan", "Feb", "Mar", "Apr"]; Next I have written this code but I am getting this error while accessing MonthsName : 'MonthsName.0' is null or not an object function Person(gender) { debugger; var obj = new IC(); var month = obj.getMonthsName(2);
i think the jquery little difficult to understand
i think the jquery little difficult to understand
Automatic update of select menu after jquery input database
Hello, I'm having a little issue and i don't know how to let it work, i will explain! I have enough PHP knowledge, only my knowledge of jquery is a bit poor... I'm working on a website and i have started a backoffice thats adding menu items into a database, if i put a new menu item it wil open a jquery window and add the menu item in the database. So i think i need to do this in JSON It's also possible to add a sub menuitem to an existing menuitem, this is standing in the form in a <selection>, now
How to implement active: 'selector:last' in 10x?
If I understand correctly, looks like this is no longer valid for 1.10.x (and I can confirm doesn't work for me, though works fine with legacy 1.9): $(document).ready(function(){ $('#accordion').accordion({ active: 'h2:last' }); }); What is equivalent for 1.10.x? I can't really do integer (which does work) without kludgy hoop-jumping since content will be loaded dynamically from CMS and number of entries will change often.
Observer Pattern using jQuery
I got asked a while back in a test to implement the Observer Pattern using Javascript / jQuery. I did not understand the Pattern at that point and its taken me a while to get something running. I have no theory background so I had never heard of the Pattern plus I had to understand the difference between Observer and Publish/Subscribe (still slightly confused tho). Does the code below seem to form a solid basis for the Observer Pattern? I tried to follow the idea of how Flash AS3 implements the pattern
Search by Date with JQuery
Hello to All! I have XML file. In this file have a date when user's was registered. http://d.pr/i/Wpw2 I can filter the registered users by date ? using JQuery Like: week, month, year, ...
Next Page