jQuery autocomplete: my approach
Hi, I'm using jQuery autocomplete in multiple way, so many elements (users in my case) can be inserted in the input field. Im using two fields: one where the user writes the names and another one that is hidden where the id of the users are written in this way: |34|78|43|... This is my code: jQuery(document).ready(function() { jQuery("#campo") .autocomplete('autocomplete', jQuery.extend({}, { dataType: 'json', parse: function(data) { var parsed = []; for (key in data) { parsed[parsed.length] = {
Dynamicly adding Form Elements
Hello, I know, that there are some other posts about similar problems, but none of the solutions work for me. I use jquery mobile 1.0a3. I have a form with some Elements, which are grouped in Lists. After special lists (class="multiRow"), i want to insert a button dynamicly. This button should dublicate the first <li> of the list (and the form-elements inside the li). Here is the code: <div> <label for="awards">Multiforms</label> <ul id="awards" class="multiRow">
My new Jquery Mobile App
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/ Atte. Jose Luis Oronoz Troconis Email:
Resizable + overflow:hidden does not work correct in chrome
Hello I have problem at chrome browser, I create div with style overflow:hidden I create second div iniside first with overflow:auto So as I understand it is not possible to scroll first div by mouse. But I can do it if I call resizable() for first div and use chrome browser (Firefox does work right). If I start text selection at second div and move mouse outside second and first divs I can scroll first div. The problem is in addintions divs which we create at resizable() function <div style="-moz-user-select:
Help with Menu!!!!!!!!!!!!!! :D
Hey guys! I'm new with this whole J.Query thing.. I have close to no idea on what the hell I'm doing! :) .. but I do have years of html / css experience. Anways, I just finished designing this website / blog and now I am currently in the process of coding it.. It's nearly (about 90%) finished and has to be completed within the next few days When the deadline couldn't seem any closer.. i ran into a stupid minor issue that involves J.Query.. I am assuming its pretty simple.. here it is... I have this
How to get to specified item in jquery array
I have something like this: var images = $('#container img'); // my new array images.get(images.length - 2).addClass('show');error is like this: Error: $("#container img").get(images.length - 2).addClass is not a function I think it's not a big issue
Execute a sequence action in a time
How do I perform an action in a given time? Example, I want to make my div to grow at a speed of 50 seconds to its original size. Example, I want it to go from size 0 to size 250px height in 50 seconds. I have no idea how to do this.
DIV fading out/in hover effect
Hello, I'm in need of this plugin for hovering effect, where you can have a div fading out when hovered and fading in when hovered away. Something like this but fades back in when hovered away. Just like the link, I want to associate it with a tabbed content. I've been searching for this very plugin for long but haven't found it or even something close. It would be really nice if anyone could help me finding something like this. Thanks!
Testing in Opera Mini
I'm trying to develop one application and test it using opera mini ( which gives the best features with windows mobile) but as it seems opera mini is not able to access sites through a ip http://my.cn.opera.com/community/forums/topic.dml?id=275471 have anyone ever came across this issue? and is there a workaround for this. thanks bumble beee
Developing plugin that isn't altering existing elements
Hi all I am new to jQuery plugin dev (but have been coding in JS and using jQuery for years). I read the primer on developing plugins (http://docs.jquery.com/Plugins/Authoring). It's a great intro, and got the basics across well. The problem I am having is that the plugin I want to develop is not centered around an existing element in the DOM. For the most part, it will be creating new elements on the fly for the user to interact with. So, onto the question: What is the best way of setting up
Don't miss new standard javascript APIs
The new javascript (1.6) provides many useful features, specially in DOM manipulation, but I noticed that jQuery uses really few of them. For example, the feature element.classList could be used in add/remove/toggle/hasClass like this: // When in 'use strict' mode, the first argument of call function cannot be null or undefined // so make it an empty string if (Object.prototype.toString.call(document.documentElement.classList || '') === '[object DOMTokenList]') { var methods = { addClass:
Jquery parse xml with name spaces
I am trying to get two values from a web service response. The web service was called using jquery $ajax: $.ajax({ url : "http://localhost:3032/ufs/integration/copymoveTerm", type : "POST", dataType : "xml", data : soapEnv, success : undoSuccess, failure : showError, contentType : "text/xml; charset=\"utf - 8\"" }); // end move AJAX call And this is the response I get: <?xml version="1.0" encoding="UTF-8"
Unexpected token
Hi there, I updated my jQuery to 1.5 but now I get a little warning in the Console of Firefox: Warnung: Unerwartetes Token im Attribut-Selektor: '!'. Quelldatei: http://localhost/ Zeile: 0 Warning: Unexpected Token in Attribute-Selctor. '!'. Source: http://localhost/ Line: 0
JQuery-Mobile Backbutton
Today, I took a look at jquery mobile on my Palm Pre Plus. Besides being really slow and choppy (Loading animations are broken, page transitions are choppy; but I guess this is because of the alpha-status), I wonder about the following: Because of the iPhone-like UI and jquery mobile running in the browser, I have now three possibilites to go one page back: Using the "back" button that jquery-mobile offers me Using the "back" button that the browser offers me Using the "back" gesture of webOS That
What is the Project Map of jQuery Mobile ?
What is the Project Map of jQuery Mobile ? When can we see final built of jQuery Mobile ?
Help width CSS Height
In CSS:html {height:100%} It is necessary by button pressing: $("#logbut").click(function() { $('html').css('height',''); $('html').css('position','relative'); $('#auth').fadeIn(1000); } ); Don't work, The height remains 100 % Please help
having trouble with firefox and .html()
I have an issue with Firefox where I use JavaScript to set a value and then get the HTML of the body using .html() and what is returned does not show the changed value. HTML: <td>Code Status<input name='w411iv1' id='w411iv1' value= type='text'></td> JavaScript and JQuery as written in code: document.getElementById('w411iv1').value = "blah"; var htmlBody = jQuery('html').html(); When I debug (using firebug) the htmlBody var it does not show "Blah" for that HTML element. Whats really weird is that
Error in calling jquery funcion
Using jquery,I import some content from secondpage to firstpage.. Its working properly but when i give image pop-up jquery funcion in secondpage content its not working... Alone second page run its working corectly..... why?
jQuery Mobile "Same as Billing" address checkbox
I was having some trouble using jQuery Mobile and getting the standard sign-up form with Billing / Delivery address fields with a check-box to populate Delivery if same as billing to work. Eventually I came up with this: $("#samelabel").click(function() { if ($('#same').is(':checked')) { var address = $('#address').val(); $('#deladdress').val(address); var suburb = $('#suburb').val(); $('#delsuburb').val(suburb); var state = $("#state option:selected").val();
Preventing default dynamic generated link behavior
I'm using jQuery Mobile and Phonegap to develop my app, and using Phonegap's ChildBrowser plugin to let my users view links inside the app (i.e. giving the the option to go back to the app or view the link in safari). Since the links are dynamically generated (loaded into the page via Ajax), I'm using the following code: $('.someDIV a').live('click', function(e) { var thisUrl = $(this).attr('href'); PhoneGap.exec("ChildBrowserCommand.showWebPage", thisUrl); // Open the link with plugin return false;
document.anchors as jQuery argument
in the docs its mentioned that you can pass DOM elements in the jQuery function like this jQuery(document) etc i was trying to recreate this example http://www.w3schools.com/jsref/coll_doc_anchors.asp with a line of code similar to this jQuery(document.anchors[0]).addClass('checkIfIsAdded'); which doesn't seem to work jQuery(document.anchors).addClass('checkIfIsAdded'); is not working of course for achieving the same effect i could use jQuery('a').addClass('checkIfIsAdded'); but i am wondering why
What does this mean in jQuery? [Code from jquery.validate.js]
When I browse the jQuery plugin jquery.validate's code, I find a section like " (function($){...})(jQuery); ". What dose this code mean in jQuery and are there some reasons to build a plugin like that? Thanks.
ui autocomplete should wait untill ajax call is fired.
Hi there, I need autocomplete similar to the momondo.com. i am new in jquery world, Though i have implemented the basic control using asp.net httpmodule. but i need more control on the field. For example, if user type in the autocomplete quickly and tab to other field , no result is returned, how would i handle this? any suggestions?? $(function() { var local = {}; $("#birds").autocomplete({ minLength: 3, highlight: true, delay:
how to select elements by attrib in container
Hi, I'm having trouble figuring out how to select elements within a container based on an attribute value. I want to be able to perform operations like $.each(('[myAttr="someVal"]', $('#myContainer'), function(){ // do something }); clear all items with matching attribute value in a container $('[myAttr="someVal"]', $('#myContainer')).val(''); can anyone help? thanks Matt
Open Up a Specific Element of an Accordian Menu
Hi, I'm having an accordian menu that works just fine. All i want to do is having a side menu that open up a specific accordian element. These are the html and js codes, I'm not sure weather it's possible or not, could somebody help me with this. $(document).ready(function() { $('ul#accordion a.heading').click(function() { $(this).css('outline','none'); if($(this).parent().hasClass('current')) { $(this).siblings('ul').slideUp('slow',function() { $(this).parent().removeClass('current');
Nested divs: making content visible
I'm trying to debug a tabbed menu implementation, where I have a variety of pages that are made visible based on tab clicks. This works well, until I have a page that is laid out with nested divs. Any content beyond the child of the selected page (page_about shows 'Put an image here' but not 'This is where...') remains invisible. I've tried a number of options in the slideDown statement, but failed thus far. Thanks for any help, Frank The HTML excerpt looks thus: <div class="boxBody"> <div id="page_home"
Cycle plugin: Synchronize pause/resume for two cycles
Hello all, I use the following script: <script type="text/javascript"> $(document).ready(function() { $('#EG_img').cycle({ fx: 'fade', speed: 200, timeout: 6000, pause: 0, startingSlide: 0 }); $('#EG_info').cycle({ fx: 'fade', speed: 200, timeout: 6000, pause: 0, startingSlide: 0, }); }); </script> The cycle div #EG_info is used to show images, the cycle div #EG_info
Opening a new HTML after an animation
I'm sure that this is easy enough, I'm still clueless as to how to make it happen. I want to click on a picture, have a shade slide across to "close" the image, then open a new html in the same window. I can do both independently, but the page opens off the <a> tag instead of any jquery I know to use, so the new page opens before any animation happens. what can I do to fix this?
Text/Image carousel for my customer testimonials?
Hello, Adobe forums suggested a jquery solution. I want to continuously rotate my customer testimonials without requiring users to click to advance. I have successfully implemented rotating text, but am having problems including the image too. On this page, the words "cash register" is actually the "alt=" for the image, but no image displays. http://kansascitycrates.com/testimonials/index3b.html This is my old site with the customer testimonials I want to convert. http://uscrates.com/testimonials/2010/june/2010june_testimonials.html
Find class in next UL
I have a hover fuction that returns a jquery object when it finds an anchor. What would be the test statement to see if the next ul has a class of 'secondary'? Then if this is true I would display it. Thanks! <li><a href="#">Buy Tickets</a></li> <li><a href="#">Group Sales</a></li> <li> <a href="#">Reviews</a> <ul class="secondary"> <li><a href="#">One</a></li> <li><a href="#">Two</a></li> <li><a href="#">Three</a></li> </ul>
Ajax response time inconsistent.
What I'm doing is creating a div element dynamically when the user clicks on a point in the page. Once created I create a record in my database table the corresponds to this div element and save information such as the width,height, x coordinate, and y coordinate of the element. This is done via AJAX accessing my web service. The weird thing is, I get really fast responses 80% of the time but 20% of the time, its taking a lot longer. For example, I would get a response after 50-100ms and at times
Reloading Divs in sequence.
Hello! This is I guess more of a theory question than an actual code question. I created an internal application which shows a large list of tasks that will be completed on a server by a script. It will go through each in order and update a database with its status (E.x "Failed", "Good", "Errors: <msg>"). What I am doing currently is pulling the ID's of these tasks from a database, and then passing them to JQ to .load() the actual content for each div. What I would like to do is figure out a way
Dynamic Acordian height
Tweaking one of my sites and noticed something odd http://maskedriders.info/index.php?page=Attacks&show=DCD Each Acordian seems to have a set height even if the content doesn't need all that space. I figure it is basing it on the largest cell but is there a way to make it fit to the content inside not based from a absolute height?
jquery cycle plugin - scrollHorz flickers with flash embeds
Hi, I'm using the jquery cycle plugin (awesome plugin btw) with scrollHorz to set up a carousel. The items in the carousel are flash elements. All looks good in IE7,8,9, Safari & Chrome but in FF3 on scroll the flash elements appear to flicker and bleed outside the parent div to the left. I started out using ul/li, switched to using a div structure but it made no difference. If I slow down the speed of the transition, the flicker / bleed artefact is reduced but still there (and the slower speed is
How to initialize the "tab" view with the 2nd tab
I'm using the jquery "Tabs". Normally, I call code, which is like $( "#tabs" ).tabs(), to initialize the tabs. How can I init the tabs with the 2nd tab visible? That means I don't want to load the 1st tab and just want to load the 2nd one directly.
List loosing style + can't get access to variable set in function
Hi guys.I'm having two problems right now. I'm trying to write a page that takes out a number of items from a Web SQL and creates a list. Should be easy. The WQeb SQl is working fine (i can see the 4 rows in Chrome Web dev). This is the javascript that I am adding at the end of the page (as done by a nettuts+ tutorial): <script> // Variables var html_sub_string; var html_string; $(document).ready(function () { showList(); }); function showList(){ var db = openDatabase('LaurDB',
How to display a context menu on a drag and drop..?
Hello, I'd like to display a context menu on a drag and drop. On the drop event the menu would appear and the user would be able to choose from a few actions. I have seen some context menus but they all display on a right click event, which is not the event I'd like to trigger the menu display. I don't know how to have it display on a drop event. Thanks for any tip. Stephane
Dynamic timeout change?
Hello Jay, many thanks for your help, I tried load method super as smartupdater or PeriodicalUpdater (Prototype). Now the problem is that I have to build a cycle (loop) and each time I have to change the time (that I take from database) so how method (function) can I use to load external code (example load()) modifying continuosly the timeout? Thank you Andrea
Quick question about moving another <div> with an animate event
Hey! First post here :) This week I started learning jQuery and it's awesome to say by the least! Anyways, I stumbled upon a problem. This is the situation: There are 2 huge colored blocks just above each other on the page. Both blocks are div's with a class named "blue" and "red" (red is above and blue is beneath). I would like to make an animation with the red block so it will go down about 200px AND the blue block should be pushed away 200px as well. Is this possible? If so, how do I do it? I
Possible to animate something and elements adjust to that?
Hey! Just wondering if it is possible to let a huge blue block be moved 200px to the right and everything that is right of the blue block will move with it? So the elements adjust to the blue block's position Thanks
Next Page