http://maps.google.com/maps/geo?q=adresse+recherchee&output = csv & key = abcdefgWhere:
Infotab var = [
new GInfoWindowTab ("Title Tab 1", "Content tab 1"), new
GInfoWindowTab ("Title Tab 2", "Content Tab 2")
] 
"\u0026lt;link rel = \\" stylesheet \\ "
type = \\ "text / css \\" href = \\ "lightbox.css \\"
media = \\ "screen \\" title = \\ "Normal \\" />
\u0026lt;script src = \\ "script / prototype.js \\ "type = \\" text / javascript \\ ">
\u0026lt;/ script> \u0026lt;script
src=\\"script/scriptaculous.js\\" type=\\"text/javascript\\">
\u0026lt;/ script> ;
\u0026lt;script src=\\"script/lightbox.js\\" type=\\"text/javascript\\">
\u0026lt;/ script> "Add also on the event" OnLoad ": initLightbox ( ) or mask Your page is ready. \u0026lt;a href="path_de_l_image_agrandie" rel="lightbox">
\u0026lt;img src = "path_de_l_imagette" />
\u0026lt;/ a> A mini-photo gallery on Lotus Domino download 
Download photo gallery lightbox 
Back from a long weekend of August 15, it is time to expose the souvenir photos. The goal is not to present a photo management application but rather to present two solutions that I find aesthetic AJAX and very easy to integrate with Lotus Domino. The first solution presented in this article presents the photos as a banner with fade transition effect and the possibility of adding a title, description and a link. The second solution will be presented in the next section. She can open the photos from thumbnails as a modal dialog box. This effect is particularly used on zoomr .
The library's Smooth SlideShow JonDesign quickly create a banner with fade effect as found many already in Flash. This Library based on prototype.js and moo.fx. The whole weighs 21.6 kb which seems very reasonable especially if one uses these libraries for other uses on the site. For comparison, dewslider.swf an excellent equivalent in flash weighs 30.4 kb. However, knew nothing about Flash, I would not dare to advance arguments for or against any of these solutions. The choice of this library is primarily motivated by the primary goal of this blog, presenting solutions for Lotus Domino AJAX.
To use bilbiothèque must first download the package available on the introductory page of the library. Once the file is decompressed, add the javascript files and stylesheets in the shared resources of the Lotus Notes database. Files to add are:
If you already use prototype.js, needless to add prototype.lite.js.
As described in the documentation, you must declare
statement to present images is done through an array declared javascript form:
mySlideData [countArticle + +] = new Array (
'image1.jpg',
'article1.html'
'Item 1 Title',
'Item 1 Description'
) To facilitate the updating of files, I would pass by a mask for managing photos display. This mask is defined with the following fields:
Once the mask created, it remains to define a view "Photos". To facilitate my task, to present the JavaScript code directly to integrate into my page. The column formula is:
"mySlideData [countArticle + +] = new Array ("
+ "0 /" + @ Text (@ DocumentUniqueID) + "/ $ file /"
+ @ Subset (@ AttachmentNames; 1) + "', "
+ Link +" ', "
+ Title +"' "+ description +
"');"
Do not forget to sort the first column in order to be able to extract data with @ DbColumn.
To create my web page, I'll go through a Notes page, but can also integrate it into a mask.
As content as HTML must integrate javascript libraries, add an event onload to launch the band to open the page and then set to display images from the views previously created and then set the options to define style headband size, either:
Photos: Photos ("":"";"";" DbColumn = @ "1);
@ If (@ IsError (val);";
"\u0026lt;script src = \\ "prototype.lite.js \\" type = \\ "text / javascript \\"> \u0026lt;/ script>
\u0026lt;script src = \\ "moo.fx.js \\" type = \\ "text / javascript \\" > \u0026lt;/ script> \u0026lt;script
src=\\"moo.fx.pack.js\\" type=\\"text/javascript\\"> \u0026lt;/ script>
\u0026lt;script src = \\ "timed. slideshow.js \\ "type = \\" text / javascript \\ "> \u0026lt;/ script>
\u0026lt;link rel = \\ "stylesheet \\" href = \\ "jd.slideshow.css \\"
type = 'text / css \\ "media = \\" screenshot \\ "/>
\u0026lt;script type =' text / javascript \\ ">
function addLoadEvent (func) {
was oldonload = window.onload;
if (typeof window.onload! = 'function') {window.onload = func
;} else {
window.onload = function () {
oldonload ();
func ();
}
}
}
function start slideshow () {
initSlideShow ($ ('MySlideShow'), mySlideData);
}
countArticle = 0;
was mySlideData = new Array (); "
+ @ Implode (Photos) +
"addLoadEvent (startSlideshow) \u0026lt;/ script>
\u0026lt;style>
# mySlideshow
{width: 400px! Important;
height: 200px! Important;}
\u0026lt;/ style>" )
It only remains to indicate where on the page displaying the banner by adding HTML as text relay:
\u0026lt;div id="mySlideshow"> \u0026lt;/ div>
TD {border: 1px solid # ddd;
background: # eee;
color: # 333;
font-family: tahoma;
font-size: 12px;
} 
IMG {padding: 5px;
border: 4px solid # 373;}
\u0026lt;style>
font {font-family: tahoma, arial, helvetica, sans-serif;
font-size: 1em;}
\u0026lt; / style> \u0026lt;div class="mybody">
rich text field \u0026lt;/ div> and for the definition of style: \u0026lt;style>
# mybody are
{font-family: georgia, "Times New Roman ", Times Roman, serif;
font-size: 12px;}
\u0026lt;/ style> 
month of August is the month the least loaded of the year, I still enjoying this time to review my documentation and presentations that I made to diffuse. I therefore take this opportunity to see how to improve the rendering of graphics generated by Excel. Even if the most important is the content, the listener is always aware if the display is nice. 
Select create a new layer then select the menu "Edit \\ Transform \\ Flip Vertical". Move the graph then returned in the other graph. 
\u0026lt;div id="un_identifiant_de_bloc_pour_rico">
\u0026lt;div>
\u0026lt;div> Title class \u0026lt;/ div>
\u0026lt;div> Content panel \u0026lt;/ div>
\u0026lt;/ div>
...
\u0026lt;/ div> Preparation Notes view "\u0026lt;/ div> \u0026lt;/ div> \u0026lt;div> ; \u0026lt;div> "champ_categorie + +" \u0026lt;/ div> "; " \u0026lt;span> " Valeur_affichée + + "\u0026lt;/ span>" src="prototype-1.4.0.js" \u0026lt;script type="text/javascript"> \u0026lt;/ script>
\u0026lt;script src = "rico.js" type = " text / javascript "> \u0026lt;/ script>} Beware path Booksellers Javascript. new Rico.Accordion ($ ('identifiant_bloc')); \u0026lt;div id="identifiant_code">
\u0026lt;div>
inserting the embedded view
here \u0026lt;/ div> \u0026lt;/ div>
\u0026lt;/ div> Do not forget to declare the HTML code to insert as HTML relay by selecting it and clicking the menu item text \\ HTML Relay. An example 
PobreLiveGrid var = new Rico.LiveGrid ("data_grid", 18, 445,
"data.xml? Openview", opts);
Object.extend (PobreLiveGrid, {
. ..
}); Customizing Notes for RICO.LiveGrid Object.extend (PobreLiveGrid,
{/ ** *
PobreLiveGrid: * fetchBuffer
LiveGrid for IBM Lotus Notes / Domino
* -------------------------------------------
---------------- * Change the setting of the URL call update
* Data from the table to suit the control URL
* Lotus Notes views. * *
page_size \u0026lt;=> count
* offset \u0026lt;=> start
sortcol * = x & sort_dir AUC = \u0026lt;=> x = ResortAscending
sortcol * = x = DESC & sort_dir \u0026lt;=> x = ResortDescending * * ----------------------------------------------
-------------
* Special thanks to Ross Lawley we Rico Forum
* ** /
fetchBuffer: function (offset) {
if (this.buffer.isInRange (offset) & &
! This.buffer.isNearingLimit (offset)) {
return;}
if (this . processing request) {
this.unprocessedRequest = new Rico.LiveGridRequest (offset);
return;}
was bufferStartPos = this.buffer.getFetchOffset (offset);
this.processingRequest = new Rico.LiveGridRequest (offset);
this.processingRequest.bufferOffset = bufferStartPos;
was fetchsize = this.buffer.getFetchSize (offset);
was partialLoaded = False;
was QueryString;
if (this.options.requestParameters)
QueryString = this._createQueryString (this.options.requestParameters, 0);
QueryString = (QueryString == null)? '': QueryString +'&';
QueryString = QueryString + 'id =' + this.tableId + '& Count =' +
fetchsize + '& start =' + (bufferStartPos +1) + '& offset =' + bufferStartPos;
if (this.sortCol) {
was kind notes =
(this.sortDir == "ASC"? "ResortAscending": "ResortDescending");
QueryString = QueryString +'&'+ varietal notes +'='+ escape (this.sortCol) ;
}
this.ajaxOptions.parameters = queryString;
$ (ajax_call). InnerHTML = queryString;
ajaxEngine.sendRequest (this.tableId + '_request' this.ajaxOptions)
this.timeoutHandler = setTimeout (this . handleTimedOut.bind (this),
this.options.bufferTimeout)
}}) I kept the standard references Rico offset used in the code. This poses no problem to Lotus Notes that ignores this setting. var opts = {
PrefetchBuffer: false,
onscroll: updateHeader,
sortAscendImg 'sort_asc.gif'
sortDescendImg 'sort_desc.gif'
columns: [ ["1", true], ["3", true], ["5", true], ["7", true], ["9", true]]}
; parameter columns: [ ["column value ', sortable (true / false)]] should contain all references displayed in columns. He reference "column value" as an identifier for the column instead of its name. 
\u0026lt;ajax-response>
\u0026lt;RESPONSE type="object" id="data_grid_updater">
\u0026lt;ROW update_ui="true">
\u0026lt;td> Value 1 \u0026lt;/ td> \u0026lt;td> Value 2 ...\u0026lt;/ td> \u0026lt;/ tr>
...
\u0026lt;tr> ...\u0026lt;/ tr>
\u0026lt;/ rows>
\u0026lt;/ response>
\u0026lt;/ ajax-response> To achieve such a representation I set my sight with the following parameters; \u0026lt;ajax-response>
\u0026lt;response type = "object" id = "data_grid_updater">
\u0026lt;ROW update_ui="true">
Added integrated view
data.xml \u0026lt;/ rows>
\u0026lt;/ response>
\u0026lt;/ ajax- response> The number of rows displayed in the embedded view is irrelevant. To test your new XML file, open the data.xml view from a web browser. The XML format is very contraigant it is possible that you have an error message as the text displayed. It is not allowed, for example, display the character '&'. You can delete it or replace it automatically if necessary, through the formula of the column. \u0026lt;body onload="javascript:bodyOnLoad();">
\u0026lt;table id = "data_grid_header" class = "fixedTable"
cellspacing = "0" cellpadding = "0" style = "width: 560px">
\u0026lt;tr>
\u0026lt;th class="first tableCellHeader"> Title Column 1 \u0026lt;/ th> \u0026lt;th
class="tableCellHeader"> Column 2 Title \u0026lt;/ th> \u0026lt;th
class="tableCellHeader"> Column 3 Title \u0026lt;/ th>
\u0026lt;/ tr>
\u0026lt; ; / table> \u0026lt;div
id="viewPort" style="float:left">
\u0026lt;table id = "data_grid" class = "fixedTable"
cellspacing = "0" cellpadding = "0" style = float: left; width: 560px ">
is added here to view the integrated
data.xml \u0026lt;/ table>
\u0026lt;/ div>
\u0026lt;/ body>
\u0026lt;/ html> note, the number of rows displayed in the embedded view is very important here. We need this number is slightly higher than the number of lines displayed. \u0026lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
\u0026lt;head>
\u0026lt;title> Domino & Web 2.0 : LiveGrid Rico \u0026lt;/ title>
src="prototype.js" \u0026lt;script type="text/javascript"> \u0026lt;/ script>
src="rico.js" \u0026lt;script type="text/javascript"> \u0026lt;/ script> \u0026lt;script language="javascript">
bodyOnLoad function () {var opts = {
PrefetchBuffer: false,
onscroll: updateHeader
}
new Rico.LiveGrid ("data_grid", 18, 445, "data.xml? openview", opts);}
function updateHeader (LiveGrid, offset) {}
\u0026lt;/ script>
\u0026lt;/ head> options LiveGrid statements are 
import lotus.domino.*;
import java.io.*;
import java.net.*;
public class JavaAgent extends AgentBase {
public void NotesMain() {
try {
Session session = getSession();
AgentContext agentContext = session.getAgentContext();
// Récupération de l'URL passé en argument de l'agent
Document doc = agentContext.getDocumentContext();
String newurl = doc.getItemValueString("Path_Info_Decoded");
newurl = newurl.substring(newurl.indexOf("url=") + 4);
URL url = new URL (newurl);
/ / Initialize the result to return
String result = "";
/ / The information will be sent to the browser as XML
PrintWriter pw = getAgentOutput ();
pw.println ("Content-type: text / xml" )
/ / Get the contents of the target page
BufferedReader in = new BufferedReader (new InputStreamReader (url.openStream ())); String
inputLine;
while ((inputLine = in.readLine ())! = null ) {result + =
inputLine.toString ();}
/ / Send the result to the Web browser
pw.println (result);
doc.recycle ();
} catch (Exception e) {e.printStackTrace
();}
}}
To call the agent must use a URL Type: http://serverlocal/path/base.nsf/agent?openagent&url=http% 3A / / sitecible / path / file 
\u0026lt;head>
\u0026lt;link rel = "stylesheet" type = "text / css "href =" subModal.css "/> \u0026lt;script type="text/javascript"
src="common.js"> \u0026lt;/ script>
\u0026lt;script type="text/javascript" src="subModal.js"> \u0026lt;/ script>
\u0026lt;/ head> \u0026lt;a href="javascript:showPopWin('RSSFeed?openform&action=add', 600, 400, null); ">
Add an RSS feed \u0026lt; ; / a> deleteDiv function (fieldname) {var obj
;
var old;
if (obj = document.getElementById ('NewOrder')) {
if (old = document.getElementById (fieldname)) {
obj.removeChild (old);
}}}
DeleteEntry function (fieldname) {var
myAjax = new Ajax.Request ('RSSByFieldname /' + fieldname + '? DeleteDocument');
deleteDiv (fieldname)}
(url, fieldname, nbentrees) {
deleteDiv (fieldname);
var newDiv Builder.node = ('div', {id
: fieldname, className: 'rss', style: 'display: none;'});
$ ('NewOrder'). appendChild (newDiv)
loadRSS (url, fieldname, nbentrees)
Effect.Appear (newDiv.id)
Sortable.destroy ('NewOrder');
Sortable.create ('NewOrder ', {tag:' div ', onUpdate: UpdateOrder});
} 
if (document.forms [0]. URL.value! & Document ='' . forms [0]. fieldname_tmp.value !=''){
window.top.hidePopWin ();
window.top.addEntry (document.forms [0]. URL.value,
document.forms [0]. fieldname_tmp.value, document.forms [0]. entrees.value);}
