JavaScript - Javascript Onclick Copy To Clipboard

I have a small snippet of code which will copy the contents of a textbox to the clipboard when a small image, say a button, is clicked.

I want to achieve a similar effect when I click a hotspot on an image, but in this case the text will have to come from...well, I don't know. Maybe the title in an area tag?

This is what I have so far for a textbox:

Code:

//clipboard copy
function ClipBoard(what){
Copied = document.getElementById(what).createTextRange();
Copied.execCommand("Copy");
alert ("Information copied to the clipboard. Use CTRL-V to paste."); 
}

<textarea id="holdtext1"></textarea> <img border="0" src="copyclick.gif" onclick="ClipBoard('holdtext1');" alt=" Click to copy text to clipboard / CTRL-V to paste" style="cursor: hand" width="18" height="18">

Does anyone have any ideas?

I have been to this forum many times as a lurker and I have picked up some good information. For this I give Thanks wholeheartedly.

My situation: I enter information in a system based on the # of a report that comes in. So if I see a report that says "333" i want to enter specific information for "333" same with "444" and "555" and so on and so forth.

So I want to have a drop down menu for 111, 222, 333, 444 etc...


Basically what I need is, if I select the report # from the drop down menu, I want it to copy information from a HIDDEN textbox to the clipboard. That's it!

I've been trying to figure it out, but to no avail. Sorry I am fake coder

Hello.

I have a textarea where user can select a text then copy to clipboard (using EditArea script for highlighting)
I need append additional information to the selected text so it won't be visible in the textarea, but only appear after copied to clipboard.
For example:
Code:

text line one
text line two
text line three

user selected word "two", hit CTRL+C to copy into clipboard (or used browser's context menu), but in clipboard it should be saved as: "selected word 'two'"

What would be the approach?

Thank you.

Hi,

I am wondering, is there any method that can copy a file(.pdf) from server and paste it in the local drive while the file(.pdf) in the local drive is reading by users ?

P/S : In Windows, the users are not allow to edit or replace the file if it's being read.

Requirements : The users must read the file in local drive after copy from the server.

2 methods been tried :

1. I tried the method which make the javascript to close the browser(IE) first, then copy and replace the file but after the browser is close, everything stopped.

2. Then, I also tried to reopen the file from server first, then only I copy the file from server and replace the local file again but the problem exists again. Even though the local file is closed and file from server is open, the system just doesn't allow me to copy and replace the local file. Why ?

Can anyone give me some suggestion or advice please ? Really need help on this issue.

Hi Friends,
I need a copy to clipboard functionality from a text area using javascript. I use Zclip for the purpose,
but it will not work as needed . I attach my working code along with this .. pls open index.html in browser
and try it . Do any one can pls give a javascript solution to copy textarea content to clipboard...

Thanks,
Anes

Hi guys.

I have made a PHP script that queries a database and uses the reponse to display multiple radio boxes (using a while loop). What I would like to do is have the page URI updated when a radiobox is clicked, without the user having to press on a "Submit" button or something. This is where Javascript comes into play.

As this is a while loop, there is no specific number of responses or prefixed names. I've found a lot of stuff on Google with functions calling ID's, and then if the ID matches do a predefined response. Of course that wouldn't work in this situation, and to be frank I don't need anything near as complex.

What I'm looking to do is call a Javascript function to redirect the page to "...?location=<get location from PHP var>&id=<get ID from checkbox ID/name>".

When the page reloads, I can then use the PHP $_GET["id"] function to display data. It sounds SO simple in theory! Can anyone help?

What i've done (and failed):

Code:

echo "<form>";

while ($explode_count_dec > "0"):
$while_query = mysql_query("SELECT * FROM printers WHERE ID LIKE '$explodedata[$explode_number]'");
$while_result = mysql_fetch_assoc($while_query);

echo "<input type='radio' value='".$explodedata[$explode_number]."' name='printer' onClick='showmore(".$explode_number.")' />".$while_result["Model"]." <BR /> ";

++$explode_number;
--$explode_count_dec;
endwhile;

echo "</form>";

and the JS:

Code:

<script type="text/javascript">
function showmore($text) {
  var room = "<?= $get_location; ?>";
  window.location = "?location=" + room + "&id=" + <?php $text; ?> // Couldn't do just $text here? I wish I knew JS..
}
</script>

I am trying to set a PHP variable but am using the onClick() event handler, which requires JavaScript. See below:

[ICODE]<a href="javascript:update('gallery/Fgallery1-1.jpg', 0);" onClick="index_value = 'gallery1-1';">
<img src="gallery/gallery1-1.jpg" alt="Antique Impressions Hardwood Flooring - White Oak" border="0" class="galborders" onMouseOver="alert_msg('Click to view image close up')" onMouseOut="away()"></a><br /></ICODE]

The webpage is http://www.hardwood-floor-products.com/gallery1.php.

What I am trying to do is to set up a PHP variable, $index, that is equal to "gallery1-1', 'gallery1-2', etc. so that I can use that varialble throughout this module. I also realize that I need to use JavaScript with onClick() but I have had no success. I realize that PHP is servier-side and JavaScript is client-side, but there must be a way to do that.

Genia

i have this line in my code:
PHP Code:
echo '<a href="" onClick="yesnolist()">Free Chat</a>'; 


then at the top i have:
Code:

<? php
    //have some php here
?>
<div class="innerContainer">
<head>
<script type="text/JavaScript">
 function yesnolist(val)
  {
      alert("lakjsd");
     var e = confirm('Do you want to send a free chat request?');

     if (e == true)
     {
        window.location.href = "http://www-rainbowcode-mobi/confirmfreechat.php";
        window.location('http://www-rainbowcode-mobi/confirmfreechat.php');
        return true;
     }
      else
        return false;
  }     
</script>  
</head>
    <span class="headings2">CONTACTS</span>
    //and more code after this
    echo '<a href="" onClick="yesnolist()">Free Chat</a>';

why is it not doing my onClick()??
please help?
thanks

Hi everyone,

I'm a JavaScript newbie and am trying to use it to direct users to a search page based on the values of two drop down boxes. The issue i am having is that the code below works fine on a test page, but not on my test domain (with wordpress theme) and so i was wondering whether there is anything I am doing wrong...

Is onclick already defined maybe? I'm not sure how it works to be honest...

Code:

<script type="text/javascript">
function gosearch() {
var breed = document.getElementById('breed').value;
var area = document.getElementById('area').value;
var site = "http://hairloss-help.net/?s=";
var searchurl = site + breed + area;

window.location.href = searchurl;
}
</script> 

<strong>Breed</strong>
<select name="breed" id="breed">
<option value="">&gt; All</option>
<option value="Affenpinscher+">Affenpinscher</option>
<option value="Afghan+Hound+">Afghan Hound</option>
<option value="Airedale+Terrier+">Airedale Terrier</option>
<option value="Akita+">Akita</option>
<option value="Alaskan+Malamute+">Alaskan Malamute</option>
<option value="Alsation+">Alsation</option>
<option value="American+Cocker+Spaniel+">American Cocker Spaniel</option>
<option value="Anatolian+Karabash+">Anatolian Karabash</option>

</select>

<strong>Area</strong>
<select name="area" id="area">
<option value="all">&gt; All Areas</option>
<optgroup label="England">
<option value="Avon">Avon</option>
<option value="Bedfordshire">Bedfordshire</option>
<option value="Berkshire">Berkshire</option>
<option value="Bristol">Bristol</option>
<option value="Buckinghamshire">Buckinghamshire</option>
<option value="Cambridgeshire">Cambridgeshire</option>
<option value="Cheshire">Cheshire</option>
<option value="Cleveland">Cleveland</option>
<option value="Cornwall">Cornwall</option>

</select>

<input type="button" name="gobutton" id="gobutton" value="Go!" onclick="gosearch();" />

The domain I'm currently testing this on is http://www.hairloss-help.net.

Any help would be much appreciated.

Thanks

Sam

Hi Everyone,

Iv got a button in my HTML5 document that when clicked gives an error.

The button is coded as follows:

Code:

<input type="button" onclick="startGame();" value="Play!" />

The startGame function is held in an external JavaScript file. Whenever i run the code and click on the button i get an error that says startGame is not defined.

Any ideas?

Thanks, Luke

I assum the following html code:

<div id="id1" onclick="click()">A<div>
<div id="id2" onclick="click()">B<div>


Do you know how to get ID = id2 when I onclick on A?

Hey everyone,
I am having troubles with my form not working correctly in IE. I have onclicks for different parts of my site. I am trying to use onclick and divs to make this happen. Can some look at my code and help me out?
Thanks/
Code:

<script type="text/javascript">
function switchFS(obj) {
	var fset,i,fsclass;
	fset=document.getElementsByTagName('fieldset');
	fsclass = obj;
	for ( i=0; i<fset.length; i++) {
		if ((fset[i].getAttribute('class') != "user") && (fset[i].getAttribute('class') != fsclass)) {
			fset[i].style.display = "none";
		} else {
			fset[i].style.display = "block";
		}
	}
}
</script>


</head>

<body id="submitform">
<div id="container">
	<div id="header">
    <?php include($dirprefix . "external/include/header.html"); ?>	
    </div><!-- end header -->
    <div id="maincontent">
    <h3>&nbsp;</h3>
    <?php include($dirprefix . "external/include/menu_inactive.html"); ?>	
    
    <div id="bodycontent">
    <div id="bodyleftcol">
    <h4>Contact</h4>
    <h5>Registration</h5>
    </div>
    <div id="bodyrightcol">
	<h1 class="formhead">Site Registration</h1>
	<p>Please register if you are a Zimmer customer, or an agency or designer working on behalf of one. Completing the requested information will enable us to continue to update and improve site content. Please make note of your password for future reference. You will receive an email with your login information.</p>
	<div id="mainrightcol">
  <form name="form" id="register" method="post" action="processregister.php">
  
  	<fieldset class="user">  
	<legend>i am a:</legend>
		<label><input type="radio" value="Healthcare provider" class="checkbox" name="usertype" onclick="switchFS('healthcare');" /> Healthcare provider</label>
        <label><input type="radio" value="Agency or designer for a customer" class="checkbox" name="usertype" onclick="switchFS('agency');" /> Agency or designer for a customer</label>
		<label><input type="radio" value="Independent agency or designer" class="checkbox" name="usertype" onclick="switchFS('agency');" /> Independent agency or designer</label>
		<label><input type="radio" value="Zimmer employee" class="checkbox" name="usertype" onclick="switchFS('zimmer');" /> Zimmer employee</label>
        <label><input type="radio" value="Zimmer field representative" class="checkbox" name="usertype" onclick="switchFS('zimmer1');" /> Zimmer field representative</label>
		<label><input type="radio" value="Media" class="checkbox" name="usertype" onclick="switchFS('user');" /> Media</label>
		<label><input type="radio" value="Healthcare Author/Publisher" class="checkbox" name="usertype" onclick="switchFS('author');" /> Healthcare Author/Publisher</label>
		<label><input type="radio" value="Other" class="checkbox" name="usertype" onclick="switchFS('user');" /> Other</label>
	</fieldset>
    
    <fieldset class="zimmer" style="display: none;">
    <legend>zimmer information</legend>
        <!--<label for="businessunit">Zimmer business unit: <input type="text" name="businessunit" value="" required="required" /></label>-->
        <label for="division">Zimmer business unit: 
        <select name="division">
			<option value="">- n/a -</option>
			<option value="Knees">Knees</option>
			<option value="Hips">Hips</option>
			<option value="Extremities">Extremities</option>
			<option value="Trauma">Trauma</option>
            </select></label>
    </fieldset>
    
    <fieldset class="zimmer1" style="display: none;">
    <legend>zimmer information</legend>
        <!--<label for="businessunit">Zimmer business unit: <input type="text" name="businessunit" value="" required="required" /></label>-->
        <label for="distributorship">Zimmer distributorship: 
        <input type="text" name="distributorship" value="" required="required" /></label>
    </fieldset>

I have added the javascript and the section of code where the user picks how they are. Once you click on one of the users in IE the form goes away.

Hi I have some code but have no skills so need a lot of help here is what I have



Code:

<script type="text/javascript"><!--
alert(window.clipboardData.getData ('Text' ))
{if  (1,2,3,4) //repeats 4 times
  {
  //open 1.exe
  }
else if (5,6,7,8) //repeats 4 times
  {
   // open 2.exe
  }else if (9,10,11,12) //repeats 4 times
  {
   // open 3.exe
  }
else
  {
  // 
  }
//--></script>

I need to get it to listn for sertan words and numbers and make a decision on what file to open the .exe files. It needs to recognise when the info has changed in the clipboard

Please help <- thats me

I'm attempting to modify a facebook app I purchased that allows friends to send gifts to each other.

The problem with the program is that when gifts are accepted, they continue to show on the "accept gift" page. I'd like to change it so that after gifts are accepted, they no longer show on that page, preventing the user from wondering "which gifts have I already accepted?" Later, I'd like to also create a reject gift option, but 1st things 1st.

The program is written in php, html, and javascript. I decided one solution was to add a new empty column to the sql table called "accepted". When the user presses "accept gift" I'm thinking an onclick event could be used to add a "y" (for yes) to that record in the database.

Then modify the code that displays the gifts to only show gifts from the table 'WHERE' accepted is equal to null.

My questions a

Is this a logical approach?

If so, is the process: create a javascript function that updates mysql and call that function with an onclick event?

What about sql injection vulnerabilities?

I've read a lot about ajax and HTTP request being the way to do things like this, but could not find an example that represented what I want to do. After weeks of reading, I'm still lost.

Okay. So here's what I'm trying to do. I have my landing page to my site and near the bottom I have 4 little 48x48 class divs (for social network link images if you were wondering ). Each Class div has a background style all to it's own. (so in this case 4 different divs with 4 different class names) .

What I want to do with the javascript is to have a function(s) that when called on (depending on which div.class was/is clicked on) will open up a lightbox/new page containing the new page (pertaining to the appropriate social network, depending on which class has been clicked on).

I don't want to put an <a></a> tag around the div.classes themselves seperately because the landing page itself has 8 different styles, plus the div.classes I would have to hunt down within the site itself. haha

Basically in short I want the classes to have seperate links that when clicked upon it calls the function, opens the lightbox (or opens the new tab/page) and loads the appropriate page.

Think yall can help me out here?