I have drop down menu.
If visitor selects certain option from drop down menu I need to show certain content (without page reload; so I need to use Ajax).
At the same time I need save selection of drop down menu after visitor click on Submit button and page reloads.
Below is code.
The first menu remembers selection but does not display content (Ajax does not work).
The second menu only Ajax works, but does not remember selection.
And the third menu remember selection, but something wrong with Ajax.
Could someone advice what to change to get Ajax work and remember selection after page reload?
file.php -
<head>
-
-
<script type="text/javascript">
-
function showData1(str)
-
{
-
if (str=="")
-
{
-
document.getElementById("showData1").innerHTML="";
-
return;
-
}
-
if (window.XMLHttpRequest)
-
{// code for IE7+, Firefox, Chrome, Opera, Safari
-
xmlhttp=new XMLHttpRequest();
-
}
-
else
-
{// code for IE6, IE5
-
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
-
}
-
xmlhttp.onreadystatechange=function()
-
{
-
if (xmlhttp.readyState==4 && xmlhttp.status==200)
-
{
-
document.getElementById("showData1").innerHTML=xmlhttp.responseText;
-
}
-
}
-
xmlhttp.open("GET","__gethint.php?q1="+str,true);
-
xmlhttp.send();
-
}
-
</script>
-
-
-
<script type="text/javascript">
-
function showData2(str)
-
{
-
if (str=="")
-
{
-
document.getElementById("showData2").innerHTML="";
-
return;
-
}
-
if (window.XMLHttpRequest)
-
{// code for IE7+, Firefox, Chrome, Opera, Safari
-
xmlhttp=new XMLHttpRequest();
-
}
-
else
-
{// code for IE6, IE5
-
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
-
}
-
xmlhttp.onreadystatechange=function()
-
{
-
if (xmlhttp.readyState==4 && xmlhttp.status==200)
-
{
-
document.getElementById("showData2").innerHTML=xmlhttp.responseText;
-
}
-
}
-
xmlhttp.open("GET","__gethint.php?q2="+str,true);
-
xmlhttp.send();
-
}
-
</script>
-
-
-
<script type="text/javascript">
-
function showData3(str)
-
{
-
if (str=="")
-
{
-
document.getElementById("showData3").innerHTML="";
-
return;
-
}
-
if (window.XMLHttpRequest)
-
{// code for IE7+, Firefox, Chrome, Opera, Safari
-
xmlhttp=new XMLHttpRequest();
-
}
-
else
-
{// code for IE6, IE5
-
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
-
}
-
xmlhttp.onreadystatechange=function()
-
{
-
if (xmlhttp.readyState==4 && xmlhttp.status==200)
-
{
-
document.getElementById("showData3").innerHTML=xmlhttp.responseText;
-
}
-
}
-
xmlhttp.open("GET","__gethint.php?q3="+str,true);
-
xmlhttp.send();
-
}
-
</script>
-
-
-
</head>
-
-
<a name="calculate"></a>
-
-
<form method="post" enctype="multipart/form-data" action="<?php echo filter_var($_SERVER['PHP_SELF'], FILTER_SANITIZE_STRING); ?>#calculate" name="quote">
-
-
-
-
<div id="calculator-left">Salary book
-
<?php $options = array( 1=>'is submitted', 'is not submitted' ); $showData1 = $_REQUEST['showData1']; ?>
-
<select name="showData1" onChange="showData1(this.value) style="margin-bottom:3px; width:100px">
-
<?php foreach ( $options as $i=>$opt ) : ?>
-
<option value="<?php echo $i?>" <?php echo $i == $showData1 ? 'selected' : ''?>><?php echo $opt ?></option> <?php endforeach; ?> </select>
-
</div>
-
-
<div id="showData1">Use the select box to change page content</div>
-
-
-
-
<div class="clear"> </div>
-
-
-
<div id="calculator-left">
-
-
<select onChange="showData2(this.value)">
-
<option value="">Select page Content:</option>
-
<option value="1">Page Content 1</option>
-
<option value="2">Page Content 2</option>
-
<option value="3">Page Content 3</option>
-
<option value="4">Page Content 4</option>
-
</select>
-
-
</div>
-
-
<div id="showData2">Use the select box to change page content</div>
-
-
-
<div class="clear"> </div>
-
-
<div id="calculator-left">
-
-
<select name="town" onChange="showData3(this.value)">
-
-
<?php
-
$towns = array('ipswich','bury');
-
foreach($towns as $town){
-
$selected = (isset($_POST['town'])&&$_POST['town']==$town)? '
-
selected="selected"':'';
-
print("<option value=\"$town\"$selected>$town</option>");
-
}
-
?>
-
-
</select>
-
-
</div>
-
-
<div id="showData3">Use the select box to change page content</div>
-
-
-
<div class="clear"> </div>
-
-
-
-
-
<input type = "submit" value = "Calculate"></input>
-
-
-
-
-
</form>
-
-
-
</body>
-
</html>
-
-
-
file
__gethint.php -
-
<?php
-
-
$q1=$_GET["q1"];
-
-
if ($q1==1) {echo "Page Content 1q1 would be shown";}
-
if ($q1==2) {echo "Page Content 2q1 would be shown";}
-
if ($q1==3) {echo "Page Content 3q1 would be shown";}
-
if ($q1==4) {echo "Page Content 4q1 would be shown";}
-
-
-
-
$q=$_GET["q2"];
-
-
if ($q2==1) {echo "Page Content 1q2 would be shown";}
-
if ($q2==2) {echo "Page Content 2q2 would be shown";}
-
if ($q2==3) {echo "Page Content 3q2 would be shown";}
-
if ($q2==4) {echo "Page Content 4q2 would be shown";}
-
-
-
$q=$_GET["q3"];
-
-
if ($q3==1) {echo "Page Content 1q3 would be shown";}
-
if ($q3==2) {echo "Page Content 2q3 would be shown";}
-
if ($q3==3) {echo "Page Content 3q3 would be shown";}
-
if ($q3==4) {echo "Page Content 4q3 would be shown";}
-
-
-
-
?>
-
-
7  3670  Rabbit 12,516
Recognized Expert Moderator MVP
You have two options.
1) Save the value in a cookie.
2) Save the value in a database on your server.
Now the aim is that after page reload <div id="showData2" > remembers chosen value (text). At the moment it displays default value...
file.php -
<head>
-
<script type="text/javascript">
-
function showData2(str)
-
{
-
if (str=="")
-
{
-
document.getElementById("showData2").innerHTML="";
-
return;
-
}
-
if (window.XMLHttpRequest)
-
{// code for IE7+, Firefox, Chrome, Opera, Safari
-
xmlhttp=new XMLHttpRequest();
-
}
-
else
-
{// code for IE6, IE5
-
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
-
}
-
xmlhttp.onreadystatechange=function()
-
{
-
if (xmlhttp.readyState==4 && xmlhttp.status==200)
-
{
-
document.getElementById("showData2").innerHTML=xmlhttp.responseText;
-
}
-
}
-
xmlhttp.open("GET","__gethint.php?q2="+str,true);
-
xmlhttp.send();
-
}
-
</script>
-
-
<script type="text/javascript">
-
-
var saveString = "";
-
-
function getCookie(isName){
-
-
var cookieStr = document.cookie;
-
var startSlice = cookieStr.indexOf(isName+"=");
-
if (startSlice == -1){return false}
-
var endSlice = cookieStr.indexOf(";",startSlice+1)
-
if (endSlice == -1){endSlice = cookieStr.length}
-
var isData = cookieStr.substring(startSlice,endSlice)
-
var isValue = isData.substring(isData.indexOf("=")+1,isData.length);
-
return isValue;
-
}
-
-
function saveForm(){
-
-
var saveString = "";
-
var nText = document.getElementsByTagName('input');
-
for (i=0; i<nText.length-1; i++ )
-
{saveString += nText[i].value+":"}
-
var isIdx = document.forms[0]['report'].selectedIndex;
-
saveString = saveString+isIdx;
-
document.cookie = "formData="+saveString+"";
-
}
-
-
function restoreValues(){
-
-
var nValues = getCookie('formData');
-
var n = 0;
-
if (nValues)
-
{
-
//alert(nValues)
-
var isIndex = nValues.substring(nValues.length-1,nValues.length);
-
document.forms[0]['report'].selectedIndex = isIndex;
-
var nForm = document.forms[0];
-
nValues = nValues.substring(0,nValues.length-1);
-
var isText = nValues.split(":");
-
for (i=0; i<nForm.length; i++)
-
{
-
if (nForm[i].type == "text")
-
{nForm[i].value = isText[n++]}
-
}
-
}
-
}
-
-
onload=restoreValues;
-
onbeforeunload=saveForm;
-
-
</script>
-
-
</head>
-
-
<body>
-
-
<a name="calculate"></a>
-
-
<form method="post" enctype="multipart/form-data" action="<?php echo filter_var($_SERVER['PHP_SELF'], FILTER_SANITIZE_STRING); ?>#calculate" name="quote">
-
-
<div id="calculator-left">
-
<select name="report" onChange="showData2(this.value);">
-
<option value="">Select page Content:</option>
-
<option value="1">Page Content 1</option>
-
<option value="2">Page Content 2</option>
-
<option value="3">Page Content 3</option>
-
<option value="4">Page Content 4</option>
-
</select>
-
</div>
-
-
<div id="showData2">Use the select box to change page content</div>
-
-
<div class="clear"> </div>
-
-
<input type = "submit" value = "Calculate"></input>
-
-
</form>
-
-
</body>
-
</html>
-
-
file __gethint.php -
<?php
-
-
-
-
-
$q=$_GET["q2"];
-
-
if ($q2==1) {echo "Page Content 1q2 would be shown";}
-
if ($q2==2) {echo "Page Content 2q2 would be shown";}
-
if ($q2==3) {echo "Page Content 3q2 would be shown";}
-
if ($q2==4) {echo "Page Content 4q2 would be shown";}
-
-
-
-
?>
-
-
-
Rabbit 12,516
Recognized Expert Moderator MVP
Is there a question in there somewhere? Or are you posting the code that worked for you?
Question is
How to get the aim is that after page reload <div id="showData2" > remembers chosen value (text)? At the moment it displays default value...
Rabbit 12,516
Recognized Expert Moderator MVP
I see code in there to get, save, and restore cookies. What's not working? Are there errors? What are the errors?
By default (when open page) I get displayed this
<div id="showData2"> Use the select box to change page content</div>
If from drop down menu I choose for example <option value="1">Page Content 1</option>, I get displayed this
if ($q2==1) {echo "Page Content 1q2 would be shown";}
So far everything is ok.
But if I press button Submit, page reloads. And after page reload again I get displayed
<div id="showData2"> Use the select box to change page content</div>
But I need to retain content before page reload (Page Content 1q2 would be shown). How to get it...? Need to change something, but I have almost no knowledges in javascript....
Rabbit 12,516
Recognized Expert Moderator MVP
If you have no knowledge in javascript, you'll probably want to learn it before taking on a job of this size.
Sign in to post your reply or Sign up for a free account.
Similar topics | |
by: Greg Scharlemann |
last post by:
I am attempting to populate a drop down menu based on the selection of
a different drop down menu. However, it is not working correctly, I
cannot figure out for the life of me what exactly happens because I am
not getting any errors on the page.
<html>
<script language="javascript">
var phaseArray = new phaseArray(4);
var phaseTypeId = new phaseTypeId(4);
var phaseId = new phaseId(4);
|
by: Haines Brown |
last post by:
I've implemented the horizontal drop down menu discussed recently in
this newsgroup, and it works nicely under Galeon and Mozilla, but
not IE 5.0.
Here are the problems:
Under IE 5.0, the there is no drop down menu functionality at all.
I wanted to implement an alternative stylesheet for IE, but my
link to it is apparently broken. What is wrong with my link? I'd
|
by: Dan |
last post by:
Hello all,
I am getting records from a db and displaying the records to the user
through a drop down menu in an asp page.
Each record has 6 fields and I need to display them all to the user in
the drop down.
The problem is that the fields contain values of all different lengths
and the columns are not aligned.
|
by: Logan |
last post by:
I'd like to create a dropdown menu (with submenus) using vb.net.
Does anyone have any idea how i could go abouts achieving this?
tks in advance.
|
by: Amil |
last post by:
Does anyone have a recommendation on an AWESOME (free) horizontal drop-down
menu using DTHML? I'm not using VS 2005 yet.
Thanks.
Amil
| | |
by: bissatch |
last post by:
Hi,
I have created a drop down menu using nested lists and CSS :hover. I
have uploaded it so that people can have a look:
http://www.martynbissett.co.uk/testing/dd05.html
In FF, it works fine but in IE the boxes are hidden behing other list
elements. I have tried setting z-index but apart from that, I dont know
how I might fix it. Any ideas?
|
by: tusaar |
last post by:
Hi all
I am in big need for a drop down menu created with php, mysql and ajax. Exactly, I need three drop down menu (Category, Subcategory and Item). The data of each drop down will come from Mysql.
Anybody can help me please.. I will be very much thankfull. Please help me and give me a proper solution for that ASAP.
Thanks
Tushar
|
by: ponyeyes |
last post by:
Hi There,
I am a bit of a newbie to PHP programming and I would like to know how I can place a selected drop down option into a PHP variable and then produce an sql query which incorporates this variable.
I have created a dynamic drop down menu that populates itself with data from a MySQL table. I now want it to populate a second drop-down menu with relevant options from my database, based upon a query using a variable.
For example........
|
by: patelxxx |
last post by:
How do I create a new folder in a 'Drop Down Menu' using JavaScript? I have not tried anything yet, so all idea's are welcomed.
|
by: ddtpmyra |
last post by:
I cannot select the distinct records but Im pretty sure im connected to the database. Please tell me what's wrong with this? and why I cannot see the query result?
thanks!
echo "Status:";
$res=mssql_query("SELECT distinct(contactmethod) FROM users with(nolock)");
if(mssql_num_rows($res)==0){
echo "there is no data in table..";
} else {
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
| | |
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
| | |
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |
