Does anyone know how i would go about selecting the next .slide after the one with .current in it? how can i get the div index of the .current class?
<div id="slideshow">
Ive got the action attached to somthing outside of the slideshow div so i can use .this.
I have a page has multiple slide shows in it, and have written a little script to loop over and implement the function. I'd also like to diplay the current slide number under each sideshow ("2 of 5 images"). I tried a few ways to go about this (using the variables that should be floating around pager or prevNextClick). Neither worked. In the past I've had success with idx etc
[Code]...
I basically have a Jquery automatic slider. I have made 5 slides and there are 5 thumbnails of each img in the bottom to show users I have 5 slides.
When viewing the current slide, a white border box appears on the current slide. All the others are normal.
I would just like to know how I can replace the white border box with making the image of the thumbnail different.
EX: I have 5 black crircles and when your viewing slide #2. The SLide #2 circle turns blue.
Code I have is:
Both Frames lines are the ones who create the white border. Do I have to create my own function and add .attr({src : "new_image.gif"});
And delete both frames or is there a function already I can add? I see there is a background_color: 'transparent',
So I'm guessing there should be a background to add images but I wouldn't know the command.
I'm having a little trouble with 2 differentJS scripts. I have a drop down slide menu and a parralex slide gallery. Both work on separate pages and puton the same page they still work however the submenu of the slide down menu does not. if I remove the style sheet that belongs to the gallery
Then the munu works, however (obviously) the page layout goes wrong. if i remove<h1 class="title">Alex Holland Perspective</h1> the menu works however page layout goes wrong andI loose my header
Here is the code.
I'm making a form with some fields. Once the form is submitted it updates the page with a new div containing the data entered without refreshing. Im using jquery form plugin. What I'd like to achieve is the new div(.record) to .slideDown. I guess I need to somehow specify the exact div by giving it an id or number. I'm not sure and why im here.
At the moment when i submit all of the divs(.record) are hidden with .hide, then they all slide down with .slide. Best i can understand is to hide the last div then slide down. But again.. I don't know how to specify to only slide down the last div added and not the current .record divs on the page.
[Code]...
I'm using jQuery cycle plugin right now, and I want to add a new slide based on the newly created image and I want to replace this slide later if the user has updated the image. I read the document of jQuery cycle, and I found it's using onBefore callback to do the job, but it's not on the fly, how could I do it on the fly?
View 2 Replies View RelatedHow to insert and remove slide in jquery cycle before the first slide.
View 3 Replies View RelatedI am very new to using jquery (and any javascript at all really) and I am having a dillema. I am trying to have several expandable sections of my webpage but I only want one to be opened at a time so I want to use slideUp and slideDown rather than slideToggle.
I want to use the same button to open and close the section. How do I do this? Here is my current jquery code, as of right now when I click expandButton1 the itemContent1 section closes and then reopens immediately:
[Code]...
It's for a navigation on my website. I want to have the sub-categories sliding down, if you click on a parent-category. I made it and there's no problem. But I want the sub-categories to slide away with a second click on the parent-category and I don't know how to do this.
to give you an example of my code:
the html:
<ul>
<li><a href="#">Home</a></li>
<li class="menuparent"><a class="menuparent2" href="#">Info</a>
[Code].....
Trying to learn the basics... Here is a script for three toggle buttons that each when clicked open their corresponding divs. Fine. Now how does one go about automatically closing an open div when clicking on a new 'toggler' that opens it's div? I see other posts about this very question, but I'm just not grasping the logic.
jQuery(document).ready(function($) {
$("#toggle1").click(function () {
$("#toggle1div").toggle("drop", {direction:"right"}, 500);
});
$("#toggle2").click(function () {
I am implementing the following example into a project I'm working on...Simple Slide PanelWhen clicking Slide Panel, the panel pushes everything down. How do you modify it so that instead of pushing everything down, it just slides down over the top of everything else?
View 4 Replies View RelatedI'm trying to manipulate the functions of Codaslider for a layout. What I need is the ability to use an image for slide dynamic slide navigation. I've solved the issue for dynamic hashing, however I'm stuck at modifying the HTML. I've tried a few things but I figure this is the easiest way...
[Code]....
I've seen websites that had large flash ads that covered content on pages that, after they had run, resized or disappeared.
We would like to use the technology behind that (presumably JavaScript) to show and hide an intro flash on a home page. We would like to have a "close" link on the flash also.
I have searched Google and here but haven't found any good resources and many of the sites I have seen using the technology are no longer using them. I just need a little assistance on the JavaScript part of the puzzle.
We want the flash to start over the copy on the page and then roll out softly when it's done playing, revealing the content below. Code:
I have this simple slide down when you hover over menu, using the following JS and can been seen here..
Code JavaScript:
$(function(){
$('.sub-menu').hide();
$('.menu-item').hover(
function () {
var target = $(this).children('ul');
$.browser.msie ? target.show() : target.slideDown(150);
[Code]...
I'm after it working exactly the same apart from when you hover over the button the menu appears and slides up rather than down, slides above the buttons.
I'm trying to get a mootools plugin to work with a slide in/slide out javascript using multiple divs. Here's the page: [url] The mootools code (Noobslide) slides a main image on the right when you click thumbnails on the left, which are wrapped in a thumb mask using CSS. The first row of thumbnails works perfectly, but when it's passed on to the next div the mask isn't passed on and the effect breaks down.
Here's the html:
The javascript:
The CSS:
Im a starting graphic designer, 21 yrs of age and just rolling into this webdesign industry. Ive come a long way, do have some knowledge.. but when it comes to complicated things like JS I often visit knowledgeable forums like these.
I hope I can contribute into making this community richer.
Now, Ive implemented this slide out menu succesfully before, only now it seems that ive mistaken somewhere. The menu just pops out instead of sliding out like it should.
Code:
<script type="text/javascript">
$(document).ready(function(){
var docked = 0;
$("#dock li ul").height($(window).height());
[Code]....
And if you want to see a working example of how it should be look here.
slide show, am trying to hide "next" link when it reaches last slide
[Code]...
I'm trying to create two bookmarklets:
1. Take the current URL of the page and open a new window with a URL based on the current page. Some examples (I use "->" to mean "this URL turns into that URL"):I plan to use these bookmarklets in sequence, first pressing 1 to log into the CMS, then pressing 2 to edit the current page.
I'd like to set the align attribute of only the first TD in a TR for an entire table but am not sure how to address them all in one go. Probably an Nth child thing or similar but not sure!
View 13 Replies View Relatedthis is where I'm stuck:
$('dl.message-block dt').click(function () {
$(this).nextAll('dd').addClass('red');
$(this).toggleClass("toggle");
});
...selects all DDs of the definition list, but I only want to select the items after the corresponding DT until the next DT.
I'm using one piece of code to select a particular value from the dropdownlist. To select the default value after successful execution......
$(
"#titleDDL"
).val(
'- SELECT -'
);
But the desired output is got in Mozilla Firefox but not in IE7.
I'm trying to figure out how to select a value from a list that is filled dynamically using ajax auto suggest Take a look at the small code: when typing in a name by the keyboard this function is called:
[Code]...
This seems to be a peculiarone. Let me set the stage.I am selecting the href inside of ananchortag.I MUST disable all anchor tags inside my div.Here is the problem, I am redirecting old content to new content.I have over 1200 pages all with 1-20 anchor tagsAll of the anchor tags have a regular href url OR a javascript function.It looks like this:"javascript:open_window('detail1.html')"All I want is a way to extract the:detail1.html which can bedetail21.html ordetail.html also (thought about using slice to cut out what I need)
View 2 Replies View RelatedI have the following code that works fine (except the show/hide animation for the rows is proving to be a pain to get working):
In the table this is for, I have a checkbox in the first cell in the row the user hovers and clicks on to expand the following row. I am trying to make it so that clicking the checkbox doesn't trigger the jQuery toggling action.
Here is a sample row in the table this is for. The complete row below is what the user clicks on, and the row after that (class="docClassesRow") is what is expanded on clicking the above row
I tried adding :not(:first-child) to the selector:
But that didn't work.
I've been trying some stuff with jQuery, especially zebra striping table rows. All the methods out there use a "table tr:odd" selector or similar to that.
I would like to select every 3rd row (1,4,7,10,...).
I've got a hidden template div that contains an <LI> that is cloned and added to an <UL> on the fly. The cloned <LI> items have placeholder IDs. What I want to do is find all the IDs *within the cloned <LI>* that has a defined string in it (and then replace that string with the proper index, etc.)
So, for example, here's the HTML of the template:
<DIV id='thisLineRowTemplate' style="display:none"> <LI class='arrow' id='thisLineTemplateLI'>
<a href='#ex_EXNUMBER'>
<DIV class='LABELCLASS thisLine_labelContainer'>
<TABLE height=100% width=100%>
<TR valign='center'><TD align='center'>EXLABEL</TD></TR>
</TABLE>
</DIV>
<IMG id='thisLine_checkmark_EXNUMBER' class='thisLine_checkMark_off' src="assets/checkmark.png" width=60px height=54px>
<DIV id='thisLine_item_EXNUMBER' class='thisLine_exNameContainer'>
<TABLE height=100% width=100%>
<TR valign='center'><TD>EXNAME</TD></TR>
</TABLE>
</DIV>
</a>
</LI>
</DIV>
And here's the code so far:
for(rowIdx=0;rowIdx<theRows.rows.length;rowIdx++) {
thisRow = $("#thisLineTemplateLI").clone();
$(thisRow).attr({'id':'thisLineRow_'+rowIdx, 'display':'block'}).appendTo("#theList")
$(thisRow 'select[id*="EXNUMBER"]').each(function() {console.log("Found a EXNUMBER")});
};
Line 4 is what's stumping me. The <LI>s are being cloned perfectly. I've tried a couple of different selectors but honestly, I'm still pretty new to jQuery, so some of the concepts continue to elude me. At this point, all I get is "Parse Error" on that line.