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!
Annonceindlæg fra Computerworld
HVad mener du med "under"side ??????
En side i en side! (content og main)
Links i Content directes til main! - og man ungår at skulle loade menuer ved side skift!
Ligger hotspottet på den side som skal scrolle ned/op.
hallo... vis nu hvad du kan.... der står 7 under HTML !!! - i dit CV
Ja, men skal jo lige have nogen ting på plads, før jeg kan lave det script til dig.
åh, ok.... tak...afventer svar...
onmouseover="scrollBy(0,10);"
og det kan sættes på en HOTSPOT?
-- og så skal det selvfælgelig være: onmouseover="parent.content.scrollBy(0,10);"
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>
Det hedder <script> function scrollFrame(){ parent.frames['main'].scrollBy(0,123); } </script>
Siden skal scrolle "blødt" ned med en hotspot på ">" "<"
sorry roenving havde ikke set din kommentar.
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 !-)
onmouseover="scrollBy(0,10);" ... virker IKKE!!!
<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);">></a>
tag??? ikke et tag men Blød Scroll (som den der funktion i flash) !
Hov -- måske skal vi sætte en parameter på id ?-|
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>
<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]);"><</a> <a href="#" onmouseover="dir=10;id[0]=setInterval('flytDig()',100);" onmouseout="clearInterval(id[0]);">></a>
og alt det skal proppes på en hotspot???
Ja eller også lægger du det i en funktion og kalder den fra hotspottet.
scriptet skal i head-sektionen -- uanset om du bruger -master-d-s version eller min, <a>-taggene er hotspottene
hvilken siden skal tagget på ?
Her er det lavet, så hotspottene ligger i main og content scrolles ...
Det kan du bare bytte om, hvis du vil ...
under siden som hedder main.
hvor skal TAGGET lægges????????
Master siden, hotspotsiden eller undersiden der skal scrolles?????
Det skal ligges på samme side som hotspottet.
har du linket til den side du finder dette på??? hvis det da ikke er noget du selv strikker sammen?
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]);"><</a> <a href="#" onmouseover="dir=10;id[0]=setInterval('flytDig()',100);" onmouseout="clearInterval(id[0]);">></a>
<!--al den anden kode du skal have på main.html-->
</body>
</html>
content.html i den anden frame skal så scrolle ...
ok... dette får jeg ikke noget ud af!!!
Hvad skal jeg putte i min master?
Hvad mener du med at du ikke får noget ud af det ? Det vi har lavet til dig virker da.
Ingen ting, bare dit frameset.
Rigtigt, men jeg ved ikke hvor jeg skal putte det!!!
Og i hvilket frame set ??? Hotspot-siden eller Scroll siden???
Det vi har lavet er selve den side som du har lavet med et hotspot. Der skal du lægge scriptet.
OK... det ligger fast nu!
Det eksempel jeg har skrevet tidligere (24/05-2003 23:29:48), var din hotspot side...
Højreklik og kik på kilden i -master-d-s upload ...
Har allerede en Hotspotside med hotspot og grafik... havd skal adderes?
Du skal lægge scriptet i din <head> sektion. Og så skal du lave onmouseover og onmouseout på hotspottet.
I mit eksempel skal du på dit hotspot skrive. onmouseover="scrollFrame('ned');" onmouseout="scrollFrame('stop');"
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');">
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>
scriptet bliver rødt!!! og virker ikke!
Må vi se din hotspot side ? Hvad mener du med rødt ? (Hvis du bruger FrontPage skal alle scripts være røde).
ok.... prøver lige igen.. 2sek
Vi tilbyder markedets bedste kurser inden for webudvikling