cambira un texto por un input al presionar un submi

Hallking · #1 (**permalink**) 02/07/2009, 14:37

buenas disculpen la molestia

lo q quieor hacer es cambiar una cadena de texto po un input:

ejemplo:

tengo los datos hallking quesada y un boton q se llama actualizar y q cuando presione ese boton se cambie el texto por dos input con el value de hallking y el otro con balue quesada.

gracias y espero su resueta

David · #2 (**permalink**) 03/07/2009, 12:39

La verdad que no se entiende mucho lo que quieres hacer, ¿de dónde provendría "hallking quesada" o el texto que sea? Investiga sobre document.createElement y replaceChild; probablemente sean lo que necesitas.

lucasphp · #3 (**permalink**) 03/07/2009, 14:43

si tu texto está en un div podés usar innerHTML.
function cambiarporboton(nombreboton){
document.getElementById("texto").innerHTML="<input type='text' name="+nombreboton+">";
}

probalo :S

Hallking · #4 (**permalink**) 04/07/2009, 09:40

vueno hallking y quesada probienen de una base de datos

David · #5 (**permalink**) 04/07/2009, 09:45

Puedes imprimir el texto en una variable y al hacer click en el botón usar document.createElement("input") para crear el campo y el método replaceChild() del nodo padre para reemplazar el texto por el campo. Prueba y nos cuentas.

Hallking · #6 (**permalink**) 04/07/2009, 09:47

hey dame de espacio q yo de java no se mucho lo ententare pero dame por lo menos un ejemplo para empesar si no te molesta

Hallking · #7 (**permalink**) 04/07/2009, 12:15

hey mira esto es lo q he logrado hasta a hora pero todavia no logro hacer que me cambie el texto si no que crea un input aparte mira el codigo y diime

Código HTML:

<html>
<head>
<script type="text/javascript">

function hola(){ 
	elem=document.createElement('input')
	elem.type = "text"
	elem.value = "hola"
	elem.name = "nada"
	document.body.appendChild(elem)
	var oldElement = document.all.myBold;
	document.all.myDiv.replaceChild(newElement, oldElement); 
}  
</script>
</head>
<body>
<button onclick="hola();">Replace text</button>
<div id="myDiv" 
     style="width:300; height:200; border:solid black 1px;">Sample 
     <b id="myBold">text</b>
</div>
</body>

Legoltaz · #8 (**permalink**) 04/07/2009, 12:43

Coloca el script después del código HTML

Hallking · #9 (**permalink**) 04/07/2009, 13:28

no te entiedo el scrip ya esta
colocado

Legoltaz · #10 (**permalink**) 04/07/2009, 13:38

Me refiero a que coloques la función JavaScript después del div que vas a modificar.

Hallking · #11 (**permalink**) 04/07/2009, 13:56

lo q quiero mudificar es la parte q dise text dentro del div

David · #12 (**permalink**) 04/07/2009, 22:10

Quita el document.body.appendChild().

Además, evita usar document.all, en su lugar usa document.getElementById(). Por ejemplo, en las dos últimas líneas debería ser:

Código Javascript:

Ver originalvar oldElement = document.getElementById("myBold");
oldElement.parentNode.replaceChild(elem, oldElement);

Hallking · #13 (**permalink**) 04/07/2009, 23:46

hey saves a hora tengo otro problema el codigo me funciona perfectamete pero he puesto mas textos para remplazar y pero el por cada clic que doy al boton me cambia un text y lo q quiero es q me lo cambie todos mira te boy a mostrar el codigo para que me digas que devo de hacer
a otra cosita me puedes como pongo una especie de voton canselar q me buelva todo a tras otra ves si no te es muya molestia y lo de php es q quiero poner de value una variable si saves como hacerlo pues no me pongo cuapo si me das una mano y gracias portodo y has ayudado demas .

Código PHP:

 
<html> 
<head> 
<?php $a="hallking";?> 
<script type="text/javascript"> 
function hola(){  
    elem=document.createElement('input') 
    elem.type = "text" 
    elem.value = "<?php $a ?>" 
    elem.name = "nada" 
    var oldElement = document.getElementById("myBold"); 
 
    oldElement.parentNode.replaceChild(elem, oldElement); 
 
}   
</script> 
 
</head> 
<body id="mydiv"> 
 
 
<b id="myBold">text</b> 
<br> 
<b id="myBold">text</b> 
<br> 
<b id="myBold">text</b> 
<br> 
<button onclick="hola();">Replace text</button> 
 
</body> 
</html>

David · #14 (**permalink**) 05/07/2009, 10:24

No debes tener varios elementos con el mismo id (debe ser un identificador único en el documento). Asigna ids diferentes a los elementos y los vas modificicando en cada llamada a la función.

Hallking · #15 (**permalink**) 05/07/2009, 11:02

no entiendo vien lo q me dises creo q no me has entendido vien yo quiero yo quiero q cada texto se combierta en un input con hacer clic uuna solaves en el boton y porfavor se un poco mas esplicito pues no soy muy mueno con java. gracias

David · #16 (**permalink**) 05/07/2009, 19:42

En ese caso sólo tienes que crear tres campos (tres veces llamas a document.createElement()) y llamar al método replaceChild() de cada elemento <b> (asignando un id diferente para cada uno y obteniéndolos con getElementById). Prueba y si no consigues avanzar en un paso nos cuentas.

Saludos.

Hallking · #17 (**permalink**) 06/07/2009, 10:10

manito devo de desirte q no entendi nada y ya lo e intentado pero no hace nada porfavor se un poco mas esplicito. yo boy a repetir 3 veses elem=document.createElement('input') y boy a yamarlo en getElementById(pn,sn). y el oldElement.parentNode.replaceChild(elem, oldElement); asi esplicame pues estoy enredado

David · #18 (**permalink**) 06/07/2009, 10:52

Muestra cómo lo has intentado y te ayudamos a corregirlo.

Hallking · #19 (**permalink**) 06/07/2009, 16:22

<html>
<head>

<?php $a="hallking";?>
<script type="text/javascript">
function hola(){
elem=document.createElement('input')
elem=document.createElement('input')
elem=document.createElement('input')
elem.type = "text"
elem.value = "<?php $a ?>"
elem.name = "nada"

var oldElement = document.getElementById("pn,sn,pa");

oldElement.parentNode.replaceChild(elem, oldElement);

}
</script>

</head>
<body>

<b id="pn">text</b>
<br>
<b id="sn">text</b>
<br>
<b id="pa">text</b>
<br>

<button onclick="hola();">Replace text</button>

</body>
</html>

David · #20 (**permalink**) 06/07/2009, 19:05

Voy a comentar cada parte de tu código para que entiendas por qué falla:

Código Javascript:

Ver original/* Bien. Creas un nuevo campo y lo asignas a la variable elem */
elem=document.createElement('input')
/* Mal. Vuelves a crear un nuevo campo y lo vuelves a asignar a elem, pisando el anterior valor */
elem=document.createElement('input')
/* Mal. Vuelves a crear un nuevo campo y lo vuelves a asignar a elem, pisando el anterior valor */
elem=document.createElement('input')
 
elem.type = "text"
elem.value = "<?php $a ?>"
elem.name = "nada"
 
/* Mal. Con document.getElementById() sólo puedes obtener un elemento a la vez */
var oldElement = document.getElementById("pn,sn,pa");
 
/* Sólo llamas una vez al método replaceChild(). Por lo que sólo reemplazarás un elemento */
oldElement.parentNode.replaceChild(elem, oldElement);

Lo mejor es que crees una función que reciba como parámetro el id del elemento a reemplazar, el texto y el nombre del nuevo campo. Por ejemplo:

Código Javascript:

Ver originalfunction reemplazar(elemento, texto, nombre) {
    /* Parámetros:
            elemento: id del elemento que será reemplazado
            texto: texto del campo que será creado
            nombre: nombre del campo que será creado
 
            Ejemplo de llamada a la función:
                reemplazar("pn", "texto", "t1");
            Reemplazará el elemento con id "pn" por un nuevo campo con name "t1" con el texto "texto"
    */
    var elem = document.getElementById("elemento");
    var campo = document.createElement("input");
    campo.type = "text";
    campo.name = nombre;
    campo.value = texto;
    elem.parentNode.replaceChild(campo, elem);
}

rodribech20 · #21 (**permalink**) 07/07/2009, 05:55

Hola ante todoas buenass,

tengo un problema, estoy realizando una pagina en donde creo dinamicamente con javascript una determinada cantidad de input de tipo text, estos inputs almacenaran valores que posteriormente los quiero sumar con otra funcion javascript.
El tema es que aparentemente no encuentra la segunda funcion a los componentes creados primero, como que no estan actualizados o plasmados en la pag.
Habria algun metodo o forma para q se reflejen los cambios.

Espero que se me alla entendido, je

Saludos y gracias

Hallking · #22 (**permalink**) 07/07/2009, 14:45

mira todavia estoy enredado pues no susede nada mira aver si lo ise vine

Código PHP:

 
<html>  
<head>  
<?php $a="hallking";?>  
<script type="text/javascript">  
 
function reemplazar(elemento, texto, nombre) { 
    /* Parámetros: 
            elemento: id del elemento que será reemplazado 
            texto: texto del campo que será creado 
            nombre: nombre del campo que será creado 
  
            Ejemplo de llamada a la función: 
                reemplazar("pn", "texto", "t1"); 
            Reemplazará el elemento con id "pn" por un nuevo campo con name "t1" con el texto "texto" 
    */ 
    var elem = document.getElementById("elemento"); 
    var campo = document.createElement("input"); 
    campo.type = "text"; 
    campo.name = nombre; 
    campo.value = texto; 
    elem.parentNode.replaceChild(campo, elem); 
} 
  
</script>  
 
</head>  
<body> 
 
 
<b id="elemento">text</b>  
<br>  
<b id="text">text</b>  
<br>  
<b id="name">text</b>  
<br>  
<button onclick="reemplazar(elemento, texto, nombre);">Replace text</button>  
 
</body>  
</html>

David · #23 (**permalink**) 07/07/2009, 18:33

Tu llamada a la función está mal, no existen las variables elemento, texto y nombre que pasas por parámetro.

Mira atentamente el ejemplo que he puesto:

Cita:

Ejemplo de llamada a la función:
reemplazar("pn", "texto", "t1");

Hallking · #24 (**permalink**) 16/07/2009, 12:45

hey david disculpame la molestia y la tardanza para responder.
pero quisiera pedirte un ultimo favor.
es q tengo problemas con un menu java y ya he echo un tema pero nadie me responde aver si tu me puedes ayudar este la direccion de mi tema
http://www.forosdelweb.com/f13/ayuda...#post3007658se
se llama ayuda con este escript.