Pijl intergreren in forum

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB3.
Forumregels

LEES: Richtlijnen voor Support. Vul de support template in!
phpBB3.0.x
Verschaf iemand geen servertoegang tenzij het niet anders kan. Maak altijd eerst een volledige backup en verander de inloggevens na afloop. Eigen risico.
Plaats reactie
Josje
Berichten: 5
Lid geworden op: 09 nov 2007, 20:24

Pijl intergreren in forum

Bericht door Josje » 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: 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.
[/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

Gebruikersavatar
Jeroen
Berichten: 3639
Lid geworden op: 10 mei 2008, 21:22

Re: Pijl intergreren in forum

Bericht door Jeroen » 02 sep 2010, 17:38

Ik begrijp uit je bericht niet helemaal waar je die pijl dan precies zou willen hebben. Kan je ons dat eens proberen duidelijker uit te leggen?

Ik verplaats je topic overigens naar het Stijlen forum, aangezien dit stijlen gerelateerd is :)
Verplaatst van Discussie
- Jeroen
Jeroen

Gebruikersavatar
Neo
Berichten: 211
Lid geworden op: 02 apr 2006, 00:16
Locatie: Geleen
Contacteer:

Re: Pijl intergreren in forum

Bericht door Neo » 02 sep 2010, 17:55

Meer informatie en misschien het antwoord hier! ;)

Josje
Berichten: 5
Lid geworden op: 09 nov 2007, 20:24

Re: Pijl intergreren in forum

Bericht door Josje » 02 sep 2010, 19:00

Oh :oops: dank jullie wel ik ga ermee aan de slag!
Nogmaals dank!

Jeroen ik zou graag de pijl in een bericht kunnen plaatsen, zodat de leden de pijl mee kunnen nemen tijdens het lessen maken! Zoals in het voorbeeld van de website, maar dan op ons forum!

Josje

Plaats reactie