Søg
Avatar billede cybermaster Nybegynder
27. januar 2004 - 12:41 Der er 11 kommentarer og
1 løsning

skift indhold i div ved tryk på links

hejsa alle sammen

Skal bruge et script der kan skifte indholdet at et div afhængig af hvilket link der trykkess på.

Det skal være muligt at sætte et link til "blank" så der ikke vises noget i div'et.

Skal kunne virke med gænse browserer.

På forhånd tak.
Avatar billede nute Nybegynder
27. januar 2004 - 12:56 #1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <script language="JavaScript" type="text/javascript">
    <!--
   
    function setContent( p_strDivID, p_strContent )
    {
        var objDiv = document.getElementById( p_strDivID );
        if( objDiv )
        {
            objDiv.innerHTML = p_strContent;
        }
       
    }
    //-->
    </script>
</head>

<body>
<div id="divResult">&nbsp;</div>
<a href="java script:void(0);" onclick="setContent('divResult','');">Blank</a><br>
<a href="java script:void(0);" onclick="setContent('divResult','Lidt tekst');">Lidt tekst</a><br>
<a href="java script:void(0);" onclick="setContent('divResult','Lidt mere tekst');">Lidt mere tekst</a><br>
<a href="java script:void(0);" onclick="setContent('divResult','Noget helt andet');">Noget helt andet</a><br>
</body>
</html>
Avatar billede cybermaster Nybegynder
27. januar 2004 - 12:59 #2
Beklager, men mulighed for et link mere på hver så man også kan få en side frem asmtidigt med, kan det lade sig gøre
Avatar billede nute Nybegynder
27. januar 2004 - 13:02 #3
eh ? forklar ...
Avatar billede cybermaster Nybegynder
27. januar 2004 - 13:08 #4
<a href="minside.htm" onclick="setContent('divResult','');">Blank</a><br>

Er det bare sådan?

og tillægs spørgsmål hvad hvis det der skal vises er html koder?
Avatar billede nute Nybegynder
27. januar 2004 - 13:16 #5
du kan ikke *både* linke til en fil og på samme tid skifte indholde i et div. Så skal du ud i noget med frames.

Eller så skal du bare forklare dig bedre ! Hvad er det du ønsker ? Du skriver i dit spm "Skal bruge et script der kan skifte indholdet at et div afhængig af hvilket link der trykkess på.". Du har nu fået et script der skifter indholdet i et div når du klikker på et link.

Eller prøver du at skifte indholdet i et div når du fører musen over linket ? og når du klikker på linket, så skal du skifte side ? ála dette:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <script language="JavaScript" type="text/javascript">
    <!--
   
    function setContent( p_strDivID, p_strContent )
    {
        var objDiv = document.getElementById( p_strDivID );
        if( objDiv )
        {
            objDiv.innerHTML = p_strContent;
        }
       
    }
    //-->
    </script>
</head>

<body>
<div id="divResult">&nbsp;</div>
<a href="enside.htm" onmouseover="setContent('divResult','');" onmouseout="setContent('divResult','');">Blank</a><br>
<a href="enside.htm" onmouseover="setContent('divResult','Lidt tekst');" onmouseout="setContent('divResult','');">Lidt tekst</a><br>
<a href="enside.htm" onmouseover="setContent('divResult','Lidt mere tekst');" onmouseout="setContent('divResult','');">Lidt mere tekst</a><br>
<a href="enside.htm" onmouseover="setContent('divResult','Noget helt andet');" onmouseout="setContent('divResult','');">Noget helt andet</a><br>
</body>
</html>

/nute
Avatar billede cybermaster Nybegynder
27. januar 2004 - 13:19 #6
Ja unskyld, det er mig der ikke har forklaret mig godt nok.

Jeg er med på det med linksne nu.
Der er en iframe på siden, Det virker fint

Kan du fortællem mig med hensyn til html koderne, hvad jeg der gør.
Avatar billede nute Nybegynder
27. januar 2004 - 13:22 #7
du sætter bare en 'target' attribut på dine links der peger på name attributten på din iFrame:

<a href="blabla.htm" target="myFrame">Klik</a>
<iframe name="myFrame">

/nute
Avatar billede cybermaster Nybegynder
27. januar 2004 - 13:25 #8
<a href="java script:void(0);" onclick="setContent('divResult','<hr noshade size="1" color="#000000">Love');" class="menupunkt">Designs</a>

Mere som det her

Kunne evt:
<a href="java script:void(0);" onclick="setContent('divResult','<hr noshade size=1 color=#000000>Love');" class="menupunkt">Designs</a>

Hvor " er fjernet, men ikke sikker på at det går når koden bliver mere avanceret?
Avatar billede nute Nybegynder
27. januar 2004 - 13:31 #9
du skal bare huske på at escape dine '' inde i dine HTML koder:

<a href="java script:void(0);" onclick="setContent('divResult','<hr noshade size=\'1\' color=\'000000\'>Love');" class="menupunkt">Designs</a>

/nute
Avatar billede cybermaster Nybegynder
27. januar 2004 - 13:36 #10
Ok, så er så er jeg med, tak for hjælpen

Go dag til dig...
Avatar billede nute Nybegynder
27. januar 2004 - 13:39 #11
det var så lidt ... anytime.

have fun ...
Avatar billede cybermaster Nybegynder
27. januar 2004 - 13:43 #12
tak
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 10:26 Synkronisering af kalender mellem computer, android telefon og iPhone Af Strawberry i Andre onlineløsninger
I dag 10:24 Kan Excel selv beregne alder? Af leahcim i Excel
I går 15:02 Gemme besked fra Facebook / Messenger Af lurup i Sociale medier
29/0820:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
White papers
Flere white papers »