JavaScript - Transfer Text To Links

Basically I have comments posted on articles and I want to allow users to report them if they find inappropriate content. I want them to be able to click on icon on the comment which will open up a pop-up. Then in the pop-up they can type why they are reporting the comment.

Code:

 <script type="text/javascript">
function popup() {
Report = window.open('/report.php','Report','width=350, height=400');
document.reportform.submit();
}
</script>

        <form action="/report.php" name="reportform" method="post" target="Report">
        <input type="hidden" name="reporter_id" value = "<?php echo $user_id; ?>" />
        <input type="hidden" name="reported_id" value="<?php echo $row['uid'] ?>"  />
        <input type="hidden" name="comment_id" value="<?php echo $row['id'] ?>"  />
     	<a href="#" name="reportform" class="submit" onclick="return popup();"> Report</a></form>

I've been messing with this code for a while now. This code successfully brings up the pop-up, but it doesn't transfer the form data. My main coding language is PHP, and I'm in the process of learning Javascript. Can anyone help?

Hi,

I have a rather complicated problem for me as it involves both php and js. And I'm getting lost... Let me explain:

On a page, order.html, I have a form including the following fields:
- name
- email
- comment

When posted, it is linked to request.php and request.validation.js, to end up on confirmation.php.

On confirmation.php, I would like to reuse the information entered in the fields on order.php (name, email, comment) to display them on the page.

My issue I can't find how to 'take them along' in request.php / request.validation.js to confirmation.php where I'm trying to display them with :
Code:

Contact:  <span id="name"><?php echo($_POST['name']); ?></span>

etc.


For reference, here are my files request.php and request.validation.js:

PHP Code:
<?php

// CONFIGURATION --------------------------------------------------------------

// This is the email where the contact mails will be sent to.
$config['recipient'] = 'mail@mail.com';

// This is the subject line for contact emails.
// The variable %name% will be replaced with the reference ordered.
$config['subject'] = 'Website enquiry from %name%';

// These are the messages displayed in case of form errors.
$config['errors'] = array
(
    'no_name'       => 'Veuillez entrer votre nom.',
    'no_email'      => 'Votre adresse email est requise.',
    'invalid_email' => 'Votre adresse email n est pas valide.',
    
);

// END OF CONFIGURATION -------------------------------------------------------


// Ignore non-POST requests
if ( ! $_POST)
    exit('Nothing to see here. Please go back to the site.');

// Was this an AJAX request or not?
$ajax = (isset($_SERVER['HTTP_X_REQUESTED_WITH']) AND strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest');

// Set the correct HTTP headers
header('Content-Type: text/'.($ajax ? 'plain' : 'html').'; charset=utf-8');

// Extract and trim contactform values
$name    = isset($_POST['name']) ? trim($_POST['name']) : '';
$email   = isset($_POST['email']) ? trim($_POST['email']) : '';
$comment = isset($_POST['comment']) ? trim($_POST['comment']) : '';

// Take care of magic quotes if needed (you really should have them disabled)
set_magic_quotes_runtime(0);
if (get_magic_quotes_gpc())
{
    $name    = stripslashes($name);
    $email   = stripslashes($email);
    $comment = stripslashes($comment);
}

// Initialize the errors array which will also be sent back as a JSON object
$errors = NULL;

// Validate name
if ($name == '' || strpos($name, "\r") || strpos($name, "\n"))
{
    $errors['name'] = $config['errors']['no_name'];
}

// Validate email
if ($email == '')
{
    $errors['email'] = $config['errors']['no_email'];
}
elseif ( ! preg_match('/^[-_a-z0-9\'+*$^&%=~!?{}]++(?:\.[-_a-z0-9\'+*$^&%=~!?{}]+)*+@(?:(?![-.])[-a-z0-9.]+(?<![-.])\.[a-z]{2,6}|\d{1,3}(?:\.\d{1,3}){3})(?::\d++)?$/iD', $email))
{
    $errors['email'] = $config['errors']['invalid_email'];
}

// Validation succeeded
if (empty($errors))
{
    // Prepare subject line
    $subject = str_replace('%name%', $name, $config['subject']);
    
    // Set date
    $todayis = date("l, F j, Y") ;
    
    // Prepare message
    $message = "Date: $todayis
Nom: $name
email: $email
Commentai  $comment";

    // Additional mail headers
    $headers  = 'Content-Type: text/plain; charset=utf-8'."\r\n";
    $headers .= 'From: '.$email;

    // Send the mail
    if ( ! mail($config['recipient'], $subject, $message, $headers))
    {
        $errors['server'] = 'Server problem';
    }
}

if ($ajax)
{
    // Output the possible errors as a JSON object
    echo json_encode($errors);
}
else
{
    // Show a simple HTML feedback message in case of non-javascript support
    if (empty($errors))
    {
        header('Location: ../steps/confirmation.php');
    }
    else
    {
        echo '<h2>Oups!</h2>';
        echo '<ul><li>';
        echo implode('</li><li>', $errors);
        echo '</li></ul>';
        echo '<br><br><a href="javascript:history.back(-1);">Retour</a>';
    }
}


Code:

/*
 * 	Request Form Validation v1.0
 *	By Simon Bouchard <www.simonbouchard.com>
 *	You need at least PHP v5.2.x with JSON support for the live validation to work.
 */

jQuery(document).ready(function(){  

	jQuery('#requestform').submit(function() {

		// Disable the submit button
		jQuery('#requestform input[type=submit]')
			.attr('value', 'Send...')
			.attr('disabled', 'disabled');

		// AJAX POST request
		jQuery.post(
			jQuery(this).attr('action'),
			{
				name:jQuery('#name').val(),
				email:jQuery('#email').val(),
				comment:jQuery('#comment').val(),
			},
			function(errors) {
				// No errors
				if (errors == null) {
					document.location.href="confirmation.php";
				}

				// Errors
				else {
					// Re-enable the submit button
					jQuery('#requestform input[type=submit]')
						.removeAttr('disabled')
						.attr('value', 'Envoyer');

					// Technical server problem, the email could not be sent
					if (errors.server != null) {
						alert(errors.server);
						return false;
					}

					// Empty the errorbox and reset the error alerts
					jQuery('#requestform .errorbox').html('<ul></ul>').show();
					jQuery('#requestform li').removeClass('alert');

					// Loop over the errors, mark the corresponding input fields,
					// and add the error messages to the errorbox.
					for (field in errors) {
						if (errors[field] != null) {
							jQuery('#' + field).parent('li').addClass('alert');
							jQuery('#requestform .errorbox ul').append('<li>' + errors[field] + '</li>');
						}
					}
				}
			},
			'json'
		);

		// Prevent non-AJAX form submission
		return false;
	});

});

Thanks for your help.
M.

Hey friends,

I'm not sure where to post this, so redirect me if there is a more appropriate location, please. I am having a very strange problem with a javascript gallery contained within a site I am working on. The problem is, that it broke (appears to be a non-working javascript) while transferring servers (from test server to client server). It makes me believe that it is a filepath problem, but I have checked over the filepaths, the javascript, the css, the html, substituted the new files back into the test server one by one, which, all work on the test server (and vice versa, the old files dont work on the new server)... and cannot seem to find the problem. I am using noobSlide gallery and have replaced the JS files incase they became corrupted in any way during the transfer. The website is located he

http://www.design-evolve.com

The gallery is located within Landscape-> Residential Landscape (under the Projects section). Once you reach the Residential Landscape, the Gallery is at the top of the page, and the arrows *should* scroll you through 5 images.

Can anyone give me a fresh set of eyes to see if I am overlooking something? Any help would be much appreciated.

Thanks,
-Andrew

I have this code to prompt for text input and then I want to run script.sh:

Code:

 <script type="text/javascript">
function runscript()
{
var x=prompt("Enter text:");
//this is where I'm lost
var xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","/cgi-bin/script.sh");
xmlhttp.send()
}
</script>

Is it possible to substitute x above as the value for $txt in script.sh which looks like this below and how please?

Code:

 #!/bin/bash

echo "Content-type: text/html"
echo ""

<some xmlrpc command> "add text $txt"

Hi Folks,

I'm trying to figure out a script to transfer selected checkbox information to another page. I'm making a needs list for a non-profit group and the list is "huge" so I thought it would be nice to have something where the viewer could have a list of the items they checked to donate instead of printing out or transmitting the six pages for the entire list.

I found a script in the archives from 10/2002 that "Adios" wrote in reply to an inquiry. It is real close to what I want but it involves transfering graphics instead of the text information from the checkbox. I've been working on it for several days but cannot get it to work. Here's Adios' script:

<html>
<head>
<title>untitled</title>
<script type="text/javascript" language="javascript">

var lefty = righty = null;

function pop_twins() {
lefty = open('lefty.htm','lefty','left=0,top=0,width='+screen.availWidth/2+',height='+screen.availHeight+',status=0');
righty = open('righty.htm','righty','left='+screen.availWidth/2+',top=0,width='+screen.availWidth/2+',height='+screen.availHeight+',status=0');
lefty.focus(); righty.focus();
}

</script>
</head>
<body>
<a href="javascript:void pop_twins()">pop 'em</a>
</body>
</html>

[lefty.htm]

<html>
<head>
<title>The Source</title>
<base href="http://aabode.com/victoria/images/">
<script type="text/javascript" language="javascript">

var path = 'http://aabode.com/victoria/images/';

function addIMG() {
var HTML = '', img, box_arr = document.addform.ImgAdd, which = 0;
HTML += '<html><head><title>The Destination</title></head><body>';
HTML += '<h1>&amp;#149; The Destination &amp;#149;</h1>';
while (box = box_arr[which++]) if (box.checked)
HTML += '<img vspace="5" border="1" src="' + path + box.value + '"><br>';
HTML += '</body></html>';
if (opener.righty) {
opener.righty.document.write(HTML);
opener.righty.document.close();
}
}

</script>
</head>
<body>
<h1>&amp;#149; The Source &amp;#149;</h1>
<form name="addform">
<input type="checkbox" name="ImgAdd" value="apple.jpg" onclick="addIMG()">
<img align="middle" vspace="5" border="1" src="apple.jpg"><br>
<input type="checkbox" name="ImgAdd" value="strawberry.jpg" onclick="addIMG()">
<img align="middle" vspace="5" border="1" src="strawberry.jpg"><br>
<input type="checkbox" name="ImgAdd" value="pumpkin.jpg" onclick="addIMG()">
<img align="middle" vspace="5" border="1" src="pumpkin.jpg"><br>
<input type="checkbox" name="ImgAdd" value="lettuce.jpg" onclick="addIMG()">
<img align="middle" vspace="5" border="1" src="lettuce.jpg"><br>
<input type="checkbox" name="ImgAdd" value="raspberries.jpg" onclick="addIMG()">
<img align="middle" vspace="5" border="1" src="raspberries.jpg"><br>
<input type="checkbox" name="ImgAdd" value="tomatoes.jpg" onclick="addIMG()">
<img align="middle" vspace="5" border="1" src="tomatoes.jpg">
</form>
</body>
</html>

[righty.htm]

<html>
<head>
<title>The Destination</title>
<body>
<h1>&amp;#149; The Destination &amp;#149;</h1>
</body>
</html>


I would like to also include a print function and submit. The print feature is not a big issue as the viewer can print from the browser but I thought it would make the transferred information page a bit more snazzy and they will have a record of thier selections. On the submit I don't have a URL setup yet but if you could put something like "URL HERE" in the script placement I can change it when they get up and going.

Thanks in advance for your help, and thanks for taking the time to read all this.

I am currently creating which will allow the user to upload their own pictures. For this I am opening a new pop up window where the user can select the file they wish and then upload it (similar to ebay's picture upload). The pop up works fine and so does the file upload however I am having trouble transferring any data from the pop up window back to the parent window. I have been investigating the opener method but cannot seem to get it to work.

Below is some simple code that I've been trying to get to work...

Thanks for any help!

first page...

Code:

<form name="loadpic" id="loadpic" action="createPost.php" method="post">
      <br />
      <br />
      Testing transfer between pages... <input type="button" value="open pop up" onclick="window.open('popup.php','pop up box','width=400,height=200')" />      
      <br />
      <br />
      <span name="myspan" id="myspan">text here</span>
</form>

pop up page...

Code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pop Up</title>
<script language=javascript>
function transfer(){
	  opener.document.loadpic.myspan.innerHTML = "working"; 
	  window.close();
}
</script>
</head>

<body>
This is the pop-up page!

<input type="button" onclick="return transfer()" value="press me" />
</body>

As of right now I have a code that will work in IE but wont work in FireFox...go figure. Basically what I want to have happen is when you type in an area code it will provide an output in a predetermined area of the page.

For Example:

Input- 512

Output - Austin, TX

The code that I have doesn't work with firefox and I was just wondering if there was a code that would allow that to happen. Thanks!

Hi,

I have a form with 9 text fields and a text area. What I want to do is replace the text in the text area depending on how many fields contain text. For example my text boxes are named 1 to 9, if the user enters text in the first five boxes I want the text area to auto fill with 'you have selected boxes 1 to 5' if the user selects all nine it will say 'you have selected 1 to 9', therefore, the user must complete the text boxes in order. I have it working with an onchange event but i have a button on the form to also auto fill the text boxes and it does not work if this is clicked.

Any help would be appreciated!

Hi all,

Thanks for reading. I'm having an issue trying to accomplish the following -

I have a text field (field1) already displayed on the HTML page. However, there's a link where you can add additional text fields to the page as well. When the link is clicked, the second text field is added successfully (field2), and when the link is clicked again, the third text field (field3) is added successfully. However, the third field does not add itself to the page, and the text for anything greater than a third field also isn't displayed after.

This obviously means that my "fields" variable is not working right, so I'm wondering, would anyone be able to assist me to help me get that variable processing correctly?

Code:

<script language="javascript">

fields = 1;

function addMore() {

if (fields = 1) {

document.getElementById('addedMore').innerHTML = "<input type='text' name='field2' size='25' /> <span>Field 2.</span>";

fields = 2;

} else if (fields = 2) {

document.getElementById('addedMore').innerHTML = "<input type='text' name='field3' size='25' /> <span>Field 3.</span>";
fields = 3;

} else {

document.getElementById('addedMore').innerHTML = "Only 3 fields are allowed.";
document.form.add.disabled=true;

}

}

</script>

Here is the code in my HTML -

Code:

<input type="text" name="field1" size="25" /> <span>Field 1.</span>
<div id="addedMore"></div>
<p class="addMore"><form name="add"><a onclick="addMore()">Add another field.</a></form></p>

Thank you very much.

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 have a form setup so that selecting a radio button opens a specific text field. The problem is if the user starts to enter information, then switches to a different radio button (perhaps they chose the wrong radio to start), the text they already started to enter on the previous textfield doesn't get cleared. This will be a problem later when inserting to sql.

Here is a summary of the code:

Code:

<head>
<script type="text/javascript">
function doClick(objRad){
if (objRad.value=="0"){
document.getElementById("textbox").style.display='block'; 
}
else{
document.getElementById("textbox").style.display='none'; 
}
if (objRad.value=="1"){
document.getElementById("textbox1").style.display='block'; 
}
else{
document.getElementById("textbox1").style.display='none'; 
}
if (objRad.value=="2"){
document.getElementById("textbox2").style.display='block';
}
else{
document.getElementById("textbox2").style.display='none';
}
}
</script>
</head>
<body>

<form action="insert.php" method="post">
<p>Please choose the business type:
<input type="radio" name="rad" value="0" onclick="doClick(this)">
Sole Proprietorship
<input type="radio" name="rad" value="1" onclick="doClick(this)">
Partnership
<input type="radio" name="rad" value="2" onclick="doClick(this)">
Corporation

<div id="textbox" style="display:none">
<input type="text" name="txt">
This is my sole proprietorship info.</div>
<div id="textbox1" style="display:none">
<input type="text" name="txt">
This is my partnership info.</div>
<div id="textbox2" style="display:none">
<input type="text" name="txt">This is my corporation info.
</div>
</form>
</body>

Any help is appreciated,
Thanks in advance!

Hi,

Here's a sample form:

Code:

<form action="#" method="post">
Name:<br />
<input type="text" name="name" value="your name" /><br />
E-mail:<br />
<input type="text" name="mail" value="your email" /><br />
<input type="submit" value="Send"> 
</form>

When you tab to a text input, the value gets highlighted. How can it be disabled?

Any help is appreciated!
Mike

Hi,

I'm hoping this will be an easy one for you experts out there.

I am working on a convention registration form.

What I'm trying to do is have the text "50.00" pop into the COST field when any text (even if it's only one character) is entered into the NAME field.

If the text in the NAME field is deleted, the "50.00" should also be deleted.

Does anyone have a script that does this?

Thanks!

im clueless when it comes to javascript, but this is what im trying to find:

i have a page that has multiple text areas, i also have 4 links that when clicked i want to add some predefined text into the active text area the one with the text cursor in?

The Hyperlinks:
Code:

<a href="#sc">Shift Changed</a> | <a href="#ol">On Leave</a> | <a href="#ot">OverTime</a> | <a href="#ss">ShiftSwap</a>

The textareas:
PHP Code:
                <td><textarea name=details$i rows=4 align=absmiddle cols=16 value="$details[$i]\">$details[$i]</textarea></td> 


as you can see the textareas are created on the fly based on a php array.

would anyone be willing to put some code together for this?
or even give me the basics on how i can get the active textarea's name so i can pass that to a script that inserts into a given field?

Hi. I have developed a form all working fine but am struggling on the following.

I need a checkbox for an item, when the checkbox is true the user can enter text in a text box, only if the checkbox is ticked.

I have numerous items I need for this.

Hope someone can help. Thanks