/    Sign up×
Community /Pin to ProfileBookmark

Drop down list that creates pop up boxes.

Copy linkTweet thisAlerts:
Feb 25.2008

Hello,

does anyone have this code: Drop down list onchange the price in the quotation pop up in a pop upbox.

<option value =”4,000″>Ford</option>
<option value =”14,000″>Saab</option>
<option value =”40,000″>Porsche</option>

Thanks,

Baz487

to post a comment
JavaScript

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@JMRKERFeb 25.2008 — 
Drop down list onchange the price in the quotation pop up in a pop upbox.

<option value ="4,000">Ford</option>
<option value ="14,000">Saab</option>
<option value ="40,000">Porsche</option>

[/QUOTE]
If you consider an alert() a 'pop upbox' then:
[code=php]
<select onChange="alert(this.value)">
<option value=""></option>
<option value ="4,000">Ford</option>
<option value ="14,000">Saab</option>
<option value ="40,000">Porsche</option>
</select>
[/code]
Copy linkTweet thisAlerts:
@baz487authorFeb 26.2008 — Thanks for your quick response. our code is very useful but the type of pop up I was looking for is a pop up message box similar to this one:

http://www.javascriptkit.com/script/script2/postit.shtml

But activated when a value is selected in a drop down ( combo ) box.

My experience is with access where I can create message boxes or have a variety of alert boxes. This type of alert message makes the user feel like an error has happened. Any help would be appreciated.

Thanks,

Baz487
Copy linkTweet thisAlerts:
@JMRKERFeb 27.2008 — Does it need to move around?

Does it need to be displayed upon loading or just if a SBox is picked?

Does it need to be layered over area or just expand/contract?
Copy linkTweet thisAlerts:
@baz487authorFeb 27.2008 — Hello again.

It should pop up top center of the page. It should pop up onchange or onselect. I but prefer without a "onclick " button. I can change the box size & position if I need.

Does not need to move around. Layered or not, I'm not sure what that means but it should pop above the active page.No need for the user to resize since not much info will be posted on it.

Thanks,

Baz487
Copy linkTweet thisAlerts:
@JMRKERFeb 27.2008 — If: ?

1. It doesn't need 'drag' around capability

2. It doesn't need to be loaded

3. Ok to expand and contract

Then: ?
[code=php]
<html>
<head>
<title>SBox Popup</title>
<style>
/*
Modified quite a bit from original

Post-it note script- by javascriptkit.com
Visit JavaScript Kit (http://javascriptkit.com) for script
Credit must stay intact for use
*/

.postit {
width:240px;
padding:5px;
background-color:lightyellow;
border:1px solid black;
display:none;
float:left;
}
</style>

<script type="text/javascript">

function closeit(v){
document.getElementById(v).style.display='none';
}
function showit(v) {
document.getElementById(v).style.display='block';
}
</script>
</head>

<body>
<select id="SBox" onChange="showit(this.value)">
<option value="">Reminders</option>
<option value="postit1">Reminder 1</option>
<option value="postit2">Reminder 2</option>
<option value="postit3">Reminder 3</option>
</select>

<div class="postit" id="postit1">
<div align="right"><b><a href="#" onClick="closeit('postit1')">[Close It]</a></b></div>
<!--INSERT YOUR CONTENT HERE-->
<b>Reminder 1:</b><br />
<p><a href="http://freewarejava.com">Looking for free Java applets?</a></p>
<!--END YOUR CONTENT HERE-->
</div>

<div class="postit" id="postit2">
<div align="right"><b><a href="#" onClick="closeit('postit2')">[Close It]</a></b></div>
<!--INSERT YOUR CONTENT HERE-->
<b>Reminder 2:</b><br />
<p>Be sure to check out our sister site Freewarejava.com</p>
<p><a href="http://www.dynamicdrive.com">Looking for more scripts?</a></p>
<!--END YOUR CONTENT HERE-->
</div>

<div class="postit" id="postit3">
<div align="right"><b><a href="#" onClick="closeit('postit3')">[Close It]</a></b></div>
<!--INSERT YOUR CONTENT HERE-->
<b>Reminder 3:</b><br />
<p><a href="http://freewarejava.com">Looking for free Java applets?<br /></a>
Visit our partner Dynamic Drive for free, original DHTML scripts and components.</p>
<!--END YOUR CONTENT HERE-->
</div>
</body>
</html>
[/code]
Copy linkTweet thisAlerts:
@baz487authorFeb 27.2008 — I ran the code & its better that I had envisioned. Thank you very much.
Copy linkTweet thisAlerts:
@JMRKERFeb 27.2008 — You're most welcome.

Glad I was able to help

after coming to understand the problem

with my assumptions.

Good Luck! ?
×

Success!

Help @baz487 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.6,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...