Advance: Parsing XML into another XML page using only javascript or jquery; Can't use PhP, Java or MySQL

Posted by UrBestFriend on Stack Overflow See other posts from Stack Overflow or by UrBestFriend
Published on 2011-02-13T15:20:17Z Indexed on 2011/02/13 15:25 UTC
Read the original article Hit count: 240

Filed under:
|
|
|
|

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.

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about jQuery