Smilies 'doorschuiven'

[mayo]

Ik heb een vraagje, hoop dat jullie er antwoord op weten.



Ik wil naast mijn smilies, zoals op het plaatje, een pijltje krijgen, en dat als je daarop gaat staan / klikt, dat de smilies dan 'verschuiven' naar rechts/links, en dat er meerderen/anderen in beeld komen.
Een soort scrollbalk dus.

Ik heb geen idee hoe ik dit aan moet pakken.

[mosymuis]

Hier bestaan javascripts voor, je kunt ze zoeken op:

http://www.javascripts.com
http://javascript.internet.com
http://www.dynamicdrive.com
http://www.hotscripts.com

[mayo]

Ik heb iets gevonden, maar het werkt niet helemaal.
http://www.ourson.nl/mayo/posting.php?mode=newtopic&f=2

Je kan em alleen één keer een klein stukje naar links schuiven.
De code die ik heb gevonden + veranderd is:

Code: Selecteer alles

<script language="JavaScript1.2">

iens6=document.all||document.getElementById
ns4=document.layers

//snelheid  (hoger is eneller)
var speed=7

if (iens6){
document.write('<div id="container" style="position:relative;width:450;height:100;border:0 solid black;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:445;left:0;left:0">')
}
</script>

<ilayer name="nscontainer" width=450 height=100 clip="0,0,450,100">
<layer name="nscontent" width=450 height=100 visibility=hidden>


<!--Hieronder komt dan je inhoud van de menu scroller-->

		<table>
		<tr> 
			<td valign="middle" align="left" class="row2">
			  <table border="0" cellspacing="0" cellpadding="5">
				<!-- BEGIN smilies_row -->
				<tr align="center" valign="middle"> 
				  <!-- BEGIN smilies_col -->
					<td><img src="{smilies_row.smilies_col.SMILEY_IMG}" border="0" onmouseover="this.style.cursor='hand';" onclick="emoticon('{smilies_row.smilies_col.SMILEY_CODE}');" alt="{smilies_row.smilies_col.SMILEY_DESC}" title="{smilies_row.smilies_col.SMILEY_DESC}" /></a></td> 
				  <!-- END smilies_col -->
				</tr>
				<!-- END smilies_row -->
			  </table>
			</td>
		  </tr>
		  </table>


<!--EIND CONTENT-->

</layer>
</ilayer>

<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>

<table width="500"><td align="center">
<a href="#" onMouseover="moveleft()" onMouseout="clearTimeout(moveleftvar)"><img src="rechts.gif" border=0></a> <a href="#" onMouseover="moveright()" onMouseout="clearTimeout(moverightvar)"><img src="links.gif" border=0></a></p></td>
</table>

<script language="JavaScript1.2">
if (iens6){
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}

function moveright(){
if (iens6&&parseInt(crossobj.style.left)>=(contentheight*(-1)+100))
crossobj.style.left=parseInt(crossobj.style.left)-speed
else if (ns4&&crossobj.left>=(contentheight*(-1)+100))
crossobj.left-=speed
moverightvar=setTimeout("moveright()",100)
}

function moveleft(){
if (iens6&&parseInt(crossobj.style.left)<=0)
crossobj.style.left=parseInt(crossobj.style.left)+speed
else if (ns4&&crossobj.left<=0)
crossobj.left+=speed
moveleftvar=setTimeout("moveleft()",100)

}

function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>

</form>

(oja, voor de mensen die lid zijn en het op een andere style hebben staan; het staat alleen nog op MayoYellow (standaard style) )

[mayo]

Ik ontdek nu nog wat, het posten werkt ook niet meer (als je die style aan hebt staan, de knop doet niets als je erop klikt)

(Daarom heb ik het er weer even uitgehaald, omdat er anders niks meer gepost kon worden , weet iemand wat er fout aan de code is?)

[Luuk]

haal </form> onderaan eens weg, ik zie namelijk nergens de begintag van form staan

[mayo]

Het posten werkt nu, maar de smilies 'scrollen' nog niet..

[mayo]

Ik ben hier weer eens aan begonnen, maar ik snap het nog steeds niet.
Kan iemand mij misschien helpen?