I am combining a select box enhancer called Chosen from [URL]... When the States section is toggled, the accordian's area is not grown when the chosen is activated and shows a scrollbar when it shouldn't.How do I need to handle that?
View 2 Replies
I am working on a plugin and have a test page setup here...to test bigSIZE click the 'BIG' button first, then mouse over the colored boxes. It works fine if all the boxes are the same size...the problem comes when you change the box sizes (I added the form to change the sizes for testing). For example if 3 boxes are 100x100 and one is 25x25 the 100 boxes will still work but the 25 will not.
Also, if the mouse leaves the box during the grow animation it will stay grown until you reenter and then trigger a mouseleave, so I need to fix that but I'm not quite sure how to do that either.
I have some jQuery that inserts rows in a table, and currently just set the font colour of the new row to a highlighted colour for a second or so, to show the added row.I would really like to be able to make the new row grow from zero height to its normal height, rather than just appear, as this woudl look nicer. Similarly, when I delete a row, instead of fading to zero opacity, then being removed abruptly (which causes the rows below to jump up),I tried this using show() and hide(), which I thought would do it, but they don't. They fade the opacity correctly, but change the height in one jump.
View 17 Replies View RelatedI have a simple HTML table that I want to use as a progress bar - by
changing the width of the two TD elements with javascript, you show
progress. The problem is that when I change the width to 100 and 0
resp., you still see a sliver of white for the right cell... any way
to do this, it's drivin me nuts! I tried also changing the back color
of the right cell to blue when it hits 100, but it only works in
Mozilla/Firefox, not IE....
I'm absolutely new to JavaScript and HTML, although I've done a fair amount with Visual Basic (VB6 and macros in Word and Excel). I'm trying to create a form with different sections. When the user checks a checkbox for a section, the table with the input areas for that section will appear; if the user changes his mind and unchecks the box, that table will go away. I've played with the visibility attribute, and that works - sort of. I can hide the table from view, but it's still there in the page, taking up as much room as it does whether visible or not. There's a big empty gap containing an invisible table or two if the user only selects the third or fourth section.
function showhide(element){
if(document.getElementById(element).style.visibility=="hidden"){
document.getElementById(element).style.visibility="visible";
[code]....
I have a list menu that when the page is opened is stretches the page out wider than the screen because there is an entry that is very long. Is there a way to make the list box only stretech out a certain length in order to stop this?
View 3 Replies View RelatedI am trying to get an accordian script to work within tabs, here is the code I just can't get it to work, I realise the issue of the inactive tab displaying none which causes problems, I have tried a few work arounds but still not working [code]...
View 2 Replies View RelatedI am working on a website and discovered this vertical accordion style navigation bar that works perfectly for my needs. I am not a programmer though and have never worked with jquery so I need a little help tweaking a part of this navigation.
The instruction page that I cut and paste the code from is here: [url]
I have two menu items that don't need a dropdown component (the "home" button and the "contact us" button). They are pretty much stand alone links. You can view my page at: [url]
Is it possible to make the home and contact buttons a stand alone link themselves? I don't want it to open a sublink as there are none connected to these two buttons...
Also, where in the code do I place the info if it is possible.
im using the jquery accordian on two divs, the first time the page loads the first div displays as it should you then click the header and the second displays as it should.but when you click on the 1st header to display the first content again the content has scroll bars AHH
View 1 Replies View RelatedI've been using the accordian tutorial but was wanting to save it's state after I click the link
[URL]
for instance if I open the accordian to heading two and click link 4 it would be great for it to stay like it on when link4 page loads (so the users know where they are)eg:
Heading1
Heading2
-link4
[code]....
im using some accordian jquery code and the accoridian is open when i view the page.... is there anyway i can have it closed and i can click to open it
im using this code:
window.addEvent('domready', function() {
var status = {
'true': 'open',
'false': 'close'
[Code].....
Iīve just launch my website-portfolio, well itīs not yet the final version but it is almost and despite I am satisfied with the final result Iīve detected a really strange bug that only happens sometimes. The thing is when the first introduction Slide appears (the one with the hand-made drawings), sometimes the images shrink from the normal size to small tiny images. This doesnīt happen always and if you refresh the page it disappears.
Follow the link to the page were the bug happens - [url]. I'm using jquery cycle plugin, check it out.
I have a video-content website and use the jQuery on most all the pages. One page combines theAccordian widget with video:
[Code]...
I have an accordian list much like the example here : Say for instance i have page links under the heading 'Section 2' of that demo.How can i make it so that when you visit a page from these links 'Section 2' is now active (by that i mean expanded, instead of the first item as default)I am looking at this information provided on the same page , but it's not really making sense to me.Selector for the active element. Set to false to display none at start. Needs collapsible: true.Code examplesInitialize a accordion with the active option specified.
$('.selector').accordion({ active: 2 });
Get or set the active option, after init.
//getter
var active = $('.selector').accordion('option', 'active');
//s
[code]....
I am trying to create a basic a accordian style menu. Im guessing i have done 90% of the code, but a little stuck now.I have three widget and what I am attempting to do is hide all the widgets apart from the one actually clicked. My code so far is as follows.
$(".widget-title").click(
function () {
$("#widget1_content").hide(); //My Widgets
$("#widget2_content").hide();
[code]...
I was wondering how to make URL...by Karl, work with an unordered lis instead of divs. I tried the below but did not work. I think what I have done here ('.links:visible');looks plain wrong (I can't put a class or an Id in there right??)[code]
View 3 Replies View RelatedIn my application i am using two jquery scripts .One is for accordian and another one is for drillMenu . Both js files are having "jQuery(document).ready(function($)".
If i use both the js file in my application only one functionality is working. For suppose if menu drill is working then it is not supporting another one.
I'm a relative newcomer to jQuery (and for that matter an inexperienced web builder) but I've really enjoyed using the jQuery UI and plugins as I work to redo my site. My problem is this. My site includes many video progressive download files. I have tried to combine either jQuery UI (Accordian) or a plugin (nivoSlider) (not both at the same time) with a video embed using SWFObject. For some reason the combination cause my video playback to stutter.
Here are two test pages. They access they same mp4 files but in Test_1 I have disabled the nivoSlider js. The videos playback smoothly in Test_1 but in Test_2 the playback stutters. [URL]
I'm extremely new to jquery and trying to write a toggle function without using the built-in functionality. From what I've read, this should be a fairly straightforward exerciseHowever, I'm running an issue. My code doesn't seem to do anything. Not clear to me why because nothing is erroring out? Here's what I've got:
<html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> // we will add our javascript code here
[code]....
Alright so you have the header, horizontal menu, then content below it. The horizontal menu has to expand PUSHING the content down slightly expanding the wrapper. I'm hoping someone can help me out with this because right now it's not even horizontal. When I flip it it all breaks
[Code]...
I'm using this fantastic accordian here: [url]
It works great, but I'd LOVE to be able to set the tab image to another image (say, a lighter shade of green) once it's clicked. Just so the user knows which tab they're viewing.
I've tried looking through the three .js files to do this, but it's a little too advanced for me.
I have a spry accordion that I have inserted in Dreamweaver with 5 tabs for Monday-Friday.
How could I make the tab active depending on what day it is?
i.e: So if its Tuesday the Tuesday tab will be active.
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Monday</li>
<li class="TabbedPanelsTab" tabindex="0">Tuesday</li>
<li class="TabbedPanelsTab" tabindex="0">Wednesday</li>
<li class="TabbedPanelsTab" tabindex="0">Thursday</li>
<li class="TabbedPanelsTab" tabindex="0">Friday</li>
</ul>
here is my scenario:
I have a link and a div on a webpage. With the link I want to toggle the content (HTML) of the div. On toggle, I want to load the content from a PHP-file and I want it to load on the toggle, not when the webpage originally loaded (to reduce loading time on the webpage itself).
The file that is loaded on toggle doesn't have to be PHP, but it would help a lot.
I have a page with the code below (you can see the page herehttp://thegamingmall.com/realsite/testing.html). I'm using the .toggle() function to show/hide a div tag. However you ALWAYS need to click it twice! It's driving me and the users insane.
<!DOCTYPE html>
<html>
<head>
</head>
[code].....
I'm trying to get an A tag to toggle between hide and show when It is clicked, you can check the latest version of my trying here:psdesignzone dot com / jquery / d6tftoggle.htmlI'm trying to change the innerHTML I guess of the A tag to hide or show each time that specific element is clicked (i'll need this to work with other a tags as well)
View 1 Replies View RelatedI'm trying to build a table that has hidden rows below certain shown rows.
How would I modify this script so that it shows all of the hidden rows below a row, but not the hidden rows throughout the entire table?
$
(
document
)
[Code].....
You can see the HTML table structure here, as well as it working with only 1 row. URL] I was able to get all the hidden rows throughout the entire table to show, but that's not what i'm looking for. I just want the hidden rows that are below their respective shown table rows.
