Vidul Nikolaev Petrov » HTML http://www.vidul.com my web space Sat, 24 Sep 2011 06:11:47 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 ReCaptcha CSS settings (again) http://www.vidul.com/2010/08/05/recaptcha-css-settings-again/ http://www.vidul.com/2010/08/05/recaptcha-css-settings-again/#comments Thu, 05 Aug 2010 21:54:54 +0000 Vidul http://www.vidul.com/?p=672 In this case a ReCaptcha usage with web2py.

<script type="text/javascript">
    var RecaptchaOptions = {
	    theme: 'custom',
	    custom_theme_widget : 'sm_captcha'
    };
</script>
<div id="recaptcha">{{=T('Type the characters you see in the picture:')}}</div>
<div id="sm_captcha">
	<div id="recaptcha_image"></div> 
	<input type="text" id="recaptcha_response_field" class="inputBox" name="recaptcha_response_field" tabindex="14" /> 
	{{if form.errors.captcha:}}
	<div class="error" id="captcha_error">
	{{=form.errors.captcha}}
	</div>
	{{pass}}
	<div id="recaptcha_buttons"> 
		<a id="recatchaReload" href="javascript:Recaptcha.reload()">Reload</a>
		<a id="recatchaAudio" href="javascript:Recaptcha.switch_type('audio')">Audio</a>
		<a id="recatchaImage" href="javascript:Recaptcha.switch_type('image')">Text</a>
		<a id="recatchaHelp" href="javascript:Recaptcha.showhelp()">Help</a> 
	</div> 
	<script src="https://api-secure.recaptcha.net/challenge?k=YOUR_RECAPTCHA_KEY" type="text/javascript"></script><noscript><iframe frameborder="0" height="auto" src="https://api-secure.recaptcha.net/noscript?k=YOUR_RECAPTCHA_KEY" width="auto"></iframe><br /><input name="recaptcha_response_field" type="hidden" value="manual_challenge" /></noscript>
</div>

The result of these settings:

]]> http://www.vidul.com/2010/08/05/recaptcha-css-settings-again/feed/ 1 Generate HTML with Javascript http://www.vidul.com/2009/07/29/generate-html-with-javascript/ http://www.vidul.com/2009/07/29/generate-html-with-javascript/#comments Thu, 30 Jul 2009 02:57:00 +0000 Vidul urn:uuid:{a.guid} sample HTML file

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xml:lang="en">
  <head>
    <script src="jquery.min.js" type="text/javascript"></script>
  </head>
  <body>
    <div id="container"></div>
    <script src="gen.html.js" type="text/javascript"></script>
  </body>
</html>

sample JavaScript file (should be named gen.html.js)

$("#container").css({margin:"5% auto 5% auto",width:"70%",'max-width':"70%"});
$("#container").append("<div id='header'>this is the header</div>");
$("#container").append("<div id='body'>this is the body</div>");
$("#container").append("<div id='footer'>this is the footer</div>");
 
$("#header").css({width:"100%",height:"33px",'padding-top':"10px",'text-align':"center",border:"1px solid #777",background:"#ddd"});
$("#header").after("<div style='clear:both'>&&</div>");
$("#body").css({width:"100%",height:"50%",'madrgin-top':"2%",border:"1px solid #777",background:"#eee"});
$("#body").after("<div style='clear:both'>&nbsp;</div>");
$("#footer").css({width:"100%",height:"33px",'padding-top':"10px",'text-align':"center",border:"1px solid #777",background:"#ddd"});
 
$("#body").append("<p>1. sub body</p>");
$("#body").append("<p>2. sub body</p>");
$("#body p:first").css("text-decoration", "underline");
$("#body p:last").css("text-decoration", "overline");
]]> http://www.vidul.com/2009/07/29/generate-html-with-javascript/feed/ 0 How to edit the ReCaptcha look http://www.vidul.com/2009/05/01/howto-edit-the-recaptcha-look/ http://www.vidul.com/2009/05/01/howto-edit-the-recaptcha-look/#comments Fri, 01 May 2009 21:52:00 +0000 Vidul urn:uuid:{a.guid} Take a look at recaptcha.js for DOM elements details.

]]> http://www.vidul.com/2009/05/01/howto-edit-the-recaptcha-look/feed/ 0