Pijl intergreren in forum
Geplaatst: 02 sep 2010, 00:21
Hallo
Ik ben beheerder van een Paint Shop Pro forum.
Wij schrijven lessen voor leden.
Nu heb ik vaker op lessen websites gezien dat er een pijl geïntergreerd is die de leden
mee kunnen nemen in de les zodat ze weten waar ze gebleven zijn.
Voorbeeld: http://www.vaanweb.nl/VertaaldeLessen/B ... lowMe.html
Nu zou ik dit graag voor het forum willen gebruiken.
Maar ik zit ermee waar ik de code in de head en body moet plaatsen,
eigenlijk hoe ik dit moet aanpakken.
Hieronder de code zoals die op websites gebruikt wordt:
[/code]
Is zoiets nu ook voor een forum te verwezenlijken?
Ik heb wat tussen de head moet komen te staan geplaatst in de overall header en volgens mij is dat ook de juiste plaats, nu de body nog en hoe ik het in een bericht moet oproepen.
Mvg Josje
Ik ben beheerder van een Paint Shop Pro forum.
Wij schrijven lessen voor leden.
Nu heb ik vaker op lessen websites gezien dat er een pijl geïntergreerd is die de leden
mee kunnen nemen in de les zodat ze weten waar ze gebleven zijn.
Voorbeeld: http://www.vaanweb.nl/VertaaldeLessen/B ... lowMe.html
Nu zou ik dit graag voor het forum willen gebruiken.
Maar ik zit ermee waar ik de code in de head en body moet plaatsen,
eigenlijk hoe ik dit moet aanpakken.
Hieronder de code zoals die op websites gebruikt wordt:
Code: Selecteer alles
[code]Deze komt tussen de <head> </head> :
<style type="text/css">
.drag{
position:relative;
cursor:hand;
z-index: 100;
}
</style>
<script type="text/javascript">
/***********************************************
* Drag and Drop Script: © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
var dragobject={
z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0,
initialize:function(){
document.onmousedown=this.drag
document.onmouseup=function(){this.dragapproved=0}
},
drag:function(e){
var evtobj=window.event? window.event : e
this.targetobj=window.event? event.srcElement : e.target
if (this.targetobj.className=="drag"){
this.dragapproved=1
if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0}
if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0}
this.offsetx=parseInt(this.targetobj.style.left)
this.offsety=parseInt(this.targetobj.style.top)
this.x=evtobj.clientX
this.y=evtobj.clientY
if (evtobj.preventDefault)
evtobj.preventDefault()
document.onmousemove=dragobject.moveit
}
},
moveit:function(e){
var evtobj=window.event? window.event : e
if (this.dragapproved==1){
this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+"px"
this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+"px"
return false
}
}
}
dragobject.initialize()
</script>
Dit in de body:
<img src="Pijltje.png" class="drag">Neem deze regel aanwijzer mee.Is zoiets nu ook voor een forum te verwezenlijken?
Ik heb wat tussen de head moet komen te staan geplaatst in de overall header en volgens mij is dat ook de juiste plaats, nu de body nog en hoe ik het in een bericht moet oproepen.
Mvg Josje
dank jullie wel ik ga ermee aan de slag!