|
JavaScript - Get Data From Previous Window
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. Similar Tutorials[help] i have the big problem,,, how script to make data to new window (after that, output can print) n data from previous window with datatables (datatables.net) and with default header n footer in new window??? case: [datatable] i search with datatable and have 3 record... and show in new window with default header n footer company , and in new window have function to print the record with header and footer. I hope, anybody can help me..Please thank you 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. I have an application I'm working on and here is what I'm trying to do: I want users to work from a main application. Certain things will need to be done but the users wont want to see the main screen go away while doing these certain things. So my idea is to just open a new window with the content they need, they'll make their changes, the new window will close but then I want the main page to reload. What I've done now is at the end of the script that will be run prior to the new window closing is added this (its a php app): Code: echo "<script>window.close();</script>"; echo "<script>window.opener.location.reload(true);</script>"; Sometimes this works in IE and Firefox but never in Chrome. I know I've seen this done before on other sites, but I cant think of what they are. Can anyone tell me a reliable way that works in all browsers? Hi. Please help. I have a credit card donation page and what I wanted to do is after they click the submit button and transaction is successfult I wanted to capture the donation amount they enter from the donation page and show it to the next page. I know that is possible but I just don't know how to do it. I am new in Javascript and still consider as a baby. Can someone please help? Thanks in advance.
I am currently creating which will allow the user to upload their own pictures. For this I am opening a new pop up window where the user can select the file they wish and then upload it (similar to ebay's picture upload). The pop up works fine and so does the file upload however I am having trouble transferring any data from the pop up window back to the parent window. I have been investigating the opener method but cannot seem to get it to work. Below is some simple code that I've been trying to get to work... Thanks for any help! first page... Code: <form name="loadpic" id="loadpic" action="createPost.php" method="post">
<br />
<br />
Testing transfer between pages... <input type="button" value="open pop up" onclick="window.open('popup.php','pop up box','width=400,height=200')" />
<br />
<br />
<span name="myspan" id="myspan">text here</span>
</form>
pop up page... Code: <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pop Up</title>
<script language=javascript>
function transfer(){
opener.document.loadpic.myspan.innerHTML = "working";
window.close();
}
</script>
</head>
<body>
This is the pop-up page!
<input type="button" onclick="return transfer()" value="press me" />
</body>
Hi! I have a script that opens up another window and a task gets executed, all of that is fine, but is there anyway that the parent window (the window that gets open) can pass data to the window that opened it? (I pretty much want to enable a button on that page) Thanks... - Matt I'm not a programmer and I understand very little of it. I have an application with a button that opens up another website. That website requires credentials. I'm currently using window.open to get the url open and passing a variable to the end of the URL, but when I have searched for a good way to get the credentials passed by using post and can't seem to find a solution. I tried xmlhttprequest, but the limitation of cross-domains is huge because I will have external clients connecting to the database and don't think that asking them to lower the security settings in IE would be a good way to do it. All I need is the ability to click on the button, pass the username and password and have the url open to desired page. I posted the code of the application in another thread, but all I'm getting are just views. Please help. thanks.
Hi i need to have when a mouse over a link it will show a window For a example link will be Custermers when cursor is on the customer link it show the customernames from the database help me to do this plz help me.......................... Hi guys, hoping you can help me out again, with this new problem. I've got a form which is acting as a calculator. Once the calculation is complete I want it so when the user presses a 'print' button it takes certain parts of the form data and displays them in a new window which would be designed for printing. how can i go about this using only javascript? thanks Hi friends, i'm using greybox on my website, and using survey. i want when click submit button then post form data to opened greybox window.. but can't.... my form actions <form action="anket.php?islem=ok" method="post" onSubmit="javascript:return GB_showCenter('Anket',this.action, 280, 350)" > greybox window open, but can't show post data.. can anyone help me ? sorry for may bad english Hi, Ours is a web based application. In a particular use case, print-receipt; we pull up data from database and display it a new window ... followed by a javascript::window.print() To print the content. But this prints the browser window - in graphic mode. The target printer, attached to the browser machine is a Dot matrix printer; and consumes a lot off time to print a single window (because of the graphic nature) Can the printing be done in text mode ? thank you. jeevan So I have a new window document write which outputs all my data after validation into a new window, I have tried to write a button which will (when clicked) send that information to an email address. here is my code so far. i spent about 2 hours checking and playing around looking for errors couldnt find any. I think the problem is the function EmailForm and function subwrite. Is a button written into a new window a common thing to do? or is there another simpler way, however i want the user to be able to check to see if there data is valid and then click to send the email. Code: <HTML>
<!--learn to program through JavaScript-->
<mymerch.HTML>
<HEAD>
<TITLE> mymerch </TITLE>
<SCRIPT LANGUAGE=JavaScript>
//declaringvariables
var firname;
var surname;
var phonenumber;
var emailaddress;
var streetnamenumber;
var yoursuburb;
var postcode;
var yourstate;
var product1;
var product2;
var product3;
var product4;
var product5;
var product6;
var product7;
var product8;
var totalc;
var paymethods;
var method;
var value;
var Cost;
var numericExpression;
var alphaExpression;
var sendemail;
var subject;
var message;
var mailto_link;
var win;
function main() {
//open function main
//function main which validates all data
//declaring variables
firname = document.merch.firstname.value;
surname = document.merch.lastname.value;
phonenumber = document.merch.phonenum.value;
emailaddress = document.merch.emailadd.value;
streetnamenumber = document.merch.stnamenum.value;
yoursuburb = document.merch.suburb.value;
postcode = document.merch.pcode.value;
yourstate = document.merch.state.value;
if (firname == "")
{
alert("Please fill in your Firstname.")
document.merch.firstname.value.focus()
return true;
}
//checks to see if no data as been entered and alerts the user if so.
alphaExpression = /[a-zA-z]/;
if(document.merch.firstname.value.match(alphaExpression)){
}else{
alert("You can only enter letters in the firstname field")
document.merch.firstname.value.focus()
return false;
}
//checks to see if the data entered is letter and if not true returns false.
if (surname == "")
{
alert("Please fill in your Surname.")
document.merch.lastname.value.focus()
return false
}
//checks to see if no data as been entered and alerts the user if so.
alphaExpression = /[a-zA-z]/;
if(document.merch.lastname.value.match(alphaExpression)){
}else{
alert("You can only enter letters in the lastname field")
document.merch.lastname.value.focus()
return false;
}
//checks to see if the data entered is letter and if not true returns false.
numericExpression = /^[0-9+\ ]+$/;
if(document.merch.phonenum.value.match(numericExpression)){
}else{
alert("You can only enter numbers in the Phonenumber field")
document.merch.phonenum.value.focus()
return false;
}
//checks to see if the data entered is a number and if not true returns false.
if(document.merch.phonenum.value.length <7)
{
alert("The Phone Number you have entered is not valid it contains less than 7 digits.")
document.merch.phonenum.focus()
return false
}
//checks to see if the phone number is less than 7 and if so returns false.
if(document.merch.phonenum.value.length >10)
{
alert("The Phone Number you have entered is not valid it contains more than 10 digits.")
document.merch.phonenum.focus()
return false
}
//If phone number is more than 10 return false
if (emailaddress == "")
{
alert("Sorry, your email address is not valid. You didn't enter anything.");
document.merch.emailadd.focus()
return false
}
//checks to see if no data as been entered and alerts the user if so.
if (emailaddress.indexOf("@")==-1)
{
alert("Sorry, your email address is not valid. It doesn't have an @ symbol");
document.merch.emailadd.focus()
return false
}
//checks to see if the data has an "@" and alerts the user if false.
if (emailaddress.indexOf(".")==-1)
{
alert("Sorry, your email address is not valid. It doesn't have .COM");
document.merch.emailadd.focus()
return false
}
//checks to see if the data has an dot and alerts the user if false.
if (emailaddress.indexOf(" ")!=-1)
{
alert("Sorry, your email address is not valid. It has a space!");
document.merch.emailadd.focus()
return false
}
//checks to see if the data has an space and alerts the user if false.
if (streetnamenumber == "")
{
alert("Please fill in your Street Name and Number.")
document.merch.stnamenum.value.focus()
return false
}
//checks to see if the data is empty and alerts the user if true.
if (document.merch.suburb.value == "")
{
alert("Please fill in your Suburb.")
document.merch.suburb.value.focus()
return false
}
//checks to see if the data is empty and alerts the user if true.
alphaExpression = /[a-zA-z]/;
if(document.merch.suburb.value.match(alphaExpression)){
}else{
alert("You can only enter letters in the Suburb field")
document.merch.suburb.value.focus()
return false;
}
//checks to see if the data entered is a letter and if not true returns false.
if(document.merch.pcode.value.length <3)
{
alert("The postcode you have entered is not valid.")
document.merch.pcode.value.focus()
return false
}
//checks to see if the data has less than 3 characters and alerts the user if true.
numericExpression = /^[0-9+\ ]+$/;
if(document.merch.pcode.value.match(numericExpression)){
}else{
alert("You can only enter numbers in the postcode field")
document.merch.pcode.value.focus()
return false;
}
//checks to see if the data entered is a number and if not true returns false.
if(document.merch.pcode.value.indexOf(" ")!=-1)
{
alert("The postcode you have entered is not valid.")
document.merch.pcode.value.focus()
return false
}
//checks to see if the data has a space and alerts the user if true.
if (document.merch.state.value == "Select")
{
alert("Please select your state")
document.merch.state.focus()
return true
}
//checks to see if the data has been selected and alerts the user if false.
paymentmeth();
openNewWin();
subWrite();
//calling the two functions
}
function paymentmeth()
{
for (i = 0; i < document.merch.payway.length; i++){
if (document.merch.payway[i].checked == true){
//a loop that is used to determine the paymethod and checks to see if data has been entered
method = document.merch.payway[i].value
//declares method
}//ends IF
}//ends
//error control for nothing checked
if (method == false)
{
//if method equals nothing show alert
// this fails to validate
alert("You forgot to select Pay Method.")
}
//document.merch.paytype.value = method;
}
function emailForm(){
sendemail = "micha3l26@hotmail.com";
subject = "Order Details";
message = ("Clients Information firstname is "+firname +" Surname is "+ surname +" PhoneNumber is "+ phonenumber +" EmailAddress is "+ emailaddress +" Street Name and Number is "+ streetnamenumber +" Suburb is "+ yoursuburb +" Postcode is "+ postcode +" State is "+ yourstate +" Payment Method is "+ method +" Total Payment is "+ Cost);
mailto_link = ('mailto:'+sendemail+'?subject='+subject+'&body='+message);
win = window.open(mailto_link,"emailWindow");
if (win && win.open &&!win.closed)win.close();
}
//ends function
function openNewWin() {
var newWin;
newWin = window.open("","newWin","status,height=600,width=600")
//opens the window and sets it 600px by 600px
}
//open new window
function subWrite() {
if (newWin.closed) {
makeNewWin()
}
newWin.focus()
var image = "<img src=quote.jpg>";
//declares variable image as the banner jpg
newWin.document.write(image)
//document writes the variable image
newWin.document.write("<br/>");
newWin.document.write("<br/>");
newWin.document.write("Your FirstName is "+firname);
//writes the variable into the new document
newWin.document.write("<br/>");
newWin.document.write("Your Surname is "+surname);
//writes the variable into the new document
newWin.document.write("<br/>");
newWin.document.write("Your PhoneNumber is "+phonenumber);
//writes the variable into the new document
newWin.document.write("<br/>");
newWin.document.write("Your EmailAddress is "+emailaddress);
//writes the variable into the new document
newWin.document.write("<br/>");
newWin.document.write("Your Street Name and Number is "+streetnamenumber);
//writes the variable into the new document
newWin.document.write("<br/>");
newWin.document.write("Your Suburb is "+yoursuburb);
//writes the variable into the new document
newWin.document.write("<br/>");
newWin.document.write("Your Postcode is "+postcode);
//writes the variable into the new document
newWin.document.write("<br/>");
newWin.document.write("Your State is "+yourstate);
//writes the variable into the new document
newWin.document.write("<br/>");
newWin.document.write("Your Pay Method is "+method);
//writes the variable into the new document
newWin.document.write("<br/>");
newWin.document.write("Your total payment is "+Cost);
//writes the variable into the new document
newWin.document.write("<br/>");
newWin.document.write("<input type="button" onClick="emailForm()" value="Send Email"/> ");
//("<div style="border:2px solid black;padding:10px;">
//Please <a href="#" onclick="emailForm();">Email Support</a>
//</div>");
//a document write to input a button, with an onclick function to mailto a email address
var newContent = "</BODY></HTML>"
newWin.document.write(newContent)
newWin.document.close() // close layout stream
}
//calling the two functions
//the send email button does not work.
function tally()
{
//the function that calculates the prices of tshirts
Cost =0;
//sets the cost at 0
if (document.merch.tshirt1.checked)
{
Cost = Cost + parseInt(document.merch.tshirt1.value);
}
//cost which is 0 + the tshirt value equals the price of tshirt 1
//repeated 8 times
if (document.merch.tshirt2.checked)
{
Cost = Cost + parseInt(document.merch.tshirt2.value);
}
if (document.merch.tshirt3.checked)
{
Cost = Cost + parseInt(document.merch.tshirt3.value);
}
if (document.merch.tshirt4.checked)
{
Cost = Cost + parseInt(document.merch.tshirt4.value);
}
if (document.merch.tshirt5.checked)
{
Cost = Cost + parseInt(document.merch.tshirt5.value);
}
if (document.merch.tshirt6.checked)
{
Cost = Cost + parseInt(document.merch.tshirt6.value);
}
if (document.merch.tshirt7.checked)
{
Cost = Cost + parseInt(document.merch.tshirt7.value);
}
if (document.merch.tshirt8.checked)
{
Cost = Cost + parseInt(document.merch.tshirt8.value);
}
document.merch.Total.value = "$"+Cost;
}
</script>
Code: <style type="text/css">
<!--
.style1 {
font-family: Century Gothic;
color: #FFFFFF;
}
.style3 {font-family: Century Gothic; color: #FFFFFF; font-size: 24px; }
.style5 {color: #000000}
-->
<!--Declaring the different styles of text !-->
</style></HEAD>
<BODY BGCOLOR="BLACK">
<div align="center"><img src="mymerchbanner.jpg" width="787" height="158">
<!The placement of the main banner>
</div>
<HR>
<FORM NAME="merch" onSubmit="main()">
<!declaring the forms name and onsubmit run the function main>
<table width="368" border="1" bordercolor="#000000" bgcolor="#000000">
<tr>
<td width="187" height="40"><span class="style3">First Name: </span></td>
<td width="165"><input type="text" name="firstname" id="firstname"></td>
</tr>
<!firstname textboxes>
<tr>
<td height="45"><span class="style3">Last Name: </span></td>
<td><input type="text" name="lastname" id="lastname"></td>
</tr>
<!lastname textboxes>
<tr>
<td height="44"><span class="style3">Phone Number:</span></td>
<td><input type="text" name="phonenum" id="phonenum"></td>
</tr>
<!phonenumber textboxes>
<tr>
<td height="43"><span class="style3">Email Address:</span></td>
<td><input type="text" name="emailadd" id="emailadd"></td>
</tr>
<!emailaddress textboxes>
<tr>
<td><span class="style3">Street Name and Number:</span></td>
<td><input type="text" name="stnamenum" id="stnamenum"></td>
</tr>
<!streetnameandnumber textboxes>
<tr>
<td height="43"><span class="style3">Suburb:</span></td>
<td><input type="text" name="suburb" id="suburb"></td>
</tr>
<!suburb textboxes>
<tr>
<td height="42"><span class="style3">Postcode:</span></td>
<td><input type="text" name="pcode" id="pcode"></td>
</tr>
<!postcode textboxes>
<tr>
<td height="42"><span class="style3">State:</span></td>
<td> <select name="state" id="state">
<option value="SA">SA</option>
<option value="TAS">TAS</option>
<option value="QLD">QLD</option>
<option value="VIC">VIC</option>
<option value="NSW">NSW</option>
<option value="ACT">ACT</option>
<option value="NT">NT</option>
<option value="WA">WA</option>
<option value="Select" selected>Click to select</option>
</select> </td>
</tr>
<!state selection>
</table>
<p> </p>
<p class="style3">What Would you Like Today? </p>
<table width="684" border="0" bordercolor="#000000" bgcolor="#000000">
<tr>
<td width="79" class="style1">0001</td>
<td width="79">2<span class="style1">0002</span></td>
<td width="79"><span class="style1">0003</span></td>
<td width="79"><span class="style1">0004</span></td>
<td width="79"><span class="style1">0005</span></td>
<td width="79"><span class="style1">0006</span></td>
<td width="79"><span class="style1">0007</span></td>
<td width="79"><span class="style1">0008</span></td>
</tr>
<tr>
<td><img src="1.png" width="100" height="100"></td>
<td><img src="2.png" width="100" height="100"></td>
<td><img src="3.png" width="100" height="100"></td>
<td><img src="4.png" width="100" height="100"></td>
<td><img src="6.png" width="100" height="100"></td>
<td><img src="8.png" width="100" height="100"></td>
<td><img src="9.png" width="100" height="100"></td>
<td><img src="10.png" width="100" height="100"></td>
</tr>
<!tshirt images for the 8 shirts>
<tr>
<td><input type="checkbox" name="tshirt1" Value="15" onClick="tally()"> ></td>
<td><input type="checkbox" name="tshirt2" Value="15" onClick="tally()"> ></td>
<td><input type="checkbox" name="tshirt3" Value="15" onClick="tally()"> > </td>
<td><input type="checkbox" name="tshirt4" Value="30" onClick="tally()"> > </td>
<td><input type="checkbox" name="tshirt5" Value="30" onClick="tally()"> > </td>
<td><input type="checkbox" name="tshirt6" Value="15" onClick="tally()"> > </td>
<td><input type="checkbox" name="tshirt7" Value="15" onClick="tally()"> > </td>
<td><input type="checkbox" name="tshirt8" Value="15" onClick="tally()"> > </td>
</tr>
<!8 checkboxes with diffent values that are used to add up the prices and onclick run function tally>
<tr>
<td class="style1">$15</td>
<td class="style1">$15</td>
<td class="style1">$15</td>
<td class="style1">$30</td>
<td class="style1">$30</td>
<td class="style1">$15</td>
<td class="style1">$15</td>
<td class="style1">$15</td>
</tr>
<!text for prices>
</table>
<td> Total <INPUT TYPE="text" NAME="Total" value="0" size="7"></td>
<p class="style3">How Will you Like to Pay? </p>
<table width="268" border="0" align="center" bordercolor="#000000">
<tr>
<td width="196" class="style3">Cash on Delivery </td>
<td width="56"><input name="payway" type="radio" value="Cash"onClick="paymentmeth()"></td>
</tr>
<!radio button with different values and onclick run paymentmeth>
<tr>
<td class="style3">Bank Deposit </td>
<td><input name="payway" type="radio" value="Bank Deposit"onClick="paymentmeth()"></td>
</tr>
<tr>
<td class="style3">Paypal</td>
<td><p>
<input name="payway" type="radio" value="Paypal"onClick="paymentmeth()">
<label></label>
</p></td>
</tr>
</table>
<p> </p>
<p align="center" class="style3">
<INPUT TYPE="SUBMIT" VALUE="Show Invoice" onSubmit="main()">
<!submit button that runs function>
<span class="style5"> </span>
<input type="RESET" />
<!reset button that runs function>
<span class="style5"> </span>
</p>
</FORM>
</BODY>
</HTML>
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"> <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. Hi, I'm using the following javascript to allow users to navigate through my various picture galleries on my blog http://exp212.blogspot.com/ Quote: <script type="text/javascript"> function show(what) {var find = "Img" + what.id.substring(4); for ( var i = 1; i < 99999; ++i ) {var cur = "Img" + i; var img = document.getElementById(cur); if ( img == null ) return; img.style.display = ( find == cur ) ? "block" : "none"; }} </script> <div id="pix"> <img id="Img1" src="http://1.bp.blogspot.com/_P6fRcsNpSXY/S8Y7oLQJNII/AAAAAAAABpI/fJMx9Gp0AWU/s320/night1.jpg" style="display: block;" /> <img id="Img2" src="http://2.bp.blogspot.com/_P6fRcsNpSXY/S8Y7o5484JI/AAAAAAAABpM/1ZMn1wRbAB8/s320/night2.jpg" /> <img id="Img3" src="http://3.bp.blogspot.com/_P6fRcsNpSXY/S8Y7pSrB94I/AAAAAAAABpQ/KKIQQH0uJz4/s320/night3.jpg" /> <img id="Img4" src="http://1.bp.blogspot.com/_P6fRcsNpSXY/S8Y7p7eUA6I/AAAAAAAABpU/MMy7MrIvZcg/s320/night4.jpg" /> <img id="Img5" src="http://2.bp.blogspot.com/_P6fRcsNpSXY/S8Y7qtRJVnI/AAAAAAAABpY/zFMRSGb8Qhk/s320/night5.jpg" /></div> <div id="names"> <div id="Name1" onmouseover="show(this);">001</div> <div id="Name2" onmouseover="show(this);">002</div> <div id="Name3" onmouseover="show(this);">003</div> <div id="Name4" onmouseover="show(this);">004</div> <div id="Name5" onmouseover="show(this);">005</div> </div> As you can see (if you visit the blog) each picture is brought up by hovering over the next number in the sequence, but in order to save space I'd like to change this so it uses a simple 'Next' and 'Previous' function. How would I adapt the above javascript in order to achieve this? Thank you in advance. I am trying to display testimonials on my website in an iframe. This way I can utilize the scrolling feature if needed and keep the page from changing sizes due to the length of the testimonial. I can also change the testimonials order and content easily. I am trying to make a "next" and "previous" button that will sit on the main page (not in the iframe) and cycle through the testimonials. However I am having trouble with this as I am trying to use an array. This is my current code for the Next button. The idea is to check to see if the testimonial is on the last document. If so display the first testimonial in the array. "Else" change to the next testimonial in the array. Code: var myTests=new Array();
myTests[0]="test001.html";
myTests[1]="test002.html";
myTests[2]="test003.html";
var numTests = myTests.length;
var curTests = 0
function nextTests()
{
if (curTest <= numTests)
document.getElementById("testFrame").src=myTests(1);
else
document.getElementById("testFrame").src=myTests[0];
}
Then I am using a simple button to call the function "onclick" Code: <button type="button" onclick="nextTests()">next</button> PS I am a beginner at this so I apologize if I am making silly mistakes. However, I would really appreciate any direction you can give me! Thanks so much! 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&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&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&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&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&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&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&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&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&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&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 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. First off, Hello, I plan to be frequenting these forums as I am still learning JavaScript. I am creating a gallery and am having trouble getting the previous and next buttons to work properly with the current image. I was trying to create a solution that would change the current image variable so that the previous and next buttons would correlate. What I am working on can be found here. As you can see the next and previous buttons are not working. Here is my JavaScript: Quote: <script type="text/javascript"> /* following not currently used by this script function show(what) { var find = "Img" + what.id.substring(4); for ( var i = 1; i < 99999; ++i ) { var cur = "Img" + i; var img = document.getElementById(cur); if ( img == null ) return; img.style.display = ( find == cur ) ? "block" : "none"; } } */ var Pg = 0; function Prev() { Pg--; if (Pg < 0) { Pg = 0; } document.getElementById('mainImg').src = imgList[Pg]; document.getElementById('Pg').innerHTML = 'Image '+(Pg+1)+' of '+imgList.length; } function Next() { Pg++; if (Pg >= (imgList.length-1)) { Pg = imgList.length-1; } document.getElementById('mainImg').src = imgList[Pg]; document.getElementById('Pg').innerHTML = 'Image '+(Pg+1)+' of '+imgList.length; } function Pick0() { var Pg = 0; document.getElementById('mainImg').src = imgList[Pg]; } function Pick1() { var Pg = 1; document.getElementById('mainImg').src = imgList[Pg]; } function Pick2() { var Pg = 2; document.getElementById('mainImg').src = imgList[Pg]; } function Pick3() { var Pg = 3; document.getElementById('mainImg').src = imgList[Pg]; } function Pick4() { var Pg = 4; document.getElementById('mainImg').src = imgList[Pg]; } function Pick5() { var Pg = 5; document.getElementById('mainImg').src = imgList[Pg]; } function Pick6() { var Pg = 6; document.getElementById('mainImg').src = imgList[Pg]; } var imgList = [ "../Assets/Images_Revised/40_kitchen.jpg", "../Assets/Images_Revised/40_stair.jpg", "../Assets/Images_Revised/C_front2.jpg", "../Assets/Images_Revised/C_rear_side_combo.jpg", "../Assets/Images_Revised/C_side.jpg", "../Assets/Images_Revised/Y_combo.jpg", "../Assets/Images_Revised/Y_window.jpg" ]; onload = function() { // document.getElementById('mainImg').src = imgList[0]; Prev(); } </script> Here is my Menu: Quote: <a href="#" onclick="Prev();return false"><</a><a href="#" onclick="Pick0();return false">1</a> <a href="#" onclick="Pick1();return false">2</a> <a href="#" onclick="Pick2();return false">3</a> <a href="#" onclick="Pick3();return false">4</a> <a href="#" onclick="Pick4();return false">5</a> <a href="#" onclick="Pick5();return false">6</a> <a href="#" onclick="Pick6();return false">7</a> <a href="#" onclick="Next();return false">></a> |
|||||||