Ingresar texto al inicio de un div

Lautaro_eb · #1 (**permalink**) 10/04/2011, 11:55

Hola tengo la siguiente duda tengo un div con text

Código:

<div id='text'>hola</div>

Quiero al inicio del div agregar un <center> y alfinal el </center> mediante un boton y js...
Muchas gracias ...

vidbaz · #2 (**permalink**) 10/04/2011, 13:10

mmm no muy te entendi fijate pero intentare ayudarte
segun entendi keras acer que se centre ese texto no?
mmm podrias explicar un poco mas

Código HTML:

Ver original<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
         <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.2.min.js" type="text/javascript"></script>
        <script>
 
        $(document).ready(function(){
                $("#boton").click(function(evento){
                evento.preventDefault();
                $("#idDiv").slideUp("slow");
                $("#idDiv").html("<center><h5>Hola</h5></center>");
                $("#idDiv").slideDown("slow");
            });
       });
 
        </script>
    
    </head>
    <body>
        <h1>Ejemplo</h1>
        <form>
            <input  id="boton" type="submit" value="Centrar"/>
            <div id ="idDiv">Hola</div>
        </form>
    </body>
</html>

vidbaz · #3 (**permalink**) 10/04/2011, 13:12

Olvide decirte aka lo que ago es centrar al darle el click al boton (puedes correrlo lo hice para ke solo lo peges y le pongas .html), espero te sirva, :)
exitos

Cita:

Iniciado por vidbaz

mmm no muy te entendi fijate pero intentare ayudarte
segun entendi keras acer que se centre ese texto no?
mmm podrias explicar un poco mas

Código HTML:

Ver original<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
         <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.2.min.js" type="text/javascript"></script>
        <script>
 
        $(document).ready(function(){
                $("#boton").click(function(evento){
                evento.preventDefault();
                $("#idDiv").slideUp("slow");
                $("#idDiv").html("<center><h5>Hola</h5></center>");
                $("#idDiv").slideDown("slow");
            });
       });
 
        </script>
    
    </head>
    <body>
        <h1>Ejemplo</h1>
        <form>
            <input  id="boton" type="submit" value="Centrar"/>
            <div id ="idDiv">Hola</div>
        </form>
    </body>
</html>