Provar mig på den mest svåra språket: Javascript (tycker jag iaf)
<html>
<head>
<script language="javascript1.2">
var bild=0;
function bytbild(bild){
if (var bild == "kryss2.png"){
document.getElementById('icon').img.src="minus2.png";
}
else{
document.getElementById('icon').img.src="kryss2.png";
}
}
</script>
</head>
<body>
<img src="kryss2.png" id="icon" onclick="javascript:bytbild(this.img.src)"></img>
</body>
</html>
som ni ser så vill jag att när man klickar på bildern så ska den helatiden bytas
SebbeMedlem sedan jan. 20032 285 inlägg <html>
<head>
<script language="javascript">
<!--
function bytbild(bild) {
if(bild == "kryss2.png")
document.getElementById("icon").src="minus2.png";
else
document.getElementById("icon").src="kryss2.png";
}
//-->
</script>
</head>
<body>
<img src="kryss2.png" id="icon" onclick="bytbild(this.src)"></img>
</body>
</html>
Funkar inte :(
<html>
<head>
<script language="javascript1.2">
<!--
function bytbild(bild) {
if(bild == "kryss2.png"){
document.getElementById('icon').src="minus2.png";
}
else{
document.getElementById('icon').src="kryss2.png";
}
}
//-->
</script>
</head>
<body>
<img src="kryss2.png" id="icon" onclick="bytbild(this.src)"></img>
</body>
</html>
SebbeMedlem sedan jan. 20032 285 inlägg Det fungerade bra för mig när jag bara kopierade och klistrade in din kod och testade. På vilket sätt är det det inte funkar?
hur mkt jag än klickar så byts inte bilden ut
nope precis....jag tror jag vet vad felet är...när jag ändrar koden till
<html>
<head>
<script language="javascript1.2">
<!--
function bytbild(bild) {
if(bild == "kryss2.png"){
document.getElementById('icon').src="minus2.png";
}
else{
document.getElementById('icon').src="minus2.png";
}
}
//-->
</script>
</head>
<body>
<img src="kryss2.png" id="icon" Onclick="bytbild(this.src);"></img>
</body>
</html>
så byter den från plus till minus. Vilket betyder att denna villkor
if(bild == "kryss2.png"){
blir FALSE
Men varför?
SebbeMedlem sedan jan. 20032 285 inlägg Blir det kanske bättre såhär, då?
<html>
<head>
<script language="javascript">
<!--
function bytbild(o) {
if(o.src == "kryss2.png")
o.src = "minus2.png";
else
o.src = "kryss2.png";
}
//-->
</script>
</head>
<body>
<img src="kryss2.png" id="icon" onclick="bytbild(this);">
</body>
</html>
SebbeMedlem sedan jan. 20032 285 inlägg Det fungerar för mig i både IE och Firefox, så jag tycker det verkar som om du har skrivit något fel när du har kopierat koden.
prova själv, 2 olika alternativ
sidan1
sidan2
bilderna:
kryss2
minus2
SebbeMedlem sedan jan. 20032 285 inlägg Såja! Fysiska sökvägar var det, ja! ;)
<html>
<head>
<script language="javascript">
<!--
function bytbild(o) {
if(o.src == "http://213.214.228.251/ny/kryss2.png")
o.src = "http://213.214.228.251/ny/minus2.png";
else
o.src = "http://213.214.228.251/ny/kryss2.png";
}
//-->
</script>
</head>
<body>
<img src="http://213.214.228.251/ny/kryss2.png" id="icon" onclick="bytbild(this);">
</body>
</html>
så nu funkar det....kan jag ändra inställningarna ngnstans så att jag slipper skriva fysiska sökvägar helatiden?
Har windows XP
SebbeMedlem sedan jan. 20032 285 inlägg Inte en susning, men det är inget jag kan hitta i alla fall, tyvärr.
denna kod borde väl också då fungera...bilden kommer upp, men om man klickar så blir det en ingen bild (när man använder img och har fel sökväg)
<html>
<head>
<script language="javascript1.2">
<!--
function bytbild(bild) {
if(bild == "C:\Documents and Settings\Daniel\Skrivbord\ny\kryss2.png"){
document.getElementById('icon').src="C:\Documents and Settings\Daniel\Skrivbord\ny\minus2.png";
}
else{
document.getElementById('icon').src="C:\Documents and Settings\Daniel\Skrivbord\ny\kryss2.png";
}
}
//-->
</script>
</head>
<body>
<img src="kryss2.png" id="icon" Onclick="javascript:bytbild(this.src);"></img>
</body>
</html>
gissar på att felet ligger här:
Documents and Settings
dectgapMedlem sedan sep. 20021 655 inlägg Jag är väldigt glad för reguljära uttryck:
<html>
<head>
<script language="javascript">
<!--
function bytbild(o) {
if(/kryss2\.png$/.test(o.src))
o.src = "minus2.png";
else
o.src = "kryss2.png";
}
//-->
</script>
</head>
<body>
<img src="kryss2.png" id="icon" onclick="bytbild(this);">
</body>
</html>
