My name is Edward Tanguay. I'm an American software and web developer living and working in Berlin, Germany.

Categories

My Older Tutorials

My Old Web Dev Site

JQUERY CODE EXAMPLE created on Wednesday, January 27, 2010 permalink
JQuery all-in-one template page for quick examples
This is a HTML/Javascript/JQuery/CSS template that I use to quickly try out a JQuery example or post an issue on a forum. It loads the latest version of jquery from google, everything all in one page, just change the jquery, javascript, css, html as you need it.
<!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"
        src="http://www.google.com/jsapi"></script>
        <script type="text/javascript">
            google.load("jquery", "1.3.2");
            google.setOnLoadCallback(function() {
                $('#first').css("background-color","lightgreen");
                $('#toggleButton').css("background-color","yellow").click(highlightIt);
            });
            function highlightIt() {
                $('#selected').toggleClass('highlighted');
            }

        </script>
        <style>
            p.highlighted {
                background-color:yellow;
            }
            p.regular {
                font-weight: normal;
            }
        </style>
    </head>

<body>
    <p id="first">First</p>
    <p>Second</p>
    <p id="selected" class="regular">Third</p>
    <p>Fourth</p>
        <input id="toggleButton" type="button"
            value="toggle highlight on 3rd paragraph"/>
</body>
</html>
need markup?
 

Most Recently Added Items: