---

Hej NG

Er der en her der kan hjælpe mig med et lille script, eller ved hvor jeg kan
finde information?

Jeg er ved at lave en standard side som en tabel, hvor jeg i venstre side
har en menu og i højreside har en startside.

På startsiden vil jeg have en billede, som skifter når man kører musen ned
over menuvalgene i venstre side. Kan det lade sig gøre?.

På forhånd tak
Jens

---

"JensC" <no.spam@internet.com> skrev i en meddelelse
news:46dfe81f$0$72886$edfadb0f@dread14.news.tele.dk...
> Hej NG
>
> Er der en her der kan hjælpe mig med et lille script, eller ved hvor jeg
> kan finde information?
>
> Jeg er ved at lave en standard side som en tabel, hvor jeg i venstre side
> har en menu og i højreside har en startside.
>
> På startsiden vil jeg have en billede, som skifter når man kører musen ned
> over menuvalgene i venstre side. Kan det lade sig gøre?.
>
> På forhånd tak
> Jens


i menupunkterne tilføjer du
onmouseover="VisBillede( billede);"
onmouseout="GemBillede();"

og i script
function VisBillede( apic) {
document.getElementById( 'menubillede').src = apic;
}
function GemBillede() {
document.getElementById( 'menubillede').src = defaultbillede;
}

I HTML skal det img tag der viser billedet have
id="menubillede"
og i hver menu skal du i stedet for billede i ovenstående skrive navnet på
det billede der skal vises og i GemBillede skal defaultbillede være navnet
på det billede du vil have vist, når musen ikke er over et menupunkt.


Birger

---

Hej Birger
"Birger" <sdc@bbsorensen.com> skrev i en meddelelse
news:46e00265$0$90270$14726298@news.sunsite.dk...
> "JensC" <no.spam@internet.com> skrev i en meddelelse
> news:46dfe81f$0$72886$edfadb0f@dread14.news.tele.dk...
>> Hej NG
>>
>> Er der en her der kan hjælpe mig med et lille script, eller ved hvor jeg
>> kan finde information?
>>
>> Jeg er ved at lave en standard side som en tabel, hvor jeg i venstre side
>> har en menu og i højreside har en startside.
>>
>> På startsiden vil jeg have en billede, som skifter når man kører musen
>> ned over menuvalgene i venstre side. Kan det lade sig gøre?.
>>
>> På forhånd tak
>> Jens
>
>
> i menupunkterne tilføjer du
> onmouseover="VisBillede( billede);"
> onmouseout="GemBillede();"
>
> og i script
> function VisBillede( apic) {
> document.getElementById( 'menubillede').src = apic;
> }
> function GemBillede() {
> document.getElementById( 'menubillede').src = defaultbillede;
> }
>
> I HTML skal det img tag der viser billedet have
> id="menubillede"
> og i hver menu skal du i stedet for billede i ovenstående skrive navnet på
> det billede der skal vises og i GemBillede skal defaultbillede være navnet
> på det billede du vil have vist, når musen ikke er over et menupunkt.
>

Tak for dit svar. Jeg har forsøgt at gøre som du skrev, men jeg må have
lavet en fejl. Det virker ikke?

Jeg har som test lavet følgende script:

<script>
function Visbillede(apic)
{document.getElementById('menubillede').src=apic;
}

</script>

Min menu ser således ud:

<a target="_self" href="briller.htm"
onmouseover="Visbillede(billeder\seiko.jpg);">Briller</a><br />
<a target="_self" href="bogholder.htm"
onmouseover="Visbillede(billeder\Bogholder model A.jpg);">Bogholder</a><br
/>
<a target="_self" href="lup.htm" onmouseover="Visbillede(billeder\Lup med
lys.jpg);">Lup</a><br />

Og der hvor jeg viser et startbillede ser således ud:

<img id="menubillede" src="billeder/seiko.jpg" width="250" height="164"
/></td>

Kan du se hvad jeg har gjort forkert?

Hilsen
Jens

---

"JensC" <no.spam@internet.com> skrev i en meddelelse
news:46e117ef$0$72754$edfadb0f@dread14.news.tele.dk...
> Hej Birger
> "Birger" <sdc@bbsorensen.com> skrev i en meddelelse
> news:46e00265$0$90270$14726298@news.sunsite.dk...
>> "JensC" <no.spam@internet.com> skrev i en meddelelse
>> news:46dfe81f$0$72886$edfadb0f@dread14.news.tele.dk...
>>> Hej NG
>>>
>>> Er der en her der kan hjælpe mig med et lille script, eller ved hvor jeg
>>> kan finde information?
>>>
>>> Jeg er ved at lave en standard side som en tabel, hvor jeg i venstre
>>> side har en menu og i højreside har en startside.
>>>
>>> På startsiden vil jeg have en billede, som skifter når man kører musen
>>> ned over menuvalgene i venstre side. Kan det lade sig gøre?.
>>>
>>> På forhånd tak
>>> Jens
>>
>>
>> i menupunkterne tilføjer du
>> onmouseover="VisBillede( billede);"
>> onmouseout="GemBillede();"
>>
>> og i script
>> function VisBillede( apic) {
>> document.getElementById( 'menubillede').src = apic;
>> }
>> function GemBillede() {
>> document.getElementById( 'menubillede').src = defaultbillede;
>> }
>>
>> I HTML skal det img tag der viser billedet have
>> id="menubillede"
>> og i hver menu skal du i stedet for billede i ovenstående skrive navnet
>> på det billede der skal vises og i GemBillede skal defaultbillede være
>> navnet på det billede du vil have vist, når musen ikke er over et
>> menupunkt.
>>
>
> Tak for dit svar. Jeg har forsøgt at gøre som du skrev, men jeg må have
> lavet en fejl. Det virker ikke?
>
> Jeg har som test lavet følgende script:
>
> <script>
> function Visbillede(apic)
> {document.getElementById('menubillede').src=apic;
> }
>
> </script>
>
> Min menu ser således ud:
>
> <a target="_self" href="briller.htm"
> onmouseover="Visbillede(billeder\seiko.jpg);">Briller</a><br />
> <a target="_self" href="bogholder.htm"
> onmouseover="Visbillede(billeder\Bogholder model A.jpg);">Bogholder</a><br
> />
> <a target="_self" href="lup.htm" onmouseover="Visbillede(billeder\Lup med
> lys.jpg);">Lup</a><br />
>
> Og der hvor jeg viser et startbillede ser således ud:
>
> <img id="menubillede" src="billeder/seiko.jpg" width="250" height="164"
> /></td>
>
> Kan du se hvad jeg har gjort forkert?
>
> Hilsen
> Jens

Du mangler enkelte apostroffer (') omkring billednavnene :
<a target="_self" href="briller.htm" onmouseover="Visbillede(
'billeder\seiko.jpg' );">Briller</a><br />
<a target="_self" href="bogholder.htm" onmouseover="Visbillede(
'billeder\Bogholder model A.jpg' );">Bogholder</a><br

Birger

---

Hej igen
"Birger" <sdc@bbsorensen.com> skrev i en meddelelse
news:46e1211b$0$90265$14726298@news.sunsite.dk...
> "JensC" <no.spam@internet.com> skrev i en meddelelse
> news:46e117ef$0$72754$edfadb0f@dread14.news.tele.dk...
>> Hej Birger
>> "Birger" <sdc@bbsorensen.com> skrev i en meddelelse
>> news:46e00265$0$90270$14726298@news.sunsite.dk...
>>> "JensC" <no.spam@internet.com> skrev i en meddelelse
>>> news:46dfe81f$0$72886$edfadb0f@dread14.news.tele.dk...
>>>> Hej NG
>>>>
>>>> Er der en her der kan hjælpe mig med et lille script, eller ved hvor
>>>> jeg kan finde information?
>>>>
>>>> Jeg er ved at lave en standard side som en tabel, hvor jeg i venstre
>>>> side har en menu og i højreside har en startside.
>>>>
>>>> På startsiden vil jeg have en billede, som skifter når man kører musen
>>>> ned over menuvalgene i venstre side. Kan det lade sig gøre?.
>>>>
>>>> På forhånd tak
>>>> Jens
>>>
>>>
>>> i menupunkterne tilføjer du
>>> onmouseover="VisBillede( billede);"
>>> onmouseout="GemBillede();"
>>>
>>> og i script
>>> function VisBillede( apic) {
>>> document.getElementById( 'menubillede').src = apic;
>>> }
>>> function GemBillede() {
>>> document.getElementById( 'menubillede').src = defaultbillede;
>>> }
>>>
>>> I HTML skal det img tag der viser billedet have
>>> id="menubillede"
>>> og i hver menu skal du i stedet for billede i ovenstående skrive navnet
>>> på det billede der skal vises og i GemBillede skal defaultbillede være
>>> navnet på det billede du vil have vist, når musen ikke er over et
>>> menupunkt.
>>>
>>
>> Tak for dit svar. Jeg har forsøgt at gøre som du skrev, men jeg må have
>> lavet en fejl. Det virker ikke?
>>
>> Jeg har som test lavet følgende script:
>>
>> <script>
>> function Visbillede(apic)
>> {document.getElementById('menubillede').src=apic;
>> }
>>
>> </script>
>>
>> Min menu ser således ud:
>>
>> <a target="_self" href="briller.htm"
>> onmouseover="Visbillede(billeder\seiko.jpg);">Briller</a><br />
>> <a target="_self" href="bogholder.htm"
>> onmouseover="Visbillede(billeder\Bogholder model
>> A.jpg);">Bogholder</a><br />
>> <a target="_self" href="lup.htm" onmouseover="Visbillede(billeder\Lup
>> med lys.jpg);">Lup</a><br />
>>
>> Og der hvor jeg viser et startbillede ser således ud:
>>
>> <img id="menubillede" src="billeder/seiko.jpg" width="250" height="164"
>> /></td>
>>
>> Kan du se hvad jeg har gjort forkert?
>>
>> Hilsen
>> Jens
>
> Du mangler enkelte apostroffer (') omkring billednavnene :
> <a target="_self" href="briller.htm" onmouseover="Visbillede(
> 'billeder\seiko.jpg' );">Briller</a><br />
> <a target="_self" href="bogholder.htm" onmouseover="Visbillede(
> 'billeder\Bogholder model A.jpg' );">Bogholder</a><br
>
> Birger

Det hjalp - nu sker der noget, men jeg ser ikke billeder - kun et tomt felt
med et rødt kryds. Kan man iøvrigt slippe for, at brugere af denne side skal
svare på, at de ønsker at køre et aktivt indhold, som IE har spærret for
uden at de skal ind og ændre IE opsætning?

Jens

---

"JensC" <no.spam@internet.com> skrev i en meddelelse
news:46e12d1c$0$92443$edfadb0f@dread14.news.tele.dk...

8X

>> Du mangler enkelte apostroffer (') omkring billednavnene :
>> <a target="_self" href="briller.htm" onmouseover="Visbillede(
>> 'billeder\seiko.jpg' );">Briller</a><br />
>> <a target="_self" href="bogholder.htm" onmouseover="Visbillede(
>> 'billeder\Bogholder model A.jpg' );">Bogholder</a><br
>>
>> Birger
>
> Det hjalp - nu sker der noget, men jeg ser ikke billeder - kun et tomt
> felt med et rødt kryds. Kan man iøvrigt slippe for, at brugere af denne
> side skal svare på, at de ønsker at køre et aktivt indhold, som IE har
> spærret for uden at de skal ind og ændre IE opsætning?
>
> Jens


Ang. visning af billederne, så skyldes dit røde kryds, at browseren ikke kan
finde billedet.
Og det kan der være (i hvert fald) to grunde til:
1. Du giver et forkert navn. Husk der er forskel på store og små bogstaver,
og at stien også skal være rigtig.
2. Du har for travlt. Før et billede kan vises, skal det hentes fra
serveren, og det kan tage lidt tid. Standardindstillinger for IE, betyder
svjh at billedet ikke bliver vist, før det er hentet.

Med hensyn til IE's indstillinger, så er der ikke noget at gøre ved det.
Hvis den besøgende blokerer javascript, er der - heldigvis - ikke noget at
gøre ved det. En side kan ikke ændre brugerens indstillinger.
Man kan - og bør måske - indsætte en <noscript> sidst i dokumentet, der
fortæller brugeren at script er nødvendige på denne side.

Er der et link, så man kan se hvad du pusler med?
Det kunne gøre det lidt lettere at svare på dine spørgsmål.

Birger

---

On Fri, 7 Sep 2007 13:17:22 +0200, Birger wrote:

> Man kan - og bør måske - indsætte en <noscript> sidst i dokumentet, der
> fortæller brugeren at script er nødvendige på denne side.

Man bør altid have en <noscript> som giver en alternativ måde at se
tingene på, hvos det er væsentligt for at kune bruge siden.
Det mener jeg fx er tilfældet ved en menu.
Og jeg mener ikke at en tekst i bunden om at javascript skal aktiveres
er nok, der bør være en menu, der vises i ren html, også af hensyn til
søgeindexering.

--
Leonard
Mine biler: http://vw.leonard.dk/

---

"Leonard" <piper28a@gmail.invalid> skrev i en meddelelse
news:c8yry278av4n$.1hwjwzeieswlb.dlg@40tude.net...
> On Fri, 7 Sep 2007 13:17:22 +0200, Birger wrote:
>
>> Man kan - og bør måske - indsætte en <noscript> sidst i dokumentet, der
>> fortæller brugeren at script er nødvendige på denne side.
>
> Man bør altid have en <noscript> som giver en alternativ måde at se
> tingene på, hvos det er væsentligt for at kune bruge siden.
> Det mener jeg fx er tilfældet ved en menu.
> Og jeg mener ikke at en tekst i bunden om at javascript skal aktiveres
> er nok, der bør være en menu, der vises i ren html, også af hensyn til
> søgeindexering.
>
> --
> Leonard
> Mine biler: http://vw.leonard.dk/

Sådan er vi jo så forskellige - og har måske en forskellig opfattelse af
tingene.
Hvis man ikke vil se interaktive sider, kan man disable scripts, men må så
være klar over at der er sider man ikke kan se som de er tænkt.

Og jeg mener stadig at det er søgemaskinernes opgave at tilpasse sig de
teknikker der anvendes - ikke designeres/programmørers opgave at tilpasse
sig søgemaskinerne.

Birger

---

"Birger" <sdc@bbsorensen.com> skrev i en meddelelse
news:46e1333d$0$90268$14726298@news.sunsite.dk...
> "JensC" <no.spam@internet.com> skrev i en meddelelse
> news:46e12d1c$0$92443$edfadb0f@dread14.news.tele.dk...
>
> 8X
>
>>> Du mangler enkelte apostroffer (') omkring billednavnene :
>>> <a target="_self" href="briller.htm" onmouseover="Visbillede(
>>> 'billeder\seiko.jpg' );">Briller</a><br />
>>> <a target="_self" href="bogholder.htm" onmouseover="Visbillede(
>>> 'billeder\Bogholder model A.jpg' );">Bogholder</a><br
>>>
>>> Birger
>>
>> Det hjalp - nu sker der noget, men jeg ser ikke billeder - kun et tomt
>> felt med et rødt kryds. Kan man iøvrigt slippe for, at brugere af denne
>> side skal svare på, at de ønsker at køre et aktivt indhold, som IE har
>> spærret for uden at de skal ind og ændre IE opsætning?
>>
>> Jens
>
>
> Ang. visning af billederne, så skyldes dit røde kryds, at browseren ikke
> kan finde billedet.
> Og det kan der være (i hvert fald) to grunde til:
> 1. Du giver et forkert navn. Husk der er forskel på store og små
> bogstaver, og at stien også skal være rigtig.
> 2. Du har for travlt. Før et billede kan vises, skal det hentes fra
> serveren, og det kan tage lidt tid. Standardindstillinger for IE, betyder
> svjh at billedet ikke bliver vist, før det er hentet.
>
> Med hensyn til IE's indstillinger, så er der ikke noget at gøre ved det.
> Hvis den besøgende blokerer javascript, er der - heldigvis - ikke noget at
> gøre ved det. En side kan ikke ændre brugerens indstillinger.
> Man kan - og bør måske - indsætte en <noscript> sidst i dokumentet, der
> fortæller brugeren at script er nødvendige på denne side.
>
> Er der et link, så man kan se hvad du pusler med?
> Det kunne gøre det lidt lettere at svare på dine spørgsmål.

Hej igen.

Jeg havde skrevet billednavnet forkert. Jeg havde brugt en "\" hvor det
skulle være "/", så nu er alt i orden takket være dig. Tak for hjælpen.

Der er ikke noget link endnu, jeg skal først have siden færdig.

Tusind tak.
Jens

---

"JensC" <no.spam@internet.com> skrev i en meddelelse
news:46e13b8d$0$72886$edfadb0f@dread14.news.tele.dk...

>
> Hej igen.
>
> Jeg havde skrevet billednavnet forkert. Jeg havde brugt en "\" hvor det
> skulle være "/", så nu er alt i orden takket være dig. Tak for hjælpen.
>
> Der er ikke noget link endnu, jeg skal først have siden færdig.
>
> Tusind tak.
> Jens
>

Selvtak ;>)

Birger

---

"JensC" <no.spam@internet.com> skrev :

>Kan man iøvrigt slippe for, at brugere af denne side skal
>svare på, at de ønsker at køre et aktivt indhold, som IE har spærret for
>uden at de skal ind og ændre IE opsætning?

Det kommer kun når du ser siden lokalt på din computer, ikke når
det er på en server.

Kan ændres i Internetindstillinger => Avanceret => »Tillad aktivt
indhold i filer på Denne Computer«.

PS. Når du svarer, så vær rar at klippe i det du citerer, der er
ingen grund til at citere hele det indlæg, som man svarer på.

--
Kerim
»Søger nogen en anden religion end Islam, skal den ikke modtages
af Ham, og han skal i det kommende liv være blandt taberne.«
(Sura 3, vers 87)

---

> På startsiden vil jeg have en billede, som skifter når man kører musen ned
> over menuvalgene i venstre side. Kan det lade sig gøre?.

Birger har givet sit svar.
Jeg tillader mig at smide en helt anden mulighed på bordet, som giver præcis
samme effekt for slutbrugeren:
CSS

a.menu {
display:block;
background-image: url("billede1.gif");
}
a.menu:hover {
background-image: url("billede2.gif");
}

<a class="menu" href="noget.html">Menupunkt 1</a>
<a class="menu" href="noget_andet.html">Menupunkt 2</a>

Med display:block ændres a-markøren til et blok-element (standard er ellers
inline).
På denne måde vises baggrundsbilledet i hele linkets bredde.
Af samme årsag spares <br /> i øvrigt.

Ovenstående giver også større fleksibilitet, da du kan have almindelig tekst
i linket.
Således slipper du for at skulle lave en ny knap i dit
billedbehandlingsprogram, hver gang du vil sætte et nyt menupunkt ind eller
skifte navn på et eksisterende.

---

On Thu, 6 Sep 2007 16:10:10 +0200, Philip Nunnegaard wrote:

> Jeg tillader mig at smide en helt anden mulighed på bordet, som giver præcis
> samme effekt for slutbrugeren:

Det giver så slet ikke samme effekt.
Det du viser skifter baggrunden på links, mens det Birger viser og
spørgeren efterlyser er, at det samme billede midt på siden ændres alt
efter hvilket link, der peges på.
Og det er noget helt andet.

--
Leonard
Mine biler: http://vw.leonard.dk/

---

> Det du viser skifter baggrunden på links, mens det Birger viser og
> spørgeren efterlyser er, at det samme billede midt på siden ændres alt
> efter hvilket link, der peges på.
> Og det er noget helt andet.

Tager lige læsebrillerne på og læser ordentligt efter.
Min fejl!

---

JensC skrev:

> På startsiden vil jeg have en billede, som skifter når man kører musen ned
> over menuvalgene i venstre side. Kan det lade sig gøre?.

Det var noget jeg tilfældigvis sad og syslede med
alligevel, så jeg har lavet en lille demo:

http://webdesign101.dk/x/pixshow.html

Brug browserens Vis kilde funktion til at se
scriptkode og HTML-kode.
Det skulle være lige til at gå til, men spørg
endelig, hvis du får problemer med det.

Min syslen skulle ende med en timeout
og et overgangsfilter mellem de enkelte billeder.
men det har jeg ikke lige tid til at kigge
på nu.

(Hints til crossbrowser overgangsfiltre
modtages med tak

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

---

Hej Jørgen
"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
news:46e12725$0$92955$edfadb0f@dread16.news.tele.dk...
> JensC skrev:
>
>> På startsiden vil jeg have en billede, som skifter når man kører musen
>> ned over menuvalgene i venstre side. Kan det lade sig gøre?.
>
> Det var noget jeg tilfældigvis sad og syslede med
> alligevel, så jeg har lavet en lille demo:
>
> http://webdesign101.dk/x/pixshow.html
>
> Brug browserens Vis kilde funktion til at se
> scriptkode og HTML-kode.
> Det skulle være lige til at gå til, men spørg
> endelig, hvis du får problemer med det.

Det er jo lige det jeg prøver på at lave. Hvordan forhindrer du, at min
browser siger, at den har spærret for aktivt indhold?

mvh
Jens

---

JensC skrev:

> Det er jo lige det jeg prøver på at lave. Hvordan forhindrer du, at min
> browser siger, at den har spærret for aktivt indhold?
>

Ved at lægge scriptet i en ekstern fil,
som man altid skal. Jeg har det kun som
dokumentindlejret script, fordi
det er en demoside.

Bortset fra dette designmæssige er der
en eller anden indstilling i browseren,
hvor du kan tillade JavaScript på dine
egne sider - eller sådan noget ...

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..