Here is a PHP index page which provides a search box for the user to type in a Flickr tag.
On clicking 'Submit', the gallery will display the correspondingly tagged images from the specified Flickr account.
Just change the 'flickrUserName' in the following code to your own Flickr username and name the page 'index.php'.
(Your web server must have PHP installed for this to work. Also, please note that this code is based on SimpleViewer v2 rather than SimpleViewer v1.)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Flickr Tag Input Demo</title>
<style type="text/css">
body, html {
margin: 0;
height: 100%;
}
#header {
background-color: #222222;
color: #ffffff;
height: 5%;
text-align: center;
}
#main {
height: 95%;
}
</style>
</head>
<body>
<div id="header">
<form action="index.php" method="get">
<div>Tag: <input type="text" name="tag">
<input type="submit" value="Submit"></div>
</form>
</div>
<div id="main">
<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
var flashvars={};
flashvars.useFlickr="true";
flashvars.flickrUserName="username";
flashvars.flickrTags="<?php echo $_GET["tag"]?>";
simpleviewer.ready(function () {
simpleviewer.load('sv-container', '100%', '95%', '222222', true, flashvars);
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->
</div>
</body>
</html>
Steven Speirs
SimpleViewer Support Team