Just nu i M3-nätverket
Gå till innehåll
Tobbelobbegåbbe

Hjälp med ett simpelt Javascript...

Rekommendera Poster

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

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

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]

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

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

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

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å)

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...