Judul : Preview form entered value in text using jquery :
link : Preview form entered value in text using jquery :
Preview form entered value in text using jquery :
========================================================================
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>
Demikianlah Artikel Preview form entered value in text using jquery :
Sekianlah artikel Preview form entered value in text using jquery : kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Preview form entered value in text using jquery : dengan alamat link https://othereffect.blogspot.com/2016/12/preview-form-entered-value-in-text.html
0 Response to "Preview form entered value in text using jquery :"
Post a Comment