Awesome!  Axel thank you. I was able to implement your recommendations. I can 
now create a parameterized link like this:

http://lectora/v5-5/media/exhibit%20with%20parameterized%20urls.html?year=2007&customers=SDE
The code works great for my check-box facets but I have a Search-box facet. I 
can't get the code to work with it. 
I've created a url:
http://lectora/v5-5/media/exhibit_with_parameterized_urls.html?year=2009&customers=SDE&search=Features

It fills in the "year" and "customers" facet, but not the "search" facet box. 
As shown here:  http://screencast.com/t/byiHTItkEqZ2. I'm guessing that one 
can't fill in a search box with a parameterized URL.


Here's my code:

<html>
    <head>
        <title>My Exhibit's Title</title>

        <link href="consumer2.js" type="application/json" rel="exhibit/data" />

        <script 
src="http://knetcontent/exhibit/api/exhibit-api.js?autoCreate=false";  
type="text/javascript"></script>


<script type="text/javascript">
      SimileAjax.jQuery(document).ready(function() {
          var fDone = function() {
             var params = SimileAjax.parseURLParameters();
             var options = ["search","year","customers"];
              for ( var i in options ) {
                var option = options[i];
                if (option in params) {
                  if (params[option]) {
                    document.getElementById(option +
                      "-facet").setAttribute("ex:selection", params[option]);
                   }
                   else {
                    document.getElementById(option +
                      "-facet").setAttribute("ex:selectMissing", "true");
                   }
                }
              }

             window.exhibit = Exhibit.create();
              window.exhibit.configureFromDOM();
          };

          window.database = Exhibit.Database.create();
          window.database.loadDataLinks(fDone);
      });

</script>
        <!--Zebra Styling on Table View-->
<script>
        var zebraStyler = function(item, database, tr) {
            if (tr.rowIndex % 2) {
                tr.style.background = '#eee';
            } else {
                tr.style.background = '#ccc';
            }
        }
</script>
        
     
</head> 
<body>                                                                          
    <table width="786">
                <tr>   
                        <td width="79%" ex:role="viewPanel">
                        <!-- Lens-->
                                                        <div class="item" 
ex:role="lens" style="display: none;">                                   
                                                                <table 
cellpadding="1" width="100%">

                                                                        <tr>
                                                                          
<td><div><b><span ex:content=".label"></span></b></div></td>
                                                                        </tr>
                                                                        <tr>
                                                                          
<td><div><span ex:content=".Date"></span></div></td>
                                                                        </tr>
                                                                         <tr>
                                                                          
<td><div><span ex:content=".description"></span></div></td>
                                                                        </tr>

                                                                </table>
                                                        </div>
                         <!--END LENS-->
                                  
                                  <!--each of the views below replicates the 
data linearly down the page-->
                                         
                                           <!--TABLE VIEW-->                  
                                                        <div ex:role="view" 
ex:viewClass="Tabular"  
                                                                 
ex:columns=".Date,.label"
                                                                 
ex:columnLabels="Date, Event"
                                                                 
ex:rowStyler="zebraStyler"
                                                                 
ex:showHeader="true"
                                                                 
ex:showSummary="true"
                                                                 ex:border="1"
                                                                 
ex:showToolbox="false"
                                                                 
ex:label="Summary">                     
                                                        </div>

                                           <!--Tile VIEW-->                 
                                                   
                                                  <div ex:role="view" 
ex:viewClass="Tile"
                                                           ex:Orders =".Year"
                                                           ex:possibleOrders 
=".Year,.Event-Type"
                                                           
ex:showToolbox="false"
                                                           ex:label="Details"   
                
                                                           >
                                                  </div>

                                                 
                                                                
                        </td> 
                        <td  width="1 PX"></td>
           
                        <td  width="20%" valign="top">
                            
                <br><br>
                <a target="_blank" 
href="../popups_timeline_help.html">Help</a><b><br>
                                Search</b>
                <div ex:role="facet" 
                     ex:facetClass="TextSearch"
                                         id="search-facet">
                </div>

                <div ex:role="facet" 
                     ex:expression=".Platform"                     
                     ex:scroll="true"
                     ex:height="50"
                     ex:facetLabel="Customer Platforms"
                                         id="customers-facet">
                </div>   
                <div ex:role="facet" 
                     ex:expression=".Year"                     
                     ex:scroll="true"
                     ex:sortMode="value"
                     ex:sortDirection="reverse"
                     ex:facetLabel="Year"
                                         id="year-facet">
                </div>  
                <div ex:role="facet" 
                     ex:expression=".Event-Type"                     
                     ex:scroll="true"
                     ex:facetLabel="Event Types">
                </div>  
             

            </td>   
        </tr>
                <!-- <tr>    
                        <td width="79%" ex:role="viewPanel">&nbsp;</td> 
                    <td width="1 PX">&nbsp;</td>           
                        <td width="20%" valign="top" class="style1"><br></td>   
        </tr> -->
    </table>

    
    
    </body>
    </html>


------------------------------------------------------------------------------------------------------------------------------------------------------
Marc Shecter | My Internal Blog | Reports from KNET? You Betcha! | My Books 
Available for Borrowing
Senior Program Manager 
206-266-5583


From: [email protected] [mailto:[email protected]] 
On Behalf Of Axel Hecht
Sent: Monday, September 21, 2009 1:26 PM
To: [email protected]
Subject: [Simile-Widgets] Re: parameterized hyperlinks to pre-filter exhibit

You don't have a "year-facet" in your code, AFAICT. If you just have one facet, 
there's no need to do any kind of general tweaks so you could call it as you 
wish.

PS: In general, doing public web pages helps a ton in debugging exhibits. As do 
extensions like firebug or other web developer extensions that'd display js 
errors. Which IMHO you should have got here.

Axel


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"SIMILE Widgets" 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/simile-widgets?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to