Tuesday, 20 December 2016

Preview form entered value in text using jquery :

22:32

========================================================================

Preview form entered  value in text using jquery :

========================================================================
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){
$('#preview').hide();
$("#title").keypress(update);

});


function update(){
$('#preview').slideDown('slow');
var title = $("#title").val();
$('#Displaytitle').html(title);
}


$(document).ready(function(){
$('#preview1').hide();
$("#title1").keypress(update1);

});

function update1(){
$('#preview1').slideDown('slow');
var title1 = $("#title1").val();
$('#Displaytitle1').html(title1);
}
</script>
</head>
<body>
<form>
      Add a Tagline
      <input type=text id="title" class="click" name="title">This is your default advert text. </textarea>
  <input type=text  id="title1" class="click" name="title1" >This is your default advert text. </textarea>
  </form>
<div class="right">
    <div id="preview"> This is how your advert will look
      
      <div id="Displaytitle"></div>
  
    </div>
<br> </br>

<h1> Second  Text</h1>

<div id="preview1"> This is how your advert will look
      
      <div id="Displaytitle1"></div>
  
    </div>
  </div>
</body>
</html>

Written by

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.

2 comments:

  1. Thank you for your post. This is excellent information. It is amazing and wonderful to visit your site.
    iphone training course
    Apple iOS Training Institutes in Hyderabad

    ReplyDelete
  2. I like your blog. Thanks for Sharing the good post
    PHP Training in Noida

    ReplyDelete

PHP Training Mumbai, PHP MySQL Training Mumbai, PHP Course Mumbai, PHP Institute Mumbai

 

© 2013 PHP TRAINING IN MUMBAI BY OM SIR . All rights resevered. Designed by OM SIR

Back To Top