HighDots Forums  

Option Values

alt.html.writers alt.html.writers


Discuss Option Values in the alt.html.writers forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Andi B
 
Posts: n/a

Default Option Values - 10-06-2003 , 03:15 PM






When I create a dropdown option list with the following code:

<FORM NAME="menu">
<INPUT TYPE="BUTTON" VALUE="Leap to" onClick="leapto(this.form)">
<SELECT NAME="dest" SIZE=1>
<OPTION VALUE="frame,sitecontent.htm">Site Content
<option value="frame,teamprofiles/contactlist.html">Contact List
<option value="frame,minutes/minutes.htm">Minutes of Meetings
<option value="frame,social/socialevents.html">Social Events
</SELECT>
</FORM>

I can use the style="background-color: cccc98; font-family: comic sans ms;
color: 006600" to specify the colour of the background, the font face and
the font colour - but is it possible to also colour the arrow on the right
side of the option box, and if so, what are the commands to colour it?

Many thanks

Andi




Reply With Quote
  #2  
Old   
Johannes Garimort
 
Posts: n/a

Default Re: Option Values - 10-08-2003 , 05:16 PM






Andi B wrote:

Quote:
I can use the style="background-color: cccc98; font-family: comic
sans ms; color: 006600" to specify the colour of the background,
the font face and the font colour - but is it possible to also
colour the arrow on the right side of the option box, and if so,
what are the commands to colour it?
Maybe this will help you (source page (german):
http://www.tutorials.de/showthread.php?s=
77e3200655b4fda60d296e16e5b7afac&threadid=9801
&highlight=css+dropdown)
It's not css or html.. but maybe it's something for you:


////////////////

<script>
<!--// Script by Enno Boland
var dozu = false;

function opengs()
{
if(dozu == false) {
gs.style.visibility = "visible";
dozu = true;
}
else{
gs.style.visibility = "hidden";
dozu = false;
}
}

function dotxt(text)
{
document.form.GSfield.value = text;
gs.style.visibility = "hidden";
dozu = false;
}
// Script Ende -->
</script>




Body:

code:
<form name="form">



<div id="gs" style="position:absolute; visibility: hidden; width:
330px; border: 1px solid #404060; background-color: #e0e0e8; z-index
: 20">
<a href="java script:dotxt('Hallo')">Hallo</a><br>
<a href="java script:dotxt('Hallo Welt!')">Hallo Welt!</a><br>
<a href="java script:dotxt('...und hier etwas anderes...')">Hier
steht das...</a></div>


<input type="text" name="GSfield" size="50" style="
background-color : #e0e0e8;
color: #000000;
border: 1px solid #404060;
font-size: 10pt;
font-family: Arial;
" readonly onclick="opengs()"><img src="drop.gif" onclick="opengs()"
style="vertical-align:bottom">
</form>
</body>
</html>

//////////////////////////


--
I Disapprove Of What You Say, But I Will Defend To The Death Your
Right To Say It.
(Voltaire)


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.