JavaScript - Gallery Buttons Not Working ( Previous And Next )

Hi again

For instance I want to display some announcements from an external text file on a predefined box, like lets say 140 wide and height scalable according to text. The texts would be some announcements from me, a few words. I want the text justified and with previous / next link, if possible. And when they navigate to another page, they will get a random message in that box.

There are news tickers on the net, but I just want something simple like this, no scrolling, fading, etc..

Has anyone a clue how I can accomplish that? Thanks.

For some reason the gallery image isnt poping up in a window, it just opens it in a separate page. Anyway able to assist?

www.habugfx.com/HabuMAC/portfolio.html

sorted.

I have 2 tables with Add/Remove Row buttons. The first table's Add Row button adds a row that belongs in the second table, and the Remove Row button gives me an Object Error. The second table works properly. The JavaScript for both tables is identical except for the ID's. When the tables are put into seperate html files both of the Add buttons work properly, but the remove row button from table one is still giving me the Object Error. Can someone point out what i'm doing wrong? Thanks.

Code for the first table
Code:

<SCRIPT language="javascript">
function addRow(kodaktable) {               
var table = document.getElementById(kodaktable);               
var rowCount = table.rows.length;             
var row = table.insertRow(rowCount);               
var cell1 = row.insertCell(0);             
var element1 = document.createElement("input");             
element1.type = "checkbox";             
cell1.appendChild(element1);               
var cell2 = row.insertCell(1); 
var element2 = document.createElement("input");             
element2.type = "text";             
cell2.appendChild(element2);                            
var cell3 = row.insertCell(2);             
var element2 = document.createElement("input");             
element2.type = "text";             
cell3.appendChild(element2); 
var cell4 = row.insertCell(2);             
var element2 = document.createElement("input");             
element2.type = "text";             
cell4.appendChild(element2);            
var cell5 = row.insertCell(2);             
var element2 = document.createElement("input");             
element2.type = "text";             
cell5.appendChild(element2); 
var cell6 = row.insertCell(2);             
var element2 = document.createElement("input");             
element2.type = "text";             
cell6.appendChild(element2); 
}
</script>
<script>                                        
function deleteRow(kodaktable) {             
try {             
var table = document.getElementById(kodaktable);             
var rowCount = table.rows.length;               
for(var i=0; i<rowCount; i++) {                 
var row = table.rows[i];                 
var chkbox = row.cells[0].childNodes[0];                 
if(null != chkbox && true == chkbox.checked) {                     
table.deleteRow(i);                     
rowCount--;                     
i--;                 
}               
}             
}catch(e) {                 
alert(e);             
}         
}       
</SCRIPT> 

<INPUT type="button" value="Add Row" onClick="addRow('kodaktable')" />
<INPUT type="button" value="Delete Row" onClick="deleteRow('kodaktable')" />
<TABLE id="kodaktable" width="350px" border="1">         
<TR>             
             
<tr>
	<th></th>
    <th>Job Name</th>
    <th>Job Number</th>
    <th>Start Doc</th>
    <th>End Doc</th>
    <th>Total</th>
  </tr>             
<tr>
	<td><INPUT type="checkbox" name="chk"/></td>
    <td><input type="text" name="name" /></td>
    <td><input type="text" name="name" /></td>
    <td><input type="text" name="name" /></td>
    <td><input type="text" name="name" /></td>
    <td><input type="text" name="name" /></td>
  </tr>
</TR>     
</TABLE>

code for the second table.
Code:

<SCRIPT language="javascript">
function addRow(incidenttable) {               
var table = document.getElementById(incidenttable);               
var rowCount = table.rows.length;             
var row = table.insertRow(rowCount);               
var cell1 = row.insertCell(0);             
var element1 = document.createElement("input");             
element1.type = "checkbox";             
cell1.appendChild(element1);               

var cell2 = row.insertCell(1); 
var element2 = document.createElement("input");             
element2.type = "text"; 
element2.size = "70";             
cell2.appendChild(element2);                            

var cell3 = row.insertCell(2);             
var element2 = document.createElement("input");             
element2.type = "text";
element2.size = "20";             
cell3.appendChild(element2); 

var cell4 = row.insertCell(2);             
var element2 = document.createElement("input");             
element2.type = "text";
element2.size = "20";             
cell4.appendChild(element2);
}                                        
function deleteRow(incidenttable) {             
try {             
var table = document.getElementById(incidenttable);             
var rowCount = table.rows.length;               
for(var i=0; i<rowCount; i++) {                 
var row = table.rows[i];                 
var chkbox = row.cells[0].childNodes[0];                 
if(null != chkbox && true == chkbox.checked) {                     
table.deleteRow(i);                     
rowCount--;                     
i--;                 
}               
}             
}catch(e) {                 
alert(e);             
}         
}       
</SCRIPT> 
<INPUT type="button" value="Add Row" onClick="addRow('incidenttable')" />
<INPUT type="button" value="Delete Row" onClick="deleteRow('incidenttable')" />
<table id="incidenttable" width="790px" border="1">
<tr>
     <th></th>
     <th>Incident</th>
     <th>Kodak Downtime</th>
     <th>System Downtime</th>
</tr>
<tr>
     <td><INPUT type="checkbox" name="chk"/></td>
     <td><input type="text" name="name" size="70" /></td>
     <td><input type="text" name="name" size="20"></td>
     <td><input type="text" name="name" size="20"></td>
</tr>
</table>

Hi, I reckon this is pretty simple for u guys but I'm new to jquery code.

Adding the code for the fade buttons breaks the nivoslider - any ideas?

(All the below in header - jquery-1.3.2.min.js is a file on my machine)


<link href="style.css" rel="stylesheet" type="text/css" />

/* this below is nivoslider code */

<link rel="stylesheet" href="nivoslider/nivoslider/nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="nivoslider/nivoslider/jquery.nivo.slider.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>

/* this below is fade button code - */

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.static,.home,.products,.ordering,.contact').append('<span class="hover"></span>').each(function () {
var $span = $('> span.hover', this).css('opacity', 0);
$(this).hover(function () {
$span.stop().fadeTo(500, 1);
}, function () {
$span.stop().fadeTo(500, 0);
});
});
});
</script>
</head>

Hi there. I am sort of a mid-level javascripter, and I'm wondering if anyone would know a code I could use to make these previous/next buttons active. The reason I can't figure it out is that the thumbnails below currently control which image appears above, and I'd like the previous/next to also do so, but in the relative order of the corresponding thumbnails. I'd image there would be some way or specifying the current image, and adding either +1 or -1 or something along those lines? any help would be greatly appreciated. Page link below.

http://www.annaleithauser.com/rosema...e/country.html

Alright, this is going to sound strange, but bear with me here...

Code:

<input type="text" name="_F0827U" size="015" maxlength="015"> &nbsp; <input type="submit" class="cmdkey" name="_K040827" value="...">

Say I have multiple isntances that look similar to the above. However, I have no possible way of identifying them uniquely (because I don't know the name prior to generation). Is it posable, using JS, to snag the previous element and strip it of it's tags then rewrite a new element isntead of the two originals, say using an onClick() event on either of the elements?

Evening folks

I'm -very- green when it comes to Javascript, but I'm working my way up.

The problem right now I'm running in to now is when trying to implement a website function that allows two buttons (previous, and next) to do their respective tasks.

I can get the script to go forward and back, however when I jump to another page in the frame (this is all through iframes), when clicking either button, it will take me to the last page I had stopped on. A little hard to explain, but maybe seeing the code will give you a better idea.

<script type="text/javascript">
var pNum=0;
var maxPage=10;
function next()
{
pNum++;
if (pNum > maxPage) pNum=10;
document.getElementById("frame").src="page"+pNum+".htm";
}
function prev()
{
pNum--;
if (pNum < 0) pNum=0;
document.getElementById("frame").src="page"+pNum+".htm";
}
</script>


It's nothing fancy, but it's apparently keeping the last page it was on in memory instead of resetting itself, so when I go back to the start page it starts on page 0 and goes to page 10; right now I can stop on page 5, click a link to go back to the starting default page, and when using the 'next page' button it will start on 6 and go from there.


Any help or advice would be appreciated.

Code:

<script type="text/javascript" src="external.php?type=js"></script> 
<script language="" type="text/javascript">
<!--
for (x = 0; x < 10; x++)
{
document.writeln("<a href=\"showthread.php?t="+threads[x].threadid+"\">"+threads[x].title+"</a>, ");
}
//-->
</script>

My code will display 10 posts, however at the very end it will display an extra ", " which bugs me. How can I strip those last two characters.

Code:

<html>
<head>
<script language="javascript">
var myWindow;
function christDoes(){
    mydWindow=open("secondary.html", "yes");
    }

    </script>
</head>
<body><form name="myform" method=POST ACTION="sake.html" ><CENTER>
<B>ENTER YOUR SUBJECT</B><INPUT TYPE="TEXT" NAME="subject">
<input type="button" name="ok" value="OK" onClick="christDoes()">
</form>
</body>
</html>

Code:

<html>
<head>
<script language="javascript">
function me(){
displayColor();
}
function displayColor() {
function newWindow(strWin,strURL,intX,intY,intWidth,intHeight){
winChild =window.open(strURL,strWin,'left=' + intX + ', screenX =' + intX + ', top=' + intY + ', screenY=' + intY + ', width=' + intWidth + ', height=' + intHeight + ', scrollbars=yes, toolbar=yes');

}

function closeChild(){
    if(winChild){
         winChild.close();
    }
}


var m=0;
var fSubject = self.opener.document.forms[0].subject.value;
	if(fSubject.length>0){
	if(isNaN(fSubject)){fSubject="";}
	else{opener.alert("Please enter figure");}
	numSub=parseInt(fSubject);
	if(numSub==3){var strSub="abcde";}
	self.document.write("<center>" +"ENTER SUBJECT HERE" +"</center><br>");
	var mercy="<HTML><BODY>"
	mercy +="<CENTER>"
	sub=new Array(strSub.length);
	for(var i=0; i<sub.length; i++){
	m++;
	mercy +=m +"<input type='text' name='sub[i].toLowerCase()'>" +"<BR>";
	opener.alert("You have entered" +m +"subjects");
	}
	}
	mercy +="</CENTER></FORM></BODY></HTML><BR></BR>";
	self.document.write(mercy +"<BR>");
	self.document.bgColor="pink";
	newWindow();

document.write("<center><input type=\"button\" name=\"submit\" value=\"SUBMIT\" onclick=\"window.open('child', 'childwin.html')\">" +"</center>");
}

</script>
</head>
<body onload='me()' onFocus="closeChild();" onUnLoad="closeChild()">

<form></form>
</body>
</html>

Code:

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
var fValue = self.opener.document.forms[0].sub1.value;
document.write(fValue +"<input type="text"  name="sub1.toLowercase()">");
document.write(fValue +"<input type="text"  name="sub2.toLowercase()">");
document.write(fValue +"<input type="text"  name="sub3.toLowercase()">");
//-->
</SCRIPT>
</HEAD>
<BODY >
<form>
<form>
</BODY>
</HTML>

To every freelancer guru, words can not measure how grateful I am to you for your selfless service. God will reward you in Jesus name. Please kindly help me in this: All I want to do is to get the values input of the iterated textbox in the second window to appear in the third window with a textbox with each.

Hi there, I am new to javascript and have been working on this code to randomly shuffle a playlist of Youtube videos which are in an array. I have tried to implement a next and previous function, which I have managed to some success however, there is a problem.

I have a system where there are two arrays: one is for the 'upcoming' videos and the other is for 'previous' videos. When the next button is pressed, the last element of the 'upcoming' array is added to the 'previous' array and I use the pop() function to return and delete that element from the 'upcoming' array and so on. When the previous button is pressed it puts the last element into the 'upcoming' array and uses the pop function as well, and so on.

It works well except one thing, when previous is pressed the current video will load again, then on the second press it will go to the true previous video. The same happens when you click next after clicking previous.

This is my code:

PHP Code:
<html>
<span id = "displayarea"></span>
<script type = "text/javascript">
var Varray = []; 
 Varray[0] ='<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/007VM8NZxkI?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/007VM8NZxkI?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>';
 Varray[1] ='<iframe width="420" height="315" src="http://www.youtube.com/embed/DfDBZUb3mvI" frameborder="0" allowfullscreen></iframe>';
 Varray[2] ='<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/T9TmmF79Rw0?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/T9TmmF79Rw0?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>';
 Varray[3] ='<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/I1edDfzluXE?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/I1edDfzluXE?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>'
 Varray[4] ='<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/qXLxM0u1aJw?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/qXLxM0u1aJw?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>'
 Varray[5] ='<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/UyOaTo_MiFE?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/UyOaTo_MiFE?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>' 

var Vprevious = []; 


Varray.sort(function(){return Math.round(Math.random());});

function showit()
{
Vprevious.push((Varray[Varray.length-1]));
document.getElementById("displayarea").innerHTML=Varray.pop();
}
function previousit()
{
Varray.push((Vprevious[Vprevious.length-1]));
document.getElementById("displayarea").innerHTML=Vprevious.pop();
}
Vprevious.push((Varray[Varray.length-1]));
document.getElementById("displayarea").innerHTML=Varray.pop();
</script>
<input type = "button" id = "NextB" value = "Next" onclick = "showit();">
<input type = "button" id = "previousB" value = "previous" onclick = "previousit();">
</html> 




and the link to the test site is http://www.musicrate.org/rotate

I have tried playing around with things and trying to use splice() to select the video one before the last, however I have not succeeded. Any help on the matter would be appreciated. It is probably something simple and obvious so I apologize in advance if that is the case.

Thanks

I tried to use the script to return the user to the previous page by clicking the link, and it did work, however, it would return me to the previous website I visited and not just the previous page within my site. Is there a way to override it by changing the code or is the code definitive?

This was the code I had tried to use:

Code:

<a href="javascript:history.go(-1)">Back</a>

Hello all,

I am currently working on a site for a friend and have reached a navigational problem I cannot figure out how to achieve...

He has a list of products that link to relevant individual pages which also have next and previous buttons to browse all the product pages on the site (only 10 so no big deal).

However, he wants to add additional lists that recommend products by category preference? So for example; 4 products may appeal to a particular category, but when you click the link to view one of the products shown the next and previous buttons scroll through the entire products pages! and not only the ones recommended?? IS it possible using Javascript to define which pages are linked to as next previous without having to create lots more html copies of content pages?

I have a basic knowledge of Javascript but cannot find a workable answer or example using google. Any help would be much appreciated.

Thanks in advance...

Hi all,

I am using some Javascript to open up a pop up window...

Code:

<script type="text/javascript">
//<![CDATA[

	function editText() {
		sList = window.open("editText.php", "list", "width=300,height=300,scrollbars=Yes");
	}

//]]>
</script>

This works fine and within that popup window I have the following:

Code:

<form action="index.php" method="post">
<textarea name="userInput" id="userInput" cols="32" rows="10"><?php echo $_SESSION['greeting'];?></textarea>
<input type="submit" name="updateText" id="updateText" value="Update Text" onclick="changeText2()"/>
</form>

The idea is to send the value of the form back to index.php so I can perform the following check:

PHP Code:
if(isset($_POST['updateText'])) {
            $userInput = $_POST['userInput'];
            $product->greeting = "I am set";
            echo $product->greeting;
        } else {
            $product->greeting = "I am not set";
            echo $product->greeting;
        } 


However because the form is opening in a popup window, when submitting it is loading index.php in the new popup window.

What I need to do is somehow close the popup and send the data back to the original page. I know of window.close but if I call this, then form will not run.

Can any body help me here...

alternatively I was trying to do the following:

Code:

<script type="text/javascript">
	function changeText2(){
		var userInput = document.getElementById('userInput').value;
		window.opener.document.getElementById('element-greeting-content').innerHTML = userInput;
		window.close('editText.php');
	}
</script>
<textarea name="userInput" id="userInput" cols="32" rows="10"><?php echo $_SESSION['greeting']; ?></textarea>
<input type='button' onclick='changeText2()' value='Update Text'/>

but doing it this way meant that the value wasn't been passed to be checked in an if statement.

Any help would be greatly appreciated.