JavaScript - Javascript:history.back(); Problem

I am trying to get the images on this page to revert back to the original photo after hover releases. I am assuming this is a simple fix, but I am no programmer and just did this in dreamweaver.

http://www.dataflurry.com/joey/

Hi,

I was wondering if there is anyone who could help me!

I'm creating a Javascript slideshow, I have 'back' & 'next' functions which work.

However, I'm not sure how to create a 'start' and 'stop' function (have to be separate functions), here is my current code below?

IS there a genius out there who can help?!



-------------------------------------------
<div id="slideshow">
<div class="mainimage">
<img height="300px" src="images/homemainimage.jpg" width="300px" height="300px" name="photoslider"/>
<script language="JavaScript1.1">
var photos=new Array()
var which=0
photos[0]="images/css3.svg"
photos[1]="images/cloudcomputing.png"
photos[2]="images/Rss.jpg"
photos[3]="images/html5.png"
photos[4]="images/jQuery.png"
photos[5]="images/firewall.png"
function swapImage(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
}
setTimeout("swapImage()",10000);
}
window.onload=swapImage;
function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which]
}
}
function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
}
}
</script>

<input type="button" value="&lt;&lt;Back" name="B2"
onClick="backward()">

<input type="button" value="Next&gt;&gt;" name="B1"
onClick="forward()"><br>

---------------------------------------------------------

Thanks in advance!!





Reply With Quote




01-20-2015, 09:56 PM #2
felgall View Profile View Forum Posts Visit Homepage

Master Coder Join Date Sep 2005 Location Sydney, Australia Posts 6,745 Thanks 0 Thanked 666 Times in 655 Posts

It would be easier if you used setInterval rather than setTimeout as then you just need to use clearInterval to stop and setInterval to restart.

Note also that both setTimeout and setInterval expect a function as their first parameter and not a string (except for IE3) and so the way you have it coded it has to eval() the string to convert it to a function.

Also the language attribute on the script tag was replaced by a type attribute about 15 years ago.

Also most browsers don't allow JavaScript to access window.status any more for security reasons.

(I also posted this on stackoverflow, but haven't had any replies.)


I have a script that sends a POST to a php file, and gets a new integer (primary key). Then the script creates 3 new divs, with that ID included in them as an attribute.

Now, I need to be able to grab the ID and give it back to PHP when the user updates it. (It's currently a div, but later it will be an editable form.)

I was going to do this by creating a button in the same script that I use to create the divs, bearing the same integer and calling a function. The problem with this concept, is that I have no idea how to create a Unique variable to pass along to the function, so it knows which number to look at. Obviously, if I have only one variable that gets overwritten with each new entry - after all of the rows load, only the last row will have a variable that matches its id.

Another option is to find the value of all attributes that bear the name data-integer-question and pass its number/integer to a function, when the user does something like keyup enter. However, I have no idea how to do that.

obj.returnIntJson holds the integer that I've been talking about, which changes for each row.

rowNumberObj.qarowcontainer is just a reference for the parent div, which doesn't get edited by the user - you can ignore it.

The script gives a result like this: <div id="questioncolumn" class="questionColumnCSS" data-integer-question="701"></div>

Suggestions on how to proceed? Here's the code for one of the divs,

Thanks.

PHP Code:
    qaRowQuestion = document.createElement('div');
    qaRowQuestion.setAttribute('id', "questioncolumn");
    qaRowQuestion.setAttribute('data-integer-question', obj.returnIntJson);
    qaRowQuestion.setAttribute('class',"questionColumnCSS");

    qaRowQuestionParent = document.getElementById(rowNumberObj.qarowcontainer);
    qaRowQuestionParent.appendChild(qaRowQuestion); 

Hi all, first post and a bit of a newb, so please be gentle

I have a file that generates web galleries in Adobe Lightroom. They are generated depending on which files are selected and the metadata in those files.

Basically it is a series of pages of thumbnails called index.html index_1.html index_2.html etc.

Then a set of pages for each individual image.

An example can be seen he http://68.169.32.107/jonrouston/clients/su-dathan/ (the page navigation links are not great, but I have addressed that, they're at the bottom >> )

Currently if a user clicks on a photo there is a 'return to thumbnails button at the top, but this always takes them to /index.html

So the user could be at a picture after browsing to /index_39.html and still get returned to /index

Is there any way I can use history.go to find the last instance of index.html Or index_x.html (where x is any number) and take them back to that instead?

Thanks for any help

Jon

Hiya

was wondering if someone can help me with this:
basically i'm trying to create a Back button for a report page.

the first report page is a listing of dates... if i click on a date... it will open up a page with detail.

I want to put the history.go on the page with detail to go back to the date listing page.

obviously the page with details has page numbers. i already added a counter for clicking on the [previous] or [next].

i'm thinking of just using that click++ value and put the value on the var within history.go(var)

Code:

var clickCount = 1;

function addcount() {
   a = clickCount++;
   return a;
   alert(a);
}

<a href="javascript:history.go( dunno what to put here )">Back</a>

<a href="abc" onclick="addcount()">Previous</a>
<a href="def" onclick="addcount()">Next</a>

possible?
or is there a better way to do this?
no direct url won't work.

Overview:
Order entry project. I am using an iFrame to pull external forms that I can not change. Once our employee enters in the information and submits I would like to redirect the existing window to a new page.

I've tried many variations of:
Code:

<script type='text/javascript'> 
function iHistory() {
var hist=history.length;
if (hist>1)
	{
		parent.window.location = "orderentry.php";
	}
}
</script>

Since I have no control of the external form I have been using OnLoad() in the iFrame tag to call iHistory(). The script works great unless the browser history is >1 If possible, I would like to also setup like a 5 or 10 second delay so the employee can see the framed confirmation page before redirect.

So the function needs to check current history.length, when that changes delay 5-10 seconds and redirect parent window to orderentry.php

I know that Javascript cannot look at the URLs in the browser's history object. I am not concerned with the content.

I have a page that is a serious problem when user's hit the BACK button and get to it because it causes a ping-pong affect of going back, and then loading the next page again (and again and again) each time the user hits back.

Is there any way to know if the page being displayed is not the last page in the history?

If I can see that it is not the last page then I can send the user to the correct page instead of just pushing them forward.

THANKS!

Hi, I have a form in my site.when the form is submit successfully it's go to another page, which shows "submission is success". and that page has a link to go back to a page which is viewing previously(before to form) this is the code for it
Code:

<a href="javascript:history.go(-2)">Go back to previous</a>

I want to know, how to go to previous page by automatically ??? this should be happen after 10 seconds!

please help me....

I am using a Jump Menu:

Code:

function MM_jumpMenu(targ,selObj,restore){ //v3.0 
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); 
if (restore) selObj.selectedIndex=0; 
} 
function MM_findObj(n, d) { //v3.0 
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { 
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} 
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; 
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x; 
} 
function MM_jumpMenuGo(selName,targ,restore){ //v3.0 
var selObj = MM_findObj(selName); if (selObj) MM_jumpMenu(targ,selObj,restore); 
}

Code:

<form name="FrontPage_Form1" language="JavaScript" onsubmit="return FrontPage_Form1_Validator(this)">
&nbsp;<!--webbot bot="Validation" b-disallow-first-item="TRUE" --><select name="menu" class="TextArea" onchange="MM_jumpMenu('self',this,0)">
<option value="javascript:myVoid()" selected>Choose One
</option>
<option value="1.html">One</option>
<option value="2.html">Two</option>
</select>
</form>

Is there some way to make such a jump menu observe the history, so that going back will go back to the page containing the form?

I currently use this type of code on my "Processing" page:

Code:

<META content="2; url=../" http-equiv="refresh">

I am wondering if its possible to use like JavaScript history to go back?

Code:

<SCRIPT type="text/javascript">
	setTimeout(2000) {
		history.back();
	}
</SCRIPT>

The above is a bit of a guess. Can something be done like that?

Hello all
is there any way to get browse history list ? with java script ?

Hi all,

I have a frame structure (three frames) where the top one is my flash navigation. The navigation itself is quite complex so I have given up on the idea of creating a back button code to control the flash. All I want to do now is to refresh the flash page when browser's back button is pressed.

What I would like to do is to set a variable of the previous page I just have been so when I hit browser's back button I know if this page is the same as the variable. In each individual page i would set the varaible to be the previous page. Here are few things I have tried so far and none of them seems to work (even online!)
(sections is the name of the main frame)

old_page = parent.sections.history.previous;

old_page =document.referrer;

I tried both of them at the beginning of each page. then used onUnload command in the body tag to call a function on another frame where I have the comparison:

function check_history(old_page){

if (old_page == parent.sections.location){

alert(" refresh flash");
}

If I use referrer, the value is null (empty) or if I use history the variable is undefined.

Has anyone come accross with anything similar?

Thank you very much for your help.

Hi,

I need a javascript function to show and allow user to access Browser stored Favorites and Recent History in a web page.


Thanks,
GravityPush

how i can refresh my main history page without page refresh alert message?

i am using the following code on the submitpage.asp

<%response.write ("<script>window.location.reload(history.go(-2));</script>")%>

i got the attached message when it refreshes the main page.

is there is a way to refresh directly without this message?