Foros del Web - cambira un texto por un input al presionar un submi

Foros del Web (http://www.forosdelweb.com/)

- Javascript (http://www.forosdelweb.com/f13/)

- - cambira un texto por un input al presionar un submi (http://www.forosdelweb.com/f13/cambira-texto-por-input-presionar-submi-715202/)

Hallking

02/07/2009 14:37

cambira un texto por un input al presionar un submi

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

03/07/2009 12:39

Respuesta: cambira un texto por un input al presionar un submi

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

03/07/2009 14:43

Respuesta: cambira un texto por un input al presionar un submi

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

04/07/2009 09:40

Respuesta: cambira un texto por un input al presionar un submi

vueno hallking y quesada probienen de una base de datos

David

04/07/2009 09:45

Respuesta: cambira un texto por un input al presionar un submi

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

04/07/2009 09:47

Respuesta: cambira un texto por un input al presionar un submi

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

04/07/2009 12:15

Respuesta: cambira un texto por un input al presionar un submi

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

04/07/2009 12:43

Respuesta: cambira un texto por un input al presionar un submi

Coloca el script después del código HTML

Hallking

04/07/2009 13:28

Respuesta: cambira un texto por un input al presionar un submi

no te entiedo el scrip ya esta
colocado

Legoltaz

04/07/2009 13:38

Respuesta: cambira un texto por un input al presionar un submi

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

Hallking

04/07/2009 13:56

Respuesta: cambira un texto por un input al presionar un submi

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

David

04/07/2009 22:10

Respuesta: cambira un texto por un input al presionar un submi

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

04/07/2009 23:46

Respuesta: cambira un texto por un input al presionar un submi

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

05/07/2009 10:24

Respuesta: cambira un texto por un input al presionar un submi

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

05/07/2009 11:02

Respuesta: cambira un texto por un input al presionar un submi

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

05/07/2009 19:42

Respuesta: cambira un texto por un input al presionar un submi

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

06/07/2009 10:10

Respuesta: cambira un texto por un input al presionar un submi

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

06/07/2009 10:52

Respuesta: cambira un texto por un input al presionar un submi

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

Hallking

06/07/2009 16:22

Respuesta: cambira un texto por un input al presionar un submi

<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

06/07/2009 19:05

Respuesta: cambira un texto por un input al presionar un submi

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

07/07/2009 05:55

Respuesta: cambira un texto por un input al presionar un submi

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

07/07/2009 14:45

Respuesta: cambira un texto por un input al presionar un submi

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

07/07/2009 18:33

Respuesta: cambira un texto por un input al presionar un submi

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

16/07/2009 12:45

Respuesta: cambira un texto por un input al presionar un submi

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.

La zona horaria es GMT -6. Ahora son las 10:24.