How to access data outside ajax callback
Hi, The answer to my question is probably very simple, but I'm having trouble making this work. I want to access a local csv file, rearrange it into an array, and use the data later in my script. The logic of this in psuedocode is: var massagedData $.get("myfile.csv",function(data){ massage the data here massagedData = the results }); ***Use the massaged data Since the massaged data are in the callback, they're not available at ***. I've tried declaring
autocomplete UI: can't select rows with custom HTML
Hi Guys I've overridden the _renderMenu and _renderItem functions in the autocomplete UI based on a suggestion here: Quick example of multi-column results with jQueryUI's new Autocomplete? so I can implement an HTML table showing the autocomplete suggestions. It displays fine, but I can no longer click any rows or even highlight/navigate with the arrows. Can anyone suggest what might ber wrong /missing? $(document).ready(function() { $.ui.autocomplete.prototype._renderMenu = function(ul, items)
[SOLVED] .live() attributes
I am having an issue with retrieving the attribute of an element that I have ajax'ed into my site, the following is the code that brings it in: $('a[rel=newpoint]').live('click', function() { jQuery.facebox(function(){ jQuery.ajax({ type: "POST", data: "city=" + jQuery("a[rel=newpoint]").attr("href"), url: "scripts/postforum.php", success: function (data) { jQuery.facebox(data);
$.ajax ahref variables
so i have eg <a href="#?name=kristof&id=1" class="send">Kristof</a> <a href="#?name=bart&id=2" class="send">Bart</a> $(function() { $.ajaxSetup({ cache: false }); var aanTladen = '<div style="color:#4DC2F9"><img src="load.gif"/> Searching for results : </div>'; $('.send').click(function(){ $.ajax( { type: "POST", url: "test2.php", // data: ({name : $(this).text(), id : $(this).text()}), data: ({id : this.getAttribute('id')}), success: function(msg) { console.log(msg); $('#result').html(msg);
jQuery/FilamentGroup menu
I've downloaded and been working with the Filament Group jquery flyout/dropdown menu. The Filament Group web site indicates that their project has been turned over to the jQuery UI project. Searching around here and there on the jQuery sites/forums it appears that this transition has not been completed as of yet. In any case, what I'm trying to do is use the Filament Group flyout menu in a way that will allow me to control the number of items that display when the menu is selected. This corresponds
Changing Attribute on Div is old value on postback
I am using the UI Dialog.... I have the following code: $('#adminDialogButtonOpen').click(function () { $('#adminDialog').dialog("open"); return false; }); $('#adminDialogButtonCancel').click(function () { $('#adminDialog').dialog("close"); return false; }); $(function () { $('#adminDialog').dialog({ autoOpen: false, modal: true, height: 'auto', width: $('#adminDialog').css('width'),
using JQuery how to change text of select option?
I have such html code snippet: <select name="submitted-name" class="form-select day" id="edit-submitted-doum-tarihi-day" > <option value="" selected="selected">Day</option> <option value="1">1</option> <option value="2">2</option> </select> how can I change the text "Day" to "Month" with jquery?
Date picker
Hi, I use the jQuery datepicker to let a user pick a date that serves as a duedate for an action to be executed. Once the date has been picked and entered in a input box the date is stored in a MySQL database. This works fine! When the action is selected, the duedate value is retreived from the database and shown in the textbox. This is where the problem comes along, the inputbox is not displaying the date previous picked with the datepicker and stored in the database. How can I solve this problem?
Slider value incorrect?
I'm having trouble implementing a slider. When defining the change and slide events, I set a span's html to the slider's current value, however, the displayed value seems to be one step behind that of the slider. You can try my form out here (the slider is displayed after a job title is chosen). For instance, if you chose Certified Nurse Aide, the slider correctly interprets the min and max values as 11 and 16, as evidenced by showing the specified value (13.5) directly at the center of the slider.
Sharing a Code Organization Framework
Hey all, I recently wrote a framework to organize jQuery on large sites. It's proven useful for both myself and very new developers. Thought I'd share. Examples here. Firefox recommended since one looks better with toSource. Cheers! Adam
Transition between different versions of same dynamic page
Hi all, I needed to render a complex and variable path hierarchy within JQM so the only viable solution was to use the same page and constantly re-render the html as the user navigates forwards and back through the hierarchy. After some fiddling, the dynamic page is behaving nicely - but with one small problem... When a new path in the hierarchy is selected, the script deletes the old html and appends the html relevant to the new path to the same anchor in the page - but this means there is no (semblance
Accordion Help
I am using an accordion list with hoverintent to open each section, but would like to link pages in a different frame based on clicks as well as the interaction with the hoverintent. I can right-click on each header and open the page in a new tab, but it won't work directly. Please respond, as I need help with this ASAP,
getJSON Pound Sign problem
I've got a search application that uses the autocomplete plugin and ajax to query Solr via Spring MVC. If a user enters a pound sign it gets passed through to Spring via ajax ok, that is after I set Tomcat URIEncoding="UTF-8". Prior to this a pound sign came through to Spring with a capital A character with a carat above it in front. In another part of the application I am using getJSON to obtain some data, using the user input as part of the url. Unfortunately, when these requests are retrieved
Problem while loading another script
Hello guys I was trying to design a simple tab with show/hide function and some effects i would like to show/hide a single div that retrieves data from another script, it's a twitter script Allthough i have managed it to show and hide the streaming is not visualized Any suggestions? I have tried different techniques even to wrap the div with anther one and handle it with jquery-ui
Can this style of carousel be done with jQuery?
This is a Flash-based gallery: http://spin.co.uk I love the way it works, but Flash isn't an option for me. I've had a look at various plugins but couldn't find any demo or indication that this kind of setup is even possible. Could anybody help me out? Thanks!
Galleriffic Problems
I'm trying to get the jQuery gallerific plugin working at http://justrecip.es/ViewRecipes.aspx?recipeid=S9ML32WQO3&act=view . The gallery is loaded correctly, but neither the thumb grid nor the navigation (next/previous image) buttons work. There are no script errors, but it seems this is a JavaScript problem of some sort.
trouble passing a variable via POST to a php script
In an Autocomplete source ajax section, I am not able to POST a variable into a php script to filter a query. When I 'hard code' the variable var countryFilter= { "countryAbbrev": "US" }; it is received by the php statement $country=$_POST['countryAbbrev']; and the php script executes with $country=US, and the Firebug console shows data in its POST record. OK so far, but I want the second element (in the above case US ) to change with user selections. When I use JSON.stringify selected.countryAbbrev=$('input[name=country]:checked').val();
Send Data to Lightbox To Use It in a Jquery Slider
hi there are two group of images i have 1- main images 2- sub images every main image has got many sub images so i have tow gallery 1- main gallery: this is a thumbnail gallery. when you click one of them it will open in a lightbox. 2- sub gallery: this gallery will open after a main image is clicked on the main gallery in the lightbox window top of the big size of the clicked main image using database is my last option. so i have to do this via xml or anything else. i create an example of xml for
Documentation: Navigation in jQuery Mobile
I volunteered to work on documentation for jQuery Mobile -- I'm doing Navigation. Here's a link to that documentation, which is a work-in-progress until the beta release. http://jqx.ca/nav/ This aspect of documentation has its own GitHub repo here: https://github.com/StevenBlack/jQuery-Mobile-Navigation-Docs Feel free to contribute! Please post any concerns, comments, suggestions, and omissions in the issues page of that GitHub repo. https://github.com/StevenBlack/jQuery-Mobile-Navigation-Docs/issues
iOS urlbar shows then hides when clicking internal link
Technically this shouldnt happen, it doesnt happen sometimes on the official demos, then sometimes, it does? Whats going on and how do i set it so it doesnt show then hide again, especially when im just clicking internal links or anchors !? i've set the main page to autoscroll initially, so it hides the URL BAR , then when going to an internal link the URL BAR pops down, shows its loading, then hides. I've set appropriate min-height on both pages. iphone 4/safari
change text option selected
I have such html code snippet: <select name="submitted[doum_tarihi][day]" class="form-select day" id="edit-submitted-doum-tarihi-day" > <option value="" selected="selected">Day</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> how can I change the text "Day" to "Month" with jquery?
Disable link if already on page
I have this code that dynamically loads an html page into a div when a user clicks on a link in a list. Is there a way to disable one of the links if the user is already viewing the page it links to? Right now the loading animation is triggered every time the link is clicked even if the requested link is already showing. I need the event to not trigger if the page it calls and loads is already displayed. $('#navigation a').click(function(){ var toLoad = $(this).attr('href')+'
combo box-[eg if form on top click on bottom] drop down does not close, well
$(document.body).click(function(){ $('#dropdown_list').remove(); }); I make an auto-complete text box --- combo box (on focus appear drop down) but to close it either I must select an item, or press in side the borders of the form, if click outside [eg if form on top click on bottom] drop down does not close, well?
Help converting a Mootools Class.
I've used jQuery and I know how to use it, but I'm still rusty. Wondering if someone can help me convert the following mootools class to jquery - it's really short. I can't seem to find the right information on how to write a jQuery class or convert one from mootools. var mySelectMenu = new Class({ Implements: [Options, Events], initialize: function (a, b) { this.setOptions(b); this.selectitems = $(a); this.selectitems.getFirst().addClass("selectTitle").setAttribute("disabled",
thumbnail list > give link to thumb
When i use the thumbnail list as on http://jquerymobile.com/demos/1.0a4/docs/lists/lists-thumbnails.html, i cannot give a link to the thumbnail as this changes the layout of the list. I'd like to give the thumb a link, and the remainder of the list element a different link. Has anyone done this?
Turn on Jquery after page is loaded
Hi I have an existing web page and want to press a button and display a jquery mobile list field? ie the web page i have is quite complex and i try wrapping it in jquery mobile..but no luck.. can i some how just use the list field without have to wrap the whole page in jquery.. or turn on jquery after it is loaded... the page is too big to port to jquery i just want to use some of jqueries nicer menus..when required..
utils.js expand and collapse
Hi there guys, nice beiing a part of this forum, im having a problem whit this script, i liked to make my menu when is cliecked in the submenus inside of the menu it stays open, and not closed., can someone helpo my problem var PANEL_NORMAL_CLASS = "panel"; var PANEL_COLLAPSED_CLASS = "panelcollapsed"; var PANEL_HEADING_TAG = "h2"; var PANEL_CONTENT_CLASS = "panelcontent"; var PANEL_COOKIE_NAME = "panels"; var PANEL_ANIMATION_DELAY = 20; /*ms*/ var PANEL_ANIMATION_STEPS = 10; function
Selecting from an array of element with jQuery selector
I have the following array of elements (it's quite large so I'm posting a link to pastebin): http://pastebin.com/bM3BvD2F and want to select the name of the image with id=2: alert($(allImages[id=currentID])[0].name); but I get the name of image with id=4 instead: $(allImages[id=2]): jQuery.jQuery.fn.jQuery.init[1] 0: Object allowBuyExclusive: false allowedPrintSize: Array[2] basePrise: "1000" collection: "Природа" id: 4 imageHuge: "http://127.0.0.1:8000/media/pictures/huge_2.jpg" imageLarge: "http://127.0.0.1:8000/media/pictures/large_2.jpg"
Issues with default hidden div
My site, lizbmorrison.net, uses an adapted version of superbgimage and I've been trying to find what controls the visibility of #showtitle. Currently its automatically hidden when the page loads, and can be toggled by the info button in the lower right corner, but I'd like it to be visible by default. Can someone help me with this?
Alpha 4 ui-btn-active
The ui-btn-active css class should be part of the theme framework. The momentary blink which occurs on button release can standout very noticeably
Problem : Jquery slider working with asp datalist
Hi every body! I need a slider in my website, that's gonna slide some essays reading from database.no matter if slides or fades(even better). you know html code of asp datalist is like this: <span id="MyDatalist"> <span> ... </span> <span> ... </span> <span> ... </span> </span> or a table with id="MyDatalist" . i tried that using fadeIn-fadeOut & show-hide . but since I'm a begginer in Jquery, I failed! like this: var i=1 $("NextButton").click(function(){ if(i==1){ $(span:first).fadeOut(500,function(){});
How to get a return value in a jquery function for a dynamic div?
Hi I wonder how I can get a return value from a JavaScript function to a jQuery function. I have dynamic divs that creates each time I push a button and I want to retrieve the new div ID in my jQuery function sow I can get my date pick to drop down. javascript function to retrieve the new div ID function currentCustomerDivName() { return "customerDiv" + currentCustomerId(); } My jQuery function $(document).ready(function() { $( "#start_date" ).datepicker(); $( "#end_date" ).datepicker();
checkboxradio("refresh") not refreshing
Hi, Im kinda reposting this.. this is a complete code of a page in which a checkbox refresh function does not work ill be glad for any assitance, this is a very important feature in our project <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="MainMenu" %> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Page Title</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.css" /> <script src="http://code.jquery.com/jquery-1.5.min.js"></script>
JQuery Histroy-js Need Help
I have some logic in the form which making my submit button #signup-bb disable=false and setting some values to #total-bb. So basically whats happens: after user choosing subscription plan and some options, submit button #signup-bb getting enabled and the price getting calculated and value assigned to #total-bb. Then when user clicking #total-bb he coming to another page. Then if user clicks browser history back button he coming to previous page with subscriptions but the state of this page is not
Hiding a Login Form after successful login
I'm extremely new to jQuery so please bear with me. I've made a form that allows the user to type in their username and password, this form is then submitted to login.php which then checks the user's inputted info with a mysql database i want to make it so that if the user is logged it, the login form doesn't show up. i am using session variables (not sure if tht's relevant) Please let me know if there is any more code i should post <?php session_start(); $valid = $_SESSION['valid']; ?> <html> <head>
Validate Plugin: Message being displayed even for valid elements
Hello, I am calling a custom method to validate a date input element ( this element is an array ). Upon validation, a message is displayed against each date input element, even if the others are valid. If one date element is invalid, all other valid date elements too show the message. How do I make sure that the error message is displayed only for the invalid element? My form element is defined as such: <input name="order_date[ ]" size="10" type="text"> Here's the script: <script type="text/javascript">
issue with select menu plugin
I am currently using this code: http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/index.html www.petsunlimited.com/test2.htm www.playerspace.com/test1.htm As you can see, the drop down on test 1 IS working correctly with optgroups and the drop down on test1 is displaying the optgroup with each option. Anyone know why this is?
.slideUp notre working
Hi! I am still a beginner in the use of jQuery, though I have a good understanding of how it works. On my site, I currently have a "Learn more" button, which, when clicked, "slides down" a div that explains the functions displayed on the screenshots. Also when clicked, this button changes class so I can than use this new class to "slide up" the div to hide it. <script> $(document).ready(function() { $('#process').hide(); $('.learnmore').click(function () { $('#process').slideDown(200);
Very very anoying problem with jQuery!
Hi I am doing a JSON callback that does a dom update via .val and .html methods, this is bound to a click event. This works fine, and in IE8 and Chrome I have no problems. However in FF (3.6.16 and other versions) the screen blanks completely to a white background for a second and then comes back. This not only gives me a headache but will be awful for users.... I just don't know why FF does this and is it a common problem? I'd rather do a normal entire page refresh than have this headache
Thumbnailer tries (and fails) to do something with list-dividers
The mechanism that hunts down img's inside of li's tries to work on dividers, but that fails because the has-li-thumb class only pushes "normal" li content over to the right, out of the way of the thumbnail. On another note, even for normal li's, the thumbnail "hunter" is still crazy overzealous. The documentation used to have a nice simple explanation for when an img would become a thumb. It had to be the first image in the li. This is easy to understand, and let's me write this: <li>Something<img
Next Page