[jQuery] slideToggle doesn't work in IE
Hi all, For my work i need to make a form. At some points you have to choose an option from a dropdown select box. After you have chosen one of those some other field appear under the dropdown thing. I use the slideToggle event for this effect. In firefox its all working fine, but in ie 6.0 and 7.0 it doesnt work. What do need: A dropdown menu with a few options in it. You can choose one of those and after you select it a few other options apear under the dropdown menu. Code: (this is the dropdown
[jQuery] Animated Menu Hover doesn't work on Safari and Opera
Hi all, and thank by advance for your help ! I use the last jquery javascript for working my animated menu with hover function. I've this code in my header: <script type="text/javascript"> $(document).ready(function(){ $(".menu2 a").append("<em></em>"); $(".menu2 a").hover(function() { $(this).find("em").animate({opacity: "show", top: "-75"}, "slow"); var hoverText = $(this).attr("title"); $(this).find("em").text(hoverText); }, function() { $(this).find("em").animate({opacity:
[jQuery] jQuery Form Plugin help
I am having a problem using the jquery Form Plugin. I have a form that is setup to animate the errors when on submits incorrect information or gives you a succes message when you enter correct information. Howvever my problem is that the messages do not animate when being displayed they just pop into view. How do I make it animate? The page is question is http://capnhud.host22.com/sampleform2.html
scroll up on form completion
Below is a block of code from a Wordpress plugin called "MM Forms", which handles form creation. The part of the code belolw deals with what happens when a form is submitted, which I believe is around this part: if (1 == data.mailSent) { jQuery(data.into).find('form').resetForm().clearForm(); mmfResponseOutput.addClass('mmf-mail-sent-ok'); } else { mmfResponseOutput.addClass('mmf-mail-sent-ng'); } mmfResponseOutput.append(data.message).fadeIn('fast'); if (data.message.toLowerCase().indexOf('thanks')>=0)
[jQuery] jquery cycle - go to image (regardless of position)
Is there any way to use something like go to and always have it go to a particular image regardless of the slide's position in the cycle? I am adding images to the slideshow and every time I add one - the IDs change so that go-to #7 is the seventh slide - regardless of what it actually is and I would like to target a particular photo - based on the photo ID and not the photo position in the cycle. Thanks in advance.
[jQuery] when is what ready?
Hi jQuery,<div> </div><div>I assumed when I used the <br clear="all"> </div><div>$(function() {</div><div>alert( "hello" );</div><div>});</div><div> </div><div>that the page was finished loading? but what I see is that the popup alert comes before my images on my page</div> <div>are finished loading? is this correct?</div><div> </div><div>I need to do something to my page when everything is done loading.. how does one do that?</div><div> </div><div>Peter</div><div> -- Power Tumbling - <a href="http://www.powertumbling.dk">http://www.powertumbling.dk</a>
[jQuery] new plugin: miniZoomPan
Hello everyone, during the initial phase in the development of amuch more complex zomm&pan widget, i ended up with this tiny (yet another) zoom&pan plugin. Since it's small and with just few functionalities i'd call it miniZoomPan. http://www.gcmingati.net/wordpress/wp-content/lab/jquery/minizoompan/ Basically it just loads a new (bigger) image when you hover the container DIV. You need to pass the width and height of the two images (the small and the large one) and also the images must have a special
[jQuery] jQuery text toggle effect
So i was looking on here yesterday, and i've been scouring the Web for a simple text toggle tutorial. I haven't been able to find one -- maybe i'm not looking in the right places, but anyway. so you can probably tell what i'm trying to achieve just by my subject line. I have a div of images called .clients wrapped in a div called .showhide <div class="showhide"> Show <ul class="clients" style="display: block;"> <li></li> <li></li> <li></li> <li></li> <li></li> <noscript>This is the description for
[jQuery] Using 2 drop down list in a form
i m using 2 drop down list in a form , which are taking their values from data base and i have define a onchange event in one drop down in this onchange event i m autofiilling the form.my problem is that when i select the one value from the second drop down the selected value become to appear undefine in drop down how can i solve this problem so that both of them rum properly plz help me out if any body knows about this problem thnx in anticipation
[jQuery] Understanding autocomplete caching
I have an issue with caching in the autocomplete script. The example is the word: "arbejdspladsvurdering" This word fully typed returns a list with 5 values, but if I begin with typing only: "arbejds" and let the autocomplete fetch a number of values and after this finish the word I get only 2 values. I thought this might be due to the caching mechanism that caches all values from "arbejds" which are more than what can be contained in the cache (or maxItemsToShow). My problem is that even when I
[jQuery] Load Content
First let me say that I'm not a guru of JavaScript or jQuery for that matter. I'm familiar with the very basic stuff and if I read code, i'm able to comprehend what will happen. Anyways I have a bit of a problem that I'm running into. Basically i'm using the ajax technique describe <a href="http:// nettuts.com/javascript-ajax/how-to-load-in-and-animate-content-with- jquery/">here</a> to load content of a page. However the problem arises when I wish to load ajax content described within the load content.
[jQuery] jQuery -> PHP
Hi everyone, I'm trying to pass a jQuery variable to PHP script but i just can't get it to go. Here's the code, it's a Wordpress theme in which i want new posts loading in the same window by clicking links like this one: <a class="tipped" href="<?php the_permalink(); ?>" title="<?php echo $post -> ID; ?>"><?php the_title(); ?></a> Basically i need to use title attribute and then pass its value back to php, another file. JS: $(document).ready(function() { $('.tipped').click(function() { var
[jQuery] problem in inserting a form element
Hello, For testing, I wrote 1 line of code inside a form: <script language=javascript type=text/javascript> $('div').after('<input name="myvariable" value="My value"/
[jQuery] exposing autocomplete methods
Hi, i'm using the autocomplete plugin with the google gears database running locally, so I need a way to have a callback function update the autocomplete functions when it has the results from the database. the only issue is that the plugin doesn't return anything when you call it, so there's no way to access it. the functions i need are in the $.Autocompleter function, specifically parse, cache, and receiveData. Ideally I would have something like this: var obj = new $.Autocompleter(this, options);
retrieve values from form
Hi all, I use the following code for retrieving the values from my form. $("form").find("input:checked, input:type='text', input:type='hidden', input:type='password', input:type='submit', option:selected, textarea, input:type='radio':checked").filter(":enabled").each(function(){ params[this.name || this.id || this.parentNode.name || this.parentNode.id] = this.value; }); Something goes wrong, because I didn't get the values from a checked radiobutton
[jQuery] autocomplete not working in tabs?
Hi, I used autocomplete plugin many times in other projects in the past. First time I need to put in in tabs. Its not functioning right. When clicked on a customer name, it needs to fill in the box. Test link (second tab, type any letter): http://www.refinethetaste.com/html/cp/default.asp?Section=orders&Process=AddOrder
[jQuery] How do I cause a javascript variable to retain leading zeros?
<div>If i have a user with, say a password that starts with a leading zero, how can I cause</div> <div>jQuery to retain and not drop the leading zero?</div> <div> </div> <div>Rick</div> <div> </div> <div> </div> <div><font color="#c0c0c0">----------------------------------------------------------------------------------------------------------------------------------------</font></div> <div><font color="#c0c0c0">"Ninety percent of the politicians give the other ten percent a bad reputation." Henry
[jQuery] Corrupt ajax requests?
Suddenly Ajax no longer seems to perform well formatted POST requests. Consider the following call: jQuery.ajax({ type:'POST', dataType:'text', url:'ajax.php', data:({ testParamOne:1, testParamTwo:2 }) }); And ajax.php: <?php echo var_export($_POST,1); When executed, this is displayed in the Post tab of the request in Firebug: testParamOne=1&testParamTwo=2 and the Response tab: array ( ) It appears that whatever jQuery is sending, it
[jQuery] problems in IE (6, 7, and 8)
I have a bit of code that seems to work perfectly in FF and Safari, but causes some strange things to happen in IE. here is the code: [code] $('a.movedown').click(function(event) { var href = $(this).attr('href'); $.get(href); var $thisRow = $(this).parents('tr:first'); var $thisTable = $('#main_table'); var $rows = $('#main_table tr'); $thisRow.insertBefore($thisRow.next().next()); $thisRow.next().insertBefore( $thisRow.prev()); $rows.find('.moveup, .movedown').show();
[jQuery] [Jquery ui] Custome theme for one widget and not all
Hello, I have a datepicker and a accordion on my website. I create a custom theme with the theme roller on the jquery ui website. But i would like to use my custom theme only for the datepicker and not on the accordion. Is there a way to do this? Thanks for your help.
[jQuery] [Jquery ui] Theme only for one widget and not all
Hello, I have a datepicker on my website and accordion. I use a custom theme made with theme roller on the jquery ui website. I would like to use the custome theme only for the datepicker, and not for the accordion. But i don't know how to do. Is there a way to do this? Thank you for your help.
[jQuery] conflict with scroll-pane & toggle scripts ?
Hi, Looking for some help. I had Kelvin Luck's scroll-pane script working fine but when I added a 2nd script (a simple toggle show & hide) to my page the scroll-pane script stopped working, not sure whether it's my hashed together show / hide script or if the scroll-pane style sheet is not being picked up. Can supply code as not sure if I'm aloud to post it on here? Any help appreciated Thanks Tim
[jQuery] jQuery (load) deletes my tags sIFR3
Hello, and thank you in advance for your help. I did not speak English, I'm french. I can not solve this problem. I'm trying to load a remote page using load function. It works, but it does not load tags <h4> using sIFR3. <h4> Tags are removed during the load Main html: http://www.delightfactory.eu/index.php Html secondary: http://www.delightfactory.eu/card.html http://www.delightfactory.eu/photos.hmtl http://www.delightfactory.eu/videos.hmtl http://www.delightfactory.eu/dvd.hmtl http://www.delightfactory.eu/contact.hmtl
[jQuery] jQuery UI dialog not behaving
Sorry to post again, but again jQuery has me defeated completely despite using simple code. This time I'm trying to use the excellent UI library, and in particular dialogue windows. All I want to do is open an external file in a dialogue, to save using standard popup windows. I've got a test up at http://www.nottingham.ac.uk/~ntzfr/test/ajax/jquery/jqueryui_dialogue_test1.html and there are quite a few things wrong: 1. Sometimes the Ok button just doesn't close the window. 2. I can't get the maxHeight
[jQuery] Unresponsive Script
Anyone know why I might be getting and "Unresponsive script" warning? I'm running 1.3.2.min. The Warning pops up and states the following: A script on this page may be busy, or may have stopped responding. You can stop the script now, open the script in the debugger, or let the script continue. Script: http://localhos/js/jquery/jquery-1.3.2.min.js:19 This error is new since upgrading to jQuery 1.3.2. Previous versions of jQuery did not produce this error. Any help you can provide will be greatly
[jQuery] selector, second to last row of table
I've been trying for a while to alter the second to last row of a table. I've tried several ways. The number of rows is dynamic so I can't hard code a number into nth-child. I used $rowNeeded = $thisRow.parents('table:first').children().children().length - 1 to get the second to last row, but it doesn't seem like I can pass this variable into nth-child either. How can I select the second to last row of a table? Thanks
[jQuery] jQuery 1.3.2 in IE5.5
Hi everyone! I've been doing some research and I've found different opinions about the compatibility of jQuery with IE5.5. My problem is that I can't get anything to work (I'm doing my testing in TredoSoft's Multiple IE). I don't know if this is because there software is not working as a "real" IE5.5 would, or if it is that jQuery is not compatible with IE5.5. Or, the third option, I'm screwing up somewhere xD I'm trying the simplest task ever, like an alert thrown on the $ (document).ready, but
[jQuery] how to call a JS function by pass into a JS
Hello; i want pass a JS function name into a function and call it. <a onclick="javascript:ajax_loadpage('inittabFeeds()');">babababa</a> function ajax_loadpage(x_func) { // how can i call inittabFeeds() which stored in x_func variable ? } many thanks/Davis.
[jQuery] selectors in an external javascript file
hey i have a quick question on selectors i have some nested divs and im trying to attach the click function to a link in one of the divs it works when i put the javascript directly after the links, but when i use the id of the div as a selector in an external javascript file it doesn't, any ideas? when you have nested divs, can you still use one of the nested divs as a selector? this is what my external javascript file looks like: $(document).ready(function() { $("#nav-right a.about").click(function()
[jQuery] append and *slowly* show new content in DOM
Hi, I'm guessing this is an easy question, but I can't figure it out. I want to add some new content to the DOM, so I have a line like this. $('#div_container').append(' hi there!'); However, I'd like it to slowly appear via show(). But adding show() doesn't work as I'd expect. The new content appears instantly. $('#div_container').append(' hi there!').show('slow'); Thanks for reading, Eric P
Form Select Menu and include page upon selection help!!
This works perfectly in Firefox and Safari but in both IE 6 and 7 I cannot get my includes to display... any suggestions? I have not found any better solutions to accomplish using a drop down menu to display an html message. <script type="text/javascript"> var message = new Array(); message[1] = "<!-- #include file ="global/include-test.asp" -->"; message[2] = "You have selected the second item"; message[3] = "You have selected the last item"; $(document).ready(function(){
[jQuery] cycle plugin image positioning issue
I am creating a single column fluid layout and have run into an issue when positioning the images I display via Mike Alsup's cycle plugin. I dynamically load a "content" DIV with three other DIVs, one of which is controlled by the cycle plugin. The other two DIVs are positioned as expected, however the DIV that cycle is handling has positioning CSS added to it inline that is pulling it out of my page flow. (When I disable the cycle code the single image I load first displays as expected.) Here is
[jQuery] Accessing the value
Hi, i'm using php to create the stars for rating: echo ' '; echo "<strong>Concept</strong>"; for($i = 1; $i < 6; $i ++) { ?> <input type="radio" name="concept" class="star" /> <?php } echo ''; But how can i know what rating is selected? When i use: console.log($('input[name=concept]').val()); i just get: "on"
[jQuery] li:nth-child(10) toggle
There has got to be a better way to write this? Basically, I'm returning a bunch of list item and after the 10th one, setting the rest to display:none and adding a <more> link. Clicking on the <more> link removes the display:none and adds a <less> link at the bottom. I think jQuery 1.3.2 is having some trouble with the nth-child approach. Can someone point me in the right direction on how to improve this? Thanks. $(document).ready(function() { $('.main ul').each(function() { $('li', this).each(function(i)
[jQuery] Removing an emptied paragraph from the DOM
<html> <body> Hello folks, I have an application which removes an image from within a paragraph, wraps that image in a div and places it in front of the paragraph. I now want to remove that paragraph. Why doesn't the following use of remove() not achieve my objective? I've tested the length - it is 0, yet the remove doesn't happen. Thanks, Bruce <tt>var parnt = $(this).parent();<x-tab> </x-tab><x-tab> </x-tab>//the parent p tag containing the image to be processed $(this).insertBefore(p).wrap("<div
[jQuery] Select Menu help!!
This works perfectly in Firefox and Safari but in both IE 6 and 7 I cannot get my includes to display... any suggestions? I have not found any better solutions to accomplish using a drop down menu to display an html message. <script type="text/javascript"> var message = new Array(); message[1] = "<!-- #include file ="global/include-test.asp" -->"; message[2] = "You have selected the second item"; message[3] = "You have selected the last item"; $(document).ready(function(){ $("#message_display2").html("<!--
Form validation - Run other code after validation
Hello, I am new to jquery, I have managed to pull together some validation and an ajax call on one of my pages, however I cant seem to get the ajax call to work after the validation, at the moment both calls happen at the same time so the form gets validated but the ajax call is also made. What I want happen is for the ajax call to be made only if the form is valid. I have two seperate blocks of code, one for validation and one for the ajax call. I have tried to put them both together so that the
[jQuery] Multiple responses while using Jquery From Plugin
Hi, I am using Jquery's Form plugin. I am getting one response at the end of the submission of the form. I would like to have multiple responses delaying few seconds e.g. First "Loading ....", then " Sending..." then "Connected..." and so on...., How can i acheive this ? Please Suggest. Thanks
[jQuery] adapting xhtml layout for JQuery photo slider to PHP blog template
Hi all, I am hoping to use a 3rd party script for a simple JQuery photo slider for my WP blog. But the script creator says: "If you are trying to 'include' this into a blog template then you will need to have a good knowledge of the template structure and how it is pulling the information from the database. The files that I supply are intended for use in a normal xhtml page where you would just add the javascript calls and stylesheet links to the page head, then embed the xhtml into the web page
[jQuery] jQuery get JSON error "data.channel is undefined"
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#993399"> <font size="-1"><font face="Calibri"> Error: data.channel is undefined Source File: <a class="moz-txt-link-freetext" href="http://203.129.220.178/gri-valudeal/new.html">http://203.129.220.178/gri-valudeal/new.html</a> Line: 131 line :131 bcontains the function : getJSON Any one having any idea why this error is coming. </font></font> <div class="moz-signature">-- <meta
Next Page