Just nu i M3-nätverket
Jump to content

Lagerfråga


Ech

Recommended Posts

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?

 

Link to comment
Share on other sites

Anjuna Moon

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';"/>

 

Link to comment
Share on other sites

Micke_skane
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');"

 

Link to comment
Share on other sites

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?

 

Link to comment
Share on other sites

Micke_skane

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?

 

Link to comment
Share on other sites

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

 

Link to comment
Share on other sites

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';
}

 

Link to comment
Share on other sites

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

 

Link to comment
Share on other sites

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)

 

Link to comment
Share on other sites

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]

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...