Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Hjälp med ett simpelt Javascript...

Tobbelobbegåbbe

Startad av Tobbelobbegåbbe,
i Webbutveckling

Rekommendera Poster

Tobbelobbegåbbe

Tobbelobbegåbbe

Postad
Postad

Hej!

 

Jag undrar ifall det är någon som vet hur man gör ett simpelt Javascript som fungerar på detta sättet:

 

Länk1 | Länk2 | Länk3 (länkar)

 

När man trycker på exempelvis länk1

 

så visas 2 st <span taggar> en tagg med en bild och en tagg med info

 

Länk1 | Länk2 | Länk3 (Om man trycker på tex. länk1)

 

Så visas:

 

Bild1.jpg

 

Info1

 

....Fast då i 2 olika span taggar...

 

Tack på förhand!!

Poäng kommer utdelas

 

Länk till kommentar
Dela på andra webbplatser
Anjuna Moon

Anjuna Moon

Postad
Postad

Här kommer ett fullständigt exempel:

[log]

<html>
<head>
<script>
arrImages=new Array('','bild1.jpg','bild2.jpg','bild3.jpg');
arrTexts=new Array('','Text 1','Text 2','Text 3');
var OldLnk,oImg,oTxt;
function LinkClick(oLnk,LnkNo) {
   if (OldLnk) {
       OldLnk.style.fontWeight='normal';
   }
   OldLnk=oLnk;
   oLnk.style.fontWeight='bold';
   oImg.innerHTML="<img src='"+arrImages[LnkNo]+"'>";
   oTxt.innerHTML=arrTexts[LnkNo];
}
function Init() {
   oImg=document.getElementById('SpanImage');
   oTxt=document.getElementById('SpanText');
}
</script>
<style>
.Link {cursor:pointer;}
</style>
</head>

<body onload="Init();">
<span class="Link" onclick="LinkClick(this,1);">Link 1</span>|<span class="Link" onclick="LinkClick(this,2);">Link 2</span>|<span class="Link" onclick="LinkClick(this,3);">Link 3</span>|
<br /><span id="SpanImage"></span>
<br /><span id="SpanText"></span>
</body>
</html>

[/log]

 

Länk till kommentar
Dela på andra webbplatser
Tobbelobbegåbbe

Tobbelobbegåbbe

Postad
  • Trådskapare
Postad

Tack för hjälpen Anjuna!

 

Men kan man bygga det så att text

 

Första Arrayen visas direkt?

 

Alltså så att typ:

 

Bild1.jpg

Text1

 

visas när man går in på sidan utan att man har tryckt på någon länk?

 

Poäng kommer utdelas

 

Länk till kommentar
Dela på andra webbplatser
Anjuna Moon

Anjuna Moon

Postad
Postad

Japp. Ändra Init() till:

function Init() {
   oImg=document.getElementById('SpanImage');
   oTxt=document.getElementById('SpanText');
   LinkClick(document.getElementById('FirstLink'),1);
}

 

och lägg till ID="FirstLink" i första span-taggen (den som representerar länk 1 alltså)

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...