Avatar billede manon Nybegynder
25. august 1999 - 04:05 Der er 16 kommentarer og
1 løsning

Billeder i frames eller tabeler

Jeg vil have 2 links med tekst på hver sin linie, Der må kun være en frame eller tabel i midten af siden. I denne frame eller tabel skal henholdvis billede 1 være, hvis man fører musen over link nummer 1 og i samme frame skal billede 2 være hvis man kører musen over link 2.
Hele processen skal først træde i kraft når musen er over den ene af de 2 links, dvs at der skal være et 3 billede som her der som en slags baggrund. hvis der smatidig var en frame eller tabel nummer 2 hvor der var tekst og som OGSÅ skiftede indhold samtidig med billedet når musen blev flyttet over deres respektive link, så ville der være optimalt.
Avatar billede cyberesben Nybegynder
25. august 1999 - 15:20 #1
formuler det lige lidt mere tydeligt
Avatar billede manon Nybegynder
25. august 1999 - 22:32 #2
ok
Du har en html side, hvid baggrund uden tabels og frames.
På denne side er der 2 links i tekst (ikke billed.gif eller jave) kun ganske almindelig gammeldags urllink.
Nu skal der i midten af side laves en frame ( ca. 8x5 cm) hvor der også er en hvid baggrund.
Når musen bliver ført over link nummer 1, skal et billed dukke op i den føromtalte frame ( billedet er  8x5 cm)
Når musen bliver fjernet, bliver framens indhold igen hvid.
Når musen bliver ført over link nummer 2, skiftes indholdet i framen med et nyt billeder = billede nummer 2. Bliver musen ført væk fra linket, bliver indholdet i framen hvis igen.

Skal jeg uddybe det endnu mere ?

Mit spøgsmål er bare - kan dette lade sig gøre og hvordan ser scriptet ud?
Avatar billede cyberesben Nybegynder
26. august 1999 - 00:02 #3
du behøver ikke et en frame for at lave det, jeg laver lige et script til dig!
Avatar billede cyberesben Nybegynder
26. august 1999 - 00:12 #4
Du laver 2 links som skal se sådan her ud:

<A HREF="url" onmouseover="mouseOver(1)" onmouseout="mouseOut(1)">klik1</A><A HREF="url" onmouseover="mouseOver(2)"  onmouseout="mouseOut(2)">klik2</A>

Så indsætter du et billede, <IMG SRC="url" NAME="B1" WIDHT=xxx HEIGHT=xxx>

så indsætter du det her script:
<SCRIPT LANGUAGE="JAVASCRIPT">
image1a = new Image();
image1a.src = "hvid.gif";
image1b = new Image();
image1b.src = "billede1.gif";
image2a = new Image();
image2a.src = "hvid.gif";
image2b = new Image();
image2b.src = "billede2.gif";
function mouseOver(BTN)
  {
if (document.images) document.images.B1.src=eval("image"+BTN+"b.src");
  }

function mouseOut(BTN)
  {
if (document.images) document.images.B1.src=eval("image"+BTN+"a.src");
  }
</SCRIPT>
Avatar billede cyberesben Nybegynder
27. august 1999 - 20:42 #5
hmm virker det?
Avatar billede manon Nybegynder
28. august 1999 - 04:16 #6
Har desværre ikke haft tid til at afprøve det, men vender tilbage når jeg har :-)
Avatar billede manon Nybegynder
29. august 1999 - 05:31 #7
Hej Cyberesben
Jeg har nu afprøvet scriptet, men det viker ikke. Jeg får en fejlmeddelese, som siger: Linie 30 - tegn 22 - fejl ´document.B1.gif´er ikke et objekt.

Du kan måske selv se fejlen i dette htmlscript:
(For sådan vil jeg gerne have det sahl se ud + billederne, hvid.gif,billede1.gif,billede2.gif er med så frontpage burde kunne finde dem.)

<html>

<head>
<title>klik1klik2</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<a HREF="url" onmouseover="mouseOver(1)" onmouseout="mouseOut(1)">

<body>

<p></a>&nbsp;</p>

<table border="0" width="100%">
  <tr>
    <td width="33%"><p align="center"><a HREF="url" onmouseover="mouseOver(1)"
    onmouseout="mouseOut(1)">klik1</a> </td>
    <td width="33%"></td>
    <td width="34%"><p align="center"><a HREF="url" onmouseover="mouseOver(2)"
    onmouseout="mouseOut(2)">klik2</a>&nbsp;&nbsp; <script LANGUAGE="JAVASCRIPT">
image1a = new Image();
image1a.src = "hvid.gif";
image1b = new Image();
image1b.src = "billede1.gif";
image2a = new Image();
image2a.src = "hvid.gif";
image2b = new Image();
image2b.src = "billede2.gif";
function mouseOver(BTN)
  {
if (document.images) document.b1.gif.src=eval("image"+BTN+"b.src");
  }

function mouseOut(BTN)
  {
if (document.images) document.images.b1.src=eval("image"+BTN+"a.src");
  }
</script> </td>
  </tr>
  <tr>
    <td width="33%"></td>
    <td width="33%"><p align="center"><img SRC="url" NAME="B1" WIDHT="100" HEIGHT="100"></td>
    <td width="34%"></td>
  </tr>
</table>

<p>&nbsp;</p>

<p>&nbsp;</p>
</body>
</html>

HVAD HAR JEG GJORT FORKERT ???

Hvis du kan give mig løsningen, så for du dine point. :-)
Avatar billede cyberesben Nybegynder
29. august 1999 - 12:54 #8
du skal selvfølgelig definere nogle filer som den skal bruge!



prøv det nu

<html>

<head>
<title>klik1klik2</title>
<script LANGUAGE="JAVASCRIPT">
image1a = new Image();
image1a.src = "hvid.gif";
image1b = new Image();
image1b.src = "billede1.gif";
image2a = new Image();
image2a.src = "hvid.gif";
image2b = new Image();
image2b.src = "billede2.gif";
function mouseOver(BTN)
  {
if (document.images) document.B1.gif.src=eval("image"+BTN+"b.src");
  }

function mouseOut(BTN)
  {
if (document.images) document.images.B1.src=eval("image"+BTN+"a.src");
  }
</script>
<META NAME="Generator" CONTENT="Stone's WebWriter 2">
</head>
<body>
<TABLE BORDER="0">
  <tr>
    <TD ALIGN="CENTER"><a HREF="url" onmouseover="mouseOver(1)" onmouseout="mouseOut(1)">klik1</a> </td>
<TD></TD>
    <TD ALIGN="CENTER"><a HREF="url" onmouseover="mouseOver(2)" onmouseout="mouseOut(2)">klik2</a>&nbsp;&nbsp; </td>
  </tr>
  <tr>
    <td width="33%"></td>
    <TD ALIGN="CENTER" WIDTH="33%"><img SRC="hvid.gif" NAME="B1" WIDHT="100" HEIGHT="100"></td>
    <td width="34%"></td>
  </tr>
</table>
</body>
</html>

(jeg har optimeret HTML koden lidt)
Avatar billede manon Nybegynder
30. august 1999 - 06:43 #9
Hej Cyberesben
Jeg vil så gerne give dig mine point, men jeg kan ikke, så lang tid jeg ikke kan få det til at virke.
OK - jeg er ikke fessor i javascript og html og måske skal jeg have det endnu mere simpelt.
I explorer siger den stadig felj i scriptet. Din sidste htmlkode passede til min sideopsætning, men hvorfor bliver den ved med at sige: `document.B1.gif´ er ikke et objekt ????

Der jeg tror der er problemer er i denne sætning:

if (document.images) document.B1.gif.src=eval("image"+BTN+"b.src");
  }

function mouseOut(BTN)
  {
if (document.images) document.images.B1.src=eval("image"+BTN+"a.src");
  }

Prøver jeg samme side i netscape, sider den at den ikke kan finde en url - hmmm...er det billederne den referer til ?
Kender du noget til frontpage ? For hvis ja, så er det bla. det program jeg bruger mest, og ja - jeg ved der findes 1000 bedre *GGG*

Men filler og billleder ligger på det rette sted og har de rette navne, så hvad der ellers kunne være galt, aner jeg ikke.

Måske skal jeg pointer, at det er kun billederne der skal skiftes ud på et bestemt sted på siden, først når musen er over et af de 2 links.

Prøv igen :-)
Avatar billede cyberesben Nybegynder
30. august 1999 - 15:05 #10
funktionerne skal være:

function mouseOver(BTN)
                    {
if (document.images) document.B1.src=eval("image"+BTN+"b.src");
                    }

function mouseOut(BTN)
                    {
if (document.images) document.images.B1.src=eval("image"+BTN+"a.src");
                    }





jeg tror du er kommet til at ændre i dem


navnene på billederne kontrolleres af

sektionen med:

image1a.src = "hvid.gif";


osv...
Avatar billede manon Nybegynder
31. august 1999 - 04:20 #11
Kigger på det.

Et eller andet siger mig at frontpage selv har ændret koden - det har det for vane til :-(
Avatar billede manon Nybegynder
31. august 1999 - 04:34 #12
Så lykkedes det - fedt nok. Tusind tak for hjælpen :-)
Avatar billede cyberesben Nybegynder
31. august 1999 - 19:50 #13
FP er en bunke skod
Avatar billede manon Nybegynder
01. september 1999 - 04:54 #14
Jeg ved at FP er skod, dog har det også sine muligheder, men mere og mere er jeg gået over til Dreamweaver.
Forresten - hvis jeg nu vil have billeder istedet for tekst som link, hvad skal jeg så skrive ?
Avatar billede cyberesben Nybegynder
01. september 1999 - 16:51 #15
<a HREF="url" onmouseover="mouseOver(1)" onmouseout="mouseOut(1)"><IMG SRC="..."></A>

you name it
Avatar billede manon Nybegynder
01. september 1999 - 23:25 #16
Cyber - du er den bedste.
Hvad jobber du med ?
Avatar billede cyberesben Nybegynder
02. september 1999 - 20:37 #17
tak

jeg arbejder i Expert i Roskilde, plus på det lokale bibliotek som bogopsætter og computerhjælper, og så laver jeg lidt løst arbejde med at hjælpe med computerproblemer, eller lave Javascript, HTML eller grafik til folk
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