Pellekaart
Gebruiker
- Lid geworden
- 25 jun 2012
- Berichten
- 48
Ik probeer aan een 'driehoek'knopje dat ik gemaakt heb een funktie te koppelen.
Maar het werkt niet zoals ik het zou willen. Nu heb ik ook weinig verstand van scripts maar probeer er een oplossing voor te vinden.
Als het knopje werkt wil ik er ook een met 'history.go(+1), dat je dus naar een volgende (foto)pagina kunt gaan.
in html heb ik nu;
<div id="driehoekklein" onclick="location.href='history.go(-1)'" style="cursor: pointer;"></div>
driehoekje in CSS;
}
div#driehoekklein {
border-left-width: 0.7em;
border-left-style: solid;
border-left-color: rgba(153,255,255,1);
border-bottom-width: 0.7em;
border-bottom-style: solid;
border-bottom-color: rgba(153,255,255,1);
border-right-width: 0.7em;
border-right-style: solid;
border-right-color: rgba(255,0,0,1);
top: 450px;
width: 25px;
border-top-width: 0.7em;
border-top-style: solid;
border-top-color: rgba(153,255,255,1);
float: left;
left: 50px;
position: absolute;
z-index: 9999;
}
div#driehoekklein:hover {
border-left-width: 0.8em;
border-left-style: solid;
border-left-color: rgba(153,255,255,1);
border-bottom-width: 0.8em;
border-bottom-style: solid;
border-bottom-color: rgba(153,255,255,1);
border-right-width: 0.8em;
border-right-style: solid;
border-right-color: rgba(0,204,51,1);
top: 450px;
width: 25px;
border-top-width: 0.8em;
border-top-style: solid;
border-top-color: rgba(153,255,255,1);
float: left;
left: 45px;
position: absolute;
background-color: rgba(153,51,153,1);
cursor: pointer;
z-index: 9999;
}
-------
Dit scriptje werkt overigens wel;
<a href="#" onclick="history.go(-1)">Vorige pagina</a>
Maar het is mijn bedoeling om dit niet met tekst te doen maar met in CSS gemaakt driehoekje (zoals hierboven)
Dit had ik eerder opgelost door elke pagina door te verwijzen, dus per pagina te veranderen.
Maar dat is altijd wat meer werk dan dat je er een mooi scriptje voor zou hebben.
Maar het werkt niet zoals ik het zou willen. Nu heb ik ook weinig verstand van scripts maar probeer er een oplossing voor te vinden.
Als het knopje werkt wil ik er ook een met 'history.go(+1), dat je dus naar een volgende (foto)pagina kunt gaan.
in html heb ik nu;
<div id="driehoekklein" onclick="location.href='history.go(-1)'" style="cursor: pointer;"></div>
driehoekje in CSS;
}
div#driehoekklein {
border-left-width: 0.7em;
border-left-style: solid;
border-left-color: rgba(153,255,255,1);
border-bottom-width: 0.7em;
border-bottom-style: solid;
border-bottom-color: rgba(153,255,255,1);
border-right-width: 0.7em;
border-right-style: solid;
border-right-color: rgba(255,0,0,1);
top: 450px;
width: 25px;
border-top-width: 0.7em;
border-top-style: solid;
border-top-color: rgba(153,255,255,1);
float: left;
left: 50px;
position: absolute;
z-index: 9999;
}
div#driehoekklein:hover {
border-left-width: 0.8em;
border-left-style: solid;
border-left-color: rgba(153,255,255,1);
border-bottom-width: 0.8em;
border-bottom-style: solid;
border-bottom-color: rgba(153,255,255,1);
border-right-width: 0.8em;
border-right-style: solid;
border-right-color: rgba(0,204,51,1);
top: 450px;
width: 25px;
border-top-width: 0.8em;
border-top-style: solid;
border-top-color: rgba(153,255,255,1);
float: left;
left: 45px;
position: absolute;
background-color: rgba(153,51,153,1);
cursor: pointer;
z-index: 9999;
}
-------
Dit scriptje werkt overigens wel;
<a href="#" onclick="history.go(-1)">Vorige pagina</a>
Maar het is mijn bedoeling om dit niet met tekst te doen maar met in CSS gemaakt driehoekje (zoals hierboven)
Dit had ik eerder opgelost door elke pagina door te verwijzen, dus per pagina te veranderen.
Maar dat is altijd wat meer werk dan dat je er een mooi scriptje voor zou hebben.
Laatst bewerkt: