I have 6 headers that are animated gifs. They transition, 3 of them left to right, the other 3 right to left.I would like to have them to change to next header in sequence no matter which page on my site they click.I'm not sure this can be done, but think javascript is my best bet. Can anyone point me in the right direction?
View 4 RepliesI am using my script to update my table with the click number and then redirect to the stored href link code...
The only problem I have with this is that my web page gets replaced.
What I really want to do is open a new window and have the new web page in that. I can put a notice to say it will open a new window, its just that it will really annoy people if my page closes on them when they are half way through a tutorial !
What do I need to do to open the link in a new window ?
is there a way to rid of the page header (usually it's the page title and url) and the page footer (usually it's the page number and date) without having user to change from the web browser's the page setup ?
Can this be done using javascript or just html meta tags?
Also we control the contents of what is printed from a web page without having to redirect the page? Example, I have three paragraphs on a web page and I don't want the middle paragraph to be printed.
I�ve added a randomized header script to my page :
[URL]
The code is working correctly but due to the page load time - there is a delay in the new header image appearing when switching pages.
Here is the Javascript:
// JavaScript Document
var chosenImage=new Array();
chosenImage[0]="header_01.jpg";
chosenImage[1]="header_02.jpg";
[code]....
The function is called from the html page using the following:
<body onload="randomImage()";>
Is there anyway to avoid this delay or will i be forced to grin and bear it due to the weight of the pages i�m loading in.
My firefox plugin called yslow that gives advice on speeding up loading times says: JavaScript scripts block parallel downloads; that is, when a script is downloading, the browser will not start any other downloads. the page load faster, move scripts to the bottom of the page if they are deferrable.
I always thought that js should be in the header. What do you think?
I am working on a website that uses a random header. I have been trying to figure out how to adjust the code so that the header also serves as a clickable link.
Here is the code that I have:
What do I need to add in order for the header to also serve as a link? I am completely new to JavaScript and I don't understand it very well.
This is a followup on:
Code:
[URL]
After further investigation it appears that omitting the anchor part out of a redirect header such as:
Code:
Location: h**p://eladnava.com/index.php?showtopic=1#entry1
Prevents the page reload after clicking another anchor on the redirected page.
A description of the problem: User clicks a link to view the newest post of a topic, such as
Code:
[URL]
This link redirects automatically to the topic with an anchor to the latest post entry on the page:
Code:
[URL]
This is where problems start. On this page clicking any link which is an anchor causes the page to reload and then jump to the anchor.
My modification enables posting replies to topics via Ajax, and to support back/forward button functionality in browsers I must change the anchor in the script. As soon as it is changed the browser reloads the page defeating the purpose of Ajax!
So what can be done about that anchor? I'm thinking about passing it as another variable in the query string and then manually via JavaScript onLoad() to extract the anchor from the URL and then jump to it after the page has loaded. Would this work?
I have a number of sources of javascript and don't really know the sequence of when each gets loaded.
<SCRIPT FOR="window" EVENT="onLoad">
var tmp = "where are you";
</script>
<script language="JavaScript">
alert(tmp);
</script>
<script language="JavaScript" src="code.js"></script>
Are they loaded based on the order they are seen in the page?
I want the images to change in sequence when the page is refreshed not random like i have below. Also I also need text to change on refresh to because I am going to have a descritption of the image below.
[CODE]
<script type="text/javascript" language="JavaScript">
var imgs = new Array('<a href="VW_1.shtml"><img border=0 src="img/samples/VW/large_1.jpg" width=165 height=109" class="thumbnail_img">',
[Code]....
I am creating a little portal for my design department at work. On the homepage of the portal, there is a section for a random image that people can submit. This image has a preset width and height so it fits into the layout. When you load the index page, it randomly selects one of the images from the database. However, I want people to be able to click on the image and load a different one. I don't want to reload the entire page and get a new randomly selected one because it is possible they could keep getting the same image over and over. If they random get image #5, I want them to see image #6 when they click, then image #7 when they click again, so on and so forth. When they reach the last image, they go back to image #1. Make sense?
Any ideas? I have tried looking at scripts that automatically change the image (with cute little fade ins), but I want the change to happen based on the user's actions.
As a test, I'm trying to display a sequence of images on an html page. The first image is displayed initially, but when I click on the button (although I can tell that the sequencing is happening, and the image files are on the server where they're supposed to be) the rest of the images do not display.
<html>
<head>
<style type = "text/css">
<!--
[Code]....
For the moment disregarding function thirdPic, I am able to click on "sample text" and I switch from an invisible image (actually 1 px by 1 px) with a picture of a book with a quote (firstPic) that I want to appear on screen. After reading the quote the reader can click on the image of the book and it will disappear. And it works fine. However, there are a couple of cases where I would like to show a lengthier quotation which would require me to click on the first book image(firstPic) and a second book image would appear with more text(thirdPic). I can get the second image to appear but I can't get it to disappear. Or I can get the first image to appear and get back to the empty screen but I want to do both.
Everything I've tried to do doesn't work. I DO NOT WANT TO HAVE BUTTON TO CLICK THROUGH A SLIDESHOW. It would not be the representation I want ot produce.
Javascript Code
----------------------------------
function firstPic()
{
document.getElementById('blankPic2').src="../images/pic657.gif";
[Code]....
i (more-or-less) understand how animation queuing works when animating a single element, but what's the best practice or most efficient approach for animating 2 different elements in a sequence? callbacks on complete?this example animates #black and #white simultaneously, when what i'd like to do is animate #black, then #white:[code]
View 3 Replies View Related[code]...
His there a way to do this in a better way ?
How do i implement my code so the user can't not use link before the animation is done.
I created an internal application which shows a large list of tasks that will be completed on a server by a script. It will go through each in order and update a database with its status (E.x "Failed", "Good", "Errors: <msg>").What I am doing currently is pulling the ID's of these tasks from a database, and then passing them to JQ to .load() the actual content for each div.What I would like to do is figure out a way to have each div reload as something is happening to it. So, lets say the script fires on the server and begins to process task ID 1. I would like to figure out a good way to be able to instantiate reloading for each div, as it is being processed.I do not wish to reload the entire page, I would not like for all 200+ divs to be constantly refreshing.
View 1 Replies View RelatedI'm a jQuery novice to say the least so please bear with me here.I need to swap out some images in a timed sequence. I found a tutorial online which kind of does what I need. Here is the code:
function
swapImagesMaps
(){
[code]....
I have an ajaxCallWrapper function that is used for all of my Ajax calls. Its purpose is to put an indicator spinner on the screen while the Ajax is resolving:
This works fine in Firefox, but IE doesn't not show the spinner. However, if I add an alert after $('#ajaxBusy').show();, then the spinner becomes visible.
It seems to me that IE is not applying style changes to elements until the entire function completes or it hits an alert. Does anyone know a way to solve this so that the spinner will display?
I have a button that calls a functionI would like a single button that calls a series of functions in sequence i.e.first click of button calls function1second click of same button calls function2 etc
View 1 Replies View RelatedI'm building an application that uses calendars extensively, I have single calendars returning nicely but I working on a section that can return multiple calendars (eg. yearly overview) between certain date range ranges. It's working fine but the calendars are appended to the div when the server responds and not in the sequence they are called.
Here's the code I'm using:
Code:
function displayMultiCalendars(date1,date2,a)
{
$.get("<?=base_url();?>cal_center/get_date_range_total/"+date1+"/"+date2, function(data) {
[code].....
So, is there any way of making sure that they return in sequence? I'm sure there's another/better way of looping but I'm not the best with the js/jquery.
how would i make a key sequence open a message box. so if i type something like... for example "activate" it would open a message box that said "Activated."
View 1 Replies View RelatedI have this form that has to display these divs (each div contains an image, 2 text-fields, and 2 check-boxes) and I need a user to be able to enter things into the text fields, check the check boxes, and re-order the divs to establish a sequence order. Also, I'd ideally like them to nudge out of the way to show where the photo will go if dropped. So when the form is processed, the first one would have a form-value of sequence=1, the second one would have a form-value of sequence=2, and so on.
There will be anywhere from 0 to a zillion files. I'm using this form-data to update a database, so there's all sorts of crazy server-side things I have to pull out of my hat... but this part (the client-side re-ordering part) is what's really got me stumped. Bonus points if a user can drag an image into the containment-div and it will upload the photo and create a new div with the text fields and options!! (That would be ridiculously amazing)
I would like to show users 10 images (DIVs) on which they can click. Images will be numbers (0-9) and they have to click on correct sequence (example 4 6 3 2 2 7) and then click "submit" button. If they don't get correct sequence they get shown some message about wrong numbers, but if they get it wight they should get some message of success. I am searching for some similar jquery or ajax scripts and can't find anything. Has anyone seen this kind of samples anywhere or could share some code?Attachments unlock.jpgSize : 35.81 KB Download : 266
View 13 Replies View RelatedHow do I perform an action in a given time?
Example, I want to make my div to grow at a speed of 50 secondsto its original size.
Example, I want it to go from size 0 to size 250px height in 50 seconds.
I've got some code like this:
$(".slide-1").hover(
function () { $('.caption-1').animate({ bottom:0 },200); },
function () { $('.caption-1').animate({ bottom:-35 },200); }
[code]....
I don't have to repeat this block over and over manually? I know I can get jQuery to repeat each code block and insert the number automatically.
I have four icons that I wish to face in when the page loads. When the first image is 25% faded, the second will fade in. When the second is 25% faded, the third will fade in. When the third is 25% faded, the fourth will fade in. Since I have never touched jQuery, with the exception of downloading plugins and using them, how should i best go about this?
View 3 Replies View RelatedI am a self thought web developer and am constantly having problems making sure that certain commands are finished executing before others are started. My most recent problem is trying to append a large amount of data, to a div, then sliding it down slowly. Since that data takes a while to append, the system is doing both at the same time, therefore not giving me the slide down effect. Here is the code:
$('#SomeDiv').append(data);
$('#image1').animate({"left": "+=300px","top": "-=200px"}, "slow");
$('#image2').animate({"left": "+=120px"}, "slow");
$('#Image3').animate({"top": "+=250px","left": "+=300px"}, "slow");
[Code].....
Where "SomeDiv" is part of "cpage" and "data" is a large amount of images. I would like to execute line 1 and then all the other lines simultaneously. It is currently executing all of the simultaneously.