My name is Edward Tanguay. I'm an American software and web developer living and working in Berlin, Germany.
JAVASCRIPT CODE EXAMPLE created on Wednesday, July 07, 2010 permalink
How to make clickable flashcards in plain javascript for your mobile phone
I realized that my Sony Ericsson C510 phone doesn't support JQuery (NetFront browser) so had to recreate the flashcards in plain Javascript, thanks to bobince via stackoverflow it works nicely.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script type="text/javascript">    
            window.onload= function() {
                var divs= document.getElementsByTagName('div');
                for (var i= divs.length; i-->0;)
                    if (divs[i].className==='question')
                        Toggler(divs[i]);
            };
            
            function Toggler(div) {
                var state= false;
                var toggled= div.nextSibling;
                while (toggled.nodeType!==1)
                    toggled= toggled.nextSibling;
            
                div.onclick= function() {
                    state= !state;
                    toggled.style.display= state? 'block' : 'none';
                };
            };

        </script>
        <style>
            div.flashcard {
                margin: 0 10px 10px 0;
            }
            div.flashcard div.question {
                background-color:#ddd;
                width: 400px;        
                padding: 5px;    
                cursor: hand;    
                cursor: pointer;
            }
            div.flashcard div.answer {
                background-color:#eee;
                width: 400px;
                padding: 5px;    
                display: none;        
            }                
        </style>
    </head>
<body>

    <div id="1" class="flashcard">
    <div class="question">Who was Wagner?</div>
    <div class="answer">German composer, conductor, theatre director and essayist, primarily known for his operas (or "music dramas", as they were later called). Unlike most other opera composers, Wagner wrote both the music and libretto for every one of his works.</div>
    </div>
    
    <div id="2" class="flashcard">
    <div class="question">Who was Thalberg?</div>
    <div class="answer">a composer and one of the most distinguished virtuoso pianists of the 19th century.</div>
    </div>

</body>
</html>
need markup?