I am using a simple javascript slide show. The actual width of it is fine, but the scrolling part is messed up, it's suppose to start at the very right and scroll all the way left. Instead it scrolls in like a 150px area and repeats. How can I get the picture to scroll the entire length?[code]...
View 2 RepliesOn my home page, I have a 3-column layout where the left and right margins are fixed width and the middle column is fluid with a Min-Width and Max-Width to account for different screen resolutions and sizes. In my middle column, I would like to place a "slide-show", and the key point is that the slide-show should also have Min-Max capability so it adjusts with my middle column. I found a really nice slide-show script here: [URL]. My problem is that while I know some programming I do not know JavaScript and have no clue of what needs adjusting for my Min-Max effect to work.
Here is a link to my "test page". (It includes one link showing how my home page currently works with text in the middle column. And then there is a second link showing the slide-show that needs to be modified.) [URL]. Apparently the JavaScript file(s) go out and determine how many "slides" there are, then the script divides the total page width by that number of slides, and then it generates the accoding HTML/CSS to display the slide at the proper width. (If I can find that code, it shouldn't be too hard to adjust it so that it adjust to my Min-Width and Max-Width.)
I have a site that I'm building at [URL] which use the jquery cycle plugin for a slideshow. I won't post the code here because it's all there with view source at the above address. It's a work in progress. The slideshow is full width (the images in it are actually 2000px wide but looks full width), and works fine apart from when the browser window is resized. This is most noticable when you start with a smaller browser window and then resize it to be bigger.
The slides stay the same width as when the page loaded - I need them to adapt to the new width. I need the slideshow to be centered at all widths, so I've put the images in as backgrounds to divs with center positioning on them. I've tried getting the window width on resize and then applying it to the slides using jQuery, but the original calculated size overrides it when the slide changes.
I want to show some message in a box when the mouse is over a button (examples: undo, save, open, ecc ) like in some interface. I don't want to display the mesage in an alert window.
View 4 Replies View RelatedWhat the short way of using an if statment for assigning values to a verible?
View 2 Replies View RelatedI've been tasked with fixing a problem on a site that I didn't develop, but in a nutshell somebody wrote a little Javascript that appears to only be working in IE. I'm not sure why...would anybody be kind enough to have a quick look?Page in question is: http://www.thomastonauction.com/newA...eSignature.phpThe script not working is in the head of that page, and looks like this:Code:<!--this appears to be the script that is called when users click the "submit to thomaston auction" button,which should trigger an email containing the bid info. to "auction@kajav.com" and open a printable copy of the bid in a new window ("newAbsenteePrintForm.php")-->
<script language="JavaScript" type="text/JavaScript">
function openPrintForm(sid)
{
[code]....
I am coding a page that has 6 buttons on it, from which one is the correct button (the target). I want to try and implement the following:
1) when a wrong button is clicked, the file "wrong.mp3" is played. It is less than a second long.
2) when the correct button is click, the file "right.mp3" is played. It too is less than a second long. The page then redirects/reloads. This is the code that I can't seem to get to work:
[Code]...
I need help with a code that will generate a random number or integer (from 1-9). Does anybody know of a short random generator without having to import anything?
View 1 Replies View RelatedI am using the following jquery plugin:Besides the link to the relevant JS I have this piece of code in my page <head> </head> section:
<script type="text/javascript">
$().ready(function() {
function findValueCallback(event, data, formatted) {
[code]....
I've got this lovely little animation that slides some div fields to the right a short distance. Everything works except the setTimeout (located in the SlideIn function). It simply 'jumps' without taking any time at all. I've tried a bunch of stuff:
changed the amount of time from 100 to 10000
changed it from var t = setTimeout("SlideIn()", 1000)
SlideIn with/without the brackets, with/without the quotation marks.
[code]....
I have 2 lists and function to clean them
function del_sel(option){
if (option == "1"){
document.forms[0].list1.innerHTML = '';
}if (option == "2"){
document.forms[0].list2.innerHTML = '';
}}
How to make this function shorter & without options? Something like that:
function del_sel(option){
document.forms[0].option.innerHTML = '';
}
The problem is that this code returns mistake:
function del_sel(option){
document.forms[0].option.innerHTML = '';
}
...
<input type='button' value='Delete onclick='del_sel(form.list1);>
Looking at the sample code below, if you click the same link over and over, I get the desired result / animation of the revealed div. If however you click 'link 2' then any link except 'link 2' the animation is different. What do I need to change in my logic to always get the desired result despite which link was clicked?
[Code]...
I need a program by which I want to open several web link autometically after a short interval. E.g. open google.com, then wait for 10 sec, then open yahoo in the same window, then wait for 10 sec, then open gmail, wait for 10 sec, then myspace, and so on.......
View 2 Replies View RelatedNot sure if the root problem is a js load issue or rather css. Problem page is here: [URL] I've had success using the Lightbox2 module on several Drupal-based sites, but this is the first time I've handled the straight code and tried to drop it into a hand-coded site. Internet Explorer fails to draw the overlay div to the full page height. Firefox 3 performs as expected.
The web site suggests setting the body margin and padding to zero, but those were set anyway and tweaking didn't help. Another suggestion was to stick initLighbox() into the body onload, but that function doesn't exist. Also tried initialize() and Lightbox.initialize(), but again it's claimed those functions don't exist. Looking into the code, however, initialize() is where the div height is calculated, I think. It should be noted that the lightbox still works on IE even when using one of these failed onload attempts. And I don't actually get IE to report any js error with the onloads - I have to rely on Firebug for that.
let me try to explain better what I'm trying to do. I'm a real newbie I don't know much javascript but I understand more or less the logic behind it... tell me if this solution should work and if you know how to do it please show me. [URL]... I need to make div#photo's width to match the total width measurement of all the images it contains. If you load the page and you don't touch the size, it will work fine... but that's not realistic. If I resize the page, which will happen often on this kind of page (I'm assuming), the whole thing goes haywire (try it, scroll to the last image and resize the page you'll see what I mean). What can I do? Is my idea the right solution? Am I not explaining this clearly enough? Let me know please, I'm desperate. I've been trying to get CSS to do this for me for 3 hours now. Nothing works.
View 6 Replies View RelatedIs there any way that one could have supersubs functionality applied to drop-down multi-column menus?I assume one would need to calculate the width of each column plus the combined width for the container.
View 1 Replies View RelatedSo Im trying to create a slideshow with thumbnails the user can scroll through and use to navigate the slideshow. I'm a big fan of cycle so I wanted to use that as my main slideshow component and was planning on using jcarousel for the pager. So far it works great in Firefox, Chrome, and Safari, yet in IE the thumbnails are not loading. I'm guessing it has something to do with how the images in the pager are generated and then jcarousel just isnt proccessing that in IE but I 'm not sure. I feel like I'm very close to getting this slideshow to work, yet I need to figure out why it is failing in IE.
[Code]...
i m trying to append months short type with jQuery Datepicker
Code JavaScript:
<script type="text/javascript">
$(function() {
[code]...
I am using a simple prototype slideshow and a more comprehensive jquery slideshow on my website.When these are used on the same webpage on my website there appears to be a collision: (For example)Code:element.attachEvent is not a function[Break on this error] element.attachEvent("on" + actualEventName, responder); How can I avoid the conflict without reverting to a new slideshow?
View 1 Replies View RelatedI currently have a website where i share thoughts with my friends (some kind of forum) and within this 'forum' people can post pictures they made but most of the time these pictures exceed the max width of my website so my website gets all streched out!So this is what i want: all images on the page must run thru some sort of function which checks if the image image width exceeds the max_width. if it does then the script must calculate how many pixels the current width exceeds the max_width and get this number so that the script does: current_width = current_width - (max_width - current_width)
View 1 Replies View RelatedI've recently start using Flexigrid (old JQuery grid plugin), and, as you may know, one of the few issue this really good grid plugin got is the lack of liquid layout option. My personal idea to solve the problem is to set the "width" parameter depending on $(window).width. Here is the problem (and here's why i post this question in "General use" and not in "Plugin").
The starting, and working, code is:
$(document).ready(function(){
$("#flex1").flexigrid
(
{
[Code].....
This work fine for me, but I supose it could be done way much elegant... maybe somethin without "IF" that could emulate the "%", like var percentage = $(#div.id).width()*0.XX with the 0.XX picked from an array of percentage, one for each column. Probably I should set up a function... ahhhh, as you may easily see I'm a total beginner with JQuery (and JS in general...)
I am trying to setup a javascript function that sets a div's width based on the combined width of the li's with the name "navItem". The problems I have been running into when trying to define the width of the li's is that they do not have a width defined in css. Can anyone help me out with this? The javascript function setWindow is suppose to show the div loginWindow and set the width of it.
Code:
<div id="topNav">
<ul>
<li><img src="<?php print $site->folder['images']['header']; ?>topmenu_left.jpg" border="0" alt="" /></li>
<li name="navItem"><a href="<? print $site->url['about']; ?>">About Us</a></li>
<li name="navItem"><a onmouseover="setWindow('loginWindow');" href="<? print $site->url['billing']; ?>">Client Services</a></li>
[Code]...
I've been using this little bit of code to show a div when the user rolls over a link:
$('a#eventspopupbtn').mouseover(function() {$('#menu').hide('fast'); $('#eventspopup').show('fast');
return false;
});
I have been trying to extend this bit of code so that there is a short delay built inso that if the user rolls over the link by mistake or 'just passing through' the div is not displayed. I tried using setTimeout but couldn't get that working (unfortunately, I can't share that with you because I lost the code).
the person whose site this is wants a short blip sound played whenever you roll over the links in the sidebar. I know it's not advised, but she insists. I've tried implementing a few scripts but no luck in Firefox or Chrome.
View 2 Replies View RelatedWorking on creating my own plugin and realized that I would very likely end up doing this again in the future. Unfortunately, I have an extremely short memory when writing code. I frequently have to re-read the code I've created the day prior so I can get back on track with what I was doing. As such, I'm a fervent commenter in my code.
So, I'm creating a jQuery plugin framework with comments for everything that's going on in the framework to prevent my brain from having to re-learn everything in a month or so when I do another one.
Plugin-savvy folks to take a look at this code and help me fill in the blanks and make corrections to those places where I'm way off base. As you'll likely notice rather quickly, this is taken from the jQuery plugin tooltip construct found here: [url]
Is the next jQuery code the best way to decrease an elements width?[code]I tried using the next code:[code]but that's not working, also not with '-20'.Maybe it's an idea to add this functionality? It's is already used in the .animate() function for changing the position of an element.
View 3 Replies View Related