Fade out function problem
Hi Dears, How I can make a fade Out function that works on three separated Div , it have to get the Id of Div as an argument , I tried to do that but it couldn't maintain the status of previous Div ,
JQuery accordion which does not open itself after being dragged and dropped
Hello everybody, I have the following HTML logical blocks : The first one is a sortable accordions list The second is a list of draggable accordions. Thoses elements can be added to the sortable accordions. So I would like to move my draggable elements in order to add them with the sortable accordions. It works fine, excepts that when my element is dropped among the sortable accordions, it cannot be opened. Here is my JavaScript code : $(function() { $( "> div", "#questionsDispos" ).draggable({
jQuery Form Plugin issue with adding data to form.
I am trying to append additional form data with the jquery Form Plugin i have this var uploadFrm = { beforeSubmit: vUploadForm, success: uploadResp, // post-submit callback clearForm: true, resetForm: falseand my vUploadForm function is this function vUploadForm(formData, jqForm, options){ var uploadcontrol = $("#fileField_"+_inspID).val().toLowerCase(); var pathArr = new Array(); var extRegEx = /(doc|docx|xls|xlsx|pdf)/ pathArr = uploadcontrol.split("\\");
enable/disable
I have an ASP page that has a master page. I have a drop down list and 2 text boxes. The change function is being executed and I get the text value of the selected list items, but the enable and disable are not working. I made the changes suggested by andrewgsw - no luck. HTML: <asp:DropDownList ID="ViewNameDropDownList" runat="server" Font-Bold="true" Font-Size = "Small" Width="230px" AutoPostBack ="True"> <asp:ListItem Text="View1" Value="1" runat="server"></asp:ListItem> <asp:ListItem Text="View2"
jQuery ajaxForm Plugin Failure Detection?
Simple enough. This beautiful plugin is what I"m using: http://jquery.malsup.com/form/ The problem is, it has no documentation on how to detect a post failure. I know these are rare, but I'd like to code defensively. There is a success callback, but no failure callback....
jquery form plugin does not work when the form has inner tags
Hi guys, I have tried the jquery form plugin as in the examples and it worked pretty well. Then I tried to handle the following form: <form id="loginForm" action="/webservices/loginService" method="post"> <fieldset> <h1 id="logo"> <a href="#">logo</a> </h1> <div class="formular"> <div class="formular_inner"> <label> <strong>Username:</strong>
Droppable - Photo Manager - How to delete to trash without a link
Hi, I am in progress of implementation of http://jqueryui.com/demos/droppable/#photo-manager I am using default example, the only difference is that all <li> objects have id attribute and the trash is the place of selected images :-) Is there any way to add images to trash without clicking to remove icon? Let' me explain, if I post something to my php controller and if not all the fields were correctly filled out, all objects inserted to "trash" will be resetted. I have an array of all id
Using $(document).one("click", function) to close a drop-down when the user clicks on something else
Hi, I made a drop-down list that is opened when a user clicks on a button. If the user selects an item, the drop-down is rebuilt so the list is closed. If the user clicks on the button again, the drop-down closes using .toggle() on the button click event, and these two scenarios work great. However, I also need the drop-down to close when the user clicks anywhere outside of the drop-down. This seems simple, but I've been having a really difficult time figuring this out. I tried .focusout(),
Dialog and IE 7 - Scrolls to Bottom
Using Win XP and IE 7 with iu 1.8.2 and jquery 1.4.2. Each time I open a dialog, the browser scrolls to the bottom, taking the dialog out of view. This didn't happen with 1.7.2 and 1.4.2 I even have this problem on the 1.8.2 dialog demo page Is there a new property I need to set, or is this a problem in the dialog?
Anyone want to check my tutorial on dynamic web apps with jqm for best practices?
I'm starting to put together a series of tutorials on building a dynamic web application with jquery mobile. If anyone notices any best practices gone wrong please let me know before I lead too many people astray. http://jasonstechbits.blogspot.com/2011/04/intro-to-building-dynamic-apps-with.html I'm planning on doing one on integrating with spring security and one on using json and jquery templates next. Thanks Jason
Intercepting $.ajax.complete to capture responseText
How would I intercept responseText from the complete function of the ajax request ? Once I capture the responseText, I would the to return execution of rest of the lines in the original complete method
Add an event handler in the firebug console
Is it possible to add an event handler to an object in the console in firebug? I can add the even handler and then see it when I do .data("events") but when I try to trigger the event, it doesn't work. I do this in the console: jQuery('#shipto_country').select( function () { if (jQuery('#shipto_country') != 'US') { jQuery('#shipto_method').toggle(); jQuery('#shipto_method').val("AL"); jQuery('#shipto_state').toggle(); } else { // US is selected jQuery('#shipto_state').val(""); jQuery('#shipto_state').toggle();
nextUntil with .each - can't figure it out...
Having some issues using nextUntil that I just can't figure out. So I have a table with a checkbox as the first cell. When the checkbox is clicked, it adds a class 'activated' to the parent tr, and also goes up to a designated header row (class='category') and adds 'activatedHead' class to that row. That all works. When a function is called, jQuery is supposed to grab each row with 'activatedHead' class, iterate through, grab each row that has class 'activated' under that 'activatedHead' row, UNTIL
plugin for transparent select box
Hi there, I've been having trouble making the background of a select box element transparent using css. Someone recommended that I look at a jquery plugin or ui component to achieve the same effect but I've been having trouble finding one. Are there any that you would recommend? Cheers, A
New button
Hi all, At the moment I have developed a photography website for a client that has a gallery section. I have used jquery to add a feature where when an image in the gallery can be clicked on to view a larger version of that image. The expanded image contains two buttons near the top right and left which are 'Next' and 'Prev' respectively. The client has requested that I ad another button to the bottom right of the expanded image that says 'Buy' which will take the buyer to the shopping cart where
Questions related to Post/Get: Trying to pass querystring variables - problems with multiple calls.
Greetings, ---EDIT----------------------------- Can someone help me answer this question: Using TCPView, I see that browsers often make multiple connections to a website when the URL is requested. Could this be the reason why my VB.Net page is being called so many times from a single Post request? I'm guessing this wouldn't happen in local development mode because it isn't necessary. If this is in fact the culprit, how can I ensure that javascript only sends a single call to my VB.Net page?
Hidding UL after H2
I have a series of <h2>'s followed by <ul>'s, and I want to have clicking a link in the <h2>'s hide the following <ul>. Here's my approximate html: <h2><a href="#">Level 2 header</a></h2> <ul> <li>List item</li> <li>List item 2</li> <li>List item 3</li> </ul> <h2><a href="#">Another level 2 header</a></h2> <ul> <li>List item</li> <li>List item 2</li> <li>List item 3</li> </ul> And he's what I have in my custom.js: jQuery('.main h2 a').click(function() {
Cluetip not working - probably something simple
They do work when I use the title attribute, but then I tried to make them load a page but now nothing happens when I hover. Here's the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en-us" xml:lang="en-us" > <head> <link rel="stylesheet" href="/media/blueprint/screen.css" type="text/css" media="screen, projection"> <link rel="stylesheet" href="/media/blueprint/print.css" type="text/css"
ui-menu : how to force the submenu icon to be positioned at the right.
I'm using the menu from 1.9 (development). I have the problem that the submenu icon is not always displayed to the right, see screenshot in attachment : in the second submenu, the submenu icon doesn't appear to the right of sblock0, but on top of it. I can solve this by setting the width big enough (e.g. width=200px), but I don't want to used a static width. I tried to fix it with css settings, but I don't have much experience with all those settings. Below the html code of the sblock submenu generated
my ajax query doesn't work time to time!!!
Hello everyone ; I'm writing an application with PHP that let me have statitics about visited pages for my web site. to save informations needed i use an ajax query with the unload event. The problem that i have is titme to time the script uses with that ajax query doesn't work especially when i stay long time in a page. this is my code? <script type="text/javascript"> function closeIt() { $.ajax({ async: "false", url : "out.php", success : function(data) { } }); } $(function(){ $(window).bind('beforeunload
how to solve this jquery problem
Hi, I have page with jQuery click here to see code for this site is <script type="" src="http://code.jquery.com/jquery-1.5.js" ></script> <script type="text/javascript"> var delay = 4000; // you can change it var count = 5; // How much items to animate var showing = 3; //How much items to show at a time var i = 0; function move(i) { return function() { $('#feed'+i).remove().css('display', 'none').prependTo('#feeds'); } } function
link to internal html files with phonegap
Hi I have jquery mobile project with multiple pages. Currently all these pages are in one index.html page but I've noticed that this is slow to load due to it's size and also a bit of a pain to manage. I'd like to split it into multiple page (contacts.html, info.html etc). How ever the only way i seem to get links to work is by using file:// or rel="external". These don't load the transition effects though and the file:// version won't work in phone gap. I've tried ./contact.html, ../contacts.html,
[jqZoom] Not working in Safari 5.0.5
Just downloaded Safari 5.0.5 to test a site and see that jQZoom is not working. I am using jQuery 1.4.2 and jqZoom 1.0.1. I tried the latest version of jqZoom but because it requires jQuery 1.5 it messes up my other plugins, such as curvyCorners. Any ideas?
backgroundposition.js on IE9 not working
Hi there :) Do you guys know a way to have backgroundposition.js work on IE9? Thanks a lot!
Jquery Droppable Simple Photo Manager, trash to array?
Hi guys, I have found really nice example of the task I need to perform: http://jqueryui.com/demos/droppable/#photo-manager The only difference that I'll use trash as object with selected images which needs to be saved in DB. I have spent so many time to find out the opportunity to create an array which should contain the list of images located in trash. I am not good in JS/ Jquery, but stuff like that is a very good point for the begining. If somebody have any idea related to absolutely default
Help with a Drag&Drop App
Hello, here is my current project : http://wir3d.net/tests/drag-drop-resizable/ The main drag & drop works (dragging items from right column to container). But then, if I drag this instance into its parent, it creates a new instance. I'd like to avoid this endless duplication. Once a item is dropped into the container, it should keep being draggable into the parent, but should't create new instance. How can I do that ?
jQuery contextMenu inside filetree residing inside a jQuery frame
Hi, I have the following design: index.html: <script language="javascript" src="/java_scripts/jqueryFileTree/jqueryFileTree.js"></script> <link href="/java_scripts/jqueryContextMenu/jquery.contextMenu.css" rel="stylesheet" type="text/css" /> <script language="javascript" src="/java_scripts/jqueryContextMenu/jquery.contextMenu.js"></script> <script language="javascript" src="/java_scripts/main.js"></script> <frameset rows="20%, 5%, 25%, 5%, 20%, 25%" framespacing=no border="0" frameborder="0">
datePicker dateFormat - input field format does not change
Hello good people :) I have a problem with the datePicker that I am trying to solve for 2 days now. Looked at all the tutorials and posts but nothing helped. My problem is that I want the datePicker to return the date as: dd/mm/yyyy and whatever I tried, the input field that gets the selected date displays it as: Tue Apr 26 2011 00:00:00 Here is my code: <head> <script src="../js/jquery.min.js"></script> <script type="text/javascript" src="../js/datePicker/date.js"></script> <script type="text/javascript"
Jquery Autocomplete issue
i wrote a jquery code, which is autocompleting an input field. it getting results from a php file with json format. here is the code: <script> $(function() { function log( message ) { $( "<div/>" ).text( message ).prependTo( "#log" ); $( "#log" ).attr( "scrollTop", 0 ); } $( "#aramakutusu" ).autocomplete({ source: "search.php", minLength: 2, select: function( event, ui ) {} }); }); </script> this
simple callback question
I've checked the tutorial, can't see the answer: how to write a callback for a straight javascript function? as in loadBack(), function() { jQuery functions } loadBack() randomly loads an image approx 90kb.
dialog auto width
I'm used to use auto width on dialog with UI 1.7.2. Today I changed to V1.8.11 then all dialog becomes full width. After search a while, found 1.8 doesn't suport auto width on dialog. How can? For this have to change a lot of coding. Is there any work arround to keep it auto width? Thank you very much?
noobie trying to acheive slider w/ transparent overflow
I am thinking that you guys here can definitely help me out because I know I had seen a plugin like this in my previous searches but now I can not find it. The ultimate goal is to get a large image slider that works like this Photographer's Website Logically I feel it should be easy using a basic slider that has images in a row with a div that has overflow:hidden. My concept is to make the overflow:visible and put a div over the top of everything with a transparent white BG. The issue is that I
Newb needs Schooling
Hi All, thanks in advance. I've dynamically loaded a form into my JQuery UI Dialog. I'd love to use the wonderful ajax form found here: http://malsup.com/jquery/form/#getting-started Rather than do this for EVERY FORM I dynamically load, I'd love to set the form as an ajaxForm! But it happens after the dynamic load. From reading up it seems .live would be perfect except that .ajaxForm is not an eventType. So how can I do something like $("form.ajaxForm").ajaxForm(function() {
all descendants???
Is there no way with jQuery to iterate over all descendant elements (children, grandchildren, great-grandchildren etc)?
Saving a value and incrementing it using jquery
Hi All, I am making a LOVE IT button using php and jquery and i have most of it working... The button currently returns the value from the DB of 0 but when i click the button it wont save the incremented value to the DB. Please see it here http://bit.ly/dKx15z my code is this <?php mysql_connect("localhost", "web183-loveit", "password") or die ("Error."); mysql_select_db("web183-loveit") or die ("error"); $increase = "UPDATE results SET value=value+1 WHERE id=1;"; $active_rate = mysql_query("SELECT
Problem with reading jQuery XML in IE
It works in Chrome and Firefox but not IE! I really hate IE sometimes. I have tested this with IE 9. Essentially I have an XML formatted string: var xmlData = '<?xml version="1.0" encoding="ISO-8859-1"?><details><test>hello</test></details>'; I am then trying to access this string using: window.alert($(xmlData).find('test').text()); And returned is nothing. What am I doing wrong? The same code works fine on Chrome.
Load Widgets Dynamically
I'm dynamically building a tabbed interface based on the information that a user wants to see. When the page loads, I get an array of the names of the widgets that control the tab content and I load their script files dynamically. Currently I'm resorting to eval() to bind the widget. Is there a way to get the widget object by string name? eval('$(myTabSpace).' + widgetNane + '({options})');
getting error "permission denied" in IE 7 and IE8
hello, ihave problem in IE 7 and IE 8. here is my code. iframes=document.getElementsByTagName("iframe"); for(var frame=0;frame<iframes.length;frame++) { var iframedoc=iframes[frame].contentDocument || iframes[frame].contentWindow.document; if(iframedoc) { objects=iframedoc.getElementsByTagName("select"); for(var index=0;index<objects.length;index++) { objects[index].style.visibility="hidden";
Accessing variables outside of function?
Ugghh - I don't know what I'm doing wrong - probably pertains more to Javascript than jQuery. $(document).ready(function(){ var myVar = 0; $("#myButton").click(function(event){ myVar++; }); $("#myButton2").click(function(event){ alert(myVar); //this returns 'undefined' Why? :( }); }); Why can't I access the 'myVar' variable my clicking 'myButton2' ??
Draggable div
I have a div in which is made draggable. There is a child inside that div that has the possibility of having both a vertical and/or horizontal scroll bar. When the scroll bars are present, you cannot actually scroll them as when you click on them they activate the drag. Is there a way to tell it to ignore scroll bars?
Next Page