|
|||||||||
|
|||||||||
|
|||||||||
 |
|||||||||
| |
||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
ASP Free Forums Sponsor:
|
|
|
|
#1
March 24th, 2006, 10:28 AM
|
|||
|
|||
|
Frontpage
I am VERY new to Frontpage. I am trying to hyperlink a question to answer, but I do not want to create a new page that the question links to. I simply want the answer to the question to fade in/ zoom in when the question is clicked. If possible, how is this done?
|
|
#2
March 24th, 2006, 03:18 PM
|
||||
|
||||
|
Here is a real simple way. It doesn't fade or fly in but you can use similar techniques to do what you want through CSS
This one just changes the visibility of a div element Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script language=javascript>
function ShowAnswerVisibilitySample(element){
document.getElementById(element).style.visibility= 'visible';
}
</script>
</head>
<body>
<div style="COLOR: blue; TEXT-DECORATION: underline" onclick="ShowAnswerVisibilitySample('answer1');">
What Color is the Sky?</div>
<div id="answer1" style="VISIBILITY: hidden; COLOR: white; BACKGROUND-COLOR: blue">Blue</div>
>
</body>
</html>
|
|
#3
March 24th, 2006, 03:48 PM
|
|||
|
|||
|
Frontpage
You lost me when you began with HTML formatting. Do I have to be in HTML to do this or...for the less gifted such as I, is there a more simpler way?
|
|
#4
March 25th, 2006, 08:59 AM
|
||||
|
||||
|
I am afraid you will have to do it using script and css and html. I don't use frontpage but i don't beleive there is a wizard or anything that writes the code for you.
If you really want to learn HTML then I suggest you don't use frontpage. Use notepad or some other text editor. It can be hard at first but you will get a better understanding of how a web page is created and displayed at runtime when viewed through a browser. As for the example I gave. you will notice the script block Code:
<script language=javascript>
function ShowAnswerVisibilitySample(element){
document.getElementById(element).style.visibility= 'visible';
}
</script>
You can copy and paste this into the head section of your html page. Every web page has a head section. You can see it in frontpage buy selecting the html tab. Notice the two div elements that are inside the body section, every web page has a body section this is where all the text and images and other controls go. Think of a div as a container that you can put things like text and buttons and other controls. they are perfect for formatting text and layout of your web page. You can copy and paste this into the body section Code:
<div style="COLOR: blue; TEXT-DECORATION: underline" onclick="ShowAnswerVisibilitySample('answer1');">
What Color is the Sky?</div>
<div id="answer1" style="VISIBILITY: hidden; COLOR: white; BACKGROUND-COLOR: blue">Blue</div>
|
|
| Viewing: ASP Free Forums > Web Design > Web Layout > Frontpage |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
|
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
