[jQuery] list insert out of order
IE7/8 and Safari, but not FF are showing dropdown menu items out of alphabetical order when they're pulled in to a separate div, does anybody have any hints as to how it could be put into order Here's the current HTML: <div class="fill_container"> <div class="fill_me"></div><!-- .fill_me --> </div><!-- .fill_container --> <select id="select"> <option class="btext_1" value="1">btext 1</option> <option class="atext_2" value="2">atext 2</option> <option class="ctext_3" value="3">ctext 3</option>
[jQuery] Superfish - How do you delete the text that appears in the menu
Hello, So I have some custom images as the background to my menu images, however I also have the text showing too, as can be seen here: http://i236.photobucket.com/albums/ff288/paramore_020/superfish.jpg How do I delete the text, so that just the image is showing. I have tried looking in all the php files, html files etc etc, even using windows grep to search for the files. However I cannot find them at all! Thanks for your time. Just want to get some work done!
[jQuery] How can I modify this code to get the tooltip to disappear?
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
Waiting until effect is finished with easing plugin
Hi there, just want to set a css property when the easing is done: $('#container').animate({height:576}, {duration: 1000, easing: 'easeOutBounce'}); When this is finished I want to change the background: $('#container').css('background-image', 'url(images/thepic.jpg)'); Been trying some possibilities but syntax crashes...
Radio button group problems (IE)
I have a form with radio buttons (select "yes"/"no"). These are in sections, which can be cloned/removed using jquery. The problem with IE is that all the radio buttons end up in one group where only one can be checked at the same time, across the sections!! With Chrome/FF it works fine, but not with IE. I use the following code to give the input elements of each section a unique name. cloned_section.find('[name]').each(function(){ $(this).attr('name', $(this).attr('name') + '_ary[' + sectionid
jQuery.extend
Hi how can i extend a filter so that i can invoke it like: $('#ka:eq(2)')...; // This version cause a warning in ff: unknown pseudo class ... $('#ka').eq(2)...; // But fortunately i can use the filter this way when i extend it like this jQuery.extend(jQuery.expr[":"], { random: function(a, i, m, r) { return Math.random() < m[3] * 1; } }); i can only: $('#ka:random(0.5)')... // which works but also causes a warning in ff but not $('#ka').random(0.5)... // which
[jQuery] Simple Question with Clone() and Append()
I'm trying to clone an element, more specifically a fieldset tag. Original HTML: <fieldset>Hello World.</fieldset> Javascript: $("fieldset").each(function(count,item){ var fieldsetBlock = $(this).append($(this).clone()) }) Desired HTML: <fieldset>Hello World.</fieldset> <fieldset>Hello World.</fieldset> Undesired Result: <fieldset> Hello World. <fieldset> Hello World. </fieldset> </fieldset> I hope this is a trivial question. Thanks in advance jquery friends! Any help is appreciated.
[jQuery] weird animate() flicker in strict DTD in FF3
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/ TR/html4/strict.dtd"> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> $('.item').click(function(){ $('#slider').animate({ // this element is inside another DIV that has CSS overflow:hidden; top: '-200px' },1200); } In FF3, this causes a jaggedy sliding of the elements, very ugly. Looks like the elements are literally jumping up and down while sliding. Not a problem in IE7, though...
[jQuery] Interaction in tabs
Hello, I have 6 tabs. Each one of them contain many elements with class 'column' I'd like to know, when a tab is selected, how many such elements in that selected tab. no matter how I tried, it gives me the right count on the first one selected and start incrementing them for all subsequent selected. $('#columns > .column').length; How can I get that value just for selected tab? Thank you. -- View this message in context: http://www.nabble.com/Interaction-in-tabs-tp25009915s27240p25009915.html Sent
scrollTo based on anchor tag
Hello, I have a page set up with a couple of UI Tabs sections and want to be able to give out links to the individual tabs. This works OK on its own using the hash tags for the tabs. But by default the page scrolls to the tab content area, hiding the tabs themselves, which is not good. I figure if I can use the scrollTo plugin to scroll to a specific area based on the hash tag in the url I'll be all set. Problem is I'm a total n00b at writing jQuery/js and can't figure out how to make it work. I
input hidden && $.post ?
hey guys im trying to make a ajax comment posting but im stuck... have a comment.js: $(document).ready(function() { $("#comment_form").submit(function() { $("#msgbox").removeClass().addClass('messagebox').text('Checke...').fadeIn(1000); $.post("modules/comment.php",{ type:$('#type').val(), comment:$('#comment').val() } ,function(data) { if(data=='yes') { $("#msgbox").fadeTo(200,0.1,function()
[jQuery] Thickbox and autosuggest
I am trying to use the thickbox plugin with the result function of the autosuggest plugin and haven't had any success with that $("#addCurrentLocation").result(function(event, data, formatted) { document.getElementById("prev_sightings").innerHTML = "<a href='locationinfo.php?id=" + data[1] + "' title='add a caption to title attribute / or leave blank' class='thickbox' >View Location Info</a>"; }); <div id="prev_sightings"></div> Basically, I pick up the "id" from the result
Re: DEbugging Jquery on Internet explorer
Hi, I am new to jQuery. I have some code that works in chrome but NOT in internet explorer. Any inputs on how I can debuging it. Thnaks!!
[jQuery] Add extra content to the title attribute
Hi all,<div> </div><div>This is hopefully simple. I have a bunch of links with titles, like TITLE="Facebook" and so on. I am adding JQuery to make the links open in a new window and would like to add some text to the title that says "this link will open in a new window", whilst keeping the original text. I'm using the "add" JQuery command, but this actually replaces the original title text.</div> <div> </div><div>$("a.newWindow").attr("title", " - This link will open in a new window");</div><div>
[jQuery] How do I load an external http xml request with jquery?
How do I load an external http xml request with jquery? Below is a url when pasted into a web browser like firefox, an xml document is shown. This is for the CPanel XML API. http://hostingz.org:2086/xml-api/createacct?username=WeAreWatching&plan=hostingz%5FFH5&ip=n&cpmod=x3&password=changeme&contact email=contact.wearewatching@gmail.com&domain=thewawblog&useregns=0&reseller=0 How do I make this work in jquery using an xml request? -- View this message in context: http://www.nabble.com/How-do-I-load-an-external-http-xml-request-with-jquery--tp25029520s27240p25029520.html
[jQuery] jquery or jquery UI error?
per the jquery UI documentation the line below should return the index of the open tab var selected = $('.selector').tabs('option', 'selected'); When I access the data using that line in the error console I get F is undefined jquery-1.3.2.min.js - line 12 using <script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="http://jqueryui.com/latest/ui/ ui.core.js"></script> <script type="text/javascript" src="http://jqueryui.com/latest/ui/ jquery-ui.js"></script>
Jquery to get php mysql results
SO I have successfully gotten my form to submit but I need to display my comments with each image in a gallery based on the image name attribute which is stored in a db and passed to jquery via javascript variable. I cannot seem to get the comments to display in the browser and I get no error messages. here is my jquery code: var curRow = dsCottonClubMain.getCurrentRow(); var curRowNum = curRow['@id']; var curName = curRow['name']; var queryString = 'index.php?name=' + curName;
animate/fadeIn/fadeTo/fadeOut Background-Color Problem
Hello there Firstly, thank you for reading my post- Appreciate it. Im really dead tired. Out of solutions and well.. Just dead and outta coffee. And am quite frustrated at my current situation. Spent about.. 10hrs plus trying to solve this. Alright here's the issue - Im trying to get the "background-color" for an "li" to change from transparent to white. I know this sounds weird but its got to do with the design of the site. So I looked up a handful of sites but each solution given was in vain. I
[jQuery] Confused where to put superfish script
I get a couple browser errors, and I got it down to what the problem is: the superfish script. As soon as I remove the script from my code, the errors are gone. Webpage error details: Message: Object doesn't support this property or method Line: 63 Char: 5 Code: 0 URI: http://localhost/joomla/index.php?option=com_content&view=article&id=19&Itemid=27 Message: 'document.getElementById(...)' is null or not an object Line: 40 Char: 6 Code: 0 URI: http://localhost/joomla/index.php?option=com_content&view=article&id=19&Itemid=27
[jQuery] How to refresh a single div with the data using .ajax
Hello there, I am not sure, if this works. I make a function call with the ajax option of jquery: $.ajax({ type: "POST", url: "some.php", data: "name=test", success: function(data){ $("#div").html(data); } }); If I try this, the whole response data is shown in the specific #div. Is there any possibility to load only the content of "#div" from some.php? Thanks for your answers. Regards
[jQuery] [validator] Display error messages in a convenient location per each
Hello, I'm playing with the great Bassistance jQuery Validator and am stuck at a point The idea is simple: I have lot of this markup (I semplify, but the idea is that after each <input> there could be something else, i.e. a word, an icon, etc... that is "inline" with the corresponding<input>): <ol> <li><input type="text" id="width" size="3"></input> px</li> <li><input type="text" id="height" size="3"></input> px</li> <li><input type="text" id="thumb" size="3"></input> px</li> </ol> Well, the Validator
context menu Opera
Hi, I'm trying to block the context menu on Opera, Epiphany and Konqueror. At this moment I'm using $(document).bind("contextmenu", function(e) { return false; }); Works fine on FF, IE's and Safari, but does not work or return response on Opera, Epiphany and Konqueror. Anyone got a clue how to work this out ? Thanks in advance.
[jQuery] Problem using toggle() function on IE8
Hi, i’m Vincenzo, a web developer from Italy. I use your ajax code following the guide ad the example: http://www.javascripttoolbox.com/jquery/?doctype=strict . I have some question about my work with your code, if can answer me. Here the question: The problem is that my code do not run on explorer 8, when I click on td where I apply the function, child td are not showed. Here the code: <% dim sqlcat, idcat, nome, pos, citta, indirizzo, telefono, cellulare, sito, mail, persona, arrivare, descrizione,
[jQuery] jQuery Twitter Full API Plugin - Help Needed Testing
Hey guys, I've been working on a full implementation of the twitter API through, primarily, jQuery, with a simple relay script server side for securely signing and keeping auth details. I've just finished the library, and am looking for some developers who know either the twitter API and jQuery to help test out this new plugin. If you would like to help with this project (currently named Jitter: Jquery Twitter), please send an email to garside@gmail.com Thanks! [Cross Posted on the Twitter Dev and
[jQuery] Approaching popup callback hell
I'm using a modal dialogs and I love them, but I haven't found a really elegant way to handle actions in the dialog window that require changes to the parent page. Here's an example. I have a monthly calendar page that lists employee names on the days they are supposed to work. Clicking on an employee name opens a "shift detail" page in a modal dialog. That shift detail page has more information like the specific tasks planned for the day, the start time and stop time of the shift, etc. From this
[jQuery] How to ignore parse errors using $.get
The page im loading with $.get has a syntax error that is killing my entire script. Is there anyway to test if it contains a syntax error and/or just ignore it? $.get('http://www.example.com/',function(response){ var someText = $(response).find('#myDiv').text(); // Script doesnt run after this because response contains a syntax error alert('success'); });
multiple row carousel
Hi, I'm wondering if there's a way to have multiple row carousel implemented. I use jCarouselLite.. (http://www.gmarwaha.com/jquery/jcarousellite/) To be more specific, here's what I have: <- [item][item][item]-> and this is what I would like to accomplish: [item][item][item] <- [item][item][item]-> [item][item][item] I do realize that placing multiple items withing the <li></li> would be one approach, however I can't do that since the items are generated dynamically. The structure of my data (items)
[jQuery] ToolTip not showing...what am I missing?
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
[jQuery] blockui v2.20 - hourglass cursor stays in IE 7+
You should be able to replicate this on http://malsup.com/jquery/block/#page Go to the page above and click on "Default Message" button and make sure you don't move the mouse cursor. You should see that the cursor remains a hourglass even after the page comes back, to get the correct cursor you have to move the mouse. Any solutions for this?
[jQuery] Fix for unblocking the UI in IE 8.0
jQuery BlockUI 2.23 (21-Jun-2009) Issue: When clicking on the button "Default Message" in the "Page Blocking Examples" page (http://malsup.com/jquery/block/#page) the mouse cursor does not reset to the "default" style when the UI is unblocked. How to fix: Insert the following line to the line #344, in the jquery.blockUI.js file at the reset() function: data.el.style.cursor = 'default'; Regards, Vinicius Fonseca
[jQuery] [validate]
system : JQuery : 1.3.1 Validate plugins 1.5.5 ######################################### problem : form validation with <button> under chrome(test under chrome 3.x and chrome 4.0.201.1) the button value is not sent to POST or GET solution : change line 70 ###################################################################### if (validator.submitButton){ // and clean up afterwards; thanks to no-block-scope, hidden can be referenced hidden.remove(); } ######################################################################
[jQuery] Input for Key Value Pairs with jQuery (a JSON Input field ?)
Hallo everybody. I'm looking for a possibility to enter Key:Value via a "html-jquery- input-form". The submit could look like this: "Kreditkarte" : "Xema", "Nr" : "1234-5678-9012-3456", "Key" : "Value", ... Maybe a textarea where you could enter the key and the value in each line. Does someone have an idea? Best hasentopf
[jQuery] manipulate elements with filter
Hi, I need clone a row and update the elements inside of them, but i cant update elements dynamically. example Jquery. $("#clickmeIMg").click(function(){ var insertDataBefore = $('#tablaFormulario').find('tr:last') insertDataBefore.clone(true).insertAfter(insertDataBefore).find ("td").filter(function(){ alert($(this).html()); }); }); The element return 3 alerts return : - first alert return a select - second alert return input - third alert return a img this element i can`t capture data for update
[jQuery] best table plugin for large tables?
I have approximately a 400-500 row table (2 of them) each with 12 columns of formatted content such as currency, percentage, name. I tried this with http://tablesorter.com but it can't seem to handle that much data. Does anyone have a good plugin for large data on the page? (and no not interested in paginating it really)
[jQuery] Timeout
Hi Guys How do I set a timeout in jquery ? E.g. if a page is inactive for 20 seconds a message pops up asking the user to refresh the page.
[jQuery] how do I hide an element after my function completes
I have a hidden spinner div. When my jquery function is called -- I show the spinner. But, how do hide I the spinner div after the ajax request has completed? $(function() { $(".pagination a").live("click", function() { var loader = $('#loader') loader.show() // <-- hidden loader div $.get(this.href, null, null, "script"); return false; }) });
[jQuery] IE woes
I have a page which works fine in Firefox and Safari on OS X and Chrome on Windows. The expected behaviour is that when you hover over one of the blue boxes an icon will appear to indicate whether or not the box is editable. If it is editable (pencil icon) then clicking it should bring up an overlay with an editing box. In IE8 (and below) clicking the blue boxes does nothing—anyone have any idea why?
All submit buttons inside iframe
Hi Guys, I 'm currently working with an existing asp.net application that uses iframe to load and show aspx pages. My PM doesn't like the inner scrollbars so i calculate the iframe height dynamically and remove the scrollbars and set the height. I do this on the iframe load event like this: Note:ifmain is the id for the iframe $(function() { $("#ifmain").bind("resize load", sizeIFrame); }); function sizeIFrame(plusHeight) { if (isNaN(plusHeight)) plusHeight = 0;
[jQuery] Improving jquery performance on this site..(stop stutter)
Hey group! I am near completion on a site I chose to use Jquery for rather than Flash for a client. While some flash is used as a background image, the content is HTML and Jquery for effects. The issue as i see is stuttering and not smooth jquery actions in sliding etc on page load. Is there a better way hold a few seconds to ensure all page data in content and images are loaded and then trigger the flash and jquery actions? Or maybe preload the page on the page before (index.php) and then goto the
Design help
I know this is a JQuery site, but many of the user here also do have a good understanding of HTML and CSS. My site is at http://www.odinsoft.dk press the link "Min familie" in the top menu. I am trying to make it look like this ******* ......Text...... * * ................... * PIC * * * ...Text... ******* ******* ............. * * * PIC * * * ******* ...Text... ******* * * ............ * PIC
Next Page