Foros del Web - Ver Mensaje Individual

Reedyseth · #2 (**permalink**) 18/07/2013, 14:03

Aquí esta el ejemplo:

Código HTML:

Ver original<!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">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>
            Ejercicio Remplazar
        </title>
        <style type="text/css">
            body {font-family: Arial, Helvetica, sans-serif;}
 
        </style>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script type="text/javascript">
        jQuery(document).ready(function($) {
            setTimeout(function() {
                var ptext = $('p#p1').text();
                if (ptext == 'Texto Original') {
                   $('p#p1').text('Texto remplazado.');
                }
            },2000);
 
 
            $('.btn').click(function() {
                var texto = $('input#txt1').val();
                $('p#p2').text(texto);
            });
        });
 
        </script>
    </head>
    <body>
        <p id="p1">Texto Original</p>
 
        <input id="txt1" />
        <button class='btn'>Remplazar</button>
 
        <p id="p2">Aquí se va a remplazar el texto del input cuando le des click.</p>
 
    </body>
</html>

Saludos