CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

diff Nybegynder

01. september 2004 - 10:43 Der er 7 kommentarer og
1 løsning

onClick (på href) skal der indsættes html

Jeg skal bruge et stykke js der kan indsætte nogle input fields i en form hvis der klikkes på et href/checkbox. Linket/checkboxen er i en allerede eksisterende form hvor nogle felter vil være blevet udfyldt. Så det er vigtigt at siden ikke reloader og det indtastet data mistes.

F.eks.

Indtast navn : [input]
indtast email : [input] ændring af stamdata (link)

(hvis "ændring af stamdata" klikkes på, skal der indsættes yderligere inputs, som angivet nedenfor)

Adresse : [input]
by : [input]

Jeg er sikker på at det er simpelt, men jeg har bare aldrig taget mig sammen til at lære js...

Synes godt om

the_ghost Nybegynder

01. september 2004 - 11:07 #1

I din <head></head> indsætter du:

<script type="text/javascript" type="JavaScript">
function showHide()
{
divBoks = document.getElementById('stamdata');
if(divBoks.style.display == 'none'){
divBoks.style.display = 'block';
}
else{
divBoks.style.display = 'none';
}
}
</script>

Og her har du en del af formen:

<input type="checkbox" name="checkboks" onClick="showHide();">
<div id="stamdata" style="display: none">
Adresse: <input type="text" name="adr"><br>
by: <input type="text" name="by">
</div>

Synes godt om

roenving Novice

01. september 2004 - 16:34 #2

-- og funktionen kan forkortes noget:

function showHide(){
divBoks = document.getElementById('stamdata').style;
divBoks.display = (divBoks.display == 'none')?'block':'none';
}

-- men det er den helt rigtige fremgangsmåde at indsætte elementerne skjult og så vise dem, hvis der er behov !-)

Synes godt om

the_ghost Nybegynder

01. september 2004 - 18:55 #3

Nemlig.. Grunden til at jeg ikke gør det er at jeg syntes den tertiære operator ser grim ud i en kode

Synes godt om

diff Nybegynder

02. september 2004 - 20:10 #4

Undskyld den lange svartid...

Det er lige hvad jeg skal bruge, simplethed perfekt.

the_ghost vil du ikke lige svare, hvis du altså er interesseret i pointene.

Jeg har også ligeen anden javascript spg. på faldrebet. I en del af min formvalidering skal jeg checke om der er selected noget fra en dropdown box, hvori jeg har sat option value="interess[]". hvordan undersøger jeg om interess[] er tom. Jeg har prøvet med document."form".interess.length == 0, men det ser ikke ud til at virke.

Mange Tak

Synes godt om

roenving Novice

02. september 2004 - 22:25 #5

Hvis du sætter en tom værdi ind som den første, kan du simpelthen checke, om .selectedIndex på <select>-elementet er større end 0 !-)

Synes godt om

the_ghost Nybegynder

02. september 2004 - 22:42 #6

. jo da

Synes godt om

the_ghost Nybegynder

02. september 2004 - 22:43 #7

Og her var det så

Synes godt om

diff Nybegynder

03. september 2004 - 12:55 #8

Også en tak til roenving ;)

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 JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34
Sæt vindue størrelse Af poulmadsen i JavaScript	1	08/10/202417:18	13/10/202412:33
Opgavestyring Af ingeman i JavaScript	1	15/09/202416:06	15/09/202420:40
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00

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