Javascript imageswap probleem
Hallo daar, ik ben bezig met een project, alleen ik zit op een bepaald punt vast. Ik wil graag de gebruikersvriendelijkheid van de website verhogen. Nou wil ik dat als een klant op een van de menu knoppen klikt, hij van kleur veranderd. De menu knoppen zijn afbeeldingen dus voorbeeld alle knoppen zijn wit, gebruiker klikt op de home button, nu moet de home button blauw worden, want hij is op die pagina. Dit moet ik dan via een imageswap gedaan worden. De code die ik heb uitgevoerd staat hieronder. Alleen het enige probleem is dat hij in het begin niks laat zien. als ik er een keer op klik hij de blauwe knop laat zien. en na vaak klikken hij van blauw na wit swapt.
Ik heb hierna lang gezocht kwam verschillende codes tegen maar geen ervan werkt. Zou iemand me kunnen helpen?
Hier is de code die ik gebruik -->
Graag in het vervolg bij code, [code] [/code] tags gebruiken.[/modedit]
Ik heb hierna lang gezocht kwam verschillende codes tegen maar geen ervan werkt. Zou iemand me kunnen helpen?
Hier is de code die ik gebruik -->
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<a href='' "<?php echo $this->createUrl("/admin/survey/sa/index"); ?>" src='/LimeSurvey/styles/scanyours/images/home.png' onclick="edit()"><img id="img1" onclick="imageChange(this)" alt='<?php $clang->eT("Default administration page");?>' />
<script type="text/javascript">
var img1 = "/LimeSurvey/styles/scanyours/images/home.png";
var img2 = "/LimeSurvey/styles/scanyours/images/home1.png";
{
var imageChoice = 1;
}
function imageChange(element)
{
if (imageChoice == 1)
{
element.src = img2;
imageChoice = 2;
}
else if (imageChoice == 2)
{
element.src = img1;
imageChoice = 1;
}
}
</script></a>
<script type="text/javascript">
var img1 = "/LimeSurvey/styles/scanyours/images/home.png";
var img2 = "/LimeSurvey/styles/scanyours/images/home1.png";
{
var imageChoice = 1;
}
function imageChange(element)
{
if (imageChoice == 1)
{
element.src = img2;
imageChoice = 2;
}
else if (imageChoice == 2)
{
element.src = img1;
imageChoice = 1;
}
}
</script></a>
Graag in het vervolg bij code, [code] [/code] tags gebruiken.[/modedit]
Gewijzigd op 23/04/2013 15:47:38 door Jan De Boskiets
Waar is src="...." bij <img>?
Dat hoefde niet, maar voor de duidelijkheid heb ik het evenm voor je gewijzigd!
Jan De Boskiets op 23/04/2013 14:33:04:
Alleen het enige probleem is dat hij in het begin niks laat zien.
Maar met die src="..." er in toch wel lijkt mij.
Bedoel je dit?
Aldus: http://jsbin.com/olomeb/4/edit
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<img src="http://xpress.home.xs4all.nl/bke/img_X.png" onclick="imageChange(this)" />
var img1 = "http://xpress.home.xs4all.nl/bke/img_X_rd.png";
var img2 = "http://xpress.home.xs4all.nl/bke/img_X.png";
var imageChoice = 1;
function imageChange(element) {
if (imageChoice == 1){
element.src = img2;
imageChoice = 2;
}
else if (imageChoice == 2) {
element.src = img1;
imageChoice = 1;
}
}
var img1 = "http://xpress.home.xs4all.nl/bke/img_X_rd.png";
var img2 = "http://xpress.home.xs4all.nl/bke/img_X.png";
var imageChoice = 1;
function imageChange(element) {
if (imageChoice == 1){
element.src = img2;
imageChoice = 2;
}
else if (imageChoice == 2) {
element.src = img1;
imageChoice = 1;
}
}
Aldus: http://jsbin.com/olomeb/4/edit
Gewijzigd op 23/04/2013 17:09:41 door Pieter R




