Avatar billede -gecko- Nybegynder
24. maj 2003 - 22:51 Der er 60 kommentarer og
1 løsning

Mouseover page scroll ?

Ok, den her er svær!!!

Hvilket script skal jeg bruge for at: Få min "under"side til at scroll'e op/ned når jeg bevæger musen hen over et link (hotspot) ???

Svar på dette, giver fuldt hus (200 point) og ros!
Avatar billede -master-d- Nybegynder
24. maj 2003 - 22:53 #1
HVad mener du med "under"side ??????
Avatar billede -gecko- Nybegynder
24. maj 2003 - 22:53 #2
En side i en side! (content og main)
Avatar billede -gecko- Nybegynder
24. maj 2003 - 22:54 #3
Links i Content directes til main!
- og man ungår at skulle loade menuer ved side skift!
Avatar billede -gecko- Nybegynder
24. maj 2003 - 22:55 #4
Rammesider
Avatar billede -master-d- Nybegynder
24. maj 2003 - 23:04 #5
Ligger hotspottet på den side som skal scrolle ned/op.
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:04 #6
nope!
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:06 #7
hallo... vis nu hvad du kan.... der står 7 under HTML !!! - i dit CV
Avatar billede -master-d- Nybegynder
24. maj 2003 - 23:14 #8
Ja, men skal jo lige have nogen ting på plads, før jeg kan lave det script til dig.
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:14 #9
åh, ok.... tak...afventer svar...
Avatar billede roenving Novice
24. maj 2003 - 23:16 #10
onmouseover="scrollBy(0,10);"
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:17 #11
og det kan sættes på en HOTSPOT?
Avatar billede roenving Novice
24. maj 2003 - 23:17 #12
-- og så skal det selvfælgelig være:

onmouseover="parent.content.scrollBy(0,10);"
Avatar billede doggy82 Praktikant
24. maj 2003 - 23:18 #13
Kan du ikke bare indsætte et tag ?

Link:
<A HREF="#linky">Kør sfsted</A>

Tag:
<A NAME="linky">Stop her min ven</A>
Avatar billede doggy82 Praktikant
24. maj 2003 - 23:18 #14
ahhh mouseover...
Avatar billede -master-d- Nybegynder
24. maj 2003 - 23:18 #15
Det hedder

<script>
function scrollFrame(){
parent.frames['main'].scrollBy(0,123);
}
</script>
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:19 #16
Siden skal scrolle "blødt" ned med en hotspot på ">" "<"
Avatar billede -master-d- Nybegynder
24. maj 2003 - 23:19 #17
sorry roenving havde ikke set din kommentar.
Avatar billede roenving Novice
24. maj 2003 - 23:20 #18
Har ik' li'e en frame-side jeg kan teste på, så jeg kan angive princippet -- iøvrigt vil det kun give een scrollBy -- vi må lidt længere ud i et script for at den virker som rigtig hotspot -- ikke at det er _meget_ svært !-)
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:20 #19
tester lige... 2 sek!
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:23 #20
onmouseover="scrollBy(0,10);"  ... virker IKKE!!!
Avatar billede roenving Novice
24. maj 2003 - 23:24 #21
<script language="javascript" type="text/javascript">
var id=new Object();

function flytDig(){
  parent.content.scrollBy(0,10);
}
</script>

og i tagget til linket:

<a href="#" onmouseover="id=setInterval('flytDig()',100);" onmouseout="clearInterval(id);">&gt;</a>
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:25 #22
tag??? ikke et tag men Blød Scroll (som den der funktion i flash) !
Avatar billede roenving Novice
24. maj 2003 - 23:25 #23
Hov -- måske skal vi sætte en parameter på id ?-|
Avatar billede -master-d- Nybegynder
24. maj 2003 - 23:29 #24
Her er et eksempel på din menu.

<html>

<head>
<title>Main</title>
<script>
var catchW = false
function scrollFrame(var1){
if (var1 == "stop"){
clearInterval(timer);
catchW = false;
}
if (var1 == "ned" && !catchW){
timer = setInterval('nedad();',50)
catchW = true;
}
if (var1 == "op" && !catchW){
timer = setInterval('opad();',50)
catchW = true;
}
}

function nedad(){
parent.frames['content'].scrollBy(0,10);
}

function opad(){
parent.frames['content'].scrollBy(0,-10);
}
</script>
</head>

<body>
<a href="#" onmouseover="scrollFrame('ned');" onmouseout="scrollFrame('stop');">nedad</a>
<a href="#" onmouseover="scrollFrame('op');" onmouseout="scrollFrame('stop');">opad</a>
</body>

</html>
Avatar billede roenving Novice
24. maj 2003 - 23:29 #25
<script language="javascript" type="text/javascript">
var id=new Object();
var dir;

function flytDig(){
  parent.content.scrollBy(0,dir);
}
</script>

og i tagget til linket:

<a href="#" onmouseover="dir=-10;id[0]=setInterval('flytDig()',100);" onmouseout="clearInterval(id[0]);">&lt;</a>&nbsp;&nbsp;<a href="#" onmouseover="dir=10;id[0]=setInterval('flytDig()',100);" onmouseout="clearInterval(id[0]);">&gt;</a>
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:30 #26
og alt det skal proppes på en hotspot???
Avatar billede -master-d- Nybegynder
24. maj 2003 - 23:35 #27
Ja eller også lægger du det i en funktion og kalder den fra hotspottet.
Avatar billede roenving Novice
24. maj 2003 - 23:35 #28
scriptet skal i head-sektionen -- uanset om du bruger -master-d-s version eller min, <a>-taggene er hotspottene
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:36 #29
hvilken siden skal tagget på ?
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:36 #30
under eller master?
Avatar billede roenving Novice
24. maj 2003 - 23:37 #31
Her er det lavet, så hotspottene ligger i main og content scrolles ...
Avatar billede roenving Novice
24. maj 2003 - 23:37 #32
Det kan du bare bytte om, hvis du vil ...
Avatar billede -master-d- Nybegynder
24. maj 2003 - 23:37 #33
under siden som hedder main.
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:37 #34
hvor skal TAGGET lægges????????
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:38 #35
Master siden, hotspotsiden eller undersiden der skal scrolles?????
Avatar billede -master-d- Nybegynder
24. maj 2003 - 23:38 #36
Det skal ligges på samme side som hotspottet.
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:43 #37
Der sker LORT!!!
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:44 #38
har du linket til den side du finder dette på??? hvis det da ikke er noget du selv strikker sammen?
Avatar billede roenving Novice
24. maj 2003 - 23:44 #39
main.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<title>Tomt dokument</title>

<!--
<META NAME="description" CONTENT="Tekst som du gerne vil have i overskriften">
<META NAME="keywords" CONTENT="søgeord adskilt af komma">
<META NAME="robots" CONTENT="index,follow">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-store">
<META HTTP-EQUIV="Refresh" CONTENT="0;URL=xx">
-->


<script language="javascript" type="text/javascript">
var id=new Object();
var dir;

function flytDig(){
  parent.content.scrollBy(0,dir);
}
</script>


</head>

<body>
<a href="#" onmouseover="dir=-10;id[0]=setInterval('flytDig()',100);" onmouseout="clearInterval(id[0]);">&lt;</a>&nbsp;&nbsp;<a href="#" onmouseover="dir=10;id[0]=setInterval('flytDig()',100);" onmouseout="clearInterval(id[0]);">&gt;</a>
<!--al den anden kode du skal have på main.html-->
</body>

</html>

content.html i den anden frame skal så scrolle ...
Avatar billede -master-d- Nybegynder
24. maj 2003 - 23:46 #40
Her har jeg uploadet det jeg har lavet. Og det virker.

http://www.websamba.com/denpei/exp/Dhtml/356709/index.html
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:46 #41
ok... dette får jeg ikke noget ud af!!!
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:47 #42
yep
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:48 #43
Hvad skal jeg putte i min master?
Avatar billede -master-d- Nybegynder
24. maj 2003 - 23:48 #44
Hvad mener du med at du ikke får noget ud af det ? Det vi har lavet til dig virker da.
Avatar billede -master-d- Nybegynder
24. maj 2003 - 23:48 #45
Ingen ting, bare dit frameset.
Avatar billede roenving Novice
24. maj 2003 - 23:48 #46
bingo, -master-d- ;-)
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:49 #47
Rigtigt, men jeg ved ikke hvor jeg skal putte det!!!
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:50 #48
Og i hvilket frame set ??? Hotspot-siden eller Scroll siden???
Avatar billede -master-d- Nybegynder
24. maj 2003 - 23:50 #49
Det vi har lavet er selve den side som du har lavet med et hotspot. Der skal du lægge scriptet.
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:50 #50
OK... det ligger fast nu!
Avatar billede -master-d- Nybegynder
24. maj 2003 - 23:51 #51
Det eksempel jeg har skrevet tidligere (24/05-2003 23:29:48), var din hotspot side...
Avatar billede roenving Novice
24. maj 2003 - 23:51 #52
Højreklik og kik på kilden i -master-d-s upload ...
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:51 #53
Har allerede en Hotspotside med hotspot og grafik... havd skal adderes?
Avatar billede -master-d- Nybegynder
24. maj 2003 - 23:52 #54
Du skal lægge scriptet i din <head> sektion. Og så skal du lave onmouseover og onmouseout på hotspottet.
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:53 #55
??? onmouseout hvordan?
Avatar billede -master-d- Nybegynder
24. maj 2003 - 23:54 #56
I mit eksempel skal du på dit hotspot skrive.

onmouseover="scrollFrame('ned');" onmouseout="scrollFrame('stop');"
Avatar billede -master-d- Nybegynder
24. maj 2003 - 23:55 #57
Hvis dit hotspot nu fx. er et billede ville det se sådan her ud.

for ned :
<img src="pic_ned.jpg" onmouseover="scrollFrame('ned');" onmouseout="scrollFrame('stop');">

for op :
<img src="pic_ned.jpg" onmouseover="scrollFrame('op');" onmouseout="scrollFrame('stop');">
Avatar billede -master-d- Nybegynder
24. maj 2003 - 23:56 #58
Og så skal du have sat dette ind imellem <head> og </head>

<script>
var catchW = false
function scrollFrame(var1){
if (var1 == "stop"){
clearInterval(timer);
catchW = false;
}
if (var1 == "ned" && !catchW){
timer = setInterval('nedad();',50)
catchW = true;
}
if (var1 == "op" && !catchW){
timer = setInterval('opad();',50)
catchW = true;
}
}

function nedad(){
parent.frames['content'].scrollBy(0,10);
}

function opad(){
parent.frames['content'].scrollBy(0,-10);
}
</script>
Avatar billede -gecko- Nybegynder
24. maj 2003 - 23:58 #59
scriptet bliver rødt!!! og virker ikke!
Avatar billede -master-d- Nybegynder
24. maj 2003 - 23:59 #60
Må vi se din hotspot side ?

Hvad mener du med rødt ? (Hvis du bruger FrontPage skal alle scripts være røde).
Avatar billede -gecko- Nybegynder
25. maj 2003 - 00:00 #61
ok.... prøver lige igen.. 2sek
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester