Foros del Web » Programando para Internet » Javascript »

Copia de datos en un formulario html (SOLO EXPERTOS)

Estas en el tema de Copia de datos en un formulario html (SOLO EXPERTOS) en el foro de Javascript en Foros del Web. BUENAS... LES TRAIGO UNA DIFICIL JEJJEE, TENGO UN FORMULARIO, CON DATOS POR EJEMPLO COMO NOMBRE, TELEFONO, TIPO DE SISTEMA OPERATIVO, HORARIO DE VISITA Y TELEFONO ...
  #1 (permalink)  
Antiguo 21/03/2008, 03:59
 
Fecha de Ingreso: marzo-2004
Mensajes: 23
Antigüedad: 20 años, 1 mes
Puntos: 0
Exclamación Copia de datos en un formulario html (SOLO EXPERTOS)

BUENAS... LES TRAIGO UNA DIFICIL JEJJEE, TENGO UN FORMULARIO, CON DATOS POR EJEMPLO COMO NOMBRE, TELEFONO, TIPO DE SISTEMA OPERATIVO, HORARIO DE VISITA Y TELEFONO CELULAR.

EN ESTE FORMULARIO NECESITO HACER 2 COSAS, CON 1 BOTON PUEDA COPIAR EL NUMERO DE TELEFONO AL PORTAPAPELES DE WINDOWS PARA PEGARLO EN OTRA APLICACION.

Y LA OTRA COSA SERIA CON OTRO BOTON TOMAR POR EJEMPLO 2 CAMPOS DEL FORMULARIO Y COPIAR AMBOS AL PORTAPAPELES, CON ALGUN SEPARADOR DE POR MEDIO, POR EJEMPLO UN GUION O UNA BARRA INVERTIDA PARA QUE QUEDE DE LA SIGUIENTE MANERA AL PEGARLO: 9-12/2155221565 DONDE 9-12 ES UN VALOR PREDETERMINADO DE UN COMBO BOX, O SEA QUE ADEMAS QUE AL COPIAR LOS DATOS COPIE SOLO EL CAMPO QUE ESTE SELECCIONADO EN EL COMBO, LUEGO COPIE EL CAMPO DE TELEFONO QUE SERIA UN TEXT BOX, Y ENTONCES AL PEGARLO ME QUEDE COMO DIJE ANTERIORMENTE.

BUENO BASTANTE COMPLICADO SE LAS HE DEJADO, PERO SEGURAMENTE QUE LA PERSONA QUE MAS SABE ME VA A INDICAR COMO HACERLO, DESDE YA MUCHAS GRACIAS Y ESPERO HABER SIDO CLARO.
  #2 (permalink)  
Antiguo 21/03/2008, 04:04
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Re: Copia de datos en un formulario html (SOLO EXPERTOS)

Hola fucker

No soy experto, así que lo único que te puedo decir que no escribas todo en mayúsculas, es como si estuvieras gritando.

Saludos,
  #3 (permalink)  
Antiguo 21/03/2008, 06:38
 
Fecha de Ingreso: marzo-2008
Mensajes: 342
Antigüedad: 16 años, 1 mes
Puntos: 4
Re: Copia de datos en un formulario html (SOLO EXPERTOS)

Cita:
Iniciado por fucker Ver Mensaje
BUENAS... LES TRAIGO UNA DIFICIL JEJJEE, TENGO UN FORMULARIO, CON DATOS POR EJEMPLO COMO NOMBRE, TELEFONO, TIPO DE SISTEMA OPERATIVO, HORARIO DE VISITA Y TELEFONO CELULAR.

EN ESTE FORMULARIO NECESITO HACER 2 COSAS, CON 1 BOTON PUEDA COPIAR EL NUMERO DE TELEFONO AL PORTAPAPELES DE WINDOWS PARA PEGARLO EN OTRA APLICACION.

Y LA OTRA COSA SERIA CON OTRO BOTON TOMAR POR EJEMPLO 2 CAMPOS DEL FORMULARIO Y COPIAR AMBOS AL PORTAPAPELES, CON ALGUN SEPARADOR DE POR MEDIO, POR EJEMPLO UN GUION O UNA BARRA INVERTIDA PARA QUE QUEDE DE LA SIGUIENTE MANERA AL PEGARLO: 9-12/2155221565 DONDE 9-12 ES UN VALOR PREDETERMINADO DE UN COMBO BOX, O SEA QUE ADEMAS QUE AL COPIAR LOS DATOS COPIE SOLO EL CAMPO QUE ESTE SELECCIONADO EN EL COMBO, LUEGO COPIE EL CAMPO DE TELEFONO QUE SERIA UN TEXT BOX, Y ENTONCES AL PEGARLO ME QUEDE COMO DIJE ANTERIORMENTE.

BUENO BASTANTE COMPLICADO SE LAS HE DEJADO, PERO SEGURAMENTE QUE LA PERSONA QUE MAS SABE ME VA A INDICAR COMO HACERLO, DESDE YA MUCHAS GRACIAS Y ESPERO HABER SIDO CLARO.
Has intentado algún código, intentalo y si no puedes podemos depurar el código hecho. al menos no soy experto pero si lo fuera te diría primero que lo intentes.

Un saludo
  #4 (permalink)  
Antiguo 21/03/2008, 09:11
Avatar de Bellenger  
Fecha de Ingreso: noviembre-2004
Ubicación: En un lugar del Mundo...
Mensajes: 599
Antigüedad: 19 años, 5 meses
Puntos: 4
Re: Copia de datos en un formulario html (SOLO EXPERTOS)

Jejeje
Javascript y el Portapapeles...
__________________
Un Caballero Jura Lealtad. Usa su espada para suprimir la Injusticia No Conoce el Odio y Tampoco el AMOR...
  #5 (permalink)  
Antiguo 21/03/2008, 21:52
 
Fecha de Ingreso: marzo-2004
Mensajes: 23
Antigüedad: 20 años, 1 mes
Puntos: 0
Re: Copia de datos en un formulario html (SOLO EXPERTOS)

perdon por las mayusculas, me olvida de ese detalle, bueno les traigo lo que estuve probando estos dias,

<html>
<head>
<SCRIPT languague="JavaScript">
<!--
var cuenta=0
var texto=" Lo que te de la gana "
function scrolltexto () {
window.status=texto.substring (cuenta,texto.length)+ texto.substring(0,cuenta)
if (cuenta <texto.length){ cuenta ++
}else{
cuenta=0
}
setTimeout("scrolltexto()",150)
}
scrolltexto ()
//-->
</SCRIPT>
<script>
function moverlo(origen,destino,mover){

//Script de Karlankas para foros del web

mal=false;
f=document.forms[0];
if(f[origen].options.length>0 && f[origen].value){
campo=f[origen].options[f[origen].selectedIndex];
texto=campo.text;
valor=campo.value;
//Mover si se debe
if(mover){f[origen].options[f[origen].selectedIndex]=null;}
else{
//Si no se mueve evitar que se repita un ingreso
for(a=0;a<f[destino].length;a++){
if(f[destino][a].text==texto && f[destino][a].value==valor){
mal=true;
break;
}
}
}
if(!mal){
pepe=new Option(texto,valor);
f[destino].options[f[destino].options.length]=pepe
}
}
}
</script>
</head>

<body>
<form>
<table>
<tr>
<td>
<select name="Lista_1" id="Lista_1" size="5">
<option value="1" >Pepe</option>
<option value="2">Juan</option>
<option value="3">Lorenzo</option>
<option value="4">Anselmo</option>
<option value="5">Macario</option>
</select>
</td>
<td>
<input type="button" name="mandar" value=" -->" onClick="moverlo('Lista_1','Lista_2',false)">
<br>
<input type="button" name="mandar" value="<-- " onClick="moverlo('Lista_2','Lista_1',true)">
</td>
<td>
<select name="Lista_2" size="5"></select>
</td>
</tr>
</table>

</form>






<form name="f1">

<input type="text" maxlength="15" size="20" name="campo1">
<input type="button" value="Copiar ANI" onclick="copia_portapapeles()">
<br>
</form>

<script language="javascript">

function copia_portapapeles(){
document.f1.campo1.select()
window.clipboardData.setData("Text", document.f1.campo1.value);
}
</script>




<!-- Form Code by Glint: By Nikhil Baliga -->
<form name="AS" method="POST" action="ASD">
<div id="GlintForm" style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; LEFT: 0px; BORDER-LEFT: 1px solid; WIDTH: 400px; BORDER-BOTTOM: 1px solid; POSITION: relative; TOP: 0px; HEIGHT: 300px; BACKGROUND-COLOR: #ffffff" ><INPUT
style="Z-INDEX: 100; LEFT: 5px; POSITION: absolute; TOP: 32px" name=contacto>
<DIV
style="Z-INDEX: 101; LEFT: 50px; WIDTH: 100px; POSITION: absolute; TOP: 8px; HEIGHT: 10px">Contacto</DIV><INPUT
style="Z-INDEX: 102; LEFT: 6px; POSITION: absolute; TOP: 85px" name=ani>
<DIV
style="Z-INDEX: 103; LEFT: 20px; WIDTH: 141px; POSITION: absolute; TOP: 59px; HEIGHT: 22px">Numero
Telefonico</DIV><SELECT
style="Z-INDEX: 104; LEFT: 8px; WIDTH: 146px; POSITION: absolute; TOP: 133px; HEIGHT: 31px"
size=5 name=error> <OPTION>E 678<OPTION>E 691<OPTION>SIN SINCRO<OPTION>E
769<OPTION>E 720<OPTION>E
633<OPTION>MSN/NAVEGACION<OPTION>CONSULTA</OPTION></SELECT></div>
</form>
<!-- End of form -->




<script language="Javascript">
<!--
//specify whether contents should be auto copied to clipboard (memory)
//Applies only to IE 4+
//0=no, 1=yes
var copytoclip=1

function HighlightAll(theField) {
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
if (document.all&&copytoclip==1){
therange=tempval.createTextRange()
therange.execCommand("Copy")
window.status="Contents highlighted and copied to clipboard!"
setTimeout("window.status=''",1800)
}
}
//-->
</script>
<a href="javascript:HighlightAll('form.fuente')">Copi ar al Portapapeles</a>

</body>
</html>


Bueno en el codigo hay de todo un poco fui probando para ver que me puede servir y que no, asi que tomenlo de esa forma nomas, realmente lo unico que me sirvio es el textbox junto con el boton de copiar ani, que era uno de las cosas que necesitaba, y estaba viendo arriba donde esta el primer menu, que se pueden pasar items a la segunda lista que esta al lado, probar si las cosas que pase a la segunda lista puedo generar un boton para copiar todo lo que pase, una vez logrado eso, tendria que ver como puedo hacer para pasar de diferentes textbox o dropmenu a un solo textarea o textbox para copiar esos datos. Como para que quede mas claro, necesito ir eligiendo o llenando datos de diferentes combobox o textbox y luego que los llene con un boton pasarlo a uno solo textarea o textbox para poder copiar todos esos datos que pase y pegarlos en otra aplicacion en firma de texto plano.

Bueno si alguien me puede dar una mano, por lo menos tirarme alguna idea, mas que nada como poder copiar cosas de diferentes lugares y mandarlas a un mismo lado o como poder copiar y ademas al texto que copie agregar algun cararter por defecto como por ejemplo un - o una /

Desde ya muchas gracias, seguramente que cuando lo logre hacer a muchas personas les va a poder servir son cosas utiles para programas o cargas de datos.
  #6 (permalink)  
Antiguo 22/03/2008, 11:14
 
Fecha de Ingreso: diciembre-2007
Ubicación: Argentina
Mensajes: 151
Antigüedad: 16 años, 4 meses
Puntos: 2
Re: Copia de datos en un formulario html (SOLO EXPERTOS)

Aca te dejo el código solucionado para copiar al portapapeles dos cadena de texto, una de un combo y otra de un text (telefono).

Traté de no modificar el código más que lo necesario aunque debo decirte que tenía tiene varios errores (a mi forma de programar).

Código:
<HTML>
<HEAD>

<script language="javascript">

var cuenta = 0
var texto = " Lo que te de la gana "

function scrolltexto () {
window.status=texto.substring (cuenta,texto.length)+ texto.substring(0,cuenta)
if (cuenta <texto.length){ cuenta ++
}else{
cuenta=0
}
setTimeout("scrolltexto()",150)
}
scrolltexto ()

</script>

<script>

function moverlo(origen,destino,mover){

mal=false;
f=document.forms[0];
if(f[origen].options.length>0 && f[origen].value){
campo=f[origen].options[f[origen].selectedIndex];
texto=campo.text;
valor=campo.value;

if(mover){f[origen].options[f[origen].selectedIndex]=null;}
else{

for(a=0;a<f[destino].length;a++){
if(f[destino][a].text==texto && f[destino][a].value==valor){
mal=true;
break;
}
}
}
if(!mal){
pepe=new Option(texto,valor);
f[destino].options[f[destino].options.length]=pepe
}
}
}
</script>
</head>

<body>
<form>
<table>
<tr>
<td>
<select name="Lista_1" id="Lista_1" size="5">
<option value="1" >Pepe</option>
<option value="2">Juan</option>
<option value="3">Lorenzo</option>
<option value="4">Anselmo</option>
<option value="5">Macario</option>
</select>
</td>
<td>
<input type="button" name="mandar" value=" -->" onClick="moverlo('Lista_1','Lista_2',false)">
<br>
<input type="button" name="mandar" value="<-- " onClick="moverlo('Lista_2','Lista_1',true)">
</td>
<td>
<select name="Lista_2" size="5"></select>
</td>
</tr>
</table> 

</form>

<form name="f1">

<input type="text" maxlength="15" size="20" name="campo1">
<input type="button" value="Copiar ANI" onClick="copia_portapapeles()">
<br>
</form>

<script language="javascript">

function copia_portapapeles(){
document.f1.campo1.select()
window.clipboardData.setData("Text", document.f1.campo1.value);
}
</script> 

<!-- Form Code by Glint: By Nikhil Baliga -->
<form name="AS" method="POST" action="ASD">
<div id="GlintForm" style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; LEFT: 0px; BORDER-LEFT: 1px solid; WIDTH: 400px; BORDER-BOTTOM: 1px solid; POSITION: relative; TOP: 0px; HEIGHT: 300px; BACKGROUND-COLOR: #ffffff" >
<INPUT 
style="Z-INDEX: 100; LEFT: 5px; POSITION: absolute; TOP: 32px" name="contacto">
<DIV 
style="Z-INDEX: 101; LEFT: 50px; WIDTH: 100px; POSITION: absolute; TOP: 8px; HEIGHT: 10px">Contacto</DIV>
<INPUT 
style="Z-INDEX: 102; LEFT: 6px; POSITION: absolute; TOP: 85px" name="ani">
<DIV 
style="Z-INDEX: 103; LEFT: 20px; WIDTH: 141px; POSITION: absolute; TOP: 59px; HEIGHT: 22px">Numero 
Telefonico</DIV>
<SELECT 
style="Z-INDEX: 104; LEFT: 8px; WIDTH: 146px; POSITION: absolute; TOP: 133px; HEIGHT: 31px; " name="error"> 
	<OPTION value="E 678">E 678</OPTION>
	<OPTION value="E 691">E 691</OPTION>
	<OPTION value="SIN SINCRO">SIN SINCRO</OPTION>
	<OPTION value="E 769">E 769</OPTION>
	<OPTION value="E 720">E 720</OPTION>
	<OPTION value="E 633">E 633</OPTION>
	<OPTION value="MSN/NAVEGACION">MSN/NAVEGACION</OPTION>
	<OPTION value="CONSULTA">CONSULTA</OPTION>
</SELECT>
</div>
<input type="hidden" name="datoConcatenado">
</form>
<!-- End of form -->


<script language="Javascript">
<!--
//specify whether contents should be auto copied to clipboard (memory)
//Applies only to IE 4+
//0=no, 1=yes
var copytoclip=1

function HighlightAll() {
separador = '/'
telefono = document.AS.ani.value
opcionCombo = document.AS.error.options[document.AS.error.selectedIndex].value;
concatenamos = opcionCombo + separador + telefono
document.AS.datoConcatenado.value = concatenamos

var tempval = document.AS.datoConcatenado
tempval.select()

if (document.all&&copytoclip==1){
therange=tempval.createTextRange()
copiado = therange.execCommand("Copy")
window.status="Contents highlighted and copied to clipboard!"
setTimeout("window.status=''",1800)
}

}
//-->
</script>
<a href="javascript:HighlightAll()">Copiar al Portapapeles</a>

</body>
</html>

Saludos
  #7 (permalink)  
Antiguo 29/12/2008, 12:40
 
Fecha de Ingreso: junio-2007
Mensajes: 2
Antigüedad: 16 años, 10 meses
Puntos: 0
Respuesta: Copia de datos en un formulario html (SOLO EXPERTOS)

Hola, estoy utilizando tu código y es bueno, sólo que lo que no me gustaría que hiciera es enviarlo de regreso, sino más bien enviar los datos e una tabla de una base x.

Te agradecería mucho tu apoyo, gracias.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:15.