JavaScript - Passing A Php Variable To A Javascript Modal Popout Window

Hi.

I have a page in a modal window that fades in over the top of my site when clicked.

When this page comes up in Google and is clicked it does not load up the site with the modal window over top, it just loads the content of the modal window on a full page.

Is there a way to have the link on Google go to the page with the modal window over top? The modal window is "PrettyPhoto" using JQuery.

Thanks in advance.

Hi,
well i used soh tanaka inline modal window which is a popup window like lightbox. But it failed to work with IE9 RELEASED CANDIDATE VERSION.
Can anyone tell me that why is it having issue with a better version of explorer.
I have made a video to show the error, as to make it more easy to explain what i am saying.
here is the link to it
http://www.youtube.com/watch?v=pHi9ZlGyWc0
i would look forward to the replies.
thank you.

Hi,

I am writing an application which needs to open a modal dialog window in a secure connection. I am able to open the dialog using HTTPS, but on the status bar I cannot see the SSL Padlock. The application is being written in .NET and the browser I use is IE 6.0.

Any suggestions and feedback are welcome.

Regards
Totre

Hi,

I have a JQuery modal window and I am trying to pass the value of its input field to a hidden input field within a form but I can not seem to get the value when it is in the modal window.

Modal Window Code:
Code:

<div id="modal-content" class="clearfix">

<h2> enter a name</h2>
	<div>
		<input id="enteredName" name="enteredName" type="text" value="" />
		<a href="javascript:submitform(true)" name="save" id="save" class="btn"><span>Save</span></a>
	</div>
	<a href="javascript:submitform(false)" id="close" class="close-link">No thanks just carry on</a>
</div>

Javascript to set the value of the hidden field to equal the value of the modal input field
Code:

<script type="text/javascript">
    function submitform(assignName) {
      
        if (assignName) {

            var hiddenfield = document.getElementById("hiddenfieldid");
            hiddenfield.value = document.getElementById("enteredName").value;
        }

        
        var form = document.getElementById("formTest");
        form.submit();
     
    }
    

</script>

Any help would be much appreciated.

Hello

Can i pass php Variable into javascript function like this example.

PHP Code:
 <script type="text/javascript">
<!--
function confirmation() {
    var answer = confirm("are u sure?")
    if (answer){

        window.location = "user.php?action=statusd&uid=".$row['id']."";
    }
    else{
        alert("Canceled")
    }
}
//-->
</script> 


This ".$row['id']." will be an user id ...

link
PHP Code:
<a href='#' onclick='confirmation(); return false;'>Go</font></a> 

Hi,

I'm having one javascript function which will return the variable and I need to pass that variable to command button action.Please find the below code and let me know how I can achieve this.
<script>
function addEntry(entries) {

var uploadedEntry = entries[0].entryId;
alert("Uploaded Entry Details::::" + uploadedEntry );
}
</script>

<h:commandButton tabindex="1" image="../img/submit.gif"
action="#{portfolioListing.uploadMediaEntry(uploadedEntry)}"

Thanks,
Anil

I'm more of an actionscript person but got roped into an html/javascript job.

What I need to do, and it shouldn't be that difficult is this:

page1.html - there is a yellow button and a red button - if the user clicks on the yellow button I want to set a cookie with the value "yel" then load the next page - if they click the red button set that cookie with the value "red"

page2.html - 'onload' i want to read that cookie and load up the main image to match, something like this maybe?... document.mainimage.src='img/main_' + variable + '.png'
so that the path would be for example 'img/main_red.png'

Any help please? Preferably javascript only and as simple as possible.

If you think this would be easier sending that variable in the URL instead of as a cookie please explain. I'm having a very hard time searching for tutorials that are any good and that do exactly this kind of thing.

I have the following code, where I am inputting a word and on clicking the button , i am setting the value of the text box in div class="twit" which is hidden.

now I have to access the value of this hidden text box (name=q) using php.Say I want to print using php .How do I do this ?


Code:

<html 
  <head> 
    <title></title> 
    <link rel="stylesheet" href="search.css" type="text/css" media="screen" /> 	
    <script type = "text/javascript">
	function gettweet()
	{
		document.getElementById("src").value= document.getElementById("searchbox").value;
		}
  </script>
 </head>

 <BODY>
 <form align="center">
 <div id="top">
 <h3>Search </h3>
  <input type ="text" name="q1" id = "searchbox"\>
	<input type ="button" value="ClickMe!" id = "b1" onclick="gettweet();"\>
 </div>
 	<div id= "twit">
	<input type ="text" name="q" id = "src"\>
	<?php
	 
	?>
	
</div>

</form>
 </BODY>
</HTML>

Hey there everyone

I'm a bit new to javascript and having a bit of a problem.

I have a page users can click to upload a photo. When users click I want a modal window to pop up with a simple file upload input inside it and a submit button. I have this working except that when users click submit nothing happens. I'm using nyroModal http://nyromodal.nyrodev.com/#demos and the code I use is:

Code:

<a href="#test" class="nyroModal"><img src="/img/uploadimage.gif" alt="" /></a>
<div id="test" style="display: none; width: 600px;"> <form id="ImageUploadForm" enctype="multipart/form-data" method="post" action="images/upload" accept-charset="utf-8">
<div style="display:none;">
<input type="hidden" name="_method" value="POST" />
</div>
<div class="input file">
<label for="ImageFileName">File Name</label>
<input type="file" name="data[Image][fileName]" id="ImageFileName" />
</div>
<div class="submit"><input type="submit" value="Upload" />
</div>
</form>
</div>

If I take the code out of the div=id"test" the form appears on the normal page and submits just fine. Inside the test div tho the modal window pops up with the form inside but the submit button does nothing.

Can anyone enlighten me what I'm doing wrong?

Hi,

I have a simple page and a javascript that measure the time the user has spent on a page and I want that variable to pass as a link to another page (php). I'm stuck (rookie) with how to actually pass that on in the link.

Here's my code:

Code:

<?php session_start();?>
<html>
<head>
<script type="text/javascript">

/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Cody Shaffer :: http://codytheking313.byethost11.com */

var time=1;

function timeHere() {
  time = time + 1;
  finalTime = time / 10;
}

</script>
</head>

<body>

<div id="container">

  <form id="form1" method="post" action="">
    <label>Fill this Data
    <input type="text" name="1" id="1" />
    </label>
    <p>
      <label>
      <input type="submit" name="2" id="2" value="Submit" />
      </label>
    </p>
  </form>
   
   <a href="go/index.html">ads</a>
</div>
</body>
</html>

Thanks for the help

I have two versions of this document. The first version uses only JavaScript and the standard PROMPT(). It works very well, but I would like to insert the name prompt into the page using the input command. For some reason the variable loaded in the HTML statement doesn't get passed to the JavaScript. Any ideas would be appreciated! This is only a small test page. Sorry I don't know about the [code] tag...


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
<meta name="created" content="Sat, 10 Sep 2011 19:40:31 GMT">
<meta name="description" content="">
<meta name="keywords" content="">
<title>Enter golfers name</title>
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<SCRIPT LANGUAGE="JavaScript" type="text/javascript" src="script1.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">

function GetPage(){

document.write("OK")
var lab = "";
var result = fullname.toUpperCase();
var word=result.split(" ");
fname = word[0]
lname = word[1]
alpha = lname.slice(0,1);
lab = fname.concat("_")
lab = lab.concat(lname)
if(word[2]){
ext = word[2]
lab = lab.concat("_")
lab = lab.concat(ext)
}
var intro = "./Stats_";
page = intro.concat(alpha);
page = page.concat("_golfers.html#");
page = page.concat(lab)
document.write(page)

<!-- window.location.pathname = page
}
</script>
</head>
<body>
<center>
<form action="form_action.asp" method="get">
You can enter the golfersname or select him from the above list.<br><br>
<input type="text" name="fullname" />
<button type="submit" onclick="GetPage()">GO</button>
</form>
</center>
<BR><BR><BR>
This is the end
</body>
</html>

I have a signup form on a site that does a check on submission of fields to see if they populated and error box if not changes focus to missing field and highlights field name in red.

I wanted to improve on its effectiveness as it only checks 2 fields atm and I wanted it to check some dynamic fields as well

the fields are associative arrays generated via php as follows:-

Code:

echo "<select name='nfield[$t]'>\n";
for ($i = 0; $i<count($value2); $i++) {
  echo "<option value=\"".trim($value2[$i])."\">".trim($value2[$i])."</option>\n";
}
echo "</select>";

the javascript is as follows:-

Code:

function checkForm() { //This is the name of the function
	if (Form1.password.value == "") {
   		alert("Please enter a Password.");
   		Form1.password.focus( );
   		document.getElementById('password').style.color="red";    
   		return false;
   }

The field is displayed via php as follows:-

echo "<tr><td align='center' id='password'>Password:</td><td><input type='password' name='password' size='10'></td></tr>\n";

So i thought ah easy, i will just add the following checking javascript to check each of the associative arrays as they never change

Code:

	if (Form1.nfield[1].value == "") {
       alert("Please choose an option for option1");
       Form1.nfield["1"].focus( ); //This focuses the cursor on the problem field
       document.getElementById('nfield[1]').style.color="red";    
       return false; //This prevents the form from being submitted
    }  
    
	if (Form1.nfield[2].value == "") {
       alert("Please choose an option for option2");
       Form1.nfield[2].focus( ); //This focuses the cursor on the problem field
       document.getElementById('nfield[2]').style.color="red"; 
       return false; //This prevents the form from being submitted
    }        
    
	if (Form1.nfield[3].value == "") {
       alert("Please choose an option for option3");
       Form1.nfield[3].focus( ); //This focuses the cursor on the problem field
       document.getElementById('nfield[3]').style.color="red"; 
       return false; //This prevents the form from being submitted
    }

but this doesn't work, i think it doesn't recognise the nfield[1] syntax, can a javascript guru point me in the right direction ?

I also wanted to enhance the form somewhat as atm it only displays one error popup at a time, so if the user has missed out a few fields they will get an initial popup, try and submit again and then get the second popup for the other missing field.

Can my code be modified to show a list of the missing fields and highlight all the titles in red (and if possible change the background colour of the input boxes or border the input fields in red etc)?

I'm trying to make it so when you click a cell in a table it runs a function based on the value within that cell. With the current code, no matter what cell is clicked, the alert box displays the same number, which is the last number in my array. The variable, princ, is just being overwritten rather than writing code to each the cell with the proper value. Help is appreciated. Thanks.

Code:

for(i=0;i<=3;i++){
	document.writeln('<tr>');
	document.writeln('<th>'+(periodArray[i])+'</th>');
	for(j=0;j<=2;j++){
		princ = principleArray[j][i];
		document.writeln('<td onclick="(calculateInterest(princ,1,1))">$'+principleArray[j][i]+'</td>');
	}
	document.writeln('</tr>');
}

function calculateInterest(principle,rate,period){
	totalInterest = principle * rate * period;
	totalLoanCost = principle + totalInterest;
	alert('Total Interest: '+totalInterest+'\n'+'Total Loan Cost: '+totalLoanCost);
}

I few sites said to (in the js file) put the varible in <%= %> these tags but thats not doing any good. Is there some other part needed to this I'm missing. The javascript I'm using is in a file I included in my VS project.

Hi all,

I'm having some trouble with the this...

I have a PHP based calendar where the cells will change color depending on the number of clicks.. this all works fine, but is pointless if I can't send the outcome along in an email. I can do this with PHP but first need to get the values into a hidden field.

This is what I have:

Code:

<script type="text/javascript">	
	function countClicks (obj){
            if (!obj.count) {
                obj.count = 0;
            }
 
            obj.count++;
            if (obj.count > 4) {obj.count = 1};
 
            if(obj.count == 1){
                obj.style.color='#FFFFFF';
                obj.style.backgroundColor='#66CC33';
                obj.parentNode.style.backgroundColor='#66CC33';
				document.getElementById("availability").value='Available';
            }
           
            if (obj.count == 2){
                obj.style.color='#FFFFFF';
                obj.style.backgroundColor='#FF0000';
                obj.parentNode.style.backgroundColor='#FF0000';
				document.getElementById("availability").value='Not Available';
            }
           
            if (obj.count == 3){
                obj.style.color='#FFFFFF';
                obj.style.backgroundColor='#FFCC33';
                obj.parentNode.style.backgroundColor='#FFCC33';
				document.getElementById("availability").value='Working';
            }
			
			if (obj.count == 4){
                obj.style.color='#000000';
                obj.style.backgroundColor='#FFFFFF';
                obj.parentNode.style.backgroundColor='#FFFFFF';
				document.getElementById("availability").value='Not Set';
            }
        }
</script>

and...

Code:

echo "<input type=\"hidden\" name=\"availability\" id=\"availability\" value=\"\">";

All I'm trying to do is populate value with either 'available', 'not available', 'working' or 'not set'...

however, it is worth noting that each cell may have a different value, e.g. 1 cell might be working while the other is not available... so i need to pass the values of all the cells.

Can anyone help me out here.

Many thanks,

Greens85