Remove a JAVASCRIPT element from page.

Question

triumphost 120 Posting Whiz

12 Years Ago

[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.

javascript

Edited 12 Years Ago by triumphost because: n/a

2 Contributors
3 Replies
225 Views
6 Hours Discussion Span
Latest Post 12 Years Ago Latest Post by Amr87

Amr87 1 Junior Poster in Training

12 Years Ago

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

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

triumphost 120 Posting Whiz · Answer 1 · 2011-11-06T21:30:19+00:00

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;
	}

Amr87 1 Junior Poster in Training · Answer 2 · 2011-11-06T22:06:36+00:00

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>