• 0

[Javascript/jQUERY] Edit iframe Src

Asked by Snowl,

 Share

Question

13 answers to this question

Recommended Posts

  • 0
Contributor

Yillb

Posted
Posted

This should work:

<a href="#" id="button">hello</a>
		<iframe src="https://www.yahoo.com/" id="iframe"></iframe>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

		<script type="text/javascript">
		$(document).ready(function(){
		$('#button').click(function(){
			$('#iframe').attr('src', 'http://www.google.com/');
			return false;
		});
});
		</script>

You just set the source attribute by using attr('attribute-to-set', 'value-to-set-to') if you're using jQuery of course.

  • 0
Contributor

Yillb

Posted
Posted

Does this work?

var iframeURL = $('#iframe').attr('src');//gets the iframe's current url
var newURL = iframeURL + "&q=awesome";//creates a new url with the old url
$('#iframe').attr('src', newURL );//sets the new url

If you need do some url parsing to actually find the value of 'wat' then this should help with that: http://www.idealog.us/2006/06/javascript_to_p.html

  • 0
Veteran

Snowl

Posted
  • Author
Posted

Ok. It failed, and I tried getting some other guys to help, but that sort of failed. They got most of it except it has one problem, so its all good except for that, and they aren't replying

Here's what I have

Ok. Here is my full source.

index.html

<iframe src="urgent copy.html" name="lolwat" width="320" height="480"></iframe><!-- iFrame, general one. With all the contents. note this will affect iframe_a-->
<iframe id="iframe_a" name="iframe_a" width="500" height="300" src="lolwat"></iframe><!-- iFrame_a-->

urgent copy.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />
<meta content="minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no" name="viewport" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="javascript/functions.js" type="text/javascript"></script>
<script src="javascript/jquery-1.3.2.js" type="text/javascript"></script>
<script src="javascript/jquery.cookie.js" type="text/javascript"></script>
<title>Login</title>
<meta content="keyword1,keyword2,keyword3" name="keywords" />
<meta content="Description of your site" name="description" /> 
</head>
<body>
<div id="topbar">
	<div id="title">
		Login</div>
</div>
<div id="content">
	<ul class="pageitem">
		<li class="textbox"><span class="header">iPBADMiN</span><p>Welcome to the 
		iPBADMiN application! Please Login to continue.</p>
		</li>
		<li class="menu"><a href="cntlogin.html">
		<img alt="list" src="thumbs/help.png" /><span class="name">Can't Login?</span><span class="arrow"></span></a></li>
	</ul>
		<span class="graytitle">Login</span>
		<ul class="pageitem">
			<form id='form' method="post" action="#dontclickthis" target="iframe_a"><!-- goes to jQuery function to redirect iframe_a, as the target shows.-->
			<input type='hidden' name='qstring' id='qstring' value='' /> <!-- Required for Admin Login, I think-->
			<li class="form"><input placeholder="Admin Username" type="text" id='username' name="username" /></li><!-- Username-->
			<li class="form"><input placeholder="Admin Password" type="password" id='password' name="password" /></li><!--Password-->
			<li class="form"><input placeholder="Location of Admin Area" type="text" name="website" value="" id='website' /></li><!--Location of site to redirect to in iframe_a. note this does not affect the current iFrame. also note the id and the script below-->
			<li class="form">
			<input type="submit" value="Log In" /></li></form>
		</ul>
<script language=javascript>window.location.replace("urgent.html");</script>

urgent.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />
<meta content="minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no" name="viewport" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="javascript/functions.js" type="text/javascript"></script>
<title>Title of your site</title>
<meta content="keyword1,keyword2,keyword3" name="keywords" />
<meta content="Description of your site" name="description" />
</head>
<body>

<div id="topbar">
	<div id="title">
		Urgent</div>
</div>
<div id="content">
	<ul class="pageitem">
		<li class="textbox"><span class="header">iPBADMiN</span><p>Welcome to the 
		iPBADMiN application!</p>
		</li>
		<li class="menu"><a href="changelog.html">
		<img alt="changelog" src="thumbs/start.png" /><span class="name">Changelog</span><span class="arrow"></span></a>
		<li class="menu"><a href="credits.html">
		<img alt="changelog" src="thumbs/contacts.png" /><span class="name">Credits</span><span class="arrow"></span></a></li>
		<li class="menu"><a href="urgent.html">
		<img alt="changelog" src="thumbs/help.png" /><span class="name">Reload Spring for pop-up</span><span class="arrow"></span></a></li>
	</ul>
	<span class="graytitle">Urgent</span><ul class="pageitem">
		<li class="menu"><a class="noeffect" onclick="iWebkit.popup('popup1')">
		<img alt="list" src="thumbs/settings.png" /><span class="name">PERFORMANCE MODE</span><span class="arrow"></span></a></li>
		<li class="menu"><a class="noeffect" onclick="iWebkit.popup('popup3')">
		<img alt="music" src="thumbs/settings.png" /><span class="name">TURN BOARD ON/OFF</span><span class="arrow"></span></a></li>
		<li class="menu"><a href="featurefiles/ban.html">
		<img alt="music" src="thumbs/settings.png" /><span class="name">BAN/FLAG USERS</span><span class="arrow"></span></a></li>
		<li class="menu"><a href="featurefiles/rc.html">
		<img alt="music" src="thumbs/settings.png" /><span class="name">Report Center</span><span class="arrow"></span></a></li>
		<li class="menu"><a href="featurefiles/diag.html">
		<img alt="music" src="thumbs/settings.png" /><span class="name">View Diagnostics</span><span class="arrow"></span></a></li>
</div>
<div id="cover" class="nocover">
</div>
<div id="popup1" class="popup">
	<div id="frame" class="confirm_screen">
		<span>Performance Mode</span><a href="java script: locationJump();" id="perf"><span class="red">Activate/Deactivate</span></a><a class="noeffect" onclick="iWebkit.closepopup(event)"><span class="black">Close</span></a></div>
		<script type="text/javascript" src="javascript/jquery-1.3.2.js"></script>
<script type="text/javascript">
		function locationJump() {
var url = document.getElementById('iframe_a').src;
document.getElementById('iframe_a').src = url + "&app=core&&module=tools&section=performance&do=toggle";
}
</script>
</div>
<div id="popup3" class="popup">
	<div id="frame" class="confirm_screen">
		<span>Turn Board On/Off</span><a href="storelist.html"><span class="red">On / Off</span></a><a class="noeffect" onclick="iWebkit.closepopup(event)"><span class="black">Close</span></a></div>
</div>
<div id="footer">
	<!-- please keep this line of text for three reasons: to help us, to thank us and just because it is cool-->
	<a class="noeffect" href="http://iwebkit.net">Powered by iWebKit</a></div>

</body>

</html>

javascript/functions.js

var iWebkit;if(!iWebkit){iWebkit=window.onload=function(){iWebkit.checkboxHeight="25";iWebkit.radioHeight="25";iWebkit.autolistNumVisible=10;function b(){var d=document.getElementsByTagName("a");for(var e=0;e<d.length;e++){if(d[e].className.match("noeffect")){}else{d[e].onclick=function(){window.location=this.getAttribute("href");return false}}}}function c(){window.scrollTo(0,0.9)}iWebkit.popup=function(){window.scrollTo(0,9999);var e=document.getElementById(arguments[0]);var f=e.getElementsByClassName("confirm_screen")[0];f.className="confirm_screenopen";var d=document.getElementById("cover");d.className="cover";d.style.height=document.height+"px"};iWebkit.closepopup=function(){var e=arguments[0].toElement;var f=false;do{e=e.parentNode;if(e.tagName.toLowerCase()=="div"&&e.className.toLowerCase()=="popup"){f=true;break}}while(e.parentNode);if(f===false){return false}var g=e.getElementsByClassName("confirm_screenopen")[0];g.className="confirm_screenclose";var d=document.getElementById("cover");d.className="nocover";d.style.height=0};function a(){var g=document.getElementsByTagName("ul");for(var f=0;f<g.length;f++){var h=g[f];if(h.getAttribute("class").search(/(autolist)/)===-1){continue}var d=h.getElementsByTagName("li");if(d.length<=iWebkit.autolistNumVisible){continue}h.numitems=d.length;h.visibleitems=0;var e=h.getElementsByClassName("autolisttext")[0];e.onclick=function(i){var j=this.parentNode;j.showItems(j.visibleitems+iWebkit.autolistNumVisible);return false};h.showItems=function(l){var j=this.getElementsByTagName("li");var m=0;for(var k=0;k<j.length;k++){j[k].className=j[k].className.replace(/hidden/g,"");if(k>=l){j[k].className=j[k].className+" hidden"}else{m+=1}}this.visibleitems=m;e.className=e.className.replace(/hidden/g,"");if(m>=(j.length-1)){e.className=e.className+" hidden"}};h.showItems(iWebkit.autolistNumVisible)}}iWebkit.init=function(){b();c();a();var h=document.getElementsByTagName("input"),j=[],g,i,k;for(var f=0;f<h.length;f++){if(h[f].type==="checkbox"||h[f].type==="radio"){j[f]=document.createElement("span");j[f].className=h[f].type;if(h[f].checked){if(h[f].type==="checkbox"){var e="0 -"+(iWebkit.checkboxHeight*2)+"px";j[f].style.backgroundPosition=e}else{e="0 -"+(iWebkit.radioHeight*2)+"px";j[f].style.backgroundPosition=e}}h[f].parentNode.insertBefore(j[f],h[f]);h[f].onchange=iWebkit.clear;j[f].onmouseup=iWebkit.check;document.onmouseup=iWebkit.clear}}h=document.getElementsByTagName("select");for(f=0;f<h.length;f++){if(h[f]){i=h[f].getElementsByTagName("option");k=i[0].childNodes[0].nodeValue;g=document.createTextNode(k);for(var d=0;d<i.length;d++){if(i[d].selected){g=document.createTextNode(i[d].childNodes[0].nodeValue)}}j[f]=document.createElement("span");j[f].className="select";j[f].id="select"+h[f].name;j[f].appendChild(g);h[f].parentNode.insertBefore(j[f],h[f]);h[f].onchange=iWebkit.choose}}};iWebkit.pushed=function(){var d=this.nextSibling;if(d.checked&&d.type==="checkbox"){this.style.backgroundPosition="0 -"+iWebkit.checkboxHeight*3+"px"}else{if(d.checked&&d.type==="radio"){this.style.backgroundPosition="0 -"+iWebkit.radioHeight*3+"px"}else{if(!d.checked&&d.type==="checkbox"){this.style.backgroundPosition="0 -"+iWebkit.checkboxHeight+"px"}else{this.style.backgroundPosition="0 -"+iWebkit.radioHeight+"px"}}}};iWebkit.check=function(){var f=this.nextSibling;if(f.checked&&f.type==="checkbox"){this.style.backgroundPosition="0 0";f.checked=false}else{if(f.type==="checkbox"){this.style.backgroundPosition="0 -"+iWebkit.checkboxHeight*2+"px"}else{this.style.backgroundPosition="0 -"+iWebkit.radioHeight*2+"px";var g=this.nextSibling.name;var e=document.getElementsByTagName("input");for(var d=0;d<e.length;d++){if(e[d].name===g&&e[d]!==this.nextSibling){e[d].previousSibling.style.backgroundPosition="0 0"}}}f.checked=true}};iWebkit.clear=function(){var e=document.getElementsByTagName("input");for(var d=0;d<e.length;d++){if(e[d].type==="checkbox"&&e[d].checked){e[d].previousSibling.style.backgroundPosition="0 -"+iWebkit.checkboxHeight*2+"px"}else{if(e[d].type==="checkbox"){e[d].previousSibling.style.backgroundPosition="0 0"}else{if(e[d].type==="radio"&&e[d].checked){e[d].previousSibling.style.backgroundPosition="0 -"+iWebkit.radioHeight*2+"px"}else{if(e[d].type==="radio"){e[d].previousSibling.style.backgroundPosition="0 0"}}}}}};iWebkit.choose=function(){var e=this.getElementsByTagName("option");for(var f=0;f<e.length;f++){if(e[f].selected){document.getElementById("select"+this.name).childNodes[0].nodeValue=e[f].childNodes[0].nodeValue}}};iWebkit.init()}};

css/style.css

Ԫ?body{position:relative;margin:0;-webkit-text-size-adjust:none;min-height:416px;font-family:helvetica,sans-serif;background:url("../images/background.png"),url('../images/menutouched.png') no-repeat;-webkit-touch-callout:none}.center{margin:auto;display:block}img{border:0}a:hover span.arrow{background-position:0 -13px!important}#topbar{position:relative;left:0;top:0;height:44px;width:auto;background:url("../images/header.png") repeat;margin-bottom:13px}#title{position:absolute;top:0;left:0;right:0;padding:0 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:44px;line-height:44px;font-weight:bold;color:#FFF;text-shadow:rgba(0,0,0,0.6) 0 -1px 0;font-size:16pt}#content{width:100%;position:relative;min-height:250px;margin-top:10px;height:auto;z-index:0;overflow:hidden}#footer{text-align:center;position:relative;margin:20px 10px 0;height:auto;width:auto;bottom:10px}#footer a,#footer{text-decoration:none;font-size:9pt;color:#4C4C4C;text-shadow:#FFF 0 1px 0}.pageitem{-webkit-border-radius:8px;background-color:#fff;border:#878787 solid 1px;font-size:12pt;overflow:hidden;padding:0;position:relative;display:block;height:auto;width:auto;margin:3px 9px 17px;list-style:none}.textbox{padding:5px 9px;position:relative;overflow:hidden;border-top:1px solid #878787}.textbox p{margin-top:2px;color:#000;margin-bottom:2px;text-align:justify}.textbox img{max-width:100%}.textbox ul{margin:3px 0 3px 0;list-style:circle!important}.textbox li{margin:0!important}.pageitem li:first-child{border-top:0}li.menu,li.form{position:relative;list-style-type:none;display:block;height:43px;overflow:hidden;border-top:1px solid #878787;width:auto}ul.pageitem li:first-child:hover,.pageitem li:first-child a,li.form:first-child input[type=radio],li.form:first-child select,li.form:first-child input[type=submit],li.form:first-child button,li.form:first-child input[type=reset]{-webkit-border-top-left-radius:8px 8px;-webkit-border-top-right-radius:8px 8px}ul.pageitem li:last-child:hover,.pageitem li:last-child a,li.form:last-child input[type=radio],li.form:last-child select,li.form:last-child input[type=submit],li.form:last-child button,li.form:last-child input[type=reset]{-webkit-border-bottom-left-radius:8px 8px;-webkit-border-bottom-right-radius:8px 8px}li.menu:hover{background:url("../images/menutouched.png") repeat-x #0274ee}li.menu a:hover span.name,li.menu a:hover span.comment,li.store:hover .starcomment,li.store:hover .name,li.store:hover .comment,body.list li.withimage a:hover .comment{color:#fff}li.menu a:hover span.comment{color:#CCF}li.menu a{display:block;height:43px;width:auto;text-decoration:none}li.menu a img{width:auto;height:32px;margin:5px 0 0 5px;float:left}li.menu span.name{margin:11px 0 0 7px;width:auto;color:#000;font-weight:bold;font-size:17px;text-overflow:ellipsis;overflow:hidden;max-width:75%;white-space:nowrap;float:left}li.menu span.comment{margin:11px 30px 0 0;width:auto;color:#000;font-size:17px;text-overflow:ellipsis;overflow:hidden;max-width:75%;white-space:nowrap;float:right;color:#324f85}li.menu span.arrow,li.store span.arrow,body.musiclist span.arrow,body.list span.arrow{position:absolute;width:8px!important;height:13px!important;right:10px;top:15px;margin:0!important;background:url("../images/arrow.png") 0 0 no-repeat}li.store{height:90px;border-top:#878787 solid 1px;overflow:hidden;position:relative}li.store a{width:100%;height:90px;display:block;background:url("../images/storebg.png") left top no-repeat;text-decoration:none;position:absolute}li.store:hover{background:url("../images/storetouched.png") repeat-x #0274ee}li.store .image{position:absolute;left:0;top:0;height:90px;width:90px;display:block;background:url('../images/storetouched.png') no-repeat}li:first-child.store .image,li.store:first-child a{-webkit-border-top-left-radius:8px 8px}li:last-child.store .image,li.store:last-child a{-webkit-border-bottom-left-radius:8px 8px}li.store .name{font-size:15px;white-space:nowrap;margin:5px 0 0 95px;display:block;overflow:hidden;color:#000;max-width:60%;text-overflow:ellipsis;font-weight:bold;white-space:nowrap;text-overflow:ellipsis}li.store .comment,body.list li.withimage .comment{font-size:12px;color:#7f7f7f;margin:16px 0 0 95px;display:block;width:60%;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}li.store .arrow,body.list li.withimage .arrow{top:39px!important}li.store .stars{margin:6px 0 0 95px}li.store .starcomment{position:absolute;left:165px;top:56px;font-size:12px;color:#7f7f7f;font-weight:lighter}.graytitle{position:relative;font-weight:bold;font-size:17px;right:20px;left:9px;color:#4C4C4C;text-shadow:#FFF 0 1px 0;padding:1px 0 3px 8px}.header{display:block;font-weight:bold;color:rgb(73,102,145);font-size:12pt;margin-bottom:6px;line-height:14pt}body.musiclist div#content{width:auto;margin:-29px auto auto -40px}body.musiclist div#content ul{background:url("../images/musiclistbg.png") repeat}body.musiclist div#content ul li{list-style:none;height:44px;width:auto;border-bottom:1px solid #e6e6e6;position:relative}body.musiclist div#content ul li a{text-decoration:none;color:#000;width:100%!important;height:100%;display:block}body.musiclist ul li .number,body.musiclist .name,body.musiclist .time{display:inline-block;height:44px;font-weight:bold;font-size:large;width:44px;text-align:center;line-height:46px}body.musiclist ul li .name{margin-left:0;width:auto!important;font-size:medium;padding-left:5px;border-left:solid 1px #e6e6e6}body.musiclist ul li .time{color:#848484;font-size:medium;margin-left:4px;width:auto!important;font-weight:normal}body.musiclist{background-image:none!important;background-color:#cbcccf}body.musiclist ul li span.name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:62%}body.list ul li.title{background:url("../images/listheader.gif") repeat-x;height:22px!important;width:100%;color:#fff;font-weight:bold;font-size:16px;text-shadow:gray 0 1px 0;line-height:22px;padding-left:20px;border-bottom:none!important}body.list ul{background-color:#fff;width:100%;overflow:hidden;padding:0;margin:0}body.list div#content li{height:40px;border-bottom:1px solid #e1e1e1;list-style:none}body.list{background-color:#fff;background-image:none!important}body.list div#footer{margin-top:24px!important}body.list div#content li a{padding:9px 0 0 20px;font-size:large;font-weight:bold;position:relative;display:block;color:#000;text-decoration:none;height:32px}body.list div#content li a span.name{text-overflow:ellipsis;overflow:hidden;max-width:93%;white-space:nowrap;display:block}body.list div#content li a:hover{color:#fff}body.list div#content li a:hover{background:url("../images/menutouched.png") repeat-x}body.list div#content{margin-top:-13px!important}body.list ul img{width:90px;height:90px;position:absolute;left:0;top:0}body.list li.withimage{height:90px!important}body.list li.withimage span.name{margin:13px 0 0 90px;text-overflow:ellipsis;overflow:hidden;max-width:63%!important;white-space:nowrap}body.list li.withimage .comment{margin:10px auto auto 90px !important;max-width:63%!important}body.list li.withimage a,body.list li.withimage:hover a{height:81px!important;background:url("../images/storebg.png") left top no-repeat!important}body.list li.withimage:hover{background-image:url("../images/storetouched.png")}.confirm_screen{position:absolute;bottom:0;-webkit-transform:translate(0,100%);-webkit-transition-property:-webkit-transform;background-image:url("../images/popup-bg.png");opacity:0}.confirm_screenopen{position:absolute;opacity:0.8;overflow:hidden;bottom:-100%;width:100%;background:url("../images/popup-bg.png") repeat-x #4e545f;-webkit-transition-duration:0.8s;-webkit-transition-property:-webkit-transform;-webkit-transform-style:preserve-3d;-webkit-transform:translate(0,0);text-align:center;z-index:99999}.confirm_screenopenfull{position:absolute;opacity:0.8;overflow:hidden;bottom:-100%;width:100%;background:url("../images/popup-bg.png") repeat-x #4e545f;-webkit-transition-duration:0.8s;-webkit-transition-property:-webkit-transform;-webkit-transform-style:preserve-3d;-webkit-transform:translate(0,45px);text-align:center;z-index:99999}.confirm_screenclose{-webkit-transition-duration:1.2s;-webkit-transition-property:-webkit-transform;-webkit-transform-style:preserve-3d;position:absolute;opacity:0.8;overflow:hidden;bottom:-100%;width:100%;background:url("../images/popup-bg.png") repeat-x #545A67;text-align:center;-webkit-transform:translate(0,150%)}.confirm_screenopen span,.confirm_screenclose span,.confirm_screenopenfull span,.confirm_screenclosefull span{margin:10px 0 20px;font-size:17px;color:#fff;width:100%;height:10px;text-shadow:rgba(0,0,0,1) 0 -1px 0;display:block}.popup{position:absolute;bottom:0;width:100%;left:0;z-index:9999}.cover{width:100%;position:absolute;top:0;z-index:9998;opacity:0.4;left:0;background-color:#000}.nocover{opacity:0;background-image:url('../images/bluebutton.png'),url('../images/darkredbutton.png')}#frame a{text-decoration:none;display:block;width:90%;margin-left:auto;margin-right:auto;margin-bottom:-15px;margin-top:0}#frame span.black,#frame span.red,#frame span.gray{display:block;height:46px;border-width:0 14px;width:auto;background-repeat:no-repeat;line-height:46px;font-size:large;opacity:1;font-weight:bolder;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:Arial,Helvetica,sans-serif}#frame span.black{-webkit-border-image:url("../images/graybutton.png") 0 14 0 14;color:#fff}#frame span.red{-webkit-border-image:url("../images/redbutton.png") 0 14 0 14;color:#fff}#frame span.gray{-webkit-border-image:url("../images/whitebutton.png") 0 14 0 14;color:#000;text-shadow:white 0 1px 0}#frame a:last-child{margin-bottom:20px!important}#frame a:hover span.black,#frame a:hover span.gray{-webkit-border-image:url("../images/bluebutton.png") 0 14 0 14;color:#fff;text-shadow:rgba(0,0,0,1) 0 -1px 0}#frame a:hover span.red{-webkit-border-image:url("../images/darkredbutton.png") 0 14 0 14}#leftnav,#leftbutton{position:absolute;font-size:12px;left:9px;top:7px;font-weight:bold}#leftnav,#leftbutton,#rightnav,#rightbutton{z-index:5000}#leftnav a,#rightnav a,#leftbutton a,#rightbutton a{display:block;color:#fff;text-shadow:rgba(0,0,0,0.6) 0 -1px 0;line-height:30px;height:30px;text-decoration:none}#leftnav img,#rightnav img{margin-top:4px}#leftnav a:first-child{z-index:2;-webkit-border-image:url("../images/navleft.png") 0 5 0 13;border-width:0 5px 0 13px;-webkit-border-top-left-radius:16px;-webkit-border-bottom-left-radius:16px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;width:auto}#leftnav a{-webkit-border-image:url("../images/navlinkleft.png") 0 5 0 13;z-index:3;margin-left:-4px;border-width:0 5px 0 13px;padding-right:4px;-webkit-border-top-left-radius:16px;-webkit-border-bottom-left-radius:16px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;float:left}#rightnav,#rightbutton{position:absolute;font-size:12px;right:9px;top:7px;font-weight:bold}#rightnav a{-webkit-border-image:url("../images/navlinkright.png") 0 13 0 5;z-index:3;margin-right:-4px;border-width:0 13px 0 5px;padding-left:4px;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;float:right;-webkit-border-top-right-radius:16px;-webkit-border-bottom-right-radius:16px}#rightnav a:first-child{z-index:2;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-webkit-border-image:url("../images/navright.png") 0 13 0 5;border-width:0 13px 0 5px;-webkit-border-top-right-radius:16px;-webkit-border-bottom-right-radius:16px}#leftbutton a,#rightbutton a{-webkit-border-image:url("../images/navbutton.png") 0 5 0 5;border-width:0 5px;-webkit-border-radius:6px}.rssxpresschannel{font-family:helvetica,sans-serif;border:none}.rssxpresschtitle{text-align:center}.rssxpresschdesc{color:#000;text-align:center;border-bottom:1px solid #000;padding-bottom:5px}.rssxpressittitle{display:block;font-size:12pt;background:#fff;margin:5px 0 2px}.rssxpressittitle a{text-decoration:none!important;font-weight:bold;color:rgb(73,102,145);line-height:10pt}.rssxpressitdesc{background:#fff;font-size:12pt}.rssxpressdivider{display:none}li.form input[type=text],li.form input[type=password],li.form input[type=search]{border-width:7px 7px;font-weight:normal;border-color:white;height:10px;-webkit-border-image:url("../images/textfield.png") 7 7 7 7;-webkit-appearance:none;line-height:8px;font-size:18px;margin:auto;display:block;position:relative;width:90%}li.form input[type=submit]{width:100%;background:none;border:0px;color:#000;margin-top:-5px;margin-bottom:-5px;font-weight:bold;font-size:17px}.form{padding:5px 8px 0 5px;height:37px!important;position:relative;overflow:hidden}li.form .narrow textarea,li.form .narrow input[type=text],li.form .narrow input[type=checkbox],li.form .narrow input[type=password],li.form .narrow input[type=search]{width:40%!important;border-width:7px 7px;height:10px;-webkit-border-image:url("../images/textfield.png") 7 7 7 7;-webkit-appearance:none;line-height:8px;font-size:18px;font-weight:normal;border-color:white;margin:0!important;position:absolute;right:-17px}li.form span.narrow,li.form span.check{width:90%!important;display:block;position:relative;margin:auto}li.form .name{width:55%!important;white-space:nowrap;text-overflow:ellipsis;position:absolute;margin:6px 0 0 7px;color:#000;font-weight:bold;font-size:17px;overflow:hidden;left:-17px}li.form .check .name{width:70%!important}li.form input[type=radio]{width:100%;height:42px;display:block;margin:-5px -8px 0 -5px;-webkit-appearance:none;border:0;-webkit-border-radius:0;position:relative;background:transparent;position:absolute}span.radio{width:16px;height:30px;background:url(../images/check.png) no-repeat;display:block;position:absolute;right:5px;overflow:visible;z-index:1}span.checkbox{width:94px;height:27px;background:url(../images/checkbox.png) no-repeat;display:block;position:absolute;right:-14px;top:2px}input[type=checkbox]{display:none}select{height:40px;opacity:0;position:absolute;width:100%;margin:-5px 0 0 -5px;-webkit-border-radius:0}.form .choice .name{left:1.7%;width:87%!important}span.select{z-index:1;position:absolute;white-space:nowrap;text-overflow:ellipsis;margin:6px 0 0 7px;color:#000;font-weight:bold;font-size:17px;overflow:hidden;max-width:87%}.form .arrow{background:url('../images/more.png') no-repeat;width:13px;height:8px;position:absolute;right:8px;top:18px;margin:0!important}input[type=submit],button,input[type=button],input[type=reset]{background:transparent;width:100%;height:40px;left:0px;position:absolute;top:6px;display:block;-webkit-border-radius:0;line-height:40px}button,input[type=button],input[type=reset]{top:0px!important;border:none;color:black;font-weight:bold;font-size:17px;-webkit-appearance:none}.textbox textarea{min-height:50px;margin:3px auto 4px auto;position:relative;-webkit-border-image:url("../images/textfield.png") 7 7 7 7;padding:3px 0 0 0;line-height:18px;left:-2px;font-size:18px;font-weight:normal;width:97%;display:block;border-width:7px 7px}ul li.hidden{display:none}ul li.autolisttext{text-align:center}body.musiclist ul li.autolisttext{line-height:44px!important}ul li.autolisttext a:hover{background-image:none!important;color:black!important}

and they replied with this

Okay, I guess the code "top.document.getElementById('iframe_a').src" is coming up as null. That is a browser compatibility. Try these changes:

urgent.html

REPLACE:

<a href="java script: locationJump();" id="perf">

WITH:

<a href="java script: locationJump('&app=core&&module=tools&section=performance&do=toggle');" id="perf">

urgent.html

REPLACE:

<script type="text/javascript">
		function locationJump() {
var url = top.document.getElementById('iframe_a').src;
alert('url:' + url);
top.document.getElementById('iframe_a').src = url + "&app=core&&module=tools&section=performance&do=toggle";
alert('new url:' + top.document.getElementById('iframe_a').src);
}
</script>
</div>

WITH:

<script type="text/javascript">
	function callLocationJump(){
		parent.locationJump();
	}
</script>

index.html

Add to Top:

<script type="text/javascript">
function locationJump() {
var url = top.document.getElementById('iframe_a').src;
c = url.length;
t = url.charAt(c);
if ( t != "?" ) { url += "?"; }
top.document.getElementById('iframe_a').src = url + "&app=core&&module=tools&section=performance&do=toggle";
}
</script>

problem is that when i click the button it just redirects the iframe to index.html, which i dont want. I want it to add the url to the iframe url (etc. example.com + url here) and go to that url, without needing to type.

  • 0
Veteran

Snowl

Posted
  • Author
Posted

I would assume yes as once you login it redirects the iframe, but if I want to change the iframe page (as the iframe would be like this "www.example.com/admin/index.php?adsess=randomvaluehere&") and I want to go to a page and the only way is like "www.example.com/admin/index.php?adsess=randomvaluehere&value1=value&value2=value" the only suitable way is to edit the iframe, but I can't use php because I'm not using a server, and cant just redirect the page as I dont know the value of adsess.

This topic is now closed to further replies.
 Share
Go to question listing

  • Recently Browsing   0 members

    • No registered users viewing this page.