PDA

View Full Version : Button Link

tarq
06-01-2003, 02:58 PM
I want all three button links on the same line and targeting the bottom frame but it doesn't seem to be working. Heres my code:


<!-- TWO STEPS TO INSTALL BUTTON LINK:

1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Sven David Hildebrandt (shildebr@online.no) -->
<!-- Web Site: http://home.hia.no/~sdhild99 -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function goToURL() { window.location = "/james" target="bottom"; }
// End -->
</script>

</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document -->

<BODY>

<form>
<input type=button value="James Napier" onClick="goToURL()">
</form>


<!-- Script Size: 0.91 KB -->

<!-- TWO STEPS TO INSTALL BUTTON LINK:

1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Sven David Hildebrandt (shildebr@online.no) -->
<!-- Web Site: http://home.hia.no/~sdhild99 -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function goToURL() { window.location = "/michael" target="bottom"; }
// End -->
</script>

</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document -->

<BODY>

<form>
<input type=button value="MWS" onClick="goToURL()">
</form>


<!-- Script Size: 0.91 KB -->

<!-- TWO STEPS TO INSTALL BUTTON LINK:

1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Sven David Hildebrandt (shildebr@online.no) -->
<!-- Web Site: http://home.hia.no/~sdhild99 -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function goToURL() { window.location = "/tom" target="bottom"; }
// End -->
</script>

</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document -->

<BODY>

<form>
<input type=button value="Tom Hern" onClick="goToURL()">
</form>


<!-- Script Size: 0.91 KB -->

It's supposed to look like this:http://members.lycos.co.uk/ottyrl/example.jpg

Thanks for any replies!

TARQ
MaGiCSuN
06-01-2003, 03:40 PM
i dunno, but you can't have 3 times <head></head> and 3 times <body>

try this:

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Sven David Hildebrandt (shildebr@online.no) -->
<!-- Web Site: http://home.hia.no/~sdhild99 -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function goToURL1() { window.location = "/james" target="bottom"; }
// End -->
</script>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Sven David Hildebrandt (shildebr@online.no) -->
<!-- Web Site: http://home.hia.no/~sdhild99 -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function goToURL2() { window.location = "/michael" target="bottom"; }
// End -->
</script>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Sven David Hildebrandt (shildebr@online.no) -->
<!-- Web Site: http://home.hia.no/~sdhild99 -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function goToURL3() { window.location = "/tom" target="bottom"; }
// End -->
</script>
</HEAD>

<BODY>

<form>
<input type=button value="James Napier" onClick="goToURL1()">
</form> <form>
<input type=button value="MWS" onClick="goToURL2()">
</form> <form>
<input type=button value="Tom Hern" onClick="goToURL3()">
</form>

</body>

i changed "goToURL" to "1' '2' and '3' because you have to change that name in order to make them to work on the same page.

also i would align the buttons to "right" "middle" and "left" to 'spread' them like in your example.


Love,
Mirna
tarq
06-01-2003, 04:19 PM
Mirna.

Thank you very much for your reply. Since I posted I decided to change the buttons to hyperlinked images and I used your advise on aligning them on the left, in the center and on the right but the problem is they are all on different lines. I have uploaded an example so you can see what I mean. How can I keep the alignment but still have them on the same line?

Thanks again for your help.
Neal

http://members.lycos.co.uk/ottyrl/example.jpg