[jQuery] jqModal position loading gif
$("#modal").jqm({ ajax:'@href', ajaxText: '<img alt="Loadinganimation" id="loadingModal" src="/ images/loading.gif />' }) I'm trying to get the loading gif to be centered in the window, but it's always in the top right corner of where the modal window shows up. here's the CSS: .jqmWindow, .jqmID1, .jqmID2{ display: none; position: fixed; top: 17%; left: 50%; margin-left:-350px; z-index:3001; } .jqmWindow #loadingModal{ position:relative; left:50%; top:200px; } the above css doesn't seem
[jQuery] rotate and resize image
I want to resize and rotate a image by click button resize is simple, 'animate' can do it animate({width: '+=4'}, 0); http://code.google.com/p/jquery-rotate/ http://wilq32.googlepages.com/wilq32.rollimage222 I tried several rotate plugin, if I rotate the image at first, and resize, it's work, but if I resize the image at first and do the rotate, the size will back to the origin size, any good suggestion? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[jQuery] Change page on selected combo value
Hi all, I have an .ascx page with a populated combobox: <select id="Users" name="Users"> <option value="New User">---New User---</option> <option value="TedWilson">Ted Wilson</option> <option value="KatyBruce">Katy Bruce</option> </select> I need that when the user select "New User" he will be redirected to another page where he can insert the new user's value. Ho can I accomplish this? Thanks in advance. Luis
[jQuery] Get jQuery object from collection
I have collection: var collection = $(input); var i = 3; Is there easier way to get third jquery object from collection. Currently i'm using method like $(collection.get(i)) or $(collection[i]) But i think something like this could be more comfort: example: collection.get(i).addClass('blah');
[jQuery] Problem with $.get() and array in json data
I am provided a json object that looks something like this: {"pager_offset":50,"types":[1,2,4]} If I feed that json object in to the jQuery $.get() function as the data the request it makes is like this: ?pager_offset=50&types=1&types=2&types=4 Note that it really should be this in order for the server to be able to handle it correctly ?pager_offset=50&types[]=1&types[]=2&types[]=4 Do I need to go and modify the json object before feeding it in to the $.get() function? or is there something else
[jQuery] get date / days
hi, i need to know all days of a month / year. for example today is friday 29. and the month got 31 days. ( at the moment i just know that today is the 29. and every month got 31 days.) 2. 3. 9. 10. 16. 17. 23. 24. 30. 31. are weekend. i need to know the name of each day. i'd be happy about any help.
[jQuery] Dynamic sorting
Hi, I'm trying to figure out how to set up dynamic sorting and was wondering the best way to approach it (and maybe an example). Any suggestions? I've also tried adjust scrolling sensitivity, but no luck with: var myScroll = $('.selector') sortable('option', 'myScroll'); Thank you.
Is this available
Is there a jquery plugin which will allow me to automatically create a number of forms based on value set by user. I have a site where users can select a number of products. I want to be able to create a number of forms based on the number of products selected. So for example, a user selects 3 products I want then after the submit to create 3 forms. Thanks in avdvance for any help
Very simple tablesorter modification
Hi, I'm using Christian Bach's excellent tablesorter plugin: http://tablesorter.com/docs/ However given the data I'm displaying is fairly indistinct, users have asked if we can have a fading refresh each time the table is sorted. So instead of instant click, the table fades out and fades in with the newly sorted version. I'm guessing this'll just be a case of inserting the relevant fade command at the point the table sort is triggered? Can anyone help with this?
what is wrong with firefox :(
This code works on ie7, but it does not work on firefox. it just shows a alert when focus occur on an element. you can just click something on the page and you will see alert at ie7. var _focusedElement; $(document).ready(function() { $("*").bind("focus", function(e) { alert(this.id); _focuedElement = this; }).bind ("blur", function(e) { _focuedElement = null; });
[jQuery] IE Bug Help: breaks column CSS heights when select box changed
Hi guys, Got a nice problem with IE :-( FF and chrome etc are absolutely fine. Using IE7 atm. I have a structure of 2 columns and ive emptied the left column to nothing to narrow the bug hunt down but the right hand column is a list of results quite a substantial height. On load they are fine until the jQuery is ran which makes changes to a select box above the results in the right hand column. I can actually update the options using $(this).html(...) but as soon as I make a change using attr() it
[jQuery] Edittable plugin problem
Hi All, <div> </div><div>Am using the editable plug in ,</div><div> </div><div>When i edit the values , i want to check the already exist and also want to pass the unique key to the query , for the Update WHERE condition ,</div> <div> </div><div><div><script type="text/javascript" charset="utf-8"></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>var oTable;</div><div> </div><div><span class="Apple-tab-span" style="white-space:pre"> </span>$(document).ready(function() {</div>
[jQuery] what is wrong with firefox :(
This code works on ie7, but it does not work on firefox. it just shows a alert when focus occur on an element. you can just click something on the page and you will see alert at ie7. var _focusedElement; $(document).ready(function() { $("*").bind("focus", function(e) { alert(this.id); _focuedElement = this; }).bind ("blur", function(e) { _focuedElement = null; }); });
[jQuery] - Superfish menu screws up my menu..
What is causing superfish to screw up my menu here: http://www.ramvalley.com/new/ ive tried changing the templates but everytime its the same thing.. i have no knowledge of css or php :( please help. Thank you
[jQuery] [autocomplete] List second word in a match
Well, at first, sorry about my english. The question i have is: "How can i have a match in the results list when the letters maching only are in the second or third word?" Is it possible? I'm going to tell you an example. In the demo page (http:// jquery.bassistance.de/autocomplete/demo/) at first example, if you type "a" you can find at the end of the list "Avon Lake" i'd like type "L" or "Lake" and get "Avon Lake" as result. Are there any way to do this?? Thanks a lot for yout help.
[jQuery] History and ajax has me stuck
<html> <body> Hi folks, I'm having difficulty understanding how to get Klaus's history plugin working in my application. I have an "ebook" application in which the page has a static index of pages which, when an individual link is clicked, a file is loaded into an adjacent div (#ebook). Upon being loaded, the file is scanned and any a.linkto tags are scanned for as these tags are my "between" page links which I was hoping to get the history plugin to capture and do its magic. Once found, the
[jQuery] Hide button based on combo value
Hi all, I have a select option like this: <select id="color" name="color"> <option value="">Select a color</option> <option value="1">Red</option> <option value="2">Green</option> <option value="3">Blue</option> <option value="4">White</option> <option value="5">Black</option> </select> and a button: <div id="buttons" class="sportelloamiacque_formline"> <input type="submit" id="submitButton" name="submitButton" value="Continue" /> </div> How can I hide the button is the combo has "Select a color"
Help needed - jQuery <p> width jumping
Hi, I have been fighting a terrible problem. The situation that I have is: I have a column with text (#content p) and next to it an anchor with image. Images can be portrait or landscape and ratio is not fixed. They just have to fit in 400x400px square. My task is to make the text column which stays on the left of image adjust its width depending on image orientation. At the same time the #bighthumb has to self-adjust its width too, so they fill the #content space nicely. ================== In HTML
[jQuery] validate plugin - phone number processing prior to validation
I want to remove spaces from pasted phone numbers into a phone number field prior to the validation being run. I've applied class="number" to the phone number input field, which validates correctly when anything other than numbers are entered or onsubmit. I've also created an event handler that removes spaces from that field: $(document).ready(function () { $("#phone").bind("blur", function(e){ $("#phone").val($("#phone").val().replace(' ','')); }); });
[jQuery] validate plugin - phone number processing prior to validation
I want to remove spaces from pasted phone numbers into a phone number field prior to the validation being run. I've applied class="number" to the phone number input field, which validates correctly when anything other than numbers are entered or onsubmit. I've also created an event handler that removes spaces from that field: $(document).ready(function () { $("#phone").bind("blur", function(e){ $("#phone").val($("#phone").val().replace(' ','')); }); });
Accordian transparency and first selected...
Hi coming from Mootools and beeing pretty new to JS, I'd tried to implement JQ on a site. That works nice but I've two or three minor questions. This is my code $(document).ready(function() { $('div.accordion> div').hide(); $('div.accordion> h3').click(function() { var $nextDiv = $(this).next(); var $visibleSiblings = $nextDiv.siblings('div:visible'); if ($visibleSiblings.length ) { $visibleSiblings.slideUp('normal', function()
[jQuery] [validate] custom error messages from remote method
Hi all. In the new version of jquery.validate (1.5.3) there is an option to get a remote error message from the server for invalid elements. I did not find what should be the exact response from the server for producing such an error message. From the documentation: "The response is evaluated as JSON and must be true for valid elements, and can be any false, undefined or null for invalid elements, using the default message; or a string, eg. "That name is already taken, try peter123 instead" to display
Looping through getJSON
I'm trying to get this example working, but I keep getting invalid label. I want to loop through the twitter search feed an get the text values. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
[jQuery] GPL e MIT Jquery
Good night I think wanting to know if you have GPL on my site .. someone asked the sorce of the whole system if I only mandatory available? obs: The system does not GPL and everything was done by my in php ..... just plug jquery GPL and that this coupled system ...
[jQuery] ajaxSetup and getJSON
Hi all, Is it possible to use ajaxSetup to define a username and password that will then be used by getJSON? I have an enviuronment where I have a web server that I'm passing a URL to for a web service call that returns me JSON. I'm doing the call via the getJSON method, and get back the data I want, except that I'm being prompted to log in and I don't want the users to authenticate. I need to provide a username and password somewhere in the URL (or additional details) and so added an ajaxSetup call
insert data in database mysql with jquery and php
Hi To all, I'm triyng to use the $.ajax jquery function to insert some dates in a database, using php. I have the page that insert the data called : sign.php and in the page I have the form, and the ajax scritp. $("#submit_sign").click(function(data){ $.ajax({ type: "POST", url: ("sign.php"), cache : "false", success: function(data){ $("#response").fadeIn("slow"); $("#response").html(data); } }); return false; }); if I use the page without ajax it works, if I use the script jquery it works but doesn't
SOLVED: Binding Click To A Image Button Not Working
I have a image button defined as: <input type="image" id="signin" name="signin" value="Sign In" src="images/login_submit.png" /> I then have the following javascript: $("#signin").bind("click", function() { alert("test"); }); But, when I click the image button, I don't see the javascript alert. What am I doing wrong here? Thanks.
[jQuery] Removing Inner Tags
hi all, I have something like below: <div> <h1> <a href="#">My Link</a> </h1> </div> I'd like to get rid of only the inner tags, 'p' and 'h1'. Any help would greatly be appreciated.
Dropdown menu displays all sub-menus when one item clicked
Hello! I have been working on a dropdown menu using Clarklab's Tutorial: http://www.clarklab.net/blog/posts/anim ... th-jquery/ The only problem is that this tutorial only shows how to create one dropdown instance. It's in use here: http://chelseajewish.org My issue is that when I click on one menu item, all the submenus open up. Is there a simple fix that I just haven't figured out yet? My instinct is to give each ul it's own id, but I'm not sure how to direct the jquery in the header to work with
[jQuery] themeroller - downloading a custom theme seems to be broken
Hi JQuery, I noticed today when trying to update my themes via Themeroller that downloading the custom theme seems to succeed but no longer download anything. This worked fine two weeks ago. The other change I noticed is.. it is now downloading a 1.7.2 ui theme. Last time it worked, I was downloading 1.7.1. Note, I have attempted updating a 1.7.1 theme and creating a new 1.7.2 custom theme. Same behavior for both. Nothing is downloaded. When building the download, deselecting all elements other than
[jQuery] Periodical updater using Json in Jquery?
I'm grabbing an update from a json file, but I want to have it update perodically to the screen, overwriting what it found before... sort of like Prototype's Ajax Updater. Is this possible in Jquery? I scoured the groups to but only found a digg spy thing, which is sort of what I'm looking for but it was dated for 2007, so there's gotta be something new or is that it? Please help. TIA Jake
[jQuery] Jquery Ajax Post question
$.post("test.php", { func: "getNameAndTime" }, function(data){ process(data); }); Is one of the examples given for Jquery. Now I am trying to implement Jquery Ajax instead of a custom class we have here so am trying to catch on so bear with me. Above, it shows POST variable "func" containing "getNameAndTime" as a value correct? So if I wanted to pass along say names I would pass along {first: "Bob", last: "Smith"}? I find adding the callback function right in the call a little awkward (probably because
[jQuery] AJAX Tab with Struts2 and SiteMesh
This may be a post for the struts list, but I'll start her. I'm using Jquery with Struts2 and SiteMesh. My tabs work fine with all my code on a single JSP. I tried switching to AJAX, but that breaks the OGNL reference to a list on the second TAB. I set-up a separate namespace in Struts so that I could exclude the pages from SiteMesh. My tabs looked like this: <struts:url var="generalUrl" action="DisplayNeighborhood" namespace="rpc" method="generalInfo" > <struts:param name="selectedNeighborhoodId"
re[jQuery] -ordering elements
Hi, I have a set of td which have id's like: <td id="order1">[...] <td id="order3">[...] <td id="order2">[...] <td id="order4">[...] I would like to re-order them to have consecutive numbers, what is the best way to achieve this ? So far I have the code below, which iterates through all td's: $('td[id^=order]').each(function(i) { tdId = $(this).attr('id').substring(5, $(this).attr('id').length); alert(tdId + ' - ' + (i+1)); // ...... }); Thank you for any help! -- View this message in
[jQuery] iframe and autoscroll to bottom
Hi any one have an idea on autoscrolling to the bottom of the content of an iframe on onload event ? (the iframe content is a txt file) thanks
[jQuery] jQuery, iframe and scrolldown
Hello, I am displaying a txt file (log file) in an iframe. After a certain period of time, i refresh the content of the iframe doing : jQuery('iframe#mp').attr('src', samesrc); previously, i set the event listener : jQuery('iframe#mp').load(function() {scrolldown();}); so scrolldown() function is called but i cannot find what to put in that function to force the iframe to scroll to the bottom of the txt file. your help will be very appreciated. thanks you !
ui.accordion I want to have active sub-menu load expanded
Hi folks, Background: I just registered, I am new to this forum, I am new to jQuery and I am new to JavaScript. But am very excited to learn it and use it in my web development. I have experience in Java, so understand the JavaScript syntax, except for the obvious differences. Please note that I have looked through the API, searched Google, and tried my best to find clarification on my own, with no avail. Problem: I have implemented a navigation menu that has 2 submenus and am utilizing jQuery and
[jQuery] Help needed - jQuery <p> width jumping
Hi, I have been fighting a terrible problem. The situation that I have is: I have a column with text (#content p) and next to it an anchor with image. Images can be portrait or landscape and ratio is not fixed. They just have to fit in 400x400px square. My task is to make the text column which stays on the left of image adjust its width depending on image orientation. At the same time the #bighthumb has to self-adjust its width too, so they fill the #content space nicely. ================== In HTML
[jQuery] anonymous function and code reusing
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000"> <div class="moz-text-plain" wrap="true" graphical-quote="true" style="font-family: -moz-fixed; font-size: 13px;" lang="x-western"> <pre wrap="">Hi guys, apologize for posting again the same topic. I haven't found a solution yet for my simple problem. I have a simple function that works when a link is clicked $(document).ready(function(){ $("#moon").click(function(){ alert("do
[jQuery] Autocomplete + jScrollPane
Evening, I'm trying to link these two plug-ins together and was wondering if it were possible. The 'autocomplete' list should contain custom scroll bars. If there is another way of performing this, please let me know. Thank you.
Next Page