This would be the type of event I want to be triggered inside of the
infowindow.
The Slidedown is NOT in the map, but in a layer above.
The trigger is.
<!DOCTYPE HTML>
<html>
<head>
<title>jQuery SlideDown() / SlideUp() With Bottom-Positioned
Elements</title>
<style type="text/css">
#disp0000000001 {
bottom: 0px ;
display: none ;
right: 20px ;
position: fixed ;
width: 250px ;
}
#inner0000000001 {
background-color: #FFFFFF ;
border: 1px solid #666666 ;
border-bottom-width: 0px ;
padding: 3px 3px 3px 3px ;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
jQuery(function( $ ){
var disp0000000001 = $( "#disp0000000001" )
var cntl0000000001 = $( "#cntl0000000001" ).click(
function( event ){
event.preventDefault();
if (disp0000000001.is( ":visible" )){
disp0000000001.slideUp( 700 );
} else {
disp0000000001.slideDown( 600 );
}
}
);
});
</script>
<meta charset="UTF-8">
</head>
<body>
<h1>
Test
</h1>
<p><!-- Trigger -->
<span id="cntl0000000001">More Info.</span>
</p>
<pre><br>
</pre>
<p> </p>
<!-- Slidedown -->
<div id="disp0000000001">
<div id="inner0000000001">
<strong> Christmas Festival 2011</strong>: <blockquote>
<!-- Subtitle --><strong>Peter Smith</strong><br />
<!-- Start -->Start:12/01/2011 5:30 pm<br />
<!-- End -->End: 12/01/2011 7:00 pm<br />
<em>Description:</em> <br />
Guest Author Peter Smith<br />
– A Cavalcade of Lesser Horrors</blockquote>
<HR size=1 />
<strong>St Olaf Bookstore</strong><br />
1520 St Olaf Ave<BR />Northfield, MN 55057<P />
Phone: 507.786.3048 <BR>Phone: 888.232.6523 <P />
[email protected]<BR>stolafbookstore.com<P><P>
</div>
</div>
<!--Google Map Area -->
<div id="map_canvas" style="width: 100%; height: 100%;
position:absolute; z-index:1">
</div>
<!--End Google Map Area -->
<!--No Java Support warning -->
<noscript><p><b>JavaScript must be enabled in order for you to use
Google Maps.</b> However, it seems JavaScript is either disabled or
not supported by your browser. To view Google Maps, enable JavaScript
by changing your browser options, and then try again.</p></
noscript><!--End No Java Support warning -->
</body>
</html>
--
You received this message because you are subscribed to the Google Groups
"Google Maps JavaScript API v3" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-maps-js-api-v3?hl=en.
