I am trying to build a 2-column table with a slidedown effect in each cell:
[url]
Thought I would be clever and copy the first cell into the others and change the content. If you click on 'continue,' you will see the issue I am trying to solve.
Is the cause a float issue? Div? Something else?
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:
This is what I have my slideshow set up
$(function() {
$('.slideshow').cycle({
fx: 'fade',
timeout: 0,
[Code].....
i am trying to slide multiple elements in my page at the same time.I wrote a script that can do one element at a time:
var count;
var obj;
function slide(elem,endy,endx,time){}
[code]....
is their anyway to modify this code so it does not use global variables and can run multiple instances simulatnuasly.
I've been using the jQuery Cycle Plugin now for a variety of clients and feel pretty comfortable with implementing it and how it works. I rarely have any difficulties and it always seems to shave time off my projects. Its really is an awesome plugin that I am extremely grateful for. That being said I'm having a little difficulty with a more involved implementation on a personal project. [URL]. The plugin is working correctly - but not ideally.
Each image and title you see is a callout for a blog post. The posts are automatically added by calling the WordPress theme's "loop" - a PHP function loading the information and images from the last several posts written - then it displays each post's featured images, titles, and other info inside divs labeled "post". Afterward, the jQuery cycle plugin uses all the "post" div's to create a great user-interactive recent blog-post slider - using (my favorite) vertScroll effects.
What I'm looking for is a way to display 2-3 posts at a time instead of just 1. I've seen people have 2-3 images displaying per scroll by adding two-three images into a div - and then having that div (with more divs) cycle. What prevents me from doing something like that here is the fact that the list of blog-posts is dynamically populated by PHP. There isn't a way (I know of) to insert a </div> after 2-3 posts and then open a new <div> for the next 2-3 so that the cycle plugin knows where to stop the scroll content.
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 am unable to have link working in my slide show.
View 2 Replies View RelatedI've now got my slideshow working with png captions flying in from the right. This was working perfectly but when I added the 20th slide the captions are no longer working properly, they seem to be disappearing behind the image. And when I add the 21st slide the captions stop working all together. Link below: [URL]
View 2 Replies View RelatedI'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 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'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'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 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]...
I've been working on a freelance design site, and I have been using jshowoff and fancybox on my portfolio page. The portfolio has multiple sections that are set to be scrolled through using jshowoff by using the slide links. This use of jshowoff is working perfectly fine, but fancybox isn't. fancybox is supposed to be set to launch a modal when any of the portfolio thumbnail images are clicked. As it is right now, fancybox links will not work within the jshowoff slide div, but they do work outside of the jshowoff slide div.
I have done about 5 hours of searching online for possible fixed to my issue, and I haven't found anything. I am attempting to fix the conflict the between jshowoff and fancybox. I am very new to using jQuery plugins, so hopefully, you can all bear with me.If anyone may know how I can fix my fancybox links, so that fancybox will work within my jshowoff slide, I'd greatly appreciate it. I have provided the html below:
<!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">
[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].....
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.
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 RelatedThis code works fine in in FireFox but not in IE... it's written in Javascript & AJAX but I'm pretty sure the JavaScript is the problem...
Basically what this script is supposed to do is when you select a Product Option, it uses AJAX to fill out the Value drop down box with choices. That works fine.
You then select something from the Value drop down box and it then uses AJAX again to fill out the details into the Weight and Price text boxes... This is where it goes wrong. Code:
So i finally got my table to work and sort correctly, but now when I try to put the onto my html page it is not working. The page also has a flash animation on the page . Dreamweaver automatically puts swfobject_modified.js when I save my file.I looked at the JS code for mytable sort and there is no onload and i am not sure what else to look for. Here is the code for my sort. It wont let me put my code in for the swfobject.modified.js cause its a million lines long! but you can look at it on my student server at http: //student . santarosa.edu/~ksamou...ct_modified.js
Code:
function _TF_trimWhitespace(txt) {
var strTmp = txt;
//trimming from the[code]......
I am a newbie for JS. I am unable to use two javascripts on a single page. Can someone help me as its not working perfectly? The Iframe scroller is not scrolling the messages smoothly.
[Code]...
I have tried the following code on FF and Safari on OSX 10.6.3 , and FF stop at after print out "step 2", whereas Safari did not print out "step 2" after the setTimeout("step2();",10000);
<html>
<p><b> SetTimeout Testing </b>
<script language="JavaScript">
<!-- Begin
[Code].....
I have 2 checkboxes that I want to slideDown/Up a div with. I can get 1 checkbox to do it perfectly fine...however, I can't seem to find any documentation or examples of doing it with two different checkboxes.It seems like there should an "if/then" or an "or" "and" type statement to make this happen but i'm extremely new to jquery and have no idea how the syntax is structured.Problem: Need two checkboxes to show same div... div needs to show even after one checkbox is unchecked after being checked itself.Code i've use to get one checkbox to do it: (chkframe = checkbox 1 id..... chkfound = checkbox 2 id)
$("#dropdown").css("display","none");
$("#chkframe").click(function () {
if ($("#chkframe").is(":checked")) {
[code]....
Multiple selectors not working
View 8 Replies View Related<script language="javascript" type="text/javascript">
$("document").ready(function () {
initialiseAjax();
t = setTimeout("changeAds()", 8000);
});
function changeAds() {
[Code]...
The problem is that 'line 1 and line3 are executed but line2 is never executed.' If i comment line1 and line3 then line2 is getting executed