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.

Lagerfråga

Ech

Startad av Ech,
i Webbutveckling

Rekommendera Poster

Ech

Ech

Postad
Postad

Jag skulle vilja dölja/alt visa ett lager på min sida hur gör man det via en knapptryckning.

I lagret har jag några thumbnails som jag inte vill visa utan att man aktivt valt det med en knapptryckning

 

Kan nån hjälpa mej?

 

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

Anjuna Moon

Postad
Postad

Om jag förstått dig rätt räcker följande:

<div id="DittLager" style="display:none">gömt innehåller</div>
<input type="button" value="Visa lager" onclick="document.getElementById('DittLager').style.display='block';"/>

 

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

Postad
Postad
Jag skulle vilja dölja/alt visa ett lager
Och om du vill få båda funktionerna på samma knapp kan du göra så här.

Mellan head-taggarna:

var TmpBln=false;
function VisaDolj(oId) {
o=document.getElementById(oId);
o.style.display=(TmpBln)?'none':'block';
return ((TmpBln=!TmpBln)?'Dölj lager':'Visa lager');
}

Funktionsanropet på knappen:

onclick="this.value=VisaDolj('DittLagerId');"

 

Länk till kommentar
Dela på andra webbplatser
Ech

Ech

Postad
  • Trådskapare
Postad

Så här ser knapptryckningen ut idag

<a target="lager1" href="photos2.htm">
<img border="0" src="texter\photo.jpg" width="209" height="20"></a></p>

 

Vad skall in vart i din kod?

 

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

Postad
Postad

Varför länkar du till en annan sida om du bara vill visa/dölja en div på den sidan du redan befinner dig på?

 

Är det bilden som är "knappen" som alternerar mellan att visa/dölja lagret?

 

Länk till kommentar
Dela på andra webbplatser
Ech

Ech

Postad
  • Trådskapare
Postad

Så här ligger det till:

Jag har en "knapp" som heter photo.jpg och är en bild som ligger i mappen texter/photo.

Denna knappen vill jag använda till att dölja/visa ett lager som heter lager1.

 

Grejen är oxå att jag skulle vilja dölja lager1 om man trycker på någon annan knapp och skall visa lager2

 

men jag får inte till det!!

 

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad

För att ge dig en så bra lösning som möjligt får du berätta om du skall ha fler lager som skall döljas när du visar ett tredje men en lösning kan vara:

var TmpBln=false;
function Visa(oId) {
document.getElementById("lager1").style.display='none';
document.getElementById("lager2").style.display='none';
document.getElementById("lager3").style.display='none';
//ett anrop för varje div som skall döljas

//sedan visa valt element med Visa("lager1");
o=document.getElementById(oId);
o.style.display='block';
}

 

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

Postad
Postad
men en lösning kan vara
Du glömde bort att toggla mellan att visa/dölja lagren på samma knapp.

 

Alternativ är(dock inte tagit hänsyn till texterna på knapparna):

[log]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">
<head>
<meta http-equiv="Content-type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Language" content="sv" />
<title>Untitled</title>
<style type="text/css">
#lager1,#lager2{
display:none;
}
</style>
<script type="text/javascript">
function ToggleLager(nId) {
var lager1=document.getElementById("lager1");
var lager2=document.getElementById("lager2");
if(nId==1) lager1.style.display=(lager1.style.display=='block')? 'none':'block';
if(nId==2) {
	lager1.style.display='none';
	lager2.style.display=(lager2.style.display=='block')? 'none':'block';
}
}
</script>
</head>

<body>
<div id="lager1">Lager 1</div>
<input type="Button" onclick="ToggleLager(1);" value="Visa lager 1" /><br /><br />
<div id="lager2">Lager 2</div>
<input type="Button" onclick="ToggleLager(2);" value="Visa lager 2" />
</body>
</html>

[/log]Men som Jonas säger så är det nödvändigt att veta hur många lager det totalt handlar om för att kunna ge en så bra lösning som möjligt.

 

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad

Nej jag glömde inte. Det var ett aktivt val att plocka bort det då det säkert hade varit konstigt att toggla när han skall ha fler eventknappar och fler lager än två. Så snart vi fått reda på vad den färdiga lösningen skall vara så kan vi hjälp honom till fullo (förhoppningsvis)

 

Länk till kommentar
Dela på andra webbplatser
Ech

Ech

Postad
  • Trådskapare
Postad

Ursäkta min frånvaro, jag har testat lite med olika lösningar men återkommer till lager och att toggla, även om det inte är optimalt så känner jag att detta kan funka för mej. testade denna:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">
<head>
<meta http-equiv="Content-type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Language" content="sv" />
<title>Untitled</title>
<style type="text/css">
#lager1,#lager2{
display:none;
}
</style>
<script type="text/javascript">
function ToggleLager(nId) {
var lager1=document.getElementById("lager1");
var lager2=document.getElementById("lager2");
if(nId==1) lager1.style.display=(lager1.style.display=='block')? 'none':'block';
if(nId==2) {
	lager1.style.display='none';
	lager2.style.display=(lager2.style.display=='block')? 'none':'block';
}
}
</script>
</head>

<body>
<div id="lager1">Lager 1</div>
<input type="Button" onclick="ToggleLager(1);" value="Visa lager 1" /><br /><br />
<div id="lager2">Lager 2</div>
<input type="Button" onclick="ToggleLager(2);" value="Visa lager 2" />
</body>
</html>

Skulle vilja ha 5 lager som går att toggla med knapparna vänsterjusterade och lagren centrerade om det går!

[inlägget ändrat 2009-05-09 20:22:09 av Ech]

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...