Advance: Parsing XML into another XML page using only javascript or jquery; Can't use PhP, Java or MySQL
- by UrBestFriend
Current site: http://cardwall.tk/
Example of intended outcome: http://www.shockwave.com/downloadWall.jsp
I have an embeded flash object that uses XML/RSS (Picasa) to feed itself pictures. Now I created my own XML/RSS feed so that I can add additional XML tags and values.
Now here's my big problem: enabling search.
Since I'm not relying on Picasa's API anymore to return custom RSS/XML for the user's search, how can I create xml from another xml based on the user's search queries using only JavaScript and Jquery?
Here is the current code:
<script type="text/javascript">
var flashvars = {
feed : "http%3A%2F%2Frssfeed.ucoz.com%2Frssfeed.xml",
backgroundColor : "#FFFFFF",
metadataFont : "Arial",
wmode : "opaque",
iFrameScrolling: "no",
numRows : "3",
};
var params = {
allowFullScreen: "true",
allowscriptaccess : "always",
wmode: "opaque"
};
swfobject.embedSWF("http://apps.cooliris.com/embed/cooliris.swf", "gamewall", "810", "410", "9.0.0", "", flashvars, params);
$(document).ready(function() {
$("#cooliris input").keydown(function(e) {
if(e.keyCode == 13) {
$("#cooliris a#searchCooliris").click();
return false;
}
});
doCoolIrisSearch = function() {
cooliris.embed.setFeedContents( '** JAVA STRING OF PARSED RSS/XML based on http%3A%2F%2Frssfeed.ucoz.com%2Frssfeed.xml and USER'S SEARCH INPUT** ' )
});
<form id="searchForm" name="searchForm" class="shockwave">
<input type="text" name="coolIrisSearch" id="coolIrisSearch" value="Search..." class="field text short" onfocus="this.value='';" />
<a id="searchCooliris" href="#" onclick="doCoolIrisSearch();return false;" class="clearLink">Search Cooliris</a>
</form>
<div id="gamewall"></div>
So basically, I want to replace cooliris.embed.setFeedContents's value with a Javastring based on the parsed RSS/XML and user search input.
Any code or ideas would be greatly appreciated.
