Brauche Hilfe zun Thema Newsscript

pr|m|bA

pr|m|bA

Grünschnabel
Hi Leute,

Ich bin noch ziemlich unerfahren was Coding betrifft und bräuchte mal etwas Hilfe. Ein paar Freunde und ich wollen auf unserer HP (http://www.tfs-clanbase.net)eine Newssection integrieren. Leider kennt sich keiner mit Html, Java oder anderem aus, deshalb würde ich mich freuen wenn ihr mir Ratschläge zur Entwicklung oder Beschaffung eines Scripts und zum konfigurieren desselben auf unsere Bedürfnisse (er sollte dem design unserer Site ähneln, von der Farbe her) geben könntet. Hier ist noch ein beispiel, was unseren vorstellungen entspricht ( http://www.pixelizer.de/pixelizer_v5/01portfolio.php ). Wollen halt nur den scrollbalken und die pfeile dem layout anpassen.


Danke

p.s. Wenn ihr noch Zeit und Lust habt könnt ihr ja noch ein kleines Statement zu der Seite ablassen:)
 
Zuletzt bearbeitet:
Hidiho...

also an alle codingfreaks in diesem forum, braucht euch nicht zu verstecken;) ! Gebt euch einen ruck und leistet dem tutorials.de-banner alle ehre. Mir kann keiner erzählen das ihr nicht wisst wie das geht.
Also was ich aus seiner frage entnehmen konnte ist, das er nicht weiß wie er den scroller hinbekommt. Hier noch ein Beispiel , dort wurde es auch im newsteil verwendet.

MfG Comander_Keen

PS: Ich will das auch wissen :-) !!!
 
hi,
achsooo!

naja das haben wir auch schonmal hier im thread gehabt, aber naja klaue dir einfach das script von meiner seite:

http://www.pixelexpect.com/main.asp

das packst du einfach in den head: <head> .hier hinein. </head>

<script language="JavaScript">
<!--
// begin absolutely positioned scrollable area object scripts
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;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw=new verifyCompatibleBrowser()


var speed=100

var loop, timer

function ConstructObject(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
this.up=MoveAreaUp;this.down=MoveAreaDown;
this.MoveArea=MoveArea; this.x; this.y;
this.obj = obj + "Object"
eval(this.obj + "=this")
return this
}
function MoveArea(x,y){
this.x=x;this.y=y
this.css.left=this.x
this.css.top=this.y
}

function MoveAreaDown(move){
if(this.y>-this.scrollHeight+objContainer.clipHeight){
this.MoveArea(0,this.y-move)
if(loop) setTimeout(this.obj+".down("+move+")",speed)
}
}
function MoveAreaUp(move){
if(this.y<0){
this.MoveArea(0,this.y-move)
if(loop) setTimeout(this.obj+".up("+move+")",speed)
}
}

function PerformScroll(speed){
if(initialised){
loop=true;
if(speed>0) objScroller.down(speed)
else objScroller.up(speed)
}
}

function CeaseScroll(){
loop=false
if(timer) clearTimeout(timer)
}
var initialised;
function InitialiseScrollableArea(){
objContainer=new ConstructObject('Container')
objScroller=new ConstructObject('Content','Container')
objScroller.MoveArea(0,0)
objContainer.css.visibility='visible'
initialised=true;
}
//-->
</script>

und das in die seite... der eigentliche scrollteil:

<div id="UpControl" style="position:absolute; width:23px; left:179px; top:10px; z-index:1; text-align: left; height: 5px; visibility: visible">[
<a href="javascript:;" onMouseOver="PerformScroll(-7)" onMouseOut="CeaseScroll()">up</a>
]</div>
<div id="DownControl" style="position:absolute; width:34px; left:206px; top:10px; z-index:1; text-align: left; height: 5px; visibility: visible">[
<a href="javascript:;" onMouseOver="PerformScroll(7)" onMouseOut="CeaseScroll()">down</a>
]</div>
<div id="Container" style="position:absolute; width:300px; height:190px; overflow:hidden; top:36px; left:58px; clip:rect(0,350,240,0); visibility: hidden">
<div id="Content" style="position:absolute; top:0px; left:0px; width: 300px; height: 33px; visibility: visible">
der inhalt... :)
</div>
</div>

--

ach ja und das kommt in den body tag

onLoad="InitialiseScrollableArea()"

also in das <body..> dings
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück