[jQuery] trouble passing href
Hi all, new to JQ. I'm trying to pass the href from the <a> tag to the
ajax load function. I believe i've selected the child properly but for
some reason it's not pulling in the href. Any help is greatly
appreciated!
site: new-age-design.com
code:
<?php include('includes/header.php'); ?>
<div id="header">
<div class="container">
<h1><a href="index.php">Site In Development</a></h1>
<ul>
<li><a href="#" style="color:#000;">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
</div>
<div class="container">
<script type="text/javascript">
function passURL(url){
var ajaxURL = document.getElementById("test").href;
alert (ajaxURL);
};
if(typeof sIFR == "function") {
sIFR.replaceElement(
named({
sSelector: "h1 , dt a span",
sFlashSrc: "flash/bleeding_cowboys.swf",
sColor: "<?php echo("$h1_color"); ?>",
sLinkColor: "<?php echo("$h1_color"); ?>",
sHoverColor: "<?php echo("$h1_hover"); ?>",
sWmode: "transparent",
nPaddingTop: 0,
nPaddingBottom: 0
})
);
};
$(document).ready(function(){
// $("dd:not(:first)").hide();
$("dt").click(function(){
// $("dd:visible").slideUp("slow");
alert ($(this).children().href);
$(this).next().load("test.xml").slideDown("slow");
return false;
});
});
</script>
Currently, in Saint Johns, MI the weather is: <?php
echo("$weather"); ?>
<dl>
<dt><a id="test" href="test.xml"><span>Div1</span></a></dt>
<dd>Test Info</dd>
<dt><a href="/discuss/">Div2</a></dt>
<dd>
Test Info<br /><br />
</dd>
<dt><a href="/dev/">Div3</a></dt>
<dd>
Test Info<br /><br />
</dd>
</dl>
</div>
<div id="footer"></div>
</body>
</html>