New Topic/Question
Reply
For example here is my xml:
<library> <book> <author> <name>john doe</name> </author> <title>book one</title> <copyright></copyright> <location>http://site.com</location> <keywords> <keyword>novel</keyword> <keyword>history</keyword> </keywords> </book> <book> <creator> <name>jimmie john</name> <email>[email protected]</email> </creator> <title>Second book</title> <location>http://www.site.com</location> <keywords> <keyword>fullcolor</keyword> <keyword>kids book</keyword> </keywords> </book> </library>
Here is my html and jquery:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Project 2</title>
<!--ajax-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
if ($("#one").val() == "" && $("#two").val() == "") {
alert("nothing is entered");
}
else if ($("#one").val() != "" && $("#two").val() == "") {
$.ajax({
type: "GET",
url: "photo.xml",
dataType: "xml",
success: function(xml) { parseXml(xml); }
});
};
function parseXml(xml)
{
$(xml).find(“photo”).each(function()
if($("author", this).text() == "#one") {
}
}
});
});
</script>
<!--/ajax-->
<style type="text/css">
<!--
body,td,th {
color: #F00;
}
body {
background-color: #000;
}
-->
</style></head>
<body>
<center>
<h1>image search</h1>
<form STYLE="background:darkgrey" >
<strong>
<p>Creator's Name: <input type="text" id="one" name="name" /></p>
<p>Keyword: <input type="text" id="two" name="key" /></p>
<button>Search</button>
</strong>
</form>
<div id="results"> </div>
</center>
</body>
</html>
This post has been edited by thescoop: 06 March 2011 - 01:58 AM
MultiQuote
| 