Avatar billede lmejding Nybegynder
01. juni 2004 - 11:18 Der er 5 kommentarer

advanceret formular med brug af <div>

Jeg er ved at lave et online spørgeskema, hvor jeg har følgende problem.

Ved et spørgsmål er der tre options. Hvis man vælger nr. 1 vises to ekstra felter, som skal udfyldes.
Når man klikker kalder jeg en funktion, der gør:

if (strText31 == "achieved year"){
   
    divImg31.style.visibility = "hidden"
    divImg31.innerHTML = "<font face=Arial size=2 color=cc0000> </font><input type=text name=spr31_year_specify size=20 value='Please specify year:'><br><font face=Arial size=2 color=cc0000> </font><input type=text name=spr31_title_specify size=20 value='Please specify title:'>";

    divImg31.style.visibility = "visible"
   

   
}
Derved vises feltet.

Problemet er at indholdet af det felt med i div taggen ikke sendes med når man sender formularen.

Har nogen et bud på hvordan jeg løser det??

/Lars
Avatar billede roenving Novice
01. juni 2004 - 13:05 #1
Hvorfor har du ikke bare felterne med, og så bruger display:none|block til at vise med ?-)
Avatar billede lmejding Nybegynder
01. juni 2004 - 13:24 #2
Det lyder som om det er en let procedure.
Kan du vise et eksempel?
/Lars
Avatar billede roenving Novice
01. juni 2004 - 15:30 #3
if (strText31 == "achieved year"){
  document.getElementById('divImg31').style.display = "block"
}


<div id="divImg31" style="display:none;">
  <input type="text" name="spr31_year_specify" size="20" value='Please specify year:'><br>
  <input type="text" name="spr31_title_specify" size="20" value='Please specify title:'>
</div

-- jeg fjernede lige de overflødige fonttags ...

(eller de blev i hvert fald ikke brugt !-)

-- med display:none; optager diven ikke på nogen måde plads, så når den gøres synlig, vil det underliggende rykke sig ned !o]
Avatar billede lmejding Nybegynder
01. juni 2004 - 16:52 #4
Cool - men er der ikke noget med at det kun er browsere i version 5+ at det virker i?

/Lars
Avatar billede roenving Novice
01. juni 2004 - 17:05 #5
Joda, der er en grænse for hvor langt tilbage tingene er kompatible:

getElementById(id) er ie5+ og NS6+/Mozilla, samt en del af ecma-script-standarden ...

id uden noget andet er ie4+ samt Opera i en eller anden version, men er direkte afvist som standard (det er den underliggende .all, som er afvist, bla. med M$ vidende eller stemmer i w3c !-)

display:none|block er ie4+, ns4+ samt alle nutidige browsere og en del af css1 ...

<div> er helt fra ie3/Netscape2/HTML3, så den er understøttet alle steder ...
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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