I'm trying to create a blogger post that can process jquery code. Click on the button below to see a jquery dialog window with a google map on it.
You should see something like this:
Code here:
1: <!-- MAP -->
2: <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css">
3:
4: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
5: </script>
6:
7: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/lib/jqueryui/1.7.1/jquery-ui.min.js">
8: </script>
9:
10: <script type="text/javascript">
11: $(document).ready(function() {
12: var $dialog = $('#mapa')
13: .dialog({
14: autoOpen: false,
15: width: 690,
16: heigh:490,
17: modal:true,
18: title: 'New York City Feelings :: FREE NYC: Arts, Museums ...'
19: });
20:
21: $('#opener').click(function() {
22: $dialog.dialog('open');
23: });
24: });
25: </script>
26: <div id="result"></div>
27: <center>
28: <button id="opener">Open Window Map</button></center>
29: <div style="display:none;" id="mapa" title="New York City Feelings :: FREE NYC: Arts, Museums ...">
30: <iframe width="640" height="420" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="foo.html">
31: </iframe>
32: </div>
33: <!-- // MAP -->
