Kuinka näytän ja piilotan tekstiä klikkaamalla painiketta “Lisää tekstiä”?

mennessä marras 23 2021 Kaikki ohjeet Valmiit koodit 0 Kommenttia

Kuinka näytän ja piilotan tekstiä klikkaamalla painiketta “Lisää tekstiä”?

Onko sinulla kotisivuillasi liikaa tekstiä ja haluat tekstin näytä/piilota klikkaamalla tekstiä, esim. ”Lisätietoa”?

Lue lisää …

 

Jos kotisivuillasi on paljon tekstiä ja haluat tekstin tyylikkäästi piiloon tai näkyviin klikkaamalla esim.

Lisää-painiketta, toimi seuraavasti:

Tarvittava koodi on:

<script type="text/javascript">
function toggle(obj) {
var obj=document.getElementById(obj);
if (obj.style.display == "block") obj.style.display = "none";
else obj.style.display = "block";
}
</script>
<a href="javascript: void(0);" onClick="toggle('q1')">
CLICKABLE TEXT HERE
</a>
<div id="q1" style="display:none;">
TEXT WHAT U WILL SEE WHEN CLICKED HERE
</div>
view raw show-hide-text.js hosted with ❤ by GitHub

1. Sinun tulee muokata yllä oleva koodi (script) ja lisätä se kotisivuillesi. Lisää koodi haluamallesi paikalle kotisivuillasi “+” a “HTML“ -toimintojen avulla.

 

2. HTML-koodissa rivillä 10 voit vaihtaa tekstin jota klikataan. Voit kirjoittaa esim. “Lisää tekstiä“.

3. HTML-koodissa rivillä 13 voit muokata tekstin, joka tulee näkyviin klikkaamalla tekstiä rivillä 10

4. Julkaise muutokset. Näet tuloksen vain kotisivun julkaistussa versiossa.

 

 

 

 

Painikkeen “Näytä lisää tekstiä“ näyte:

Painikkeen “Näytä lisää tekstiä“ näyte KLIKKAA TÄSSÄ

Lisää mahtavia oppaita

Oliko tästä oppaasta apua? Lähetä se ystävillesi 🙂

Tee omat kotisivut ilmaiseksi
Viliam
Follow me
Latest posts by Viliam (see all)
0 0 votes
Article Rating
Subscribe
Notify of
guest


0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments