Avatar billede kodak Mester
12. september 2005 - 23:42 Der er 10 kommentarer og
1 løsning

Menu med billedevisning

Jeg vil gerne have min "Heey" til at være lidt mere aktiv hvad skal jeg gøre jeg vil have at den tager nummeret på den valgte og sætter ind i stedet for "+ document.forms.fr.heey.value +" i java scriptet hvordan gør jeg det heey skal stadig virke normalt
Den skal bare sætte et billede ind i stedet for "http://www.blaa.dk/filer/Farve.JPG" det vil sige at når jeg trykker på Grøn (548)
skal den gøre noget med scriptet = "http://www.blaa.dk/filer/" + document.forms.fr.heey.value + ".jpg" og få den til at vise http://www.blaa.dk/filer/548.JPG i stedet.

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Ny side 2</title>
</head>
<script>
function setNewUser(){
    document.all.newUserPic.src = "http://www.blaa.dk/filer/" + document.forms.fr.heey.value + ".jpg"
}
</script>

<body>

<p>&nbsp;</p>
<table border="1" width="100%" id="table1">
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td><select size="1" name="heey">
        <option value="507">Blå</option>
        <option value="671">Rød</option>
        <option value="548">Grøn</option>
        </select></td>
        <td>
        <img border="0" src="http://www.blaa.dk/filer/Farve.JPG" width="420" height="452"></td>
    </tr>
</table>

</body>

</html>
Avatar billede roenving Novice
13. september 2005 - 00:11 #1
Gør det først lidt mere crossbrowser-agtigt, og gør også dit dokument til et rigtigt html-dokument:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Ny side 2</title>
<script type="text/javascript">
function setNewUser(val){
    document.images.newUserPic.src = "http://www.blaa.dk/filer/" + val + ".jpg";
}
</script>
</head>

<body>

<p>&nbsp;</p>
<table border="1" width="100%" id="table1">
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>
          <select size="1" name="heey" onchange="if(this.selectedIndex>0)setNewUser(this.value);">
            <option value="">Vælg bruger</option>
            <option value="507">Blå</option>
            <option value="671">Rød</option>
            <option value="548">Grøn</option>
          </select></td>
        <td>
        <img border="0" name="newUserPic" src="http://www.blaa.dk/filer/Farve.JPG" width="420" height="452"></td>
    </tr>
</table>

</body>

</html>
Avatar billede kodak Mester
22. september 2005 - 22:00 #2
Hvad skal jeg så gøre hvis jeg vil have flere at den slaks menu'er på samme side?
Avatar billede roenving Novice
24. september 2005 - 23:43 #3
Hvis det er næsten ens funktioner, er det mest fordelagtigt at tilføje en parameter, som fortæller hvilket billede, der skal udskiftes, hvis de er meget forskellige opretter du bare flere funktioner ...

-- kan du forklare nærmere/vise et eksempel ?-)
Avatar billede kodak Mester
25. september 2005 - 22:38 #4
Den funksion du har lavet er god nok jeg skal bare have to af dem på samme side som tagernogle andre billeder og viser i en anden del af rammen
Avatar billede roenving Novice
25. september 2005 - 22:55 #5
F.eks.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Ny side 2</title>
<script type="text/javascript">
function setPic(pic,val){
    document.images[pic].src = "http://www.blaa.dk/filer/" + val + ".jpg";
}
</script>
</head>

<body>

<p>&nbsp;</p>
<table border="1" width="100%" id="table1">
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>
          <select size="1" name="heey" onchange="if(this.selectedIndex>0)setPic('newUserPic',this.value);">
            <option value="">Vælg bruger</option>
            <option value="507">Blå</option>
            <option value="671">Rød</option>
            <option value="548">Grøn</option>
          </select></td>
        <td>
        <img border="0" name="newUserPic" src="http://www.blaa.dk/filer/Farve.JPG" width="420" height="452"></td>
    </tr>
</table>

<table border="1" width="100%" id="table1">
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>
          <select size="1" name="heey" onchange="if(this.selectedIndex>0)setPic('gnu',this.value);">
            <option value="">Vælg bruger</option>
            <option value="507">Blå</option>
            <option value="671">Rød</option>
            <option value="548">Grøn</option>
          </select></td>
        <td>
        <img border="0" name="gnu" src="http://www.blaa.dk/filer/Farve.JPG" width="420" height="452"></td>
    </tr>
</table>

</body>

</html>
Avatar billede kodak Mester
26. september 2005 - 23:48 #6
yes det er lige det jeg mener det vil sige atjeg skal bare ændre:
('gnu',this.value);">
----^  OG ------- v
border="0" name="gnu"

Retter sagt skal bareændre gnu hvis jeg vil have flere.

Smid svar og du får point
Avatar billede roenving Novice
27. september 2005 - 00:01 #7
Ja, velbekomme '-)
Avatar billede kodak Mester
29. september 2005 - 19:29 #8
okay så en sidste ting,
kan jeg få et billede der samler de forskellige menuers navne til et billede.

Det vil sige at den tager 507 (fra newUserPic) og 617 (fra gnu) og viser så et billede der er på
http://www.blaa.dk/filer/507_617.jpg
Og viser det billede i bunden.
Avatar billede roenving Novice
30. september 2005 - 12:35 #9
Tak for point ;~}
Avatar billede kodak Mester
30. september 2005 - 13:56 #10
ville du ikke hjælpe med det sidste?
Avatar billede kodak Mester
18. marts 2006 - 16:20 #11
hvordan får jeg den til at skifte flere billeder af gangen?
eksempelvis hvis jeg trykker på en menu så skal den kunne sætte sammen billede ind flere steder??
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