JQuery :: Ui Accordion Losing Links In IE6?
Apr 9, 2010
I've just set up an accordion using the simple version that comes with JQuery UI.It uses links inside h3s as the headers, and I noticed that links within the content divs had disappeared. The documentation at says - If you have links inside the accordion content and use a-elements as headers, add a class to them and use that as the header, eg. header: 'a.header'.I'm just struggling with the right way to do that. I've tried giving each 'a' a class of 'faq' and using :
Code:
$(document).ready(function() {
$("#faq_accordion").accordion( { header: 'a.faq' },{ autoHeight: false } );
[code]....
View 4 Replies
ADVERTISEMENT
Feb 5, 2010
I followed a tutorial on here about Expanding Sliding Menu's or Accordion Menu's.Here is the script:
$(document).ready(function(){
$(".Left #SideCategoryList ul#parent-cats ul:not(:first)").hide();
$(".Left #SideCategoryList ul#parent-cats ul:visible").hide();
[code]....
View 4 Replies
View Related
Jan 12, 2009
Why my submenu links dont work and why the submenus are taking a set height. I'm just learning jQuery and cant figure out what I've not set properly. [URL]
View 1 Replies
View Related
Aug 5, 2010
I created an accordion menu with rollover sub menus. My question is there a way to stop the rollover effect in the sub menus until the accordion animation is finished? When I click on a category link on the accordion the sub menu links flashes until the animation is done.
View 1 Replies
View Related
Oct 1, 2009
explain to me the difference between the two? I just finished an online tutorial on Accordian Widget UI and it
View 5 Replies
View Related
Aug 25, 2010
I am using JQuery to load data into a textarea element on a form. The data has CRLFs in it, and of course the textarea element supports that. However, they seem to get lost in the load.
Code:
var sURL = "AjaxFunctions.php?Act=QuoteComment&CommentID=" + sID;
$('#MainEdit').load(sURL);
I've tried replacing the CRLF with <BR> on the backend before returning the data, but that doesn't work. Is this just a limitation of the technology?
View 1 Replies
View Related
Mar 19, 2010
I have a JSON source (a plain text file) that has some special chars in it and they look correct in the text file. However when I retrieve the file and use $.evalJSON against it the resultant array has things likeinstead.I'm sure I must be missing something obvious
View 1 Replies
View Related
May 28, 2009
Unexpectedly it's not happening in IE 6/7 :) So looking for form jQuery plugin which can save and deserialize form values on a event. Already using form plugin which saves form values in an Array but it doesn't write back the values, need to write back those values after some manipulation to the individual form. But the case is bit different here; we have been using multiple forms on a single page.
View 3 Replies
View Related
May 11, 2010
Basically I want to prevent a user from moving to another field if the current one is invalid (non-numeric).I've tried a few things that I though would do the job, I've also tried using the change event with the last line (resetting the focus to the current element) but no dice.
jQuery('.setupprice, .monthlyprice, .quantity','#config_dialog').live('focusout',function(e)
{
var val = parseFloat(jQuery(this).val());
[code].....
View 7 Replies
View Related
Jan 6, 2012
i am working on a project that will involve displaying a long list of product information. this will include images and description of the product. knowing fully well that users must have uploaded images with different dimensions, i want to display the images such that they will all have same dimensions without having some of them lose aspect ratio. i want it to look like the way facebook displays facepile (your friends), it may only hide a portion of it,
View 1 Replies
View Related
Feb 8, 2011
I am looping through an array of objects and creating an <li> element for each one and appending to a <ul> in the DOM. Works fine.During the looping I am also attached a 'details' object as data for the list element:$(thisListItem).data('details',{<obj>});Later, I am using the selector:$('ul#images_list li')to attach an on click function for each <li> element.In the click handler I am reading the data 'details' object for the <li> element:dataDetails = $.data(lotImage,'details');and, using the jAlerts plugin, I am opening a jPrompt which asks for the user to enter a price.
The jPrompt call includes a callback which receives the entered value as a parameter. The callback uses the value to 'post' the updated value, via $.ajax, to a server side unction.After OK is clicked in the jPrompt popup, in Firebug, I get an error that the dataDetails is undefined and it lists the line number in the click handler where I originally read the data object from the <li> element.I don't really understand why it should care after the click event has fired and the jPrompt callback has been invoked
View 3 Replies
View Related
Aug 25, 2010
table stripes are init with ... $("tbody tr:nth-child(even)",$context).addClass("even");
The event function for a click on a <th> loads sorted data ... $('tbody',$context).load("Grid.ajax.php?grid_id="+$grid_id+"&orderby="+this.title);
The striping is lost ... I tried adding the same statement after the load() with no change.
#1 ... What is the best practice for restoring the stripe effect other than doing it on the server.
#2 ... Should I call ".empty()" before an ajax request to protect against garbage left in memory?
#3 ... I also have a row highlighting functions for mouseover/mouseout events. Can I assume the ".live()" event definition should apply to rows added after an ajax request.
View 1 Replies
View Related
Nov 14, 2011
I've used the fantastic Cycle plugin on a couple of projects now, and it's worked really well.
I have four elements that use cycle, and I've used the timeout and delay options to have one box after another flip repeatedly.
This works well, so the first slide flips after 1 second, the second after 2 and so on, and then each slide continues to flip in turn.
Unfortunately, when I move to another browser tab or another window, then move back, returning focus to the window with the flip elements, the timing seems to go wrong. Each slide continues flipping, but they're no longer flipping one at a time.
My code runs as follows:
I'd like to see each one continue flipping in turn when I go back to the first tab.
View 2 Replies
View Related
May 14, 2010
I have just started using Superfish. I am using a reverse color scheme (the background is green font color white) - so when I rollover a main menu item the menu item rolled over has a background of white, font color is green. When I go to a sub menu item the background of the main menu item stays white, but the font also stays white (I want the font to stay green).This is an example of how I want my menu to work:
http:[url]....
(Notice that when you rollover and then fly out, the main menu item rolled over maintains its background and foreground color).This is the part of the superfish.css that I have edited:
/*** DEMO SKIN ***/
.sf-menu
{[code].....
View 1 Replies
View Related
Jun 21, 2006
I'm having a problem on a site where an onload event works in Firefox but not in IE. Actually, the onload event works in IE once - but then if the Ajax onreadystatechange changes, IE chokes and doesn't use the onsubmit event that worked when the page first loaded. Code:
Try entering something that isn't an email address and submitting it. Then try just submitting a blank form. Firefox will do the asynchronous call to a PHP script and return the results - IE will do it the first time, and then not again. Code:
IE works fine if I add a simple 'onsubmit="saveData();"' to the form itself, but I'm trying to keep my semantic, presentation, and behavioural layers separate. Using the DOM seems to be the way to do that, but IE seems to only do an XMLHttpRequest once and then stop listening for the event.
View 3 Replies
View Related
Apr 30, 2010
I am new to jquery, and love it so far, but I am more of a designer, not a developer. I am learning jquery to enhance my sites, and I am having a problem figuring out buttons.
I have them working in firefox and safari, but in IE links do not work.
Here is the script I have, and the button code.
View 1 Replies
View Related
Aug 26, 2009
My menu navigation(Home, Hosting Solution, etc..)
1. The submenu links need to be centered in the middle of the div instead of aligned to the left.
2. Can the submenu links have a rounded box appear under them, instead of being underlined links. Like these at the top: [url]
3: The top tab needs to stay gray/active/on when the mouse is moved down to the submenu or when it is the active button.
Here is the link of the site [url]
View 2 Replies
View Related
Mar 10, 2010
I'm using jquery/ajax to create some links with window.open method. Here's the relevant code:
$("#content").empty();
$.ajax({
type: "GET",[code]..........
Basically, when you click a link a function is called with a parameter based on the particular link you run. Then the code runs through an xml file, and if the parent of the nodes I've cyling through has a value equal to the parameter past to the function, that node is used to create a new link with window.open function attached to it.It all works, or seems to, and when I alert what is being built, it looks right to me, yet the links don't work.I've attached a copy of one of the alerts of one of the links as it's built.
View 5 Replies
View Related
Sep 26, 2011
In my work here there is an application that has recently had a plugin coded up for it, the plugin allows custom message boxes to be opened up by the user when they roll on the help icons. The boxes open automatically and then close as soon as the mouse focus rolls off their box area. The boxes support java script content and html etc so can be very customised. I have coded a user form with various data capture fields. I would like the data in the fields to be reloaded if the user accidentally rolls off the box (as this will close it and the behavious cannot be changed :-<)
I have used cookies and tested in browser and all the retreival and storage of the cookie data works fine. Problem is with this plugin app is that i cannot fit in the call to 'onload CheckForCookies()' anywhere - The boxes do not seem to appear as 'window opening events' What is way of Adding the call to checkforcookies() into my form loading - that does not depend on a window opening event? There are four or five fields and i would like them all to update with whatever was last in them when the messagebox opens - it is not an api/ browser generated messge box, rather it is a custom web widget of some sort and i do not have access to the source code at this time.
It is equally important to be able to create or refresh the cookie data for the fields when the user rolls off the box so they do not lose whatever info was typed in so far so i need to call like 'onunload SetAllCookies' Like i say i have the code to do the work, the problem is the functions are not being called as the behaviour of the little boxes does not trigger them as load / unload eventrs. I tested using 'onfocus' and this works but is nbo good as the user would only see the data they had 'lost' when they click on a field.
View 2 Replies
View Related
Nov 28, 2010
I have an image wrapped inside a link tag.<a href="somepage.html"><img id="content" src="img/some.gif" /></a>
I want this .click target to be the link: $('a').click(function(e){
Instead, the target returned is the image [HTMLImageElement].
I have tried using closest()and currentTarget:
But they all still return the image, not the link.
View 2 Replies
View Related
Aug 7, 2005
example with <ol> as parent.
<script type="text/javascript"><!--
var gFiles = 0;
function addFile() {
var li = document.createElement('li');
li.setAttribute('id', 'file-' + gFiles);
li.innerHTML = '<input type="file" name="file[]"><span onclick="removeFile('file-' + gFiles + '')" style="cursor:pointer;">Remove</span>'
document.getElementById('files-root').appendChild(li);
gFiles++;
}
function removeFile(aId) {
var obj = document.getElementById(aId);
obj.parentNode.removeChild(obj);
}
--></script>
<span onclick="addFile()" style="cursor:pointer;">Add</span>
<ol id="files-root">
<li><input type="file" name="file[]">
</ol>
example using table:
<script type="text/javascript"><!--
var gFiles = 0;
function addFile() {
var tr = document.createElement('tr');
tr.setAttribute('id', 'file-' + gFiles);
var td = document.createElement('td');
td.innerHTML = '<input type="file" name="file[]"><span onclick="removeFile('file-' + gFiles + '')" style="cursor:pointer;">Remove</span>'
tr.appendChild(td);
document.getElementById('files-root').appendChild(tr);
gFiles++;
}
function removeFile(aId) {
var obj = document.getElementById(aId);
obj.parentNode.removeChild(obj);
}
--></script>
<span onclick="addFile()" style="cursor:pointer;">Add</span>
<table><tbody id="files-root">
<tr><td><input type="file" name="file[]"></td></tr>
</table>
I did the ol one first then he said he wanted it as a table for some reason.. so here they are..
View 2 Replies
View Related
Jul 21, 2009
I'm trying to accomplish an accordion-like function, but instead of dropping down the section below, the content just lays over the other options.
For example, take a look at the Accordion example here: [url]
Notice how when section 2 is clicked, section 1 rolls up. I'm trying to achieve something where with section 1 open, the user would need to click on section 1 to close it and then could select section 2 which would overlay its content below, rather than pushing section 3 down.
Is there an option on accordion that I'm missing or can this be accomplished using another widget or plugin?
View 1 Replies
View Related
Mar 1, 2011
I've tried various other ideas posted here but I cannot get this working in IE7. Sample page :[URL]I am aware there can be issues in IE7 with <div> tags inside <a> tags .. I tried replacing all the divs with span but no success.
View 2 Replies
View Related
Jul 25, 2010
I am a new jQuery user and am pulling my hair out trying to get an accordion menu to work on my site. I originally tried using the jQuery accordion that you can see in the left column on this page:
[URL]
It worked great in Firefox, but not in IE. So, I decided I'd try Accordion UI and I spent the afternoon learning how to use jQuery UI and themeroller and trying to get it to work, but to no avail. I've tried everything I know to try. take a look at this page:[URL]
(left column only... ignore the accordion references on the right, they refer to the above attempt.) It appears that the jQuery is not working at all - the scripts OR the css...
View 4 Replies
View Related
Jul 20, 2009
I am having trouble trying to load contents on a tab in accordion on the fly. Which means, the content for a particular tab will only be loaded and displayed when user click on it. Is there any example available? I am still trying it with Ajax. I know this is the correct direction but couldn't sort things out.
View 1 Replies
View Related
Jul 6, 2010
I'm having an issue with my Jquery Acorddion, it does not seem to work in I.E8 but works fine in chrome and firefox.I have initialised the acordion using the following code:
Code JavaScript:
<script language="javascript" type="text/javascript">
$(function(){
[code]....
View 2 Replies
View Related
