Foros del Web - Ver Mensaje Individual

jibran · #4 (**permalink**) 03/07/2013, 10:40

ya lo resolvi gracias si utilice ZeroClipboard!!!

EL problema era....

Que el contenido disponible en las paginas no sirve en especififico la el script ZeroClipboar.js,

ni siquiera se encuntra disponible en google code... pero por fortuna al leer el script me percate de que habian cosas que faltaban para que pudiera creaser un lemento ZeroCLip con mediante el contructur new ZeroClip....

El scrip queda como sigue

tambien dejo el html ejemplo

Código HTML:

Ver original<html>
<head>
    <title>Zero Clipboard Test JB or die</title>
    <style type="text/css">
        body { font-family:arial,sans-serif; font-size:9pt; }
        
        .my_clip_button { width:150px; text-align:center; border:1px solid black; background-color:#ccc; margin:10px; padding:10px; cursor:default; font-size:9pt; }
        .my_clip_button.hover { background-color:#eee; }
        .my_clip_button.active { background-color:#aaa; }
    </style>
    <script type="text/javascript" src="ZeroClipboard.js"></script>
    <script language="JavaScript">
        var clip = null;
        
        function $(id) { return document.getElementById(id); }
        
        function init() {
                     alert("after init ");
            clip = new ZeroClipboard.Client();
                        alert("after init an created class");
            clip.setHandCursor( true );
            
            clip.addEventListener("load", function (client) {
                debugstr("Flash movie loaded and ready.");
            });
            
            clip.addEventListener('mouseOver', function (client) {
                // update the text on mouse over
                clip.setText( $('fe_text').value );
            });
            
            clip.addEventListener('complete', function (client, text) {
                debugstr("Copied text to clipboard: " + text );
            });
            
            clip.glue( 'd_clip_button', 'd_clip_container' );
        }
        
        function debugstr(msg) {
            var p = document.createElement('p');
            p.innerHTML = msg;
            $('d_debug').appendChild(p);
        }
    </script>
</head>
<body onLoad="init()">
    <h1>Zero Clipboard Test jb or die</h1>
    <p><script>document.write("Your browser: " + navigator.userAgent);</script></p>
    <table width="100%">
        <tr>
            <td width="50%" valign="top">
                <!-- Upload Form -->
                <table>
                    <tr>
                        <td align="right"><b>Text:</b></td>
                        <td align="left"><textarea id="fe_text" cols=50 rows=5 onChange="clip.setText(this.value)">Copy me!</textarea></td>
                    </tr>
                </table>
                <br/>
                <div id="d_clip_container" style="position:relative">
                    <div id="d_clip_button" class="my_clip_button"><b>Copy To Clipboard...</b></div>
                </div>
            </td>
            <td width="50%" valign="top">
                <!-- Debug Console -->
                <div id="d_debug" style="border:1px solid #aaa; padding: 10px; font-size:9pt;">
                    <h3>Debug Console:</h3>
                </div>
            </td>
        </tr>
    </table>
    
    <br/><br/>
    You can paste text here if you want, to make sure it worked:<br/>
    <textarea id="testarea" cols=50 rows=10></textarea><br/>
    <input type=button value="Clear Test Area" onClick="$('testarea').value = '';"/>
</body>
</html>