JQuery Beauty Tips doesn't render
Hi Folks, I am trying to get Beauty Tips ( actually, and tooltip ) to work. I got rid of all JS error messages but when I mouseOver my div nothing happens. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta name="generator" content="WebSmart" /> <meta http-equiv="Pragma" content="no-cache" /> <title>Fnol Loss Information - Add</title> <link rel="stylesheet" type="text/css" href="/websmart/FNOL/AAIC/css/screen.css"
Saving JQuery UI sortable arangement
Hi folks I'd like to save the position of every single children in a sortable (portlets to be exact). I've a 3 row sortable and I'm able to sort everything within each of the rows and to share elements between them. My next step is to save the positions of the elements into my database so that when i reopen the page it'll restore my arrangement. I've now tried for hours to read the id's, positions and so on but it seems, my ideas wont work properly. And here's what I need: When a children is moved
server redirection
I've been struggling with this all day. I'm trying to setup some dynamic content based on if the visitor is logged in. I can't find a reliable way to do a response.redirect back to the homepage when the visitor is no longer logged in. Also, I'm pretty new to writing pages for mobile browsers. Am I able to read/write cookies? Also, this may be a bug, but I'm not able to get a select menu work inside a dialog page.
Problem using multiple datePicker instances and renaming fields
I'm using a jQuery plugin dynamic form that allows me to add and remove fields to the form dynamically I have a group of fields. One of these fields is a jQueryUI datePicker. When I clone the group, its fields are renamed so when I post I receive all field groups as arrays ======== How can I make all the datePicker fields to work and not loose instance when the field names are renamed? How can I assure that every field keeps its instance so I don't get ======== inst is undefined uncaught exception:
Thickbox does not open while in Flash Full Screen mode
Hello Everyone, I'm new to this forum and need your help. I'm not a programmer so please bare with me. Hopefully with my explanation you'll either understand my problem or have experienced it and know how to solve it. I'm an virtual tour photographer and use a software tool that produces my output in flash. It uses AS3 and xml to create the output and supports js calls. I have an eye wear client that not only wants a virtual tour of their store but they want some object vr also in flash to be embedded
Check Boxes
I am trying to figure out how to remove the label text for the check box. I know that I can remove the label text but the problem is that the check box is so big. How do i get the check box to be just the actual check box and nothing else. http://jquerymobile.com/demos/1.0a2/#docs/forms/forms-checkboxes.html
How do I make the dialog window resize when it's content change and not show the side scrolls?
I have a form that I load in a dialog window using: $("#somediv").load('form.html').dialog({modal:true}); it works great but when I submit the form the validation script displays the errors if fields are missing, which make the page longer and the side scroll appear, any way to have the dialog re size itself and not show the scrolls? thanks
Could someone help lead me to how I would create something similar to this?
http://themeforest.net/item/preview/full_screen_preview/88548?ref=Kriesi He has it set to mouseover but I would want mine set to onclick. Im very new to jQuery but working my way thru a book on it. I would love to have this kind of control over my elements. Can anyone suggest what I need to focus on in order to be able to create this effect? I would want it to hold forms and block level elements in each section though, not just photos. Any help/advice appreciated Thanks!
Galleria plugin - Classic Theme - No Title
I would like to use the Classic Theme with the Galleria plugin and have the current image's title content displayed, but so far have been unable to get the title to show. I've added alerts along the way to see what is happening and I can tell that the title content is available as 'description' but when it tries to display it, it is looking for elem[ data[ type ]] where data[ type ] is the title content. Of course there is no element like that and nothing gets displayed. Here's the URL: http://independentpropertyassociates.com/brentwood-new.html
Autocomplete change event
I'm using the following code to register a handler on change events to all input and textareas on my form. There are many input and textarea elements, so I want to catch change events from all of them in one go, rather than addressing each individually. I need the id and value of each element on change. $("input, textarea").change(function() { var id = $$(this).attr('id'); var value = $$(this).val(); // ... });A number of inputs on the page are Autocomplete, and the above code doesn't
each iteration and animate
Hello. I have the following simple code. $.each(['red','green','blue','black','orange','yellow'], function(index,value) { $('.all_img').stop().animate({"opacity": "0"}, "slow"); $('#img_' + value).stop().animate({"opacity": "1"}, "slow"); # some delay here });Just to show images one after another. But it seems i have some problems with understanding how each() method works. So i see only one image animation
Using JQuery to Open Lightview Link on Page Load
Having a bit of trouble with this. I'm not a JQuery novice, but can't seem to understand why the Triggerhandler isn't working for this particular PHP site I'm working on. I've used the same type of code in a Drupal site successfully. $(document).ready(function () { $(" #link ").triggerHandler("click"); }); <div="link"><a href='images/p_ada1.jpg' title='American Diabetes Association :: print' class='lightview' rel='gallery[ada]'> <img src="images/thumbs/american_diabetes_assoc.gif"
draggable + sortable bug?
i used this as exemple from the jquery ui example and the connectToSortable When I drag an item to a list from the #draggable list to one of the .sortable list I want to edit the li item. ui.item refers to the li in the #draggable list I need ui.helper to edit the li item, but with console.log(ui) helper seems to be null I can not refer to the new li item in one of the .sortable list and edit it ? is this a bug or how can i refer to the li when its dragged into a .sortable list? ------------ <script>
Back button behaviour
I'm having challenges with the behavior of the back button. If I have several internal pages and click through multiple levels then BACK does not navigate back through the levels to return to top level. See below for the set of pages. Steps to reproduce. 1) Open file - #MainMenu is shown 2) Click "About" link - #AboutPage is shown 3) Click "Details" link - #AboutDetailPage is shown 4) Click back button - #AboutPage is shown 5) Click back button - #AboutDetailPage is shown (My expectation here
jsTree on-demand loading with PHP
Hi all, I'm new to the whole jQuery scene and have run into a problem that I can't figure out using the jsTree plug-in.jsTree Link I'm trying to get the child nodes to load on-demand instead of all-at-once. The nodes need to be loaded from a MySQL query that is run on the requested page. I can get the whole tree structure to load easily enough, but since the page will be requested frequently, loading the whole tree every time isn't something I want to do. Here is the overview of what I'm trying to
actions in a list happen at once
how can i make the actions happen all together at the same time, not in a series for instance this code will show the balloon first which takes 100th of a second then go to the next list i want this list to happen at once $("li.il2, li.sw2").click(function () { $("#balloon").show(100); $("li.il2").animate({backgroundPosition: '0 -17px'}) });
Is there a way to stop queuing of show() hide() calls on hover?
I have a simple navigation system, and I am using hover, to show/hide details, but if I hover back and forth too fast between the elements, the animation queues up and keeps executing even when I am not hovering over them. hover(function(e){ $(this).find('p').stop().show('1000'); },function(){ $(this).find('p').stop().hide('1000'); }); I can use stop() on animate to prevent queuing, but doing it like in the code above, stops the animation from even happening. Please suggest
How to get values from a form that has checkboxes?
Hi, In jquery how can I grab values from a forms input checkboxes? I written the code and I think I didn't properly request the object and also does the input need to have a id or a class? I have no id nor classes with these inputs just names.
Accordion menu not loading correctly
Hi I am trying to put an accordion menu on my site with images. I have 4 images in place and when the page loads they all show up as bullets. Once you mouse over the second or third image then they fall into their accordion position. Am I missing something in my code? Here's what I have: Head Section: <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script> <script type="text/javascript" > $(document).ready(function(){ lastBlock = $("#a1"); maxWidth = 400;
Bassistence validation customing problem
Hi! I have to make an auction raising form which should admit only step values of 50 I.E. 100 150 200, 1500 2000 etc, i wonder if it is possibile to set whit a custom rule. Thanks to help.
how do I get this .
hi please help me with this : my application is displaying results from the db , in this format <div class="box" onclick="location.href='http://msn.com'; " > <span class="title"> MSN</span> </div> <div class="box" onclick="location.href='http://yahoo.com'; " > <span class="title">Yahoo</span> </div> <div class="box" onclick="location.href='http://google.com'; " > <span class="title">Google </span> </div> I want to read the attributes inside div ( onclick ) url and redirect it , How can
How to post the value of all radio groups on page in jquery?
I trying to make a simple image gallery, where I have several radio button groups to filter the search results.(I am pretty new to jquery, and started learning it today, so please be patient.) 1) I have tried this code to create an associative array, but the array comes up as blank. Any ideas? $('input:radio:checked').each(function(){ searchCriteria[this.name]=this.value; }); 2) Along with that, can someone show me how to post the data to a php page( using jQuery ajax), using POST method?
JQuery Validate and datepicker format issue
Hi, I recently migrated my ASP.NET MVC 2 webapp to MVC 3. Within this migration I also switched from MicrosoftMVCValidation to jquery.validate. Scott Guthrie recently presented a library for globalization in jquery on his blog. (http://weblogs.asp.net/scottgu/archive/2010/06/10/jquery-globalization-plugin-from-microsoft.aspx) I integrated the globalization plugin and also used the datepicker. When I now open up a page, having jquery.validate and also the datepicker from the globalization package
Grouped buttons in header bar
@all I want to place a grouped button in the header. I used a div-container, placed him with style="float: right;". The buttons are in the right position, but: There is a large gap between this button and the header title (please see image). How can I solve this problem??? Thanx Stefan
Getting Jquery Ajax Tabs to display content pages?
Hi, Newbie question here: I'm having trouble getting the ajax tabs to load content pages. I'm doing something stupid or leaving something out. The tabs display fine but won't load the content they're blank. Here's what I've done. I've copied the following into my page from the demo page: <script> $(function() { $( "#tabs" ).tabs({ ajaxOptions: { error: function( xhr, status, index, anchor ) { $( anchor.hash ).html( "Couldn't load this tab. We'll try to fix this as soon as possible. " + "If this
JQuery Memory Leak
Hi JQuery, First of all thank you for the JQuery libraries and big range of UI components. I am using following libraries 1. jquery-1.4.2.min.js 2. jquery-ui-1.8.1.custom.min.js 3. jquery.ui.core.js I have generated a JQuery page which has 1. Date Navigator – Made singleton. 2. Accordion 3. Planner – Custom UI Widget 4. Magnets - Custom UI Widget 5. Context Menu widget The page is generated dynamically and communicating with backend using GWT
[Superfish] nearly there, but a couple of small things
Hi thanks to your help in a previous post I have managed to get the widths of the first-level submenus to match the widths of the tabs in the horizontal bar but I have 2 small details to sort out : 1) Sometimes when I mouseOver a <li> in the first-level dropdown it doesn't trigger the second-level drop-down - it mostly happens when the page has just been loaded and it's the first time the mouse goes over the <li> - if you mouseOut and then mouseOver again it works - what could be causing this ? if
Icon styling issue...
I've added some custom navbar icons, like suggested here: http://jquerymobile.com/demos/1.0a2/#docs/toolbars/docs-navbar.html But no matter what I do, (and I've tried everything) I can't seem to get my icons to center align with the button. it is always about 2 or 3 pixels to the right. You can see here: http://jbirdmedia.org/projects/iphone/ The stock icons are 18px x 18px and any icon that size is automatically centered, but anything bigger than that get's off to the right just the littlest bit.
getting a "wobble" effect on a draggable element. perhaps caused by event delay?
I've been rewriting a simple image manipulation interface. I've put it up here: http://subcog.net/croptool3/layer_test_jquery.html I have a slider on the left (slide the blue box up and down), and you can drag the highlighted part of the image. However, you'll notice that there's a ton of "wobble" when you drag the highlighted part. The effect is achieved using 3 layers: A base layer is the image itself. On top of that I have a semi-transparent black layer, to give it a darked-out look. Finally
how to get the older value of filed when editing via jquery.jeditable.js plugin
hi, i am working in mvc & using jquery.jeditable.js plugin for performing editing in MVCContrib grid. i am able to get the new_edited_value for the filed via jquery.jeditable.js plugin BUT is there a way to get the older value of the filed which has been updated. Please let me know ASAP.... gbhatnagar
simple image fade on hover?
Total newbie here so bear with me, just trying to get a grasp and hopefully someone can help out real quick. <div id="items"> <div class="item"> <a href="#"><img alt="" src="#" class="itemImg" /></a> <h3><a href="#">Heading</a></h3> <h4>Subheading</h4> <p>some text</p> <a href="#">more</a> </div> <div class="item"> <a href="#"><img alt="" src="#" class="itemImg" /></a> <h3><a href="#">Heading</a></h3>
Using .load to replace previously ".load"ed content
ok, not sure the title is real clear. but basically what I want to do is load in a dialog into a div on the page, then, from that dialog, when a particular link is pressed, replace the content in that dialog with the content from another page. So basically it's like an iframe except I need the content brought in via .load. Is this possible? Here's the scenario... Login link pressed overlay dialog pops up .load in "login.html" Login dialog displays. "Have no account? Click here to create
BlackBerry 5.0 Support Timeline
Hi, I have a project that needs to be done by the end of Jan 2011 and it needs to support BB 5.0 as well. I wonder if it is feasible to continue with jQueryMobile for this project? So far I enjoy using jQueryMobile (alpha 2) but just want to have a rough idea in term of timeline on the BB 5.0 support. Will the support be available in 1.0 release scheduled for Jan 2011? So far my testing is done in the simulator only, the layout appears to be fine in BB 5.0 but the back button for the page transition
Wrong UI Theme Download
If I download redmond/start theme from the http://jqueryui.com/themeroller, the theme is same as UI lightness and not as expected.Also the jquery1.4.3.js file is missing from the bundle.
jquery accordion is causing jquery treeview picker to breakup
Hi all I am trying to implement an accordion type interface with jquery found here . inside the accordion i have a jquery treeview picker thats sort of a combo box that opens up a tree structure found here my problem is that when i open the treeviewpicker, the options are shown at the bottom of the accordion. a picture of this is shown below my code is below <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML
Validation Plugin: onFocusOut/KeyUp not working?
I'd like to use the jquery validation plugin. According to the documentation, validation on keyUp or onFocusOut should be enabled by default. Is that not the case? Even setting these options to true, I cannot seem to get them to work in that plugin. Anyone care to share their experience? Thanks!
JQuery Auto Complete question
I have implemented jquery autocomplete successfully in my asp.net application with WebService. I am also on dom ready binding hyperlink click event with popup window without querystring as follows $(".cmpID").unbind("click").bind("click", function () { window.showModalDialog("company.aspx?m=E&id=" + ui.item.id, "Company", "dialogWidth:525px;location:no;status:no;dialogHeight:380px;resizable:no;scroll:no;modal=yes"); return false; }); and on select event of autocomplete
How do I get a series of objects to fade in sequence?
I have four icons that I wish to face in when the page loads. When the first image is 25% faded, the second will fade in. When the second is 25% faded, the third will fade in. When the third is 25% faded, the fourth will fade in. Since I have never touched jQuery, with the exception of downloading plugins and using them, how should i best go about this? And feel free to make it as simple as possible to explain how it works too, since I will have no clue otherwise and it would help me greatly.
Validate Plugin error message makes looks uneven
I am using JQuery Validate Plugin and it working perfectly but the problem is for error place when error message come it make my form display look bad due to error. Kindly help me on that. I will explain you how This is my screen when the page is load Now when I press the Add New Company Button You can see that look is getting bad. What is the solution for this. how can I stop this. I am using DIV for each label and text.
Does jQuery Mobile disable scalable options?
Is there a way to get jQuery mobile to allow the scalable option? I'm not even sure if it disables it, but it seems like it does (even having meta viewports say scalable is allowed still wont scale). Reason being is because my apps have images on them and I need those to be scalable.
Next Page