JavaScript - Open Page In Iframe Or Div.

Hi,

I am using a password protection javascript code that works very well, but my problem is that I would like to edit the code so that the ".html" page will open inside an iframe on the main page. I think the code "window.location=verification+extension" needs to be edit to indicate the iframe that I want the html page to open in. The complete code is below in bold and parts of code in red text is where I think I need to edit, but I don't know how to edit the code to do what I want.

Can anyone please Help Me, Thanks to all that respond.


<!--
var pass=new Array()
var t3=""
var lim=7
pass[0]="TLMXe8VqAwsAllw"
pass[1]="YeWAc9pfP1rmGrA"
pass[2]="M8ljslaPqg0mQQp"
pass[3]="SRdDwXWa0LSsGB"
pass[4]="83I2WyO06m3aUjs0"
pass[5]="453I2WyO06m3aUjs"

var extension=".html"
var enablelocking=0
var numletter="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
var temp3=''
var cur=0

function max(which){
return (pass[Math.ceil(which)+(3&15)].substring(0,1))
}

function testit(input){
temp=numletter.indexOf(input)
var temp2=temp^parseInt(pass[phase1-1+(1|3)].substring(0,2))
temp2=numletter.substring(temp2,temp2+1)
return (temp2)
}

function submitentry(){
t3=''
verification=document.password1.password2.value
phase1=Math.ceil(Math.random())-6+(2<<2)
var indicate=true
for (i=(1&2);i<window.max(Math.LOG10E);i++)
t3+=testit(verification.charAt(i))
for (i=(1&2);i<lim;i++){
if (t3.charAt(i)!=pass[phase1+Math.round(Math.sin(Math.PI/2)-1)].charAt(i))
indicate=false
}0
if (verification.length!=window.max(Math.LOG10E))
indicate=false
if (indicate)
window.location=verification+extension
else
alert("Invalid password. Please try again")
}
//-->

I have two pages A and B.
I have a link in the page A.
I have two iframes in the page B.

In practice, the link in the page A must open the page B and the link's href must open in the second iframe of the page B.
Is there any script that does this?

Hi,

Not sure if I worded that question right. I have a web page which will display another web page in an iframe. But the content inside the iframe may change while the user interacts with it so I need to be able to resize the iframe height from code on the page inside the iframe. Any tips on how I can do that? I am using php and javascript. Thanks.

I have a slideshow on the "Projects" page. The javascript is external.
There's a link on the homepage that when clicked needs to open the Projects page with the appropriate slide loaded. How do I do that?

Here's the code I have for the slideshow:

Code:

var prev = document.getElementById('prev');
var next = document.getElementById('next');
var current = 0;

function prevPic() {
	clearInterval(interval);

	if(current > 0) {
		current--;
		
		if(current == 0) {
			document.getElementById('next').src = "images/right_arrow.jpg";
			document.getElementById('prev').src = "images/left_arrow_off.jpg";
		} else {
			document.getElementById('next').src = "images/right_arrow.jpg";
			document.getElementById('prev').src = "images/left_arrow.jpg";			
		}
		update();
	}		
}

function nextPic() {
	clearInterval(interval);

	if(current <  slides.length - 1) {
		current++;
		
		if(current == slides.length - 1) {
			document.getElementById('next').src = "images/right_arrow_off.jpg";
			document.getElementById('prev').src = "images/left_arrow.jpg";
		} else {
			document.getElementById('next').src = "images/right_arrow.jpg";
			document.getElementById('prev').src = "images/left_arrow.jpg";			
		}
		update();
	}
}

function update() {
	var pic = slides[current];
	document.getElementById('project_title').innerHTML = pic.title;
	document.getElementById('project_image').src = "images/slides/" + pic.image;
	document.getElementById('project_location').innerHTML = "<span>Location:</span> " + pic.location;
	document.getElementById('project_operation').innerHTML = "<span>Commercial Operation:</span> " + pic.commercial_operation;
	document.getElementById('counter').innerHTML = (current + 1) + " of " + slides.length;
	
	if(pic.link) {
		document.getElementById('project_link').style.display = "block";
		document.getElementById('project_href').href = pic.link;
	} else {
		document.getElementById('project_link').style.display = "none";		
	}
}

//preload slides
var images = [];

for(i in slides) {
	var img = new Image();
	img.src = "images/slides/" + slides[i].image;
	images.push(img);
}

Hi guys,

I need to redirect a page to another url when it detects that the page is opened inside an iframe.

I need help with this
<script >
if(location.href != top.location.href){ window.location = 'http://myurl.com' }
</script>

- check my attachment index.zip

Thx.

Hey guys, I have a quick question for you today

I am coding a little login script, just password, the security is meant to be weak I'm using it as a teaching aid: Here is my problem, I want it to go to a page if the password is true, and go to another if it isnt, my code will explain. The window.open works but it takes you to another tab I want it to load in the same place.

CODE:http://codepad.org/s34r3BQl

Thanks in advanced
Owen

Hello All,
i have a script which which restrict a user to access a page once per day, i need your help to modify the script so that a user can view the page once in 90 days.

<script language ='javascript'>
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}

/* Check the cookie and redirect if they have it set. */

sWhere = 'http://google.com'; // replace this with where you want them to be sent when they can't view page.

if(!readCookie('viewcheck')){
createCookie('viewcheck',1,1);
} else {
window.location = sWhere;
}
</script>

Currently the page has some divs' displays set to none. When a user clicks an anchored link, it displays the appropriate div.

Here is the script I'm currently using, which works fine:
Code:

function showApp(whichApp) {
	document.getElementById('dTips').style.display='none';
	document.getElementById('dCaseStudies').style.display='none';
	document.getElementById('dWebinars').style.display='none';
	document.getElementById('dReports').style.display='none';
	document.getElementById('dDigimags').style.display='none';
	document.getElementById('dPodcasts').style.display='none';
	document.getElementById('dNews').style.display='none';
	document.getElementById('dCalendar').style.display='none';

	if (document.getElementById) {
		document.getElementById(whichApp).style.display='block';
	}
}

Here's how I call it within the page:
Code:

<a href="javascript:showApp('dTips')">Tips</a>

Is there any way to modify it so that if the user clicks a link on a different page, it goes to the APPS page and displays the requested div? If not, is there another way to accomplish this task?

Hey there

I want to know how i can make a page that opens and loads content in a div tag when i click a certain link on my home page.

i have a javscript code to load content into a div tag when the link is on the same page as the div tag, but i want to get a script where it will open a new page and load content into a div tag on that page.

like the link must be something like main.html?div=content.html

i know how to do this with iframes, but i want to work with div tags

thank you

javascript for loading content into the div tag on the same page :

PHP Code:

var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects=""
var rootdomain="http://"+window.location.hostname
var bustcacheparameter=""

function clientSideInclude(containerid, url){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} 
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(containerid, page_request)
}
if (bustcachevar) //if bust caching of external page
bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', url+bustcacheparameter, true)
page_request.send(null)
}

function loadpage(containerid, page_request){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
} 

Hi All,
I am not sure if this is the right place for this question. I'm fairly certain that my problem can be resolved with some JS, but I'm not 100% so please forgive me if this thread does not belong here. Anyhoo, here goes....

I have a site i'm building in Joomla! 1.5. I've got a form on page A and an iframe on page B. The iframe src is an asp page that returns real estate listing details based on values passed to the asp page in the URL. for example:

http://www.hostOfAspPage.com/aspPage...&minprice=500k

I figured out how to create a form on page B that changes the src of the iframe by setting the target to the name of the iframe. so that works fine. but now, i want to put a similar form on the home page.

Please see the following diagram...hopefully it explains what i'm trying to do.

http://webwraps.com/changeiframesrc.jpg

so here is my question... Is it possible to use JS (or maybe php?) to create a URL based on the values in the form on page A and then take the visitor to page B while changing the src of the iframe on page B to be the newly created URL? if so, how?

existing iframe code:
<iframe name="resultsiframe" src="URL-ONE"></iframe>

desired new iframe code (after form on page A is submitted):
<iframe name="resultsiframe" src="URL-TWO"></iframe>

Thank you very much for your time.

Hello Everybody

I have recently been tasked with a unique task and for the life of me I can not work out how to do it.

Using this website as an example:

http://www.coastalcontacts.com/cFaq.html

You can see that the FAQ questions open and close as you click on them, leaving the page looking clean for the most part.

Now I am writing up a landing page that will be doing something similar, however I would like the page to scroll down as each new question is opened up.

Meaning I click on one of the faq questions closer to the bottom of the page and then it scrolls down to show all the new content.

This does not need to happen for questions that do not go to the bottom of the page and are fully visible.

Any and all ideas would be much appreciated

Thank you

Hi
Im trying to creat a website so when the small image is rolled over a new page opens in the frame ( called main) i will upload it now to http://www.e-z-host.com/GZ/ all help apricated ! at the momment you have to click to open the page in the main frame.

I have a menu that lists all the categories and sub categories, when someone clicks a main category it opens up the sub cats for it. if someone clicks one of the sub cats the page open up to show all items in that category.

But what I would like to find out is how do I get the menu to open up as it was so it shows the category and sub category open?

Code:

			  <!-- start show cat list -->
			  			  <br><div style="font-weight: bold; font-size: 0.825em; padding: 0em 0em 0.3125em;">Select items by category</div>
			  <ul class="catMenuItem">
	<li><a style="background-image: url(&quot;images/triangle_down.gif&quot;);" href="#" class="titleTriangle"><span>cat1</span></a></li>
		<li style="display: block;" class="catSubMenu">
			<a href="?cat=2">sub 1-2</a> (0)<br>
			<a href="?cat=7">sub 1-3</a> (2)<br>
			<a href="?cat=8">sub 1-4</a> (0)<br>
			<a href="?cat=9">sub 1-5</a> (0)<br>
			<br>
		</li>
</ul>
<ul class="catMenuItem">
	<li><a href="#" class="titleTriangle"><span>cat2</span></a></li>
		<li style="display: none;" class="catSubMenu">
			<a href="?cat=3">sub 2-1</a> (0)<br>
			<a href="?cat=4">sub 2-2</a> (0)<br>
			<a href="?cat=5">sub 2-3</a> (0)<br>
			<a href="?cat=6">sub 2-4</a> (1)<br>
			<br>
		</li>
</ul>
<ul class="catMenuItem">
	<li><a href="#" class="titleTriangle"><span>cat3</span></a></li>
		<li style="display: none;" class="catSubMenu">
			<br>
		</li>
</ul>
<ul class="catMenuItem">
	<li><a href="#" class="titleTriangle"><span>cat4</span></a></li>
		<li style="display: none;" class="catSubMenu">
			<br>
		</li>
</ul>
<ul class="catMenuItem">
	<li><a href="#" class="titleTriangle"><span>cat5</span></a></li>
		<li style="display: none;" class="catSubMenu">
			<br>
		</li>
</ul>
<script type="text/javascript"><!--
/*		Categories Menu START	*/
    var prevCat;

    function menu(newCat) {
		var mens;
		var anchors;
        if (prevCat) {
			mens = prevCat.parentNode.getElementsByTagName('li')[0];
			anchors = mens.getElementsByTagName('a')[0].style.backgroundImage='url(images/triangle_right.gif)';
			prevCat.style.display = 'none';
		}
		
		if (newCat != prevCat) {
			mens = newCat.parentNode.getElementsByTagName('li')[0];
			anchors = mens.getElementsByTagName('a')[0].style.backgroundImage='url(images/triangle_down.gif)';
			newCat.style.display = 'block';
			prevCat = newCat;
		} else {
			prevCat = null;
		}
		
    }

    onload = function() {
        var menus = document.getElementsByTagName('ul');
        for (var a=0,x=menus.length; a<x; a++) {
            if (menus[a].className === 'catMenuItem') {
                menus[a].getElementsByTagName('li')[0].getElementsByTagName('a')[0].onclick = function() {
                    menu(this.parentNode.parentNode.getElementsByTagName('li')[1]);
                }
                menus[a].getElementsByTagName('li')[1].style.display = 'none';
            }
        }
    } 

/*		Categories Menu END		*/
--></script>
			  <!-- end show cat list -->

How could I open a page/popup after closing one?
The objective is to log the user out if they haven't Logged out or clicked Logout.

I am sure there is a simple way to do this. None of my ideas work.

The only answer I could come with (after testing the whole day...)
IE(any version), Firefox, and other browsers don't support this idea, due to the fact that the user clicked close and you can't impose things on them.