Just nu i M3-nätverket
Jump to content

Förkorta ner text script


Grains

Recommended Posts

Hej. Jag skulle behöva ett javascript som lägger in all texten i en box som man lätt öppnar genom o klicka på en länk exakt så som detta:

 

[log] texten i en box som man lätt öppnar genom o klicka på en länk[/log]

 

Någon som vet hur detta ser ut? Eller måste man göra det i php vilket jag inte tror så har jag stöd för detta med......

 

//Templar

 

[inlägget ändrat 2006-05-25 12:34:47 av Templar]

Link to comment
Share on other sites

DanielForPresident

Vad jag kan se visar och döljer scriptet bara två lager. Ett lager innehåller en liten del av texten och det andra innehåller all text. Allt scriptet gör sen är att visa/dölja rätt lager. Du behöver inte använda php eller liknande för att fixa detta, det räcker bra med JavaScript.

 

Link to comment
Share on other sites

MM, men nu e jag ingen programerare så vet inte hur detta "ShowMe" scriptet skulle kunna se ut. Någon som kan hjälpa?

 

//Templar

 

Link to comment
Share on other sites

DanielForPresident

Kanske något i den här stilen.

 

JavaScript:

 

<script>
function showText(IDToHide, IDToShow) {
document.getElementById(IDToHide).style.display='none';
document.getElementById(IDToShow).style.display=block';
return false;
}
</script>

 

Lagerna med info som ska visas:

 

<div id="summary">Inledande rader.</div>
<div id="textBlob" style="display:none;">Massa text</div>

 

Länkarna som visar och döljer texten.

 

<a href="#" onClick="return showText('summary','textBlob');">Visa Hea texten</a><br>
<a href="#" onClick="return showText('textBlob','summary');">Visa bara inledande rader</a>

 

Har bara torrkodat men tror nog att du löser resten själv :)

 

Link to comment
Share on other sites

Sorry. Lyckas inte få det att fungera. Checka det här:

 

http://83.227.193.230/test/test.htm

 

och såhär ser dokumentet ut:

 

<html>
<head>
<script>
function showText(IDToHide, IDToShow) {
document.getElementById(IDToHide).style.display='none';
document.getElementById(IDToShow).style.display=block';
return false;
}
</script>
</head>

<body>
<div id="summary">Inledande - Normal Text</div>
<div id="textBlob" style="display:none;">Massa text, Massa text, Massa text....Denna text kommer inte upp?</div>

<a href="#" onClick="return showText('textBlob','summary');"><img src="upp.jpg"></a>Visa lite<br>
<a href="#" onClick="return showText('summary','textBlob');"><img src="ner.jpg"></a>Visa Allt

</body>
</html>

 

Misstänker jag missförstått något med <a href="#". Någon idée?

 

//Templar

[inlägget ändrat 2006-05-25 18:11:00 av Templar]

Link to comment
Share on other sites

document.getElementById(IDToShow).style.display=block';

 

fattas en fnutt...

 

document.getElementById(IDToShow).style.display='block';

 

Link to comment
Share on other sites

DanielForPresident

Vilken nybörjarfel av mig att glömma den sista fnutten. Tur att Jonas_Bo hjälpte dig :)

 

Tack för poängen!

[inlägget ändrat 2006-05-27 18:04:19 av DanielForPresident]

Link to comment
Share on other sites

Archived

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



×
×
  • Create New...