close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Show Region Utility

Thread begun 1/25/2022 12:01 pm by birdscreen398247 | Last modified 1/28/2022 2:18 pm by Ray Borduin | 682 views | 14 replies |

birdscreen398247

Show Region Utility

I want the SpeciesSearch selection box to only appear if the user selects "One Species" in the HowManySpecies box.

I told the wizard to show it if the previous box equaled "One Species."

However it is not working.

Also, I would like to store the results of each SELECT box to SESSION variables before moving on to the next page. How do I do that?

See attached file.

Attached Files
PORC_User_Search.php
Sign in to reply to this post

Ray BorduinWebAssist

You are confusing client and server side code. Since the form isn't submitted every time the select list changes, you can't use server side code to hide and show elements like you are attempting.

You would have to use javascript to hide and show the elements.

So it would look something like:

<tr>
<td>
<p>Are you looking for one species or all species?
<select id="HowManySpecies" name="HowManySpecies" onchange="showSpeciesSelect()">
<option value="">One Species</option>
<option value="1">All Species</option>
</select>
</p>
</td>
</tr>
<tr>
<td>
<p id="whichSpecies" >

Which species? <select name="SpeciesSearch" class="BlackHeadline3" >
<option value="value">Select a Species</option>
<?php
while(!$rsSpecies->atEnd()) { //dyn select
?>
<option value="<?php echo($rsSpecies->getColumnVal("CommonName")); ?>"><?php echo($rsSpecies->getColumnVal("CommonName")); ?></option>
<?php
$rsSpecies->moveNext();
} //dyn select
$rsSpecies->moveFirst();
?>
</select>

</p>
</td>
</tr>


and then on the bottom of the page you add:

<script>
function showSpeciesSelect() {
var howManySelect = document.getElementById('HowManySpecies');
if (howManySelect.selectedIndex == 1) {
document.getElementById('whichSpecies').style.display='block';
} else {
document.getElementById('whichSpecies').style.display='none';
}
}
showSpeciesSelect();
</script>
Sign in to reply to this post
Did this help? Tips are appreciated...

birdscreen398247

See private message

Attached Files
PORC_User_Search.php
Sign in to reply to this post

Ray BorduinWebAssist

I forgot to paste in the div ID into the script in the example above. I've fixed that. Please update the script on the bottom of the page and see if that helps.

You can't save the values into the session "before" someone leaves the page. Session variables are stored on the server with php, so they have to be saved after a form post on the action page of the form.

You can add code to save the form element values into the session on the page specified as the form action page.

Sign in to reply to this post
Did this help? Tips are appreciated...

birdscreen398247

Nope, still doesn't work.

And the Select box still shows "Choose" no matter which option I select.

Attached Files
PORC_User_Search.php
Sign in to reply to this post

Ray BorduinWebAssist

Can I get a url and FTP access to see the issue. It is hard to debug code without seeing it in context.

Sign in to reply to this post
Did this help? Tips are appreciated...

birdscreen398247

See private message

Sign in to reply to this post

Ray BorduinWebAssist

I had another typo in the script code. Please copy and paste it from above and try again.

Sign in to reply to this post
Did this help? Tips are appreciated...

birdscreen398247

That worked!

Thanks

Sign in to reply to this post

birdscreen398247

See private message

Attached Files
PORC_User_Search.php
Sign in to reply to this post
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...