JavaScript - Transfer Selected Checkbox Info To Another Page

like for example i have text areas named upload1 and upload2

when I click or add input on upload1 a drop down list below upload2 will not change, but when I add input on upload2 the dropdown will select "parts"

i'm working with a city select option, a hotel select option & an iframe. the hotel select option is populated depending on the chosen city which then updates the iframe src. this is all working fine.

the trouble im having is that when the page is refreshed, normal f5 way, the hotel option changes whereas the city option & the iframe src remains the same??

this problem does not occur on a force refresh via control + f5 as then both select options & iframe src revert to their original state.

I don't want the city option to change upon a normal page refresh. how do I go about this?

below are the city, hotel select options & iframe
Code:

    <form name="hotelslist" id="hotelslist">
        <select id="cities" name="cities" onChange="hotel_list(hotelslist.cities.selectedIndex);loadHotel();">
          <option value="Baddeck">Baddeck</option>
          <option value="Banff">Banff</option>
        </select>
    <select id="hotelnames" name="hotelnames" onChange="loadHotel();">
          <option value="Inverary Resort, Baddeck">Inverary Resort, Baddeck</option>
        </select>
      </form>

<iframe name="hotelframe" id="hotelframe" src="http://www.google.com" scrolling="no" width="660" height="1000" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0"> <p>Your browser does not support iframes.</p> </iframe>

below is my javascript functions
Code:

function loadHotel() { 
    var destURL = document.hotelslist.hotelnames.options[document.hotelslist.hotelnames.selectedIndex].value; 
		window.frames["hotelframe"].location = destURL; }

var i;
function hotel_list(i){
var hotelslist = document.getElementById("hotelslist");
	hotelslist.hotelnames.options.length=0;
	
switch(i)
{	
case 0: //Baddeck
hotelslist.hotelnames.options[0] =new  Option('Inverary Resort, Baddeck','http://www.test0.com');
break;
case 1: //Banff
hotelslist.hotelnames.options[0] =new  Option('Banff Caribou Lodge & Spa','http://www.test1.com');
hotelslist.hotelnames.options[1] =new  Option('Banff Ptarmigan Inn','http://www.test2.com');
hotelslist.hotelnames.options[2] =new  Option('Banff Rocky Mountain Resort','http://www.test3.com');
hotelslist.hotelnames.options[3] =new  Option('The Rimrock Resort','http://www.test4.com');
hotelslist.hotelnames.options[4] =new  Option('Fairmont Banff Springs','http://www.test5.com/');
break;
}
}

can some one please advise on a cross browser solution?

thanks in advance.
Omar.

Hi all,

I have a script that checks and unchecks all boxes depending on the current state of the box. I have used it on one page and it works perfectly fine... copied it over to a new page where I wanted to reuse and can't get it to work.

Code:

<script type="text/javascript">
function check_all(form, input_name, self){
		if(!input_name){
			return;
		}
		
		var input = form.getElementsByTagName('input');
		for(var i = 0; i < input.length; i++){
			if(input[i].name.indexOf(input_name)!=-1){
				input[i].checked = self.checked;
			}
		}
	}
</script>

Code:

<input type="checkbox" name="notimportant" onclick="check_all(document.form1, 'check', this)" value="test" /><b>All</b>

Code:

<input type="checkbox" name="check_list[]" value="<?php echo $row2['email'];?>">

Code:

<form name="form1" action="emailspecificcandidates.php" method="post">

As I say this script works perfectly on another page, and as far as i can see i have copied everything over correctly.

Can anyone spot anything wrong?

Many thanks,

Greens85

EDIT: I think this may be broken because of the way I presenting it with php on my page... i copied a seperate entity of the script onto the page and it worked first time.

Firstly, I'm a complete Javascript noob, so apologies if this is blindingly simple.


I'm trying to write a piece of javascript that will check a single checkbox depending on a dynamically-imported piece of information further up the page.

The page will look like this:

Code:

<div id="title">
        <p class="white">1</p>
    </div>
    <div id="question">
    	<p>Please indicate your area(s) of interest below:<br />
        <input type=checkbox value="1" />  Option 1<br />
        <input type=checkbox value="2" />  Option 2<br />
        <input type=checkbox value="3" />  Option 3<br />
        <input type=checkbox value="4" />  Option 4</p>
    </div>

The variable which indicates which checkbox should already be checked is in the div 'title' in the p class 'white'.
So in the case above, when the page loads the 'Option 1' checkbox should already be checked.

The javascript i have, rather poorly, cobbled together so far just doesn't work, and I was wondering if anyone could point me in the direction of some useful tutorials.
All the tutorials I have read so far deal with mass checking all the boxes with a button click.

Hi,

How do I "select a 'read more' button on a page and obtain the balance of the article"?


Novice......

Thank You

I've done some searching and can't find an exact answer, so I'll ask it here. I want to know if it is possible (by fairly simple means) to take the results from one page and transfer it to another? Here is the dilema. I've helped with an order form page for a local company. They have to change the items and options weekly, so they chose to have the customer enter in the total for their order. They now want to add a Paypal button for those that wish to pay by credit and ahead of time. But the order form has to be submitted prior to the customer seeing the PayPal button. We decided to put it on the confirmation page IF AND ONLY IF the total amount the customer manually added could be transferred to the confirmation page. Is this possible with some script?

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.

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?

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

So here's what i want to do:

i have 2 checkboxes,

when Checkbox A is checked, i want to automatically check the checkbox B. When A is unchecked, then uncheck B

how can i do that?

thanks a lot !

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,

If I have two check-boxes and one is already checked and then the is checked, how would I get it to uncheck the first one using JavaScript.

Thanks,
Cs1h

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>

I'm sorry I don't have code for this one. I'm making a fansite for a game called RuneScape and I'm a bit stuck on this part.

What I need for my website is, a page that will have the prices (min, middle, and max) of things from this or other items, which will be chosen later on.

Here are two example sites that I am wanting to ... do the same thing as them.

First Example
Second Example

I'd really appreciate any information you guys are willing to give. Thanks.