Autor Zpráva
curie1000
Profil
www.whitelabel.cz
Dobry den

na vyse uvedene strance resim jednu vec a to aby pri pouziti scrollovaciho koleckna na mysi stranka scrollovala jen v pravo a levo? jde o "nudli" ktera nepotrebuje skrolovat dolu, ale jen na strany.

budu vdecny za jakoukoliv odpoved, diky moc predem
michal
strncpy
Profil
http://paulicio.us/2008/10/17/horizontal-page-scrolling-using-javascript/

Je to přesně to, co potřebuješ. Stačí jen vložit js do stránky.
Dranel
Profil
curie1000
Já teda nevím, ale nezdá se mi to moc praktické. Za prvé proto, že jsem ve škole a bez vertikálního skrolování bych neviděl patičku a za druhé proto, že na to lidé prostě nejsou zvyklí. Ale efektní to asi bude. ;-)
strncpy
Profil
Zvyklí na to nejsou. Je to ale zajímavý nápad. Pro jistotu bych v designu viděl zakomponovanou šipku v pravo. Je pravda, že to člověka nemusí hned napadnout...
curie1000
Profil
Dranel: lide na to zvykli nejsou, ale v mem pripade paticku vidis, protoze dolu nerolujes, a pocitam s tim ze kdyz nekdo ze zvyku bude chtit srolovat dolu, tak ho to automaticky odroluje do prava a bude ho cekat prekvapeni, netradicni a snad i zaujme...

strncpy: diky zkusim to
Pavlii
Profil *
Ahojte,

lámu si celé dopoledne hlavu, jak následující script přepsat pro horizontální posuv:

<html>
<head>
<title>scrolling layer</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<style type="text/css">
<!--
a {color:#CCCCCC;}  
#top{position:absolute; width:320; left:10; top:10; z-index:1; text-align: right; background-color: #0000FF; } 
#down{position:absolute; width:320; left:10; top:270; z-index:1; text-align: right; background-color: #0000FF;} 
#scrollArea{position:absolute; width:320; height:240; overflow:hidden; top:30; left:10; clip:rect(0,320,240,0); visibility:hidden} 
#divContent{position:absolute; top:0; left:0}
-->
</style>
<script language="JavaScript">
<!--
function verifyCompatibleBrowser(){
	this.ver=navigator.appVersion;
    this.dom = document.getElementById?1:0;
    this.ie5 = (this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; 
    this.ie4 = (document.all && !this.dom)?1:0; 
    this.ns5 = (this.dom && parseInt(this.ver) >= 5) ?1:0; 
    this.ns4 = (document.layers && !this.dom)?1:0; 
    return this 
} 
bw = new verifyCompatibleBrowser() 
 
function ConstructObject(obj,obj2){ 
    obj2=(!obj2) ? '':'document.'+obj2+'.' 
    this.objekt = bw.dom ? document.getElementById(obj):bw.ie4 ? document.all[obj]:bw.ns4 ? eval(obj2+'document.'+obj):0; 
    this.css = bw.dom ? document.getElementById(obj).style:bw.ie4 ? document.all[obj].style:bw.ns4 ? eval(obj2+'document.'+obj):0; 
    this.scrollHeight = bw.ns4 ? this.css.document.height:this.objekt.offsetHeight 
    this.clipHeight = bw.ns4 ? this.css.clip.height:this.objekt.offsetHeight 
    this.up = MoveAreaUp; this.down = MoveAreaDown; 
    this.MoveArea = MoveArea; this.x; this.y; 
    return this 
} 

var odpocet = 50;
function MoveArea(y){ 
	this.y = y; 
    this.css.top = this.y;
} 

var loop; 
function MoveAreaDown(move){ 
	if(this.y> - this.scrollHeight + objScrollArea.clipHeight){ 
    this.MoveArea(this.y-move) 
    if(loop) setTimeout("objDivContent.down("+move+")",odpocet) 
	} 
} 
function MoveAreaUp(move){ 
	if(this.y<0){ 
    this.MoveArea(this.y-move) 
    if(loop) setTimeout("objDivContent.up("+move+")",odpocet) 
	} 
} 
 


function scrolluj(speed){ 
	if(inicializuj){ 
		loop=true; 
		if(speed>0) objDivContent.down(speed) 
		else objDivContent.up(speed) 
	} 
} 
 
function zastav(){ 
    loop=false;
} 
var initialised; 
function inicializuj(){ 
    objScrollArea=new ConstructObject('scrollArea') 
    objDivContent=new ConstructObject('divContent','scrollArea') 
    objDivContent.MoveArea(0) 
    objScrollArea.css.visibility='visible' 
    initialised=true;
} 
// -->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="inicializuj()">
<div id="top"> 
<a href="javascript:;" onMouseOver="scrolluj(-7)" onMouseOut="zastav()"><b>[scroll up]</b></a> 
</div>
<div id="down"> 

<a href="javascript:;" onMouseOver="scrolluj(7)" onMouseOut="zastav()"><b>[scroll down]</b></a> 
</div>
<div id="scrollArea"> 
  <div id="divContent"> 
	<b>Start</b> 
    <p> Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... Sem bych chtěl vrazit nějakou tabulku a do ní náhledy fotek... </p>

    <b>End</b> 
  </div>
</div>
</body>
</html>



Poradí mi někdo?
Zechy
Profil
<a href="javascript:;" onMouseOver="scrolluj(-7)" onMouseOut="zastav()"><b>[scroll up]</b></a>
</div>
<div id="down">

<a href="javascript:;" onMouseOver="scrolluj(7)" onMouseOut="zastav()"><b>[scroll down]</b></a>
</div>

Mě jen napadá tady dát scroll left a scroll right.
Pavlii
Profil *
to bohužel nepomůže, protože tím pouze přepíšeš odkazy. Dokonce ani nepomohlo, když jsem to přepsat přímo ve funkci JS. Už vážně nevím co s tím :-(
Pavlii
Profil *
Vážně nikdo neporadí???

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: