UI Accordion buggy in Firefox mac/win
I have a page with an accordion. It works great in Safari 4/3 , but doesn't seem to work in firefox. Here's a link. http://www.legacymanorfarm.com/do Description of problem: Nothing shows up, except the first header. No problems appear in the console, so I'm at a loss. Thanks for any help.
[jQuery] Auto-populate and get index in HTML Select
I need to modify a complex web app. The web page has a set of "cascading" selects. That is, choosing "A" in the first HTML select needs to trigger code to load a specific list of values into the second Select and choosing something there needs to trigger code to load a specific set of values into the third Select, etc. Behind this page is already JavaScript that includes jQuery . I could use lep please in figuriong out two things: 1. How to auto-populate a Select based upon a user's choice in the
[jQuery] IE8 bug/behavior: HTML Selects (DispHTMLOptionElement) and JQuery Form and Validation
My JQuery POST is supposed to re-render new content in the Lightbox, but this was not happening in IE8 and IE8 Document Mode. Would work in IE8 Browser Mode and IE7 Document Mode. Turns out there is something odd about how an HTML Select Option on the form was handled. Regardless of how I defined my HTML Select (originally without <option selected>, then with), the following piece would always evaluate to null: op.attributes['value'] In the commented out code below, you’ll see that null is not checked
[jQuery] show hide slideshow
I know this may be simple, nonetheless I am having issues. Below is the code im working with. Can someone guide me as to a way of getting my custom slideshow to work properly. Expectations: Hide all <li>'s except the first one and then loop through all the images with a settimeout to fadin and fadeout each sample image... Solutions and suggestions will be greatly appreciated!!! -- This is where I am at in the code at the moment and have been trying different alternatives with the JQuery, to no avail.
[jQuery] Cycle - Stop queing effects on pager hovers
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000066"> Put together a Cycle show with multiple effects triggered with onBefore and onAfter including sliding text over images and a sliding highlighter over pager thumbs. Pause onHover is true. All works great if I use "click" event on pager, however customer wants to use hover on pager. Trying to figure out a way ( like a hoverintent) to stop the queing of effects on multiple hovers
[jQuery] automatic pause after slide
I'm very new to Jquery so please forgive, if this is trivial. I have a webpage with four automatic slideshows on it. I need to pause the fade in function of the next slide by 20 seconds for each slideshow. Also, Jquery shows each img upon loading the page. Is there a way to prevent MySlides1-3 from being visible until their fade in? <!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">
[jQuery] set certain items in a select list to selected.
Ok lets say i have a multiple select list <select id=mylist name=mylist[]> <option id=1>first</option> <option id=2>second</option> <option id=3>third</option> <option id=4>fourth</option> <option id=5>fifth</option> </select> then i have a string of id's that i want to set to selected like so. var selectedIds = '1,3,5'; is it possible to use jquery (preferably in a one liner) to set first, third and fifth to selected.?
[jQuery] IE8 Variable Undefined Error
I am trying to read the value of the FlashVars parameter off of a Flash .swf file that's being embedded onto a page using swfobject. I can't change anything about how the Flash is being put on the page so I'm trying to manipulate it with JQuery. In Firefox the following selector works: $flashvars1 = $(".homepagecolumn1 embed").attr("flashvars"); In IE6 & IE7 this works: var flashvars1 = $(".homepagecolumn1 object param [name=FlashVars]").attr("value"); Neither one of the above code snippets works
Help using Ajax to log in to wiki
Earlier I received a lot of help guiding me to fake a background so I could fade it in. Thanks so much. I'm still working on the same site when I find the time, and I wanted people to be able to log into the wiki from the homepage using ajax so the page wouldn't refresh. My problem is that the page still refreshes, even with a return false in the code. Additionally, I would like to add a success / failure message upon login. The wiki that I am trying to log in to uses a .php to accept logins. The
[jQuery] create new (blank) XML-Object and populate it
Hi! I'm writing a little FrontEnd where the user can add/remove/edit many elements. When he is finished he should be able to save the whole thing as XML. The source-XML is created by an php-backend and load via ajax-call of jQuery. Now I want to keep the whole communication between the backend and the frontend in XML. This is why I want to write a XML-export-function. Here I need to create an empty XML-object and populate this object with XML-entities. Is there a simple way to do this with jQuery?
[jQuery] Looking for expand/collapse tree directory navigation
Hello, I'm looking for an expanding/collapsing tree directory type of navigation and was wondering if someone knows of a good one that's out there and available. What I'm specifically looking for is one that is triggered on the click of a *graphic* that toggles the show/hide. Each text nav item should be hyperlinkable to it's own link/page. So for example (the + and - are the collapse/expand graphics, the dot leader is for some formatting): - Nav Item 1 (text should be hyperlinkable) .......Sub Nav
[jQuery] Looking for a Good JavaScript Editor that Supports JQuery
Does anyone know of a good JavaScript editor that supports JQuery? Anyone sucessfully integrate JQuery into Eclipse/WTP or JSEclipse?
[jQuery] (Cycle Plugin) ScrollHorz problem in FF and Safari 3
When using the ScrollHorz effect in the Cycle Plugin for inline HTML content, in Firefox and Safari 3, the very first time you trigger the transition, the content of the first "slide" appears to be being squished and ends up overlapping with the incoming slide/text. See an example here: http://tinyurl.com/mmddkn (click on any of the white text in the vertical image or click the "Begin" link at the bottom of the first block of text). After the cycle as occurred once, it doesn't do this again. So it's
[jQuery] jquery form plugin ajaxSubmit / fieldvalue inconsistent behaviour [jquery form]
if you have in html the following: <input type="checkbox" value="true" name="check"/> <input type="hidden" value="false" name="check"/> ajaxSubmit will submit : check : true check : false $("#check").fieldValue() will return [ true ] so, this is inconsistent with the result of ajaxSubmit, it should return [true,false]
[jQuery] Internet Explorer 7 doesn't .animate() correctly.
Hey, so I'm having a very curious problem with IE and the animate effect. I have a page which shifts left and right when you click on a certain part of it. When you hover over this section of the page it become opaque, and the image that was visible behind it should no longer be visible. This is the basic HTML: <div id="focusedpage"> <div id="backgroundblue"></div> <div id="image"> </div><!--end image--> <div id="centerpiece"> </div><!--end centerpiece--> <div id="blurb"> </div><!--end blurb--> </div><!--focused
[jQuery] google.load speed with jquery
I'm using google jsapi to load jquery. The example shows to do this: <script type="text/javascript" src="http://www.google.com/jsapi"></ script> <script type="text/javascript"> google.load("jquery", "1.3.2"); google.setOnLoadCallback(function() { // Place init code here instead of $(document).ready() }); </script> The problem I'm having is this... I'm also including google map api, google search api and jquery ui. all using .load. I then have several jquery plugins I'm using along with alot of code
Tri State Rollover with clicks
Hi I have been trying to find an answer to this question. I am trying to create a nav bar using jquery that uses images and rollovers. So there is an on state, off state and clicked state for three different tabs/images. example: Home | Support | About The problem I’m having is getting the clicked/on state to turn off the other image/tab if it was already on/clicked state. What keeps happening is each tab stays active when clicked instead of toggling off and on. Here is the code $(document).ready(function()
How to show thickbox popup onchange event of combo box
Hy to all, I have used thickbox with the html link link <a href="..url.." class="thickbox" >Test</a> But how we can popup a thickbox on change event of combo box <select name=test id=test> <option value=1>Value1</option> <option value=2>value2</option> </select> i want to popup the thickbox on change event of this combo box. is it possible and how regards.
selecting divs in content loaded by .load()?
hi I am wondering how to select a div on a page that is loaded using the .load() function. I have tried using a function in the callback of the page to select elements but this didn't work. It appears the pages are called after a the document has loaded (which makes sense) thus anything I place on the page that is loading the various data into the the content div can't selected the newly loaded content. I could include the new script on the pages I am loading but this would result in the undesirable
[jQuery] how to display a message layer after form-submit?
hey all, i'm using the form validation plugin to validate my form (http:// docs.jquery.com/Plugins/Validation), works great. now i want to display a layer after clicking the submit-button. unfortunatly i don't know ho i can do that, thanks in advance for help :-) please take a look at my js-code i'm using to validate my form: -------------------------------------- my javascript: // JavaScript Document $(document).ready(function(){ $("#signupform").validate({ rules: { username:
Selector: form
Hi is there a way to select a form other than giving that form an ID? $("form") doesn't seem to work.. Thanks Luke
[jQuery] [plugin] How to change message while the page is blocked using blockUI plugin
<html><head><style type="text/css"><!-- DIV {margin:0px;} --></style></head><body><div style="font-family:arial,helvetica,sans-serif;font-size:12pt">Hello people, i'd like to know if it's possible change de message while the page is block by "blockUI" jquery plugin. I've tried a lot of things, but none was good. One thing i've tried was using CSS selectors like: $('blockUI blockMsg blockPage').innerHTML but it hasn't worked. Any idea? Thanks<font size="2"><span style="font-family: verdana,helvetica,sans-serif;"></span></font><div>
Loading PDF into DIV; wrong mime/type
I set up a function in JQuery to do .load() to a DIV. (This function appears to work only in IE.) This works fine if I am loading an html document to the DIV, but if I load a .pdf file, it looks like it doesn't use the right mime type for interpretation. It looks like it just streams the binary code into the div... Question: Is there a way use JQuery to load a PDF file into a DIV and have it render correctly? Here is my source: <html><head> <title>jQuery test page</title> <script src="jquery-1.3.2.min.js"
Ajax requested content that appears without any event?
Hi I have spend a lot of time trying to solve this problem. I have web video player that can display adds by inserting a div tag on top of the player after an amount of seconds that I specify. I would like to manipulate the content of the div tag with jquery but I can't do this since the div tag is not present when the document is loaded. I have looked into several options. But all the solutions seems to rely on an event to happen - a link is clicked, some element is mouseovered and then jquery runs
load just a section of a page
hi, I am trying to load the contents of a div on another page into the contents of the div on a new page, I can't just load the the full page into the div as it has stuff I don't want displaying on the new page. for example, my page setup is a div column with links and another column with data the links can be loaded from a drop down menu at the top or the first column I mentioned on each page. what I want is that if you load the page from the top nav bar it loads the entire new page, if you load
[jQuery] animate{width} method not working.
Hey guys - wondering if you can help me. I've been working on a friend's simple website using jQuery to animate the buttons. I've got them to "bump" when I move the mouse onto them, but when I click to move them (and hopefully resize them) they not only don't resize, but also when the mouse leaves them they return to the original position. I did something similar on my own site using a "state" attribute in the variable for each div, and it works fine. My site is at http://www.isthat.it/main.html,
[jQuery] htmlFile: No such interface supported / jQuery .html()
Hi, I'm using jQuery on my website. Nothing has changed client side, though server-side I have upgraded to asp.net 3.5 page (from 2.0) and now all of my jQuery .html(value) calls have stopped working and are giving the javascript error from within the jQuery file: "htmlFile: No such interface supported" All I'm doing is creating some HTML server-side and displaying it within a given div. The line that fails is: $('div#divPopularArea').html(res); The 2.0 code (still working) is at http://www.fluideating.co.uk/default.aspx
add fade functionality to simple rollover code?
Hey everybody, I'm totally new to jquery, however I got a script working The script is looking for images with the class "thumbnail" and exchanges them by rollover.... jQuery(document).ready(function(){ jQuery("img.thumbnail").hover( function() { this.src = this.src.replace("_OFF","_ON"); }, function() { this.src = this.src.replace("_ON","_OFF"); }); }); my question is now, is it possible to add a fade in / fade out effect when someone rolls over the image? thanks in advance
How can I modify this to search for tabindex?
The function below will automatically move to the next input field in the event that a user hits the enter key. I'm trying to modify it so that it moves to the next input field with a tabindex set. So, in the example below, it'll move to the next input field chronologically, instead of how they're ordered on the page itself: <input type="text" name="a" tabindex="1" /> <input type="text" name="b" tabindex="3" /> <input type="text" name="c" tabindex="2" /> Any idea if that's possible? $('input').live("keypress",
slideToggle
Hi, I have a simple problem and i'm stuck since i can't figure this out. I have some <p> followed by a <span> like this: <p class="headerClass">Header</p><span class = "textClass">Headertext</span> <p class="headerClass">Header</p><span class = "textClass">Headertext</span> <p class="headerClass">Header</p><span class = "textClass">Headertext</span> <p class="headerClass">Header</p><span class = "textClass">Headertext</span> ... Simple CSS file: .headerClass { font-weight: bold; color:blue; } .textClass
adding effects to addClass
Hi, I am trying to write a background image swapper, which I have got working. Ideally I would like to add a transition between the classes I am changing. I am new to jquery, and I thought this would be a simple project to start on, but I just can't get the fade to work. Please see below for my code: <script type="text/javascript" language="javascript" src="jquery/jquery-1.3.2.js"></script> <title>Untitled Document</title> <script> $(function() { $('.bg01') .bind('click', function
[jQuery] validations
Hi, I am verymuch new to jquery and wanted to use jauery validations for textbox controls in my project. how can i...can u please guide me using asp.net with c# we are doing web applications Ex: textbox accepts only alphabets and should not be empty
[jQuery] [validate] - translate generic error messages
Plugin: http://bassistance.de/jquery-plugins/jquery-plugin-validation/ How translate generic error messages, without editing the javascript file? My test: messages: { required: "Don't work", username: { required: "Work" }, email: "Work" } But I need to change one by one? I just want all the messages required to be changed and not a specific field. Exemple: change all "This field is required." to "Campito el obrigatoriozito
[jQuery] How to retreive Excel Documents via jQuery's $.ajax()?
Hi there! I've written a GUI which represents data from a DB. Each row has a table-head with its own "search" field in there, so you can filter the displayed data. To realize this, I use $.ajax() and I post the serialized data from these inputs. I retrieve a JSON object to update the current view. This works perfectly, but now, I also want to send the "current view" as an Excel Spreadsheet. In order to realize this, I use the PEAR Spreadsheet class and I send the Excel Document instead of the json_encoded
[jQuery] [tooltip] Top and left won't work
Hi all, I've donwloaded the jquery tooltip form: http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ and it is working great except for the following: I need to put the tooltip closer to the cursor so I've edited jquery.tooltip.js and changed $.tooltip = { top: 15, left: 15 to top: 1, left: 1 As this did not work, in my page I've added: $('#content img').tooltip({ track: true, delay: 0, showURL: false, showBody: " - ", fade: 250, top:
Bug with jQuery Draggable on IE8
Hi everybody, It's my first post on this forum to explain a big problem with draggable plugin of jQuery. In fact, on IE8 when i move quickly my draggable, event 'stop' of draggable is trigger, and so 'dragging effect' is finish :/ For an example of my prob look at this page : http://powertech.ovh.org/bug_draggable/ Try it with IE8, and move quickly draggable element (mouse cursor need to move on the same line than element to trigger the bug) If it's not still clear, tell me i will try to explain
[jQuery] jQuery and window.print
Hallo all. I need to enhance the window.print function adding an header and a footer to the page. Is there any way or suggestion to achieve this goal? Kind regards Max
[jQuery] validate
Hi, Please give advise, how to assign rules for form elements using their ids attributes instead of "name" e.g rules:{ name: "required", //plugin retrieves form element by name, but should be "id" email: "required" } Thanks
Form Validation problem
HI, I am using JQuery form validation. It works fine for me. The problem is When i click my save button, validation error message comes (Thats fine). Then if i clicked on the form the validation fires automatically. I want the vaidation to be happen only when i click my save button. How can i do that ..please help me.. Lot of Thanks in advance Ratheesh
[jQuery] Image dimensions
I am trying to get some cross browser consistency of obtaining the true image size. In Firefox, there is two fields, image.naturalWidth image.natualHeight IE does not recognize these fields. I think I am either over thinking the issue, and probably not seeing something I thought jQuery provided with cross browser width/height wrappers Background: I am loading a batch of images with various sizes. <div id="photos"> <img src="title.png" style="height: 240px;" /> <img src="photo1.png" style="height:
Next Page