Please Tweak This (URL target)

[funkeywoookey]

I have the following code, but I want it so that when I click "Go" the URL loads in an iframe (iframe's name="frame1).
_____________________________________________
<script type="text/javascript">
function goToURL(form) {
query = form.query.value;
if(query == null || query == "") {
alert("Error: Missing URL");
return false;
}
document.location.href = query;
return false;
}
</script>



<form onsubmit="return goToURL(this)" action="">
<input name="query" type="text" size="50" maxlength="255" value="

http://google.com/"

/>
<input type="submit" value="Go"/>
</form>
<br>
<iframe name="frame1" src="

http://google.com/"

width="1024" height="768"></iframe>
_____________________________________________

 

[tsuji]

>[tt] document.location.href = query;[/tt]
[tt] window.frame1.location.href = query;[/tt]

 

[funkeywoookey]

Still not working.

Look at it refined...

https://www.sharemation.com/funkeywoookey/Temp2.html?uniq=skbqmv

 

[Kirsle]

Try:

document.getElementByName("frame1").src = query;

 

[tsuji]

>Look at it refined...
what's in there?

 

[funkeywoookey]

Now it's just refreshing (see above "refined" link...it's been updated).

In the refined thing, i was just showing what it did after I added your code.

 

[tsuji]

Why don't you post it here?

 

[funkeywoookey]

<script type="text/javascript">
function goToURL(form) {
query = form.query.value;
if(query == null || query == "") {
alert("Error: Missing URL");
return false;
}
document.getElementByName("frame1").src = query;
document.location.href = query;
return false;
}
</script>



<form onsubmit="return goToURL(this)" action="" target="frame1">
<input name="query" type="text" size="50" maxlength="255" value="

http://images.google.com/"

/>
<input type="submit" value="Go"/>
</form>
<br>
<iframe name="frame1" src="

http://google.com/"

width="500" height="250"></iframe>

 

[tsuji]

Did you read my first reply? Or you don't want to follow for other reason; or maybe you are not answering me, but Kirsle?

 

[BillyRayPreachersSon]

You want the URL to load in the iframe - which you're doing with this line:

document.getElementByName("frame1").src = query;

but immediately after it, you have this line:

document.location.href = query;

which will clear the current page, removing the iframe.

If you want to load into the iframe, why have the second line? It makes no sense.

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[funkeywoookey]

tsuji, yes, I read your first post. I tried it, and it still refuses to work correctly.

BillyRayPreachersSon, even when I delete the second line mentioned, it still doesn't work.

 

[BillyRayPreachersSon]

Possibly because getElementByName isn't a real function?

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[funkeywoookey]

Well I don't know how to write a function for it.

 

[BillyRayPreachersSon]

I'd change this:

document.getElementByName("frame1").src = query;

to this:

document.frames['frame1'].src = query;

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[funkeywoookey]

*sigh* Okay, since nobody seems to know how to tweak it, would anybody mind to just make another one?

__________________________________
<script type="text/javascript">
function goToURL(form) {
query = form.query.value;
if(query == null || query == "") {
alert("Error: Missing URL");
return false;
}
document.frames['frame1'].src = query;
}
</script>



<form onsubmit="return goToURL(this)" action="" target="frame1">
<input name="query" type="text" size="50" maxlength="255" value="

http://images.google.com/"

/>
<input type="submit" value="Go"/>
</form>
<br>
<iframe name="frame1" src="

http://google.com/"

width="500" height="250"></iframe>
__________________________________

 

[BillyRayPreachersSon]

Did my code not work, then?

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[funkeywoookey]

No.

 

[BillyRayPreachersSon]

Do you get any errors? Try using Firefox and looking in the JavaScript console.

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[funkeywoookey]

No errors

 

[tsuji]

They keep saying not working, not working...
[tt]
<html>
<head>
<script type="text/javascript">
function goToURL(form) {
query = form.query.value;
if(query == null || query == "") {
alert("Error: Missing URL");
return false;
}
window.frame1.location.href = query;
return false;
}
</script>
</head>
<body>
<form onsubmit="return goToURL(this)" action="">
<input name="query" type="text" size="50" maxlength="255" value="

http://images.google.com/"

/>
<input type="submit" value="Go"/>
</form>
<br>
<iframe name="frame1" src="

http://www.google.com/"

width="500" height="250"></iframe>
</body>
</html>
[/tt]