copiar texto al portapapeles con Flash y Javascript - FORO - www.unViciomas.com

Pertenece al Grupo " Visitante "     MP MP( )   
Elige un Tema y Crea tu Post!




  • Página 1 de 1
  • 1
copiar texto al portapapeles con Flash y Javascript
unViciomás
Fecha: Miércoles, 09/11/2011, 12:48 PM | Link del Mensaje # 1

Oficial
STATUS: Offline
POSTS:
2215

PREMIOS:
0

REPUTACIÓN:
2

OBSERVACIONES:

RANGO:

Copiar texto al portapapeles con Flash y Javascript


PASO 1:
Para empezar a implementarlo primero tienen que bajarse el Javascript y el botón Flash.



PASO 2: Codigo que debe ir entre el <head> </head>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>copy to clipboard</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://unviciomas.com/jwplayer/ccb.js" type="text/javascript"></script>
<script type="text/javascript">
function addIndexCopyButton(){
var b={
pathToSwf:"http://unviciomas.com/jwplayer/ccb.swf?v=3.0",
imageUrl:"http://unviciomas.com/Web/Iconos/ccb.jpg",
height:"26",
textValue:"Copiar",
width:"46"
};
$("#index_copy_button").html("");
CopyClipboardButton.appendButton("index_copy_button","short_url",b);
}
addLoadEvent(function(){
addIndexCopyButton();
});

</script>
<style>
body {
color:#555555;
font-family:arial,helvetica,sans-serif;
font-size:12px;
}
#short_url {
background-color:#FEFFEC;
border:1px solid #999999;
color:#666666;
display:block;
float:left;
font-size:14px;
margin-right:4px;
padding:3px;
width:220px;
}
</style>
</head>

PASO 3: Estructura HTML

<form action="" method="get">
<input name="short_url" id="short_url" type="text" value="Copiar este texto"/>
<span id="index_copy_button"></span>
</form>

VER EJEMPLO




AYUDA A LA PAGINA, REGISTRATE!!

Un Vicio Mas - File Sharing


Compartir en:
 
  • Página 1 de 1
  • 1
Búscar:






Registrate y sube tus Posts Gracias por Registrarte! Ya puedes Subir lo que mas te Guste!!



Copyright UnVicioMás © 2024 Contáctenos