Notifikationer

Markér alle som læst Log ud

mik28 Seniormester

11. april 2003 - 10:05 Der er 29 kommentarer og
1 løsning

Skøn blanding

Hej Eksperter,

Jeg har en form i en servlet som ser således ud. Ideen er at det sidste man har valgt skal forblive valgt indtil man vælger noget andet. Det virker også :-), men hvordan ændre jeg i samme ombæring baggrundsfarven på det som er valgt? Jeg ønsker at gøre det for at gøre det mere tydeligt hvad der er valgt

buffer.append("<tr style=\"height:30px;\"><td style=\"text-align:left;border-right:ridge;border-width:thin;\">");
buffer.append("<form method=\"post\" name=\"editpage\" action=\"Editpage\" style=\"display:inline;\">");
buffer.append("<select style=\"width:90px;\" name=\"page\" onChange=\"document.editpage.submit();\">");
buffer.append("<option value=\"start\" "+(page.equals("start")?"Selected":"")+">Start");
buffer.append("<option value=\"news\" "+(page.equals("news")?"Selected":"")+">News");
buffer.append("<option value=\"mrtlz\" "+(page.equals("mrtlz")?"Selected":"")+">the Mrtlz");
buffer.append("<option value=\"credit\" "+(page.equals("credit")?"Selected":"")+">Credit");
buffer.append("<option value=\"contact\" "+(page.equals("contact")?"Selected":"")+">Contact");
buffer.append("<option value=\"guestbook\" "+(page.equals("guestbook")?"Selected":"")+">Guestbook");
buffer.append("</select>");
buffer.append("</form>");

Synes godt om

mik28 Seniormester

11. april 2003 - 10:26 #1

<form method="post" name="editpage" action="Editpage" style="display:inline;">
<select class="dropbox" name="page" onChange="document.editpage.submit();">
<option value="start" Selected>Start
<option value="news" >News
<option value="mrtlz" >the Mrtlz
<option value="credit" >Credit
<option value="contact" >Contact
<option value="guestbook" >Guestbook
</select>
</form>

Synes godt om

mik28 Seniormester

11. april 2003 - 10:27 #2

er f.eks outputtet hvis Start er valgt

Synes godt om

olebole Juniormester

11. april 2003 - 10:28 #3

<ole>

Jamen, det er der jo ingen, der når at se. Formen submittes på onchange - og så forsvinder formen :)

/mvh
</bole>

Synes godt om

olebole Juniormester

11. april 2003 - 10:30 #4

Ahaaaa .... :)

Så skal du skrive det ind i servelet'en:
<option style="background-color:#ff0000" value="start" Selected>Start</option>

Husk i øvrigt at afslutte dine options :)
/mvh

Synes godt om

olebole Juniormester

11. april 2003 - 10:31 #5

.... og tekstfarven sættes naturligvis med 'color' :)

Synes godt om

mik28 Seniormester

11. april 2003 - 10:39 #6

Nej, ideen er at kun det der er valgt skal have en anden baggrundsfarve :-)

Synes godt om

olebole Juniormester

11. april 2003 - 10:41 #7

Prøv det nu ... så kan du se, det også er tilfældet. Det er altid en god idé at teste de løsninger, man får

Synes godt om

mik28 Seniormester

11. april 2003 - 10:42 #8

Det har jeg gjort :-)

Synes godt om

mik28 Seniormester

11. april 2003 - 10:43 #9

du må gerne se det

http://www.web-oasen.dk/mortallovebeta/adm

user: nico
pass: nico

Synes godt om

olebole Juniormester

11. april 2003 - 10:46 #10

Ellers tak .... det kunne _aldrig_ falde mig ind at gå ind på en usikker side, jeg ikke selv har lavet.
Jeg kan dog alligevel slå fast, du må have lavet en fejl - for det virker :)
/mvh

Synes godt om

mik28 Seniormester

11. april 2003 - 10:46 #11

buffer.append("<option style=\"background-color:#ff0000\" value=\"start\" "+(page.equals("start")?"Selected":"")+">Start\n");

Synes godt om

mik28 Seniormester

11. april 2003 - 10:47 #12

jeg kan da hurtigt stå ssl fra :-) Det har jeg mest sat på for sjov :-)

Synes godt om

olebole Juniormester

11. april 2003 - 10:48 #13

Det må du meget gerne, tak :)

Synes godt om

mik28 Seniormester

11. april 2003 - 10:48 #14

øjeblik

Synes godt om

mik28 Seniormester

11. april 2003 - 10:51 #15

sådan

Synes godt om

olebole Juniormester

11. april 2003 - 10:55 #16

Det går da udmærket med baggrundsfarven :)

Synes godt om

mik28 Seniormester

11. april 2003 - 10:56 #17

baggrundsfarven er sort, men den skal ændres for det menupunkt der er valgt.

Synes godt om

olebole Juniormester

11. april 2003 - 10:57 #18

Nå .... den er ikke sort hos mig :)

Synes godt om

olebole Juniormester

11. april 2003 - 10:57 #19

Prøv evt. at tømme din cashe

Synes godt om

mik28 Seniormester

11. april 2003 - 11:02 #20

nej de to første punkter i den første menu skulle gerne have en rød baggrund. Som du kan se er det sidste du vælger selected. Jeg vil gerne have baggrundsfarven ændret for kun det punkt der er valgt :-)

Synes godt om

mik28 Seniormester

11. april 2003 - 11:02 #21

Hvilken browser bruger du ?

Synes godt om

olebole Juniormester

11. april 2003 - 11:05 #22

Både NS og IE ... i NS viser den dog ikke baggrundsfarven i selecten, når den er foldet sammen. Det kan du ikke lave om på. Når den er foldet ud, er den fint rød :)

Synes godt om

mik28 Seniormester

11. april 2003 - 11:06 #23

Nu tror jeg jeg ved hvad du mener. Det jeg vil kan sikkert ikke lade sig gøre. Jeg vil jo have 2 forskellige baggrunde på det som er valgt og det der står i dropboksen. Det kan man nok ikke

Synes godt om

mik28 Seniormester

11. april 2003 - 11:08 #24

Det var også bare en tanke :-) Tak for hjælpen

Synes godt om

olebole Juniormester

11. april 2003 - 11:19 #25

En muligehed kunne vel være:

<script type="text/JavaScript">
function setCol() {
s = document.f.s;
for (i=0; i<s.length; i++) {
if (i!=s.selectedIndex) {
s.options[i].style.backgroundColor = "#000000";
s.options[i].style.color = "#ffffff";
} else {
s.options[i].style.backgroundColor = "#ff0000";
s.options[i].style.color = "#000000";
}
}
}
window.onload = setCol;
</script>

<form name="f">
<select name="s" onchange="setCol()">
<option>bla 1</option>
<option>bla 2</option>
<option>bla 3</option>
<option>bla 4</option>
</select>
</form>

Synes godt om

olebole Juniormester

11. april 2003 - 11:22 #26

Nej, det funker zq heller ikke i NS :(

Synes godt om

mikmakmuk Nybegynder

11. april 2003 - 11:26 #27

Det gør ikke så meget. Jeg har lukket mine options tags

Synes godt om

olebole Juniormester

11. april 2003 - 11:36 #28

Okay ... denne her virker i NS og IE. Måske ikke så 'sexy', men den kan sikkert slankes - den er lidt hurtigt kastet sammen:

<script type="text/JavaScript">
function setCol() {
s = document.f.s;
for (i=0; i<s.length; i++) {
if (document.getElementById && !document.all) {
s.style.backgroundColor = "#ff0000";
s.style.color = "#000000";
if (i!=s.selectedIndex) {
s.options[i].setAttribute("style", "background-color:#000000;color:#ffffff");
} else {
s.options[i].setAttribute("style", "background-color:#ff0000;color:#000000");
}
} else {
if (i!=s.selectedIndex) {
s.options[i].style.backgroundColor = "#000000";
s.options[i].style.color = "#ffffff";
} else {
s.options[i].style.backgroundColor = "#ff0000";
s.options[i].style.color = "#000000";
}
}
}
}
window.onload = setCol;
</script>

Synes godt om

mik28 Seniormester

11. april 2003 - 11:50 #29

helt perfekt ;-)

Synes godt om

olebole Juniormester

11. april 2003 - 11:53 #30

fino :)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS