« Links open in new window/tab »

• DOM Reference
• CSS Reference
• CSS Library
• Image Optimizer
• Favicon Generator

« Links open in new window/tab »

• Mississippi Rollergirls Album
• HS Treasures
• Ceece's Articles
• My FreeLancer Profile
• My Google Ad
• My Golden Oldies
• My WebShots Albums
• Helter Skelter
• Inquiring Minds
• My ImageShack
• My Facebook
• Aim Greenland
• PhotoBucket
• Games
• My Slingo
• Videos
• Music
• RSS Feeds
• StumbleUpon - Lots of Fun!
• World Sunlight Map

Web Design & Development

Change Text Dynamically
PayneLess Designs

Refresh page to reset. (Ctrl + F5)

METHOD ONE:

ONE TWO THREE

Code: JavaScript Used (between head tags) - <script type="text/javascript"> var textBlocks = new Array( 'Select from the list to change this box', 'Text Selection Two', 'Text Selection Three'); function changetext(elemid) { var ind = document.getElementById(elemid).selectedIndex; document.getElementById("display").innerHTML=textBlocks[ind]; } </script> HTML - <form action="#"> <select id="whatever" onchange="changetext('whatever');"> <option value="0">ONE</option> <option value="1">TWO</option> <option value="2">THREE</option> </select> </form><br> <div id="display" style="margin-top: 1%;">Select from the list to change this text</div>

METHOD TWO (original):

Change from emphasized to strong. (Link Type)

Code: CSS (between head tags) - <style type="text/css"> #change { font-size: 1.5em; font-weight: xx-large; } </style> HTML - <a style="margin-top: 1%;" href="#" onclick="this.innerHTML='<span id=change>You changed me</span>';"><span style="font-style: italic">Change from emphasized to strong. (Link Type)</span></a>

METHOD THREE (modified):

Link Type Click to Change

Code: HTML - <p><a href="#" onclick="this.innerHTML='<strong>You changed me!<br><br>Non eram nescius, Brute, cum, quae summis ingeniis exquisitaque doctrina philosophi Graeco sermone tractavissent, ea Latinis litteris mandaremus, fore ut hic noster labor in varias reprehensiones incurreret. nam quibusdam, et iis quidem non admodum indoctis, totum hoc displicet philosophari. quidam autem non tam id reprehendunt, si remissius agatur, sed tantum studium tamque multam operam ponendam in eo non arbitrantur. erunt etiam, et ii quidem eruditi Graecis litteris, contemnentes Latinas, qui se dicant in Graecis legendis operam malle consumere. postremo aliquos futuros suspicor, qui me ad alias litteras vocent, genus hoc scribendi, etsi sit elegans, personae tamen et dignitatis esse negent</strong>';">Link Type Click to Change</a></p>

If you have found any services on my site to be beneficial and would like to donate, please feel free to donate ANY amount you want. Thank you very much.