This is a custom balloon for Google Maps.
Depending on the values of the cells, I want just one of these tables to appear. If there is a value for {Last Reading}, I want the first table to appear. Otherwise, the second table should appear. Please help.
<div style='font-family: sans-serif'>
<center>
<table border="1">
<tr>
<td><b>Instrument ID</b></td>
<td>{Instrument ID}</td>
<td><b>Last Reading</b></td>
<td>{Last Reading}</td>
</tr>
</table>
</div>
</center>
<b>Notes:</b> {Notes}
<div style='font-family: sans-serif'>
<table border="1">
<tr>
<td><b>Ring #</b></td>
<td>{Instrument ID}</td>
<td><b>Tgt Face Pressure</b></td>
<td>{Target Face Pressure}</td>
</tr>
</table>
</div>
How/where are {Instrument ID} and {Last Reading} and {Target Face Pressure} defined? Is this for Tumblr?
I assume the tables are created in the page hosted by Google? Then you may not be able to modify it with javascript due to browser security restrictions (framed pages must be on the same domain as the parent page).
It sounds like you know what you're doing, whereas, I definitely do not. Could you offer the code that would work if there were no security issues so I can just try it out?
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)