document.editform probleem

Status
Niet open voor verdere reacties.
leuthrick

leuthrick

Gebruiker
Lid geworden
17 sep 2008
Berichten
454
hallo,

ik had het volgende probleem:

ik wil het plaatje van de <img> veranderen wanneer er op geklikt word.

ik had dit script gevonden:

javascript:
[JS]function delcheck(delnum) {

if (document.editform["hiddendeletebutton"+delnum].value == 'false') {
document["deletebutton"+delnum].src='images/delete_button_x.jpg'
document.editform["hiddendeletebutton"+delnum].value = 'true'
}
else {
document["deletebutton"+delnum].src='images/delete_button_blank.jpg'
document.editform["hiddendeletebutton"+delnum].value = 'false'
}
}[/JS]

html form:
Code: 
<img name="deletebutton1" src="images/delete_button_blank.jpg" alt="" height="32" width="47" border="0" onClick="return delcheck(1);">
<input type="hidden" name="hiddendeletebutton1" value="false">
(http://www.webdeveloper.com/forum/archive/index.php/t-123926.html)


maar het werkt niet links onder in staat fout op de pagina (waar normaal gereed staat (in internet exploter))


ik weet al dat de fout in:[JS]document["deletebutton"+delnum].src='images/delete_button_blank.jpg'[/JS] zit.


alvast bedankt:D
 
GAH! Wat een vreselijke code. Waarom wil je hier (ffs) een hidden checkbox voor gebruiken???


Probeer zoiets:
[JS]var zomgPlaatje = false;
var imgObj = document.getElementById('voorbeeld');

function swapImage()
{
if(zomgPlaatje === false)
{
imgObj.src = 'link/naar/plaatje2.jpg';
zomgPlaatje = true;
}else{
imgObj.src = 'link/naar/plaatje1.jpg';
zomgPlaatje = false;
}
}
[/JS]
nu kan je bijvoorbeeld een onclick aan je plaatje toevoegen, of een event handler. Even voor het gemak:
HTML: 
<img id='voorbeeld' src='link/naar/plaatje1.jpg' onclick='swapImage();' />


Mocht je meerdere plaatjes hebben, kan je het script makkelijk aanpassen (hint: getElementById() accepteert een string) om dit te doen.
:thumb:
 
Laatst bewerkt:
bedankt maar het werkt nog steeds niet:(


ik had nu dit als html code:
Code: 
<html>
<head>
<script type="text/javascript">
var zomgPlaatje = false;
var imgObj = document.getElementById('voorbeeld');
 
function swapImage()
{
   if(zomgPlaatje === false)
   {
      imgObj.src = 'images/categorien_icon.png';
      zomgPlaatje = true;
   }else{
      imgObj.src = 'images/arrows.png';
      zomgPlaatje = false;
   }
}
</script>
</head>
<body>
<img id='voorbeeld' src='images/arrows.png' onclick='swapImage();' />
</body>
</html>

alvast bedankt:D
 
Oh, het werkt heel goed hoor. Je moet alleen je code onder je <img> tag zetten. Want nu kan je getElementById() je image niet vinden.


[edit]Of zet de getElementById() IN je functie ipv. erboven[/edit]
 
Hoi,
Ik denk dat er het volledige pad naar de plaatjes opgegeven moet worden.
Als platenwisselaar even deze gemaakt:
In het script vul je bij imgpad de volledige route naar de plaatjesmap in. Verder hoeft er in de functie niets te veranderen.
In de verwijzing in de html:
  • onclick="wissel('...','...','...')"
geef je dan eerst de id-naam van het img op, en dan de oude en de nieuwe bestandsnaam van het plaatje.

Opm.: als er maar 1 te wisselen plaatje op de pagina/site staat, en/of als er alleen maar héén gewisseld hoeft te worden (bij nog een klik op het plaatje hoeft er niets te gebeuren), dan kan de functie natuurlijk vereenvoudigd worden. :)

Met vriendelijke groet,
CSShunter
 
csshunter:

bedankt maar ik hoef maar 2 plaatjes te verwisselen(het is voor een eigen checkbox:D)

Vegras:

bedankt het werkt.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan