0

[IMG]http://i.imgur.com/DGegu.png[/IMG]


I have that page above.. But the thing is the entire website was made using an iFrame that loads another page.. Each page has one of those at the bottom. Thing is when the main page loads the second page, there are duplicates of those at the bottom. I want it so that when there are duplicates, I can remove the main one. How would I even get started on that? I don't know where to look at all.

I looked up stuff but the only thing I found was the remove html elements using $('.class').remove(); Which doesn't do what I want. I only know very little javascript, lots of css, lots of html and lots of C++.. I don't know any other languages.

Edited by triumphost: n/a

2
Contributors
3
Replies
5
Views
5 Years
Discussion Span
Last Post by Amr87
0

providing the code you are using will help in getting your problem solved , please provide the code

0

providing the code you are using will help in getting your problem solved , please provide the code

All the javascript is at the very last lines of the code.. Lines 18 for Index and 66 for Main.

Index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
		
		<link href="style.css" rel="stylesheet" type="text/css" media="screen" title="Default Styles" />
 		<title>Javascript Domination</title>
	</head>
	
	<body>
		<iframe name="MainFrame" src="Main.html" width="1024px" height="700px" frameborder="0" scrolling="no" marginwidth="0" marginheight="0">
			If you are reading this, your browser DOES NOT support iFrames.
		</iframe>
	</body>
	
	<script type='text/javascript'>
		 //<![CDATA[
		 document.write ("<a href='http://validator.w3.org/check?uri=" +
			 location.href+ "\;ss=1;verbose=1' target='display'>" +
			 "<img src='http://gblearn.com/images/valid-xhtml10.png' " +
			 "width='60' height='21' border='0' " +
			 "alt='Valid XHTML 1.0 Transitional.' " +
			 "title='Valid XHTML 1.0 Transitional.' /></a>")
		 dt=new Date(document.lastModified);
		 document.write("<small> This page was last modified on " +
						 dt.toLocaleString() + "</small>")
		 //]]>
		</script>
</html>

Main.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
		
		<link href="style.css" rel="stylesheet" type="text/css" media="screen" title="Default Styles" />
 		<title>Javascript Domination</title>
	</head>
	
	<body>
		<div class="maincontent">
			<a href="Index.html"><img src="Logo.PNG" alt="Javascript Domination." width="100%" height="100px" border="0px"/></a>
				<div id="hnav">
					<ul>
						<li><a href="Index.html" target="MainFrame">Home</a></li>
						<li><a href="Tutorials.html" target="MainFrame">Tutorials</a></li>
						<li><a href="TimeLine.html" target="MainFrame">Time-Line</a></li>
						<li><a href="StaffList.html" target="MainFrame">Staff-List &amp; Profiles</a></li>
						<li><a href="AboutUs.html" target="MainFrame" id="last">About Us</a></li>
					</ul>
				</div>
			
			<table class="maintable">
				<tr>
					<td width="250px" class="leftnav">
						<ul class="leftnavpad">
							<li class="menuwhite">Introduction</li>
								<li class="styletype">
									<ol class="leftnavpos">
										<li><a href="Cpp01.html">Variables.</a></li>
										<li><a href="Cpp02.html">Loops.</a></li>
										<li><a href="Cpp03.html">Alert, Confirm, Prompt.</a></li>
										<li><a href="Cpp04.html">Operators.</a></li>
										<li><a href="Cpp05.html">Input &amp; Output to the screen.</a></li>
									</ol>
								</li>
						</ul>
						
						<br />
						
						<ul class="leftnavpad">							
							<li class="menuwhite">Affiliations</li>
								<li class="styletype">
									<ol class="leftnavpos">
										<li><a href="http://j1662736.gblearn.com/comp1229/assignments/assignment1/Index.html" target="blank">Art Of Exploitation.</a></li>
										<li><a href="http://www.google.ca" target="blank">Hello World! GUI.</a></li>
										<li><a href="http://www.google.ca" target="blank">Declaring Variables &amp; Data-types.</a></li>
										<li><a href="http://www.google.ca" target="blank">Operators.</a></li>
										<li><a href="http://www.google.ca" target="blank">Controls (TextBoxes, Buttons, Etc).</a></li>
								</li>
						</ul>
					 </td>
					 
					 <td class="mainstyle">
						This is the main page.
					 </td>
				</tr>
			</table>
			
			<br /><br />
			<p class="trademark">Copyright <sup>©</sup> 2011 Javascript Domination. All Rights Reserved.</p>
		</div>
		
		<script type='text/javascript'>
		 //<![CDATA[
		 document.write ("<a href='http://validator.w3.org/check?uri=" +
			 location.href+ "\;ss=1;verbose=1' target='display'>" +
			 "<img src='http://gblearn.com/images/valid-xhtml10.png' " +
			 "width='60' height='21' border='0' " +
			 "alt='Valid XHTML 1.0 Transitional.' " +
			 "title='Valid XHTML 1.0 Transitional.' /></a>")
		 dt=new Date(document.lastModified);
		 document.write("<small> This page was last modified on " +
						 dt.toLocaleString() + "</small>")
		 //]]>
		</script>
	</body>
</html>

Style.css

body {
	background-color: grey;
	background-attachment:fixed;
	font-family: "Courier New";
	margin-left:auto;
	margin-right:auto;
	width: 1024px;
	}
	
body a:visited, a:link {
	color: #4876FF;
	}

#h2 {
	font-size: 17px; 
	text-decoration: underline; 
	font-family: "Courier New";
	text-indent: 0px; 
	text-align: center;
	color: #4876FF;
	}
	
.maincontent {
	background-color: white;
	height: 100%;
	}
	
img {
	opacity: 1;
	filter:alpha(opacity=40);
	}
	
.mainstyle {
	padding-left: 5px;
	vertical-align: top;
	text-decoration: none;
	font-size: 13px;
	}
	
.menuwhite{
	text-decoration: underline;
	padding-bottom: 20px;
	}
	
.leftnav {
	border-right: solid 1px #DCDCDC;
	border-bottom: solid 1px #DCDCDC;
	vertical-align:text-top;
	width: 150px;
	font-weight: bold;
	background-color: #588DE4;
	}
	
.leftnavpad {
	padding-left: 0px;
	list-style-type: none; 
	font-family: "Courier New";
	width: 100%;
	position: relative;
	font-family: "Courier New";
	}
	
.leftnav li a {
	font-family: "Courier New";
	font-size: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
	text-decoration: none;
	color: white;
	font-weight: bold;
	}
	
.leftnav li a:hover {
	color: #069;
	background-color: #A9A9A9;
	}
	
.leftnav li:hover {
	color: #069;
	background-color: #A9A9A9;
	}

.leftnavpos {
	list-style-type: decimal;
	font-family: "Courier New";
	color: #069;
	padding-left: 30px;
	}
	
.trademark {
	font-family: "Verdana";
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	color: #588DE4;
	padding-bottom: 10px;
	}
	
#hnav {
	width: 100%;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	font-family: "Courier New";
	background-image: url('Button.PNG');
	top:0px;
	}
	
#hnav ul {
	float: left;
	list-style-type: none;
	margin: 5px 0px 5px 0px;
	position: relative;
	text-align: center;
	left: 50%;
	}
	
#hnav ul li {
	float: left;
	display: block;
	list-style: none;
	padding: 0px;
	position: relative;
	right: 55%;
	}
	
#hnav li a {
	display: block;
	padding: 0px 15px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	border-right: 1px solid #D3D3D3;
	}
	
#hnav li a:hover {
	color: #069;
	background-color: #A9A9A9;
	font-weight: bold;
	}
	
#hnav ul li #last{
	border-right: 0px;
	}

Edited by triumphost: n/a

0

I know this is not the best way to do it , but I think this might help
in the Index.html replace the script block code starts at line 18 and ends at line 30 with this block

<script type='text/javascript'>
	var pageTxt = document.getElementsByTagName('html')[0].innerHTML;
	
	
	if (pageTxt.indexOf("This page was last modified on") == -1) {
    //<![CDATA[
    document.write ("<a href='http://validator.w3.org/check?uri=" +
    location.href+ "\;ss=1;verbose=1' target='display'>" +
    "<img src='http://gblearn.com/images/valid-xhtml10.png' " +
    "width='60' height='21' border='0' " +
    "alt='Valid XHTML 1.0 Transitional.' " +
    "title='Valid XHTML 1.0 Transitional.' /></a>")
    dt=new Date(document.lastModified);
    document.write("<small> This page was last modified on " +
    dt.toLocaleString() + "</small>")
    //]]>
	}
    </script>
This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.