Dialogs as Pages - doesn't seem like a good idea
I don't think the model of making a dialog a page is a great idea. It seems more logical that a dialog could be put in a page. In a practical sense, assuming you are using a master page/rails layout on the server it would seem you'd want the content to be a single page, but that doesn't fly if you need to generate multiple pages to render a page. So, seems the master page could not fully contain the header/footer of your overall layout, because you actually have to define page-specific dialogs
Multiple file upload using jQuery
Hi ,This is Venkat.I am new to Jquery.My requrirement is multiple file upload using single element using Jquery.My project is struts based one and I am used Jquery in Jsp. and all files are uploded to server through action class.Please give me the solution to how to add ordered list to action in Jquery.Here is my code... <%@page import="java.util.ArrayList"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
Smaller Navigation on landscape
hi... is it possible to get a small menu when you're in landscape mode. greetz
JQ Mobile - External site with your header?
Can you link to an external site, i.e. google but still have your app's header... Im trying to link to an external site and still be able to navigate back into the app in iphone. Im having real trouble. Thanks in advance!
In IE8, Return/Enter Key Erroneously Opens Dialog on Page with 1 Button Widget
To test, load this page using IE8: http://jqueryui.com/demos/dialog/#modal-form Then hit return or enter. Question 1: Bug or feature? Question 2: Is there a way to prevent this? Question 3: Should I put it on the bug tracker? FWIW, I also got the same weird behavior in an autocomplete widget that hadn't loaded any data yet. Click for focus, hit return, dialog opens. Dialog is of course binded to a button widget click event, just like the demo. Something weird is going on.
Need help with jquery.validator.addMethod
I am trying to add a rule that will filter out profanity for a textarea on a form. I pieced together the code below and it works for the first word in the filter array, but doesn't for the rest. Any help would be appreciated. $(document).ready(function(){ //custom validation rule - profanity $.validator.addMethod("profanity", function(value, element) { var filter = ['bad', 'word']; var i=0; for (i=0;i<=filter.length;i++) { return !RegExp('\\b' + filter[i] + '\\b', 'gi').test(value);
I realy need a little help with :checked Selector
Hi, I use this code http://api.jquery.com/checked-selector/ for show checked fields... But I now need to result be in numbers of squares.. For example if you check 3 checkboxes you will get in result bellow 3 squares..I think to resolve squares with ul li elements, but to to this with jquery I have no idea how :) Can you please help me?
Problem with $.Deferred "then" callback
Hello, I may have found an issue with the jQuery Deferred object (or maybe I'm just using it wrong ;)). It was my understanding the "then" callback should fire off no matter if the Deferred (dfd) object was resolved or rejected. However, it appears as if then will not fire off if it is rejected. Here is a jsFiddle example (open your console): http://jsfiddle.net/Mrqf8/479/ Thank you! Joel
Streaming Deferred
I am writing a library that wraps a web service api. The API returns paginated results-- i.e. I have to make an ajax call per page. I'd like to present my library's users with the partial results as they come in rather than waiting until the end, but I'd also like to give them a Promise representing the end of the stream of pages (or error). I could have the library take a callback argument as a parameter, and then feed updates to the callback, but use a Promise for completion. This seems ugly to
Jquery Stop Function
When you run a jquery function, generally, if you have it click on a button or link, and than do an animation, it runs the last command of the animation over and over again, after the initial function has been run all the way through once. I have tried to stop this by using the break; method, but soon found that wasn't supported, so I went ahead and used the return false; method, and still, it continues to run the last command. What I am trying to accomplish is when you click a button, it performs
serialize() question
I'm trying to follow some of the examples in JQIA2, and can't seem to get the serialize() method to work as expected. On page 257, the authors talk about using the load() function and coercing it to initiate a GET request by passing $(this).serialize() as the request parameter data. I'm trying to create my own function to do the same but serialize() doesn't seem to do anything. I've created a fiddle: http://jsfiddle.net/earachefl/rxyzu/7/ which, in the most basic form, just triggers an alert which
howto to put multiple form using same function??
hi, got a problem with this form that will be displayed on the same page for each product/item. However it does not work only if i use it only once. What do i need to change in order to make it work for each form. I do realize that is has to be unique. But what should be done in the Function: $(function() { $('.error').hide(); $(".button").click(function() { $('.error').hide(); var name = $("input#name").val(); if (name == "") { $("label#name_error").show();
Custom download
Hi, I am using just three components of jquery - Datepicker, Slider and Autocomplete. To download jquery to client machine i use google CDN which downloads two js files which takes time to download and most of the data are not useful for me as i am using only 3 widgets of jquery. I want to download only the part of jquery relevent to my 3 widgets. How should i acheive this?
selecting / basic problem
Hi everyone, This is a rather simple problem, but I can't seem to get it to work. I have the following structure: <div> <div class=a></div> <div class=b></div> <div class=c></div> <div class=d></div> </div> <div> <div class=a></div> <div class=b></div> <div class=c></div> <div class=d></div> </div> This repeats 22 times (for different areas that can be clicked) When each div C is clicked (as all the other divs are layered) I have an ajax output that
Multiple forms
how todo a mutliple form with this function: $(function() { $('.error').hide(); $(".button").click(function() { $('.error').hide(); var name = $("input#name").val(); if (name == "") { $("label#name_error").show(); $("input#name").focus(); return false; } var dataString = 'name='+ name; $.ajax({ type: "POST", url: "/mailer.php", data: dataString, success: function() { $('#contact_form').html("<div id='message'></div>"); $('#message').html("<h2>Contact Form Submitted!</h2>") .append("<p>We will be
Run script between certain time
Hi. I want to run a script at a certain time. The page is on a big screen all day and the page is up on the screen all the time. Between 7:00 and 17:00 I want the page to update, but I don't want the page to update outside the time. Here is the script: <script> $(document).ready(function() { $("#news").load("news.php"); var refreshId = setInterval(function() { $("#news").load('news.php'); }, 20000); }); </script> Can anyone help me with this or point
Page + Mouse loading animation
I have a webpage that calls a PHP script through AJAX, and the PHP script loops infinitely until it detects a change in the database, polling every second. The front page that uses the AJAX call shows the page forever loading because the PHP script in the background is always running, is there any way to stop the loading / "Waiting for localhost..." from appearing? It's really annoying.
Loadin content from php page
Hi to all, Newbie here :) Well, i have a lagre php page containing a lot of divs. Some functions take a lot of time in order to retrieve from db and then produce the html to be placed inside certain divs. So what i want is to first load the page without loading the html that requires time, and after the page is loaded then produce the html. Its all in the same page, so i am bit confused. I know i have to deal with the $(document).ready(function() but how can i first load some divs and then after
Malsup cycle plugin: pager disappears in IE7/bold text does odd things
I have the cycle plugin running, works fine on all but IE7 (not catering to IE6). The pager elements on the right do not appear in IE7. I have tried adjusting the z-index, etc., but can't figure it out. Also, the caption text transitions in with bolded elements properly appearing, and then they flip to regular text (the whole line of text transitions a bit strangely). Any ideas? the first is more important to me. thanks, Maria
[validate] no validation method dateDE BUT possible solution!
Hi all, I'm quite new to jquery and a total noob, however today I came across this nice validation plugin but had some problems with it. I downloaded it via the "Download" link from http://bassistance.de/jquery-plugins/jquery-plugin-validation/ I have a small form where a German date (i.e. 1.1.2011 or 01.01.2011) should be inserted by a user. So looked up the API on http://docs.jquery.com/Plugins/Validation#Options_for_the_validate.28.29_method for the needed method and there it was documented: dateDE
jquery in external .js file
Hi there, i have a little problem, tried googling it but there are more questions about this than answers, and nothing that i found isn't working for me. Ok. I want to place jquery code into external file, tried this way. But after adding this, other jquery functions on my site stops working too. Let's say i want to use this code, and i put it in /js/main.js: <script> $(document).ready(function() { $("div#box1").mouseover(function () { $(this).animate({ "border-color": "#0c71b1" }, 500);}); $("div#box1").mouseout(function
Dynamic refresh of a-tag inside a collapsible-set in JQM
I'm creating a dynamic collapsible-set which contains an a-tag with data-role=button. In order to refresh the collapsible-set, I'm using this code which works fine: var el = $('#name'); el.html(data); el.find('div[data-role=collapsible]').collapsible({theme:'c',refresh:true}); The issue with this code is that the a-tags do not display like buttons, but show like regular hyperlinks. I also tried el.html(data).page() which displays the a-tags as buttons. But if you go back and
Draggable div
Hi, I am new in jQuery and I am using function draggable, it works fine but tell me please how i can make some "limit" ? I would drag the div only in other ("higher") div...I thought to use .position, but it depends on resolution... I am so sorry, it is probbably easy, but i can't do it on myself...
problem with Android 1.6
I have an app that works well except I have a user that has a phone with Android 1.6. The collapsible buttons work but the navbar within the collapsible section will not work ie click/tap events will not work. Here is the code. Is there a way to fix this? oops. I am using version 3a. <div data-role="navbar"> <ul class="navBar"> <li><a id="sub_SearchGPS" href="#" class="ui-btn-active" onClick="oSearchType.setSearchGPS(this.id)" >GPS Search</a></li>
Button causing problems with tap events
I've got a simple page I built to demonstrate tap events and swipes. I began by making a page to listen for tap events. <!DOCTYPE html> <html> <head> <title>Tap and Swipes</title> <link rel="stylesheet" href="../../jquerymobile/jquery.mobile-1.0a3.css" type="text/css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script> <script src="../../jquerymobile/jquery.mobile-1.0a3.js"></script> <script> $(document).ready(function() { $("#intro").live("tap", function()
I have problem with sending ajax request
Hello, I wrote a login form where on submit the user is supposed to logged in, but it is not working. please let me know where is the error is, This is the form <form id ="loginform_" action=""> <a href=""id="slidedownclose">X</a> <h2> Login Form</h2> Username:<input type="text" id="uname" name="user_name" /><br/><br/> Password:<input type="password" id="password"
Image scroller 'lagging' when using background-size
Hi, I am currently building a fullheight thumbnail scroller with thumbnails of 700px. However I want these thumbnails to stretch the full height of the container, hence I want to use this: #scroller li.cover a,#scroller li.cover a div{background-position:top center;background-repeat:no-repeat;background-size:cover;}However this makes the scroller really laggy, you can see it at: my website When I remove the background-size from the css property, the problem is solved. However I do still want to stretch
Loading a div and reLoading an other div + alert [Beginner]
Hi, this is my process : 1/ I display containing div, 2/ I click on containing div area 3/ containing div is removed 4/ containing2 div is displayed 5/ I click on containing2 div area 6/ I print alert "containingCL2" The problem is between step 5 and 6 because the alert is never printed. I guess jquery does not manage to detect the click event onto the containing div2 as this div is not native but generated. This is my HTML code <div id="container"> <div id="containing" class="containingCL"> Blabla
Jquery Multiple Plugin Conflict
Im having a small issue trying to use multiple jquery plugins on wordpress. Im trying to get jquery bubbles v2 working with the below scripts. But for some reason the bubble plugin causes the original scripts to stop working but the pop up bubbles do work. I've tried various fixes to my knowledge (which is very limited) but none of them work if anyone can shed some light I would be very grateful. Thanks Much. <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/library/scripts/jquery-1.3.2.min.js"></script>
remove string from string
Hi, I am trying to remove a string from a string. Here is the string: username1, username2 and username3 like this post. I would like to remove username1 from this list. I tried adding the list to an array using .split(', ') but I got an error. Im assuming because not every word has a , after it. Any help is appreciated. Thanks
Trouble grabbing class name from selected jQuery UI Menu item
I'm using the new Menu widget introduced in jQuery UI 1.9 Milestone 2 (http://blog.jqueryui.com/2010/06/jquery-ui-19m2-menu/). In my code below, I'm attempting to have the class name of a specified <div> replaced with the class name of the selected menu item. For example: <div id="box"></div> <div id="selectMenu"> <button>Item 1</button> <ul> <li class="red"><a href="#">Item 1</a></li> <li class="blue"><a href="#">Item 2</a></li> <li class="yellow"><a
$.ajax, $.post, $.get - not working
Hi everyone! I'm pretty new to jQuery and while trying to use some AJAX in my .js files I get nothing. I have index.php which includes 3 files(jquery.js and jquery-1.5.min.js and json.js) from js folder at the same level with index.php I have saveXML.php file. All I need to do is to send some data from index.php(from a template wich loads there) to saveXML.php(which should create .xml file, but this is not important). My jQuery code is as follows: jQuery('#saveXML').click(function() { jQuerymarking
UI modal Dialog overlay is not transparent in IE 8
When a modal UI Dialog is shown the overlay is not transparent so only the dialog is visible in IE 8. This also happens in http://jqueryui.com/demos/dialog/#modal-message so this issue is very easy to repeat! Also a horizontal scrollbar appears when the dialog is shown. In Firefox it's no problem. What wrong? Ron
JQuery Mobile Select menu -- How to control the select pop up size ?
hi, I am using the select menu in my mobile app. The menu is on the extreme right of the screen in the header section . so whenever i click the select menu, the pop up appears on the right side and seems like its cut at right. So is there any method / hack by which i can control the width/height of the select pop up ? If not , is there any method which makes the pop up appear in the middle of the screen (instead to its right) ? Please reply ASAP .
Datepicker return focus to next input element?
We have a form that is dynamically created based on a query to the database, one of the fields is a date field that we are using the datePicker to populate. The problem is that I need the datePicker to move to the next text input field after selection, currently it throws the tabIndex into never never land and starts back at the beginning. The hiccup is that I don't always know the next text elements ID so I need to walk the DOM to get it. I've tried using onSelect this.focus and same with onclose
close page on pagehide event
I noticed the page you open remains open even when you go back. I want it to close after it is done transitioning to being hidden. MY reason for this is the pages has a video on it and if they hit back, the sound of the video continues to be heard. Sure I can call the pause method on the video, but the video will still download in the background. My main concern is to stop the video from caching if they've gone back
switchClass
Thanks for taking the time to read my question. I am using the switchClass function in jQuery. It works well. The transition, however, is not that great. Just wondering if I can turn this off? I can't seem to find documentation or an example of how to do this I read this here http://jqueryui.com/docs/switchClass/ switchClass( remove, add, [duration] ) Switches from the class defined in the first argument to the class defined as second argument, using an optional transition. using an optional
My application for classified ads
Hi all, I developed a little application for classified ads, proposal for a client and would like to share, for the sample of articles I am using the plugin to 360 of the product vision http://www.stableflow.com/downloads/jquery-plugins/360-degrees-product-view/ I hope I hope you like it criticism and recommendations to improve my work, wasdeveloped with jqm am about to migrate to 1.0a2 1.0a3 The link to my application is: http://desarrollaenweb.com/clasificados/ Greetings and blessings. Atte. Jose
Duplicate first option text on select dropdown on Palm emulator caused by data-native-menu
There seems to be a bug when using data-native-menu on the Palm emulator, the first options text is duplicated and displayed on the left side of the dropdown.
tablesorter - how to get the name (or index) of the column about to be sorted in sortStart?
Hello, I'm building a table to represent a mall's directory of stores. I'm allowing sorts on name, category and map location, but the system allows multiple categories. I'd like to have each store represented once with a comma seperated list in the category column when sorted by name. However when sorted by category I'd like to create multiple rows, each corresponding to the entry with one of the categories in the column. Example Sorted by Name +---------+------------+ | Name | Category | +---------+------------+
Next Page