Problem with JQuery UI and Recaptcha
Hi,
I am trying to integrate Recaptcha onto my site which is using JQuery.
I tried to use a blind effect on it created using the JQuery UI Plugin
but it does not work: the reCaptcha begins to appear and the page
becomes suddenly blank. It works in Safari but fails elsewhere.
It seems that the problem comes from the <script></script> part of the
code below that I want to toggle:
<script type="text/javascript">
$(function() {
//run the currently selected effect
function runEffect(){
//run the effect
$("#effect").toggle("blind",500);
};
//set effect from select menu value
$("#button").click(function() {
runEffect();
return false;
});
});
</script>
</head>
<body>
<div class="demo">
<div class="toggler">
<div id="effect" class="ui-widget-content ui-corner-all">
<h3 class="ui-widget-header ui-corner-all">Toggle</h3>
<script type="text/javascript" src="http://api.recaptcha.net/
challenge?k=APIKEY"></script>
</div>
</div>
<a href="#" id="button" class="ui-state-default ui-corner-all">Run
Effect</a>
</div>
Any ideas ?
Thank you.