jag har letat efter en sådan... om ni vet var det finns eller hur man skriver en skulle jag uppskatta det.
beskrivning:
"en bild, ofta en pil, åt vänster...
menu... pil åt höger..."
pilarna förskjuter menyn, åt vänster respektive höger....
tack
scrollmenu, fast horisontellt
13 svar · 296 visningar · startad av marble
Hej,
Jodå...jag har en som du kan få...den scrollar horisontellt...bara adapta den som du vill och voila...scroll!
MvH
/A
PS) Lägg koden där du vill att scrollern ska dyka upp
----
<HTML>
<HEAD>
</HEAD>
<BODY>
\<style\>
body
{
overflow-x:hidden;
overflow-y:hidden;
}
\</style\>
\<script language="JavaScript1.2"\>
//configure path for left and right arrows
var goleftimage='images/pilvanster.jpg'
var gorightimage='images/pilhoger.jpg'
//configure menu width
var menuwidth=410
//configure scroll speed (1-10), where larger is faster
var scrollspeed=10
//specify menu content
var menucontents='\<nobr\>\<a href="xxx.html"\>Home\</a\> | \<a href="xxx.html"\>Bla bla bla\</a\>\</nobr\>'
////NO NEED TO EDIT BELOW THIS LINE////////////
var actualwidth=''
var ns_scroll
function fillup()
{
if (document.all)
{
test2.innerHTML=menucontents
actualwidth=test2.offsetWidth
}
else if (document.layers){
ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2
ns_scroll.document.write(menucontents)
ns_scroll.document.close()
actualwidth=ns_scroll.document.width
}
}
window.onload=fillup
function moveleft()
{
if (document.all&&test2.style.pixelLeft\>(menuwidth-actualwidth))
test2.style.pixelLeft-=scrollspeed
else if (document.layers&&ns_scroll.left\>(menuwidth-actualwidth))
ns_scroll.left-=scrollspeed
lefttime=setTimeout("moveleft()",50)
}
function moveright()
{
if (document.all&&test2.style.pixelLeft\<0)
test2.style.pixelLeft+=scrollspeed
else if (document.layers&&ns_scroll.left\<0)
ns_scroll.left+=scrollspeed
righttime=setTimeout("moveright()",50)
}
if (document.all||document.layers)
{
with (document)
{
write('\<table border="0" height="15" cellspacing="0" cellpadding="0"\>')
write('\<td valign="middle" height="15"\>\<a href=#" onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"\>\<img src="'+goleftimage+'"border=0\>\</a\> \</td\>')
write('\<td valign="top"\>')
if (document.all){
write('\<span style="position:relative;width:'+menuwidth+';"\>')
write('\<span style="position:absolute;width:'+menuwidth+';clip:rect(0 '+menuwidth+' auto 0)"\>')
write('\<span id="test2" style="position:absolute;left:0;top:0"\>')
write('\</span\>\</span\>\</span\>')
}
else if (document.layers)
{
write('\<ilayer width='+menuwidth+' name="ns_scrollmenu"\>')
write('\<layer name="ns_scrollmenu2" left=0 top=0\>\</layer\>\</ilayer\>')
}
write('\</td\>')
write('\<td valign="middle"\> \<a href="#" onMouseover="moveright()" onMouseout="clearTimeout(righttime)"\>')
write('\<img src="'+gorightimage+'"border=0\>\</a\>')
write('\</td\>\<td\> \</td\>\<td\>\<font color="#808080"\> © thecookiefactory 2001\</font\>')
write('\</td\>\</table\>')
}
}
</script>
</BODY>
</HTML>
-------
------------------
Om du gör jobbet rätt första gången blir jobbet gjort. Om du gör jobbet fel fjorton gånger skapar du fler arbetstillfällen.
[Redigerat av annesophie den 27 aug 2001]
tack
men borde inte scripten stå i head?
jag får inte det att fungera faktiskt...
Nej, du lagger scriptet dar du vill att scrollern ska visa sig....
Om inte Tors forslag funkar for dig, kan du val beratta vad som ar fel sa kanske jag kan hjalpa dig eftersom jag aldrig har haft problem med scrollern i fraga (bonus ar ju ocksa att den funkar lika fint i IE som i NE).
MvH
/A
------------------
Om du gör jobbet rätt första gången blir jobbet gjort. Om du gör jobbet fel fjorton gånger skapar du fler arbetstillfällen.
Hej "Godmorgon-Tor" *skrattar*
He he...jag har precis installerat min nya dator som naturligvis ar utrustad med ett engelskt tangentbord (och dessa forgjordade alt kombinationer kanns lite omstandiga)!
Bidde du forvirrad? :^)
/A
[Redigerat av annesophie den 29 aug 2001]
nu ser koden ut så här, inbakad i sidan, det är bara en frame så det är inte mkt på sidan, skulle du kunna fixa den annesophie...
lite har jag ändrat, av det jag förstått..
tack...
--------------
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a:hover { text-decoration: none; background-color: #D99A06; color: #494657}
a:link { text-decoration: none}
a:active { text-decoration: none}
a:visited { text-decoration: none}
-->
</style>
<style>
body
{
overflow-x:hidden;
overflow-y:hidden;
}
</style>
<script language="JavaScript1.2">
<!--
//configure path for left and right arrows
var goleftimage='left.png'
var gorightimage='right.png'
//configure menu width
var menuwidth=250
//configure scroll speed (1-10), where larger is faster
var scrollspeed=3
//specify menu content
var menucontents='<nobr><font face="Verdana, Arial, Helvetica, sans-serif" size="1"> [<a href="leftmain.htm" target="mainFrame">hem</a>] [<a href="leftlink.htm" target="mainFrame">länkar</a>] [<a href="leftpic.htm" target="mainFrame">bilder</a>] [<a href="leftme.htm" target="mainFrame">om mig</a>] [<a href="leftjoke.htm" target="mainFrame">skämt</a>] [<a href="leftfriend.htm" target="mainFrame">kompisar</a>]</font></nobr>'
////NO NEED TO EDIT BELOW THIS LINE////////////
var actualwidth=''
var ns_scroll
function fillup()
{
if (document.all)
{
test2.innerHTML=menucontents
actualwidth=test2.offsetWidth
}
else if (document.layers){
ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2
ns_scroll.document.write(menucontents)
ns_scroll.document.close()
actualwidth=ns_scroll.document.width
}
}
window.onload=fillup
function moveleft()
{
if (document.all&&test2.style.pixelLeft>(menuwidth-actualwidth))
test2.style.pixelLeft-=scrollspeed
else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))
ns_scroll.left-=scrollspeed
lefttime=setTimeout("moveleft()",50)
}
function moveright()
{
if (document.all&&test2.style.pixelLeft<0)
test2.style.pixelLeft+=scrollspeed
else if (document.layers&&ns_scroll.left<0)
ns_scroll.left+=scrollspeed
righttime=setTimeout("moveright()",50)
}
if (document.all||document.layers)
{
with (document)
{
write('<body bgcolor="#504E61" leftmargin="0" topmargin="0" text="#494657" link="#5F6174" vlink="#5F6174" alink="#5F6174">')
write('<table border="0" width="100%" height="15" cellspacing="0" cellpadding="0" bgcolor="#EDA807" bordercolor="#000000">')
write('<td valign="middle" align="middle" height="15" bordercolor="#000000" border="1" width="50"><a href=#" onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"><img src="'+goleftimage+'"border="1"></a> </td>')
write('<td valign="top">')
if (document.all){
write('<span style="position:relative;width:'+menuwidth+';">')
write('<span style="position:absolute;width:'+menuwidth+';clip:rect(0 '+menuwidth+' auto 0)">')
write('<span id="test2" style="position:absolute;left:0;top:0">')
write('</span></span></span>')
write('</td>')
write('<td valign="middle" align="left" width="60%"> <a href="#" onMouseover="moveright()" onMouseout="clearTimeout(righttime)"><img src="'+gorightimage+'"border=1></a>')
write('</td>')
write('</table>')
}
else if (document.layers)
{
write('<ilayer width='+menuwidth+' name="ns_scrollmenu">')
write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')
}
}
}
-->
</script>
</head>
<body>
</body>
</html>
Hej,
Jag ska titta pa den imorgon bitti och se om jag kan hitta nat skumt.
Men det hjalper mig, och andra, om du talar om precis vad som hander, eller inte hander nar du forsoker anvanda koden. Eventuella felmeddelande osv, och isafall vilken rad den pekar pa, vad felmeddelandet sager osv...
Om jag var som du skulle jag undertiden borja med att kopiera in koden som jag gav dig fran borjan igen, och se om den funkar (vilket den borde gora da jag tog den direkt ur en av mina projekt). Om den funkar sa borjar du editera koden for att anpassa den till din sida, men lite at gangen. Testa efter varje andring och se om du far felmeddelande osv. Jag ar absolut ingen JS wiz, utan jag lar mig genom att testa och jamfora.
Hur som helst sa ska jag forst sova lite sedan ska jag kolla narmare pa din kod - lovar. Jag aterkommer imorgon.
MvH
A/
------------------
Eagles may soar, but weasels don't get sucked into jet engines.
hej,
...usch jag kan inte sova nar jag funderar pa fel....*gasp*...men nu har jag lost det...
jag har skrivit nagra kommentarer inne i koden som jag tycker att du borde ta till dig.
ocksa, som ett rad pa vagen ar... om du ska anpassa ett existerande script sa var valdigt noga med vad du andrar pa. du hade flyttat runt en del saker och ja, nar det galler lager sa brukar jag saga att "dom ligger dar dom ligger av en anledning" :^) din kod funkade i IE for mig men inte i NN, men nu funkar den i bada...
resten av mina goda rad ligger som sagt inne i koden.
lycka till, och om du stoter pa fler problem - you know where to find me
god natt
/A
fungerande kod
=========================
<HTML>
<HEAD>
</HEAD>
<body bgcolor="#504E61" leftmargin="0" topmargin="0" text="#494657" link="#5F6174" vlink="#5F6174" alink="#5F6174">
<style type="text/css">
<!--
a:hover { text-decoration: none; background-color: #D99A06; color: #494657}
a:link { text-decoration: none}
a:active { text-decoration: none}
a:visited { text-decoration: none}
-->
</style>
<style>
body{
overflow-x:hidden;
overflow-y:scroll;
}
</style>
<script language="JavaScript1.2">
//configure path for left and right arrows
var goleftimage='images/litenpilupp.jpg'
var gorightimage='images/litenpilner.jpg'
//configure menu width
// DET KOMMER ATT SE YTTERST MARKLIGT UT OM DU HAR TABLE WIDTH 100 PROCENT OCH SEDAN AR LAGRET FOR MENYN BARA 250
// MENYN VISAS DA PILVANSTER - MELLANRUM - MENY LAGER ------ JATTELANGT MELLANRUM - PILHOGER
// DET BASTA AR OM DU FIXAR TILL EN TABELL SOM LAGGER MENYN IHOP OCH INTE DELAR UPP DEN I OLIKA CELLER
// PA MIN SIDA HAR JAG BARA EN LITEN PLATS SOM INTE AR MER AN 300 BRED OCH DARFOR PASSAR MENYN IN DAR OCH STRECHAS INTE
// SLUTLIGEN SA MASTE DU TANKA PA ATT NAR DU GOR EN TABELL I WRITE ('TABLE') TEX SA AR DET JATTE VIKTIGT ATT DU HAR MED ALLA
// TAGGAR OCH ATT DOM LIGGER PA RATT STALLE. DU HADE TEX LAGT START BODY TAGGEN INNE I DOCUMENT WRITE MEN INTE SLUT BODY TAGGEN
// IE KLARAR OFTA DET MEN INTE NETSCAPE DARAV ATT DEN INTE VISADE SIG I NETSCAPE ALLS
// SEDAN KAN DU JU ANDRA HOJDEN PA MENYN TILL NAGOT SOM PASSAR DIG BATTRE. JAG ANVANDE HEIGHT 15 MEN MIN SIDA AR HUVUDSAKLIGEN GJORD
// FOR IE. OCH DET DAR MED BREDD OCH HOJD TOLKAS VALDIGT OLIKT AV OLIKA BROWSERS OCH TOM BROWSER VERSIONER
// SLUTLIGEN FLYTTA INTE RUNT PA LAYER
var menuwidth=250
//configure scroll speed (1-10), where larger is faster
var scrollspeed=6
//specify menu content
var menucontents='<nobr><font face="Verdana, Arial, Helvetica, sans-serif" size="1"> [<a href="leftmain.htm" target="mainFrame">hem</a>] [<a href="leftlink.htm" target="mainFrame">länkar</a>] [<a href="leftpic.htm" target="mainFrame">bilder</a>] [<a href="leftme.htm" target="mainFrame">om mig</a>] [<a href="leftjoke.htm" target="mainFrame">skämt</a>] [<a href="leftfriend.htm" target="mainFrame">kompisar</a>]</font></nobr>'
////NO NEED TO EDIT BELOW THIS LINE////////////
var actualwidth=''
var ns_scroll
function fillup(){
if (document.all){
test2.innerHTML=menucontents
actualwidth=test2.offsetWidth
}
else if (document.layers){
ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2
ns_scroll.document.write(menucontents)
ns_scroll.document.close()
actualwidth=ns_scroll.document.width
}
}
window.onload=fillup
function moveleft(){
if (document.all&&test2.style.pixelLeft>(menuwidth-actualwidth))
test2.style.pixelLeft-=scrollspeed
else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))
ns_scroll.left-=scrollspeed
lefttime=setTimeout("moveleft()",50)
}
function moveright(){
if (document.all&&test2.style.pixelLeft<0)
test2.style.pixelLeft+=scrollspeed
else if (document.layers&&ns_scroll.left<0)
ns_scroll.left+=scrollspeed
righttime=setTimeout("moveright()",50)
}
if (document.all||document.layers){
with (document){
write('<table border="0" width="100%" height="15" cellspacing="0" cellpadding="0" bgcolor="#EDA807" bordercolor="#000000">')
write('<td valign="middle" align="middle" height="15" bordercolor="#000000" border="1" width="50"><a href=#" onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"><img src="'+goleftimage+'"border="1"></a> </td>')
write('<td valign="top">')
if (document.all){
write('<span style="position:relative;width:'+menuwidth+';">')
write('<span style="position:absolute;width:'+menuwidth+';clip:rect(0 '+menuwidth+' auto 0)">')
write('<span id="test2" style="position:absolute;left:0;top:0">')
write('</span></span></span>')
}
else if (document.layers){
write('<ilayer width='+menuwidth+' name="ns_scrollmenu">')
write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')
}
write('</td>')
write('<td valign="middle" width="60%"><a href="#" onMouseover="moveright()" onMouseout="clearTimeout(righttime)">')
write('<img src="'+gorightimage+'"border=0></a>')
write('</td></table>')
}
}
</script>
</BODY>
</HTML>
=========================
------------------
Eagles may soar, but weasels don't get sucked into jet engines.
tack, det var jätteschysst...
såg några av felen jag gjorde, men för mig fungerar inte högerpilen...
den ligger antagligen inte överst eller nåt, men men...
[Redigerat av marble den 01 sep 2001]
Men Marble,
Vad ar det som inte funkar....more descriptive please...
Jag har testat koden och den funkar for mig i IE 4, 5, 5.5 och i Netscape 4+.
Syns hogerpilen?? Om ja fast den inte scrollar dina lankar sa kan det ju ocksa bero pa att 1) du har inte sa mycket att scrolla, 2) beroende pa vilken upplosning du har sa kommer naturligtvis tabellen som du har som 100% att strechas...och darmed sa kommer lagren att hmmm....ja hur ska jag forklara det...ocksa strechas...typ...
Om det ar sa att det verkar jattekonstigt och du fattar nada, kan du inte forst testa att satta en bestamd width pa tabellen. Lagg hellre en tabell utanfor den som du satter 100% width pa. Och om det fortfarane inte vill sig skicka ett email till mig med en screenprint, glom inte tala om vad for browser version du anvander...
/A
------------------
Eagles may soar, but weasels don't get sucked into jet engines.