Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

How the get picture from text scrolling form.

Posted on 2004-11-12
9
Medium Priority
?
169 Views
Last Modified: 2013-12-24
How to put a scrolling text on my web page that when people select the name from a list it bring them the picture attach to it.

Exemple :    Image 001
                  Image 002
                  Image 003
Would be in a text scrooling list and when i select it it bring me the picture attach to image 001 or Image 002 depending on wich one i select.

It not very clear but I dont Know how to explain.

0
Comment
Question by:runner100
  • 8
9 Comments
 
LVL 14

Expert Comment

by:hhammash
ID: 12572042
Hi,

This might help (Vertical Scrolling with hyperlinks)

The hyperlinks can be changed to the picture path

http://gethelp.devx.com/techtips/web_pro/10min/10min0300/10min0300.asp

hh
0
 
LVL 14

Expert Comment

by:hhammash
ID: 12572054
Hi,

Put this code where you want in the body,  change the hyperlinks and hyperlink names

<marquee>
<a href="foo.html">link</a>
<a href="bar.html">another link</a>
</marquee>

I am not sure if this works in Netscape.

hh
0
 
LVL 14

Expert Comment

by:hhammash
ID: 12572076
This is a better one:

Put this code before the </head>

------------------------------  Code below -------------


<script type="text/javascript">
function strtScroll(){
scl_txt=document.getElementById("sclTxt");
end_pt=scl_txt.offsetHeight;
strt_pt=end_pt;
divScroll();
}
function divScroll() {
if (strt_pt<-end_pt) strt_pt=end_pt;
strt_pt--;
scl_txt.style.top=(strt_pt+"px");
tOVal=setTimeout("divScroll()",10); // larger number = slower scroll
}
window.onload=strtScroll;
</script>


--------------------------------------------------

Put this code after <body> where you want it to appear

------------------- Code below -----------


<div style="position:relative;top:50px;width:335px;height:360px;overflow:hidden;">
<div id="sclTxt" style="position:relative;font-family: arial, sans-serif; font-size:100%;color:#808080;">
<a href="http://www.yahoo.com">Yahoo</a><br>
<a href="http://www.CNN.com">CNN</a><br>
<a href="http://www.altavista.com">Alta Vista</a><br>
<a href="http://www.google.com">Google</a><br>
<a href="http://www.Lycos.com">Lycos</a><br>
<a href="http://www.infoseek.com">Infoseek</a><br>
<a href="http://www.microsoft.com">Microsoft</a><br>
</div>
</div>



------------------------------------------

Vertical Scroll.

NOTE: Copy this code first to NotePad then from NotePad to Frontapge or your page

hh
0
Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

 
LVL 14

Expert Comment

by:hhammash
ID: 12572082
You can change the numbers in this line to change the place of the Scroll

<div style="position:relative;top:50px;width:335px;height:360px;overflow:hidden;">

hh
0
 
LVL 14

Expert Comment

by:hhammash
ID: 12572110
0
 
LVL 14

Expert Comment

by:hhammash
ID: 12572129
Here is another one that works only in Internet Explorer

http://javascriptkit.com/script/cut115.shtml

hh
0
 

Author Comment

by:runner100
ID: 12573793
Sorry my mistake when I say Scrolling I want to say pul down like a choice box in access.

you know the box with a arrow at the right side and you click on it and it give you the choice you have then you select one of the choice and it bring you to the picture attach to that choice.

Sorry again I upgrade the point for my mistake.
0
 
LVL 14

Expert Comment

by:hhammash
ID: 12574059
Ah Ok

No problem runner100

So you want a pull down menu with picture names.  When you select a name it opens the picture.

Check this easy tutorial

http://www.interlacken.com/winnt/tips/tipshow.aspx?tip=40

hh
0
 
LVL 14

Accepted Solution

by:
hhammash earned 1000 total points
ID: 12574146
Hi,

This is a sample page I put for you:

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>New Page 1</title>
</head>

<body>

<form method="POST" action="--WEBBOT-SELF--">
<p>
  <select size="1" name="Pictures" onchange="window.location.href=this.value;">
  <option selected>Select a picture</option>
  <option value="28.htm">Book 1</option>
  <option value="29.htm">Book 2</option>
  <option value="http://www.google.com">Google</option>
  </select><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
</form>

</body>

</html>


Copy the <form> </form> section to your page.

Book1 takes you to a page that has the picture 28.gif, which is  page 28.htm
Book2 takes you to a page that has the picture 29.gif, which is  page 29.htm

You can't test it without having 28.htm and 29.htm

hhammash
0

Featured Post

[Webinar] Database Backup and Recovery

Does your company store data on premises, off site, in the cloud, or a combination of these? If you answered “yes”, you need a data backup recovery plan that fits each and every platform. Watch now as as Percona teaches us how to build agile data backup recovery plan.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Now that Expression Web 4.0 (http://www.microsoft.com/expression/products/Upgrade.aspx) is free if you buy or have the full version of Expression Web 3.0, now is the best time to  migrate from FrontPage to Expression Web (http://www.frontpage-to-exp…
This article provides a case study on how our local youth baseball league deployed a new website, including the platform selection, implementation and benefits to the league.
The purpose of this video is to demonstrate how to connect a WordPress website to Google Analytics. This will be demonstrated using a Windows 8 PC Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php :…
The purpose of this video is to demonstrate how to reset a WordPress password if you are locked out and cannot reset the password. A typical use would be if you cannot access the email to which WordPress would send the password recovery email to…

572 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question