35 lines
3.6 KiB
HTML
35 lines
3.6 KiB
HTML
|
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Getting hold of the image map</title><link rel="stylesheet" type="text/css" href="manual.css"><meta name="generator" content="DocBook XSL Stylesheets V1.76.0"><link rel="home" href="index.html" title="JpGraph Manual"><link rel="up" href="ch10.html" title="Chapter 10. Using CSIM (Client side image maps)"></head><body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF"><div class="navheader"><table width="100%" summary="Navigation header"><tr><th colspan="3" align="center">Getting hold of the image map</th></tr><tr><td width="20%" align="left"> </td><th width="60%" align="center">Chapter 10. Using CSIM (Client side image maps)</th><td width="20%" align="right"> </td></tr></table><hr></div><div class="sect1" title="Getting hold of the image map"><div class="titlepage"><div><div><h2 class="title" style="clear: both"><a name="id2536328"></a>Getting hold of the image map</h2></div></div></div>
|
|||
|
|
|
|||
|
|
<p>There are at least two cases where the basic StrokeCSIM() method will not work.
|
|||
|
|
Basically this is limited to only showing the graph in one HTML page and nothing
|
|||
|
|
more. So the cases where this needs to be handled differently are</p>
|
|||
|
|
<p>
|
|||
|
|
</p><div class="orderedlist"><ol class="orderedlist" type="1"><li class="listitem">
|
|||
|
|
<p>In the case where you want to store the image on disk and later use it
|
|||
|
|
in an <span class="markup">img</span>-tag you need to get hold of the image map.
|
|||
|
|
</p>
|
|||
|
|
</li><li class="listitem">
|
|||
|
|
<p>In order to include multiple CSIM images ona a WEB-page. (This is not
|
|||
|
|
entirely true though, it is possible to include several CSIM graph
|
|||
|
|
images with the use of the <span class="markup"><iframe></span> tag. This in
|
|||
|
|
effect creates it's own WEB page within the WEB page but we will not
|
|||
|
|
discuss this further here.</p>
|
|||
|
|
</li></ol></div><p>
|
|||
|
|
</p>
|
|||
|
|
<p>To get hold of the image map the function <code class="code">Graph::GetHTMLImageMap()</code>
|
|||
|
|
should be used. This returns the coordinates for the hotsposts</p>
|
|||
|
|
<p>An example of the use of this is shown below. With these lines the image will be
|
|||
|
|
written to a file. The script then returns a HTML page which contains the Client
|
|||
|
|
side image map and an img-tag which will retrieve the previously stored file.</p>
|
|||
|
|
<p>
|
|||
|
|
</p><div class="hl-main"><table class="hl-table" width="100%"><tr><td class="hl-gutter" align="right" valign="top"><pre>1
|
|||
|
|
2
|
|||
|
|
3
|
|||
|
|
4
|
|||
|
|
</pre></td><td class="hl-main" valign="top"><pre><span class="hl-code">$graph -> Stroke ( "/usr/local/httpd/htdocs/img/image001.png" );
|
|||
|
|
|
|||
|
|
echo $graph -> GetHTMLImageMap ( "myimagemap001" );
|
|||
|
|
echo "<img src=\"img/image001.png\" ISMAP USEMAP=\"#myimagemap001\" border=0>" ;</span></pre></td></tr></table></div><p>
|
|||
|
|
</p>
|
|||
|
|
</div><div class="navfooter"><hr><table width="100%" summary="Navigation footer"><tr><td width="40%" align="left"> </td><td width="20%" align="center"><a accesskey="u" href="ch10.html">Up</a></td><td width="40%" align="right"> </td></tr><tr><td width="40%" align="left" valign="top"> </td><td width="20%" align="center"><a accesskey="h" href="index.html">Home</a></td><td width="40%" align="right" valign="top"> </td></tr></table></div></body></html>
|