HOMEPAGE
THE AUTHOR
FREEBIES
TUTORIALS
DESIGN PROCESS
PORTFOLIO

Tutorial Toggle Text.


Request tutorial lagi. Semalam ada orang tanya, macam mana nak buat Toggle Text. Kalau tak faham apa tu toggle text tu, tengok pic atas tu. Atau pun, kauorang pergi dekat gadget T A G B O A R D aten kauorang tengok kat situ nanti paham. Jum tengok cane nak buat :]

1. Dashboard > Design > Add A gadget > Html Javascript

2. Copy code bawah ni dekat gadget HTML JAVASCRIPT :
<script language="javascript">
    function toggle() {
    var ele = document.getElementById("toggleText");
    var text = document.getElementById("displayText");
    if(ele.style.display == "block") {
    ele.style.display = "none";
    text.innerHTML = "THIS";
    }
    else {
    ele.style.display = "block";
    text.innerHTML = "THIS";
    }
    }
    </script>

    PLEASE READ <a id="displayText" href="javascript:toggle();">THIS</a> DARLING
    <div id="toggleText" style="display: none">
    TULIS SAJA APA-APA YANG KORUNK MAHU :)
    </div>

3. Warna MERAH, Pastikan ketiga-tiga perkataan merah tu if kauorang tukar kepada perkataan lain, pastikan dia sama. BIRU and PINK ikut suka kauorang lah nak tulis apa :]

Save and DONE ! :]

Credit :
Kak Una

5 comments:

Terima kasih atas komen yang diberikan. Jangan lupa datang lagi untuk cerita yang terbaru. Salam sayang dari owner blog

 
Thankyou for visiting | Template made by Fatin Hazwani.