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.

Förkorta ner text script

Grains

Startad av Grains,
i Webbutveckling

Rekommendera Poster

Grains

Grains

Postad
Postad

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]

Länk till kommentar
Dela på andra webbplatser
DanielForPresident

DanielForPresident

Postad
Postad

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.

 

Länk till kommentar
Dela på andra webbplatser
Grains

Grains

Postad
  • Trådskapare
Postad

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

 

Länk till kommentar
Dela på andra webbplatser
DanielForPresident

DanielForPresident

Postad
Postad

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

 

Länk till kommentar
Dela på andra webbplatser
Grains

Grains

Postad
  • Trådskapare
Postad

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]

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad

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

 

fattas en fnutt...

 

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

 

Länk till kommentar
Dela på andra webbplatser
DanielForPresident

DanielForPresident

Postad
Postad

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]

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