AJAX

drop down menu call javascript function

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Oct 2007

Posts: 67

Reputation: still_learning is an unknown quantity at this point

Solved Threads: 0

still_learning still_learning is offline

Offline

Junior Poster in Training

drop down menu call javascript function

May 28th, 2008

Hey guys,

I am trying to make a drop down menu that gives options such as (right, left, center) so that I can choose one of those and align the text in one of my layers. I am having trouble figuring out how to make this work so if someone can help me that would be great.

Basically I need a drop down menu with those three options, and when one of the options is chosen, I need it to call a javascript function onchange (i don't want to use a button, i just want to align the text instantly) and then I need the javascript function to use getElementById('mylayer') to change the alignment of the text in that layer. Can anyone help me? I'm sure it is simple and involves the values of my drop down menu, but I cannot manage to figure it out. Thanks!

•

Join Date: May 2008

Posts: 1

Reputation: Nandish is an unknown quantity at this point

Solved Threads: 1

Nandish

Offline

Newbie Poster

Re: drop down menu call javascript function

May 29th, 2008

•

Originally Posted by still_learning

Hey guys,

I am trying to make a drop down menu that gives options such as (right, left, center) so that I can choose one of those and align the text in one of my layers. I am having trouble figuring out how to make this work so if someone can help me that would be great.

Basically I need a drop down menu with those three options, and when one of the options is chosen, I need it to call a javascript function onchange (i don't want to use a button, i just want to align the text instantly) and then I need the javascript function to use getElementById('mylayer') to change the alignment of the text in that layer. Can anyone help me? I'm sure it is simple and involves the values of my drop down menu, but I cannot manage to figure it out. Thanks!

try this.........

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<html>
<head>
<script type="text/javascript">
 
function alignl(ele){
     document.getElementById('lay').style.align=ele;
}
</script>
</head>
<body>
<layer id='lay'></layer>
<select id='s' name='s'  onchange="alignl(this.value);">
<option value="left">left</option>
<option value="right">right</option>
<option value="center">center</option>
<option value="top">top</option>
</select>
</body>
</html>
<html>
<head>
<script type="text/javascript">

function alignl(ele){
     document.getElementById('lay').style.align=ele;
}
</script>
</head>
<body>
<layer id='lay'></layer>
<select id='s' name='s'  onchange="alignl(this.value);">
<option value="left">left</option>
<option value="right">right</option>
<option value="center">center</option>
<option value="top">top</option>
</select>
</body>
</html>

Last edited by peter_budo; May 31st, 2008 at 7:27 am. Reason: Keep It Organized - please use [code] tags

•

Join Date: Oct 2007

Posts: 67

Reputation: still_learning is an unknown quantity at this point

Solved Threads: 0

still_learning still_learning is offline

Offline

Junior Poster in Training

Re: drop down menu call javascript function

May 29th, 2008

Thanks for the solution. I had already solved it myself, but since you posted the same exact solution that I came up with myself I will go ahead and add to your reputation.