Hi David.

> So, where is the <select/>? Inside each element's lens? Or just a common 
> one for the whole page? When does the user choose something in it? 
> Before you load the data? After you load the data?...

currently the select is defined within the lens and i load the data as per the 
examples on the webpage. the user would select something on the <select/> after 
the data loads - from within the lens. basically i would like to replace the 
img tag's src attribute a concatenation of '.graphUtil' and the value of the 
<select/>.


<link href="/cgi-bin/exhibit.cgi?mode=port_list&device=xxx.yyy.zzz" 
type="application/json" rel="exhibit/data" />
...

<div ex:role="exhibit-lens" class="item">
  <table>
    <tr>
      <td>
                    
         <p><h2>Device <span ex:content=".node"></span> | Port <span 
ex:content=".label"></span></h2></p>
                      
         <b>Alias</b>:  <span ex:content=".alias"></span> <b>Peer</b>: <span 
ex:content=".peer"></span></br>
         <b>Settings</b>: 
           <span ex:content=".speed"></span>mbps / 
           <span ex:content=".duplex"></span> / 
           <span ex:content=".port_fast"></span>
                      
         <p><b>Display</b>: 
           <script>
             // on change; update the uri of the graphs
             function changeGraphPeriods( period ) {
               var arg = "&period=" + period;
               // get basically does a getElementById
               my orig = get( 'graphUtil').src;
               // of course some filtering of the previous arg value will be 
required
               get( 'graphUtil' ).src = orig + arg;  
               // do the same for the Error graph

               // this doesn't work because the html that is rendered by 
exhibit does not
               // contain the id attribute - even though it does exist in the 
lens definition
             }
           </script>

           <select id="period" onChange="changeGraphPeriods(this.value);">
             <option value="2d">2 days</option>
             <option value="2w">2 week</option>
             <option value="2m">2 months</option>
             <option value="1y">1 year</option>
           </select>
         </p>
                      
         <p id="graphs">
           <img id="graphUtil" ex:src-content=".graphUtil"/><br/>
           <img id="graphUtil" ex:src-content=".graphError"/><br/>
         </p>
                      
      </td>
    </tr>
  </table>
</div>


if there is another way i could do this, i'll be more than happy to try it.


thanks!

Yee.

<<winmail.dat>>

_______________________________________________
General mailing list
[email protected]
http://simile.mit.edu/mailman/listinfo/general

Reply via email to