Avatar billede hmm10 Nybegynder
21. juni 2004 - 16:42 Der er 8 kommentarer og
1 løsning

link hvis value er true

Jeg har en select, hvori man skal vælge en option. Hvis man gør dette skal det blive muligt at klikke på et billede (fx. bilyes.gif) ved siden af, som linker videre til en anden side. Er der intet valgt i select'en vises et andet billede (fx. bilno.gif) og det linker ikke til noget. Alt="" og src="" i billedet må gerne blive udskiftet med den value, der vægles i select'en.

<table>
  <tr>
    <td><select>
      <option value="">Nej</option>
      <option value="yes">Ja</option>
    </select></td>
    <td>XXX<img src="" alt="" />XXX</td>
  </tr>
</table>

Hvis der er nogen spørgsmål, så fyr løs.
PS: Skal også gerne virke på mac.

- HMM10
Avatar billede roenving Novice
21. juni 2004 - 16:52 #1
<table>
  <tr>
    <td><select onchange="if(this.selectedIndex>0)setImg(this)">
      <option value="">Nej</option>
      <option value="yes">Ja</option>
    </select></td>
    <td>XXX<img src="bilno.gif" alt="no" name="mitPic" onclick="linkOk()" />XXX</td>
  </tr>
</table>

<script type="text/javascript">
var vals = ['bilno.gif',false,'bilyes.gif',true],actval=0;
function setImg(sel){
  i = document.images['mitPic'];
  v = sel.options[sel.selectedIndex].value;
  i.src = vals[sel.selectedIndex*2];
  i.alt = v;
  actval = sel.selectedIndex;
}
function linkOk(){
  if(vals[actval*2+1]){
    location.href = "bilyesSide.html";
  }
}
</script>
Avatar billede terrak Nybegynder
21. juni 2004 - 16:54 #2
Noget i den her retning?

<script type="text/javascript">

function changepic(objvalue) {

var pic1 = "mappe/billed.jpg";
var pic2 = "mappe/billede2.jpg";

if (objvalue == "yes") {
document.getElementById('pic1').src = pic2;
document.getElementById('pic1').style.cursor = "pointer";
document.getElementById('pic1').alt = "Ja";
} else {
document.getElementById('pic1').src = pic1;
document.getElementById('pic1').style.cursor = "default";
document.getElementById('pic1').alt = "Nej";
}

}

function clickpic(valueident) {

var newlocation = "side2.html";

if (valueident == "Ja") {
document.location.href = newlocation;
}

}

</script>

<table>
  <tr>
    <td><select onChange="changepic(this.value)">
      <option value="no" SELECTED>Nej</option>
      <option value="yes">Ja</option>
    </select></td>
    <td>XXX<img id="pic1" src="mappe/billed.jpg" alt="Nej" onclick="clickpic(this.alt)" />XXX</td>
  </tr>
</table>
Avatar billede hmm10 Nybegynder
21. juni 2004 - 16:57 #3
jeg lidt forvirret.. jeg kan se selecten i koden fra jer begge to, men jeg kan ingen se i min browser..
Avatar billede hmm10 Nybegynder
21. juni 2004 - 16:58 #4
Hmm, der var ikke angivet en width.. sorry..
Avatar billede terrak Nybegynder
21. juni 2004 - 17:00 #5
Det lyder undeligt, hvilken browser bruger du da?

Det kunne være du skulle sætte lidt head og body ind:

<html>
<head>
<title>Select test</title>
<script type="text/javascript">

javascript kode her

</script>
</head>

<body>

select kode her

</body>
</html>
Avatar billede hmm10 Nybegynder
21. juni 2004 - 17:02 #6
Begge virker fint i Explore.. Tester lige på mac'en..
Avatar billede hmm10 Nybegynder
21. juni 2004 - 17:07 #7
terrak's virker på mac - roenving's virker ikke på mac..
(Testet i Safari 1.1 og Netscape 7.1 og Internet Explore:mac 5.2)
Avatar billede roenving Novice
21. juni 2004 - 17:39 #8
Hrm, lyder mystiskst, kan du se hvor det fejler ?-)
Avatar billede hmm10 Nybegynder
03. juli 2004 - 14:39 #9
Nej.
Jeg lukker.. Tak for hjælpen til jer begge.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

IT-JOB