Avatar billede md_craig Nybegynder
28. marts 2003 - 09:59 Der er 28 kommentarer og
1 løsning

Vis / Skjul form...

Jeg har en kontakt side hvor jeg har lavet det sådan at man kan vælge om man er fra en firma eller en privat person...

nu skal det så være sådan at man hvis man fx vælger firma, så skal der komme en input box til firma navn... og vælge man privatperson så fjernes den...

det må gerne være sådan at den bare bliver inaktiv og aktiv... og i må meget gerne finde eksempler på begge dele...

det skulle også gerne kunne bruges til en Sellect box og et Textarea...

og aller helst uden at den skal reloade siden... (vil jeg næsten gerne stille som krav)
Avatar billede medions Nybegynder
28. marts 2003 - 10:21 #1
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script language="JavaScript" type="text/javascript">
    function hideAll () {
            document.getElementById(1).style.display = 'none';
            document.getElementById(2).style.display = 'none';
    }
    function LayerControler (who) {
        if (who == "private") {
            document.getElementById(1).style.display = 'none';
            document.getElementById(2).style.display = 'inline';
        }
       
        if (who == "firm") {
            document.getElementById(2).style.display = 'none';
            document.getElementById(1).style.display = 'inline';
        }
    }
</script>

</head>

<body onload="hideAll();">

<form name="frm1">
    <input type="radio" name="type" value="firm" onclick="LayerControler(this.value);">
    <input type="radio" name="type" value="private" onclick="LayerControler(this.value);">
    <p>
    <input type="text" name="firmanavn" id="1" value="Indtast firmanavn">
    <input type="text" name="privatpersonsnavn" id="2" value="Indtast privatnavn">
</form>

</body>
</html>

//>Rune
Avatar billede medions Nybegynder
28. marts 2003 - 10:26 #2
Med den her virker den oxo i ældre browsere..

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script language="JavaScript" type="text/javascript">
    function hideAll () {
            document.all["felt1"].style.display = 'none';
            document.all["felt2"].style.display = 'none';
    }
    function LayerControler (who) {
        if (who == "private") {
            document.all["felt1"].style.display = 'none';
            document.all["felt2"].style.display = 'inline';
        }
       
        if (who == "firm") {
            document.all["felt2"].style.display = 'none';
            document.all["felt1"].style.display = 'inline';
        }
    }
</script>

</head>

<body onload="hideAll();">

<form name="frm1">
    <input type="radio" name="type" value="firm" onclick="LayerControler(this.value);">
    <input type="radio" name="type" value="private" onclick="LayerControler(this.value);">
    <p>
    <input type="text" name="firmanavn" id="felt1" value="Indtast firmanavn">
    <input type="text" name="privatpersonsnavn" id="felt2" value="Indtast privatnavn">
</form>

</body>
</html>

//>Rune
Avatar billede md_craig Nybegynder
28. marts 2003 - 10:30 #3
Øhhh...

du kan da lige se et lille udkast til formen...
www.it-links.dk/kontakt%20os

og tar jeg ikke meget fejl, så skjuler det der textboxen... men jeg kan ikke blive helt enig med mig selv om den skal skjule den eller bare gøre den Inactive...

og ja.. så må du meget gerne lige lave lidt kommentare...
Avatar billede md_craig Nybegynder
28. marts 2003 - 10:31 #4
Avatar billede medions Nybegynder
28. marts 2003 - 10:39 #5
Hmm hvad så med sådan her?

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script language="JavaScript" type="text/javascript">
    function hideAll () {
            document.frm1.firmanavn.disabled = true;
            document.frm1.privatpersonsnavn.disabled = true;
    }
    function LayerControler (who) {
        if (who == "private") {   
            document.frm1.firmanavn.disabled = true;
            document.frm1.privatpersonsnavn.disabled = false;
        }
       
        if (who == "firm") {
            document.frm1.firmanavn.disabled = false;
            document.frm1.privatpersonsnavn.disabled = true;
        }
    }
</script>

</head>

<body onload="hideAll();">

<form name="frm1">
    <input type="radio" name="type" value="firm" onclick="LayerControler(this.value);">
    <input type="radio" name="type" value="private" onclick="LayerControler(this.value);">
    <p>
    <input type="text" name="firmanavn" id="felt1" value="Indtast firmanavn">
    <input type="text" name="privatpersonsnavn" id="felt2" value="Indtast privatnavn">
</form>

</body>
</html>

//>Rune
Avatar billede md_craig Nybegynder
28. marts 2003 - 10:41 #6
ja... så skal jeg jo egentlig bare lige beslutte mig...

Men skal jeg bruge Onclick nar det er i en select box de vælges ???
Avatar billede medions Nybegynder
28. marts 2003 - 10:42 #7
Nej, så skal du bruge OnChange

//>Rune
Avatar billede medions Nybegynder
28. marts 2003 - 10:43 #8
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script language="JavaScript" type="text/javascript">
    function hideAll () {
            document.frm1.firmanavn.disabled = true;
            document.frm1.privatpersonsnavn.disabled = true;
    }
    function LayerControler (who) {
        if (who == "private") {   
            document.frm1.firmanavn.disabled = true;
            document.frm1.privatpersonsnavn.disabled = false;
        }
       
        if (who == "firm") {
            document.frm1.firmanavn.disabled = false;
            document.frm1.privatpersonsnavn.disabled = true;
        }
    }
</script>

</head>

<body onload="hideAll();">

<form name="frm1">
    <select name="type" onchange="LayerControler(this.value);">
        <option value="firm">Firma
        <option value="private">Privat
    </select>

    <p>
    <input type="text" name="firmanavn" id="felt1" value="Indtast firmanavn">
    <input type="text" name="privatpersonsnavn" id="felt2" value="Indtast privatnavn">
</form>

</body>
</html>

//>Rune
Avatar billede medions Nybegynder
28. marts 2003 - 10:49 #9
LOL hvad mener du med at JavaScript ikke er særlig meget brug mere???

http://www.it-links.dk/designsalg/Default.asp?Side=Design%20Fra%20Bunden

-det er da den teknologi der er en af de førende!! -du møder da ikke en seriøs webdesigner der ikke kan JavaScript :o)

//>Rune
Avatar billede md_craig Nybegynder
28. marts 2003 - 10:52 #10
Fortsat svar: medions
28/03-2003 10:49:12

Det er af den grund at jeg ser DHTML tage over i mange af de steder man brugte JavaScript før... og det er måske en overdrivelse... for det her kanjeg fx ikke klare direkte med DHTML...
Avatar billede medions Nybegynder
28. marts 2003 - 10:55 #11
md_craig> Øhh DHTML ER JavaScript :-) -DHTML er bare JavaScript og HTML sammensat, og så med nogle flere objekter!

Nå, men har dit problem løst sig?

//>Rune
Avatar billede md_craig Nybegynder
28. marts 2003 - 10:57 #12
Men du skulle vel ikke kende en god bog til JS... for det mangler jeg... JS var aldrig noget vi kom ind på... og da jeg ikke fortsætter med en uddannelse som multimediedesigner eller lign. men Datateknologi ingenør, så tvivler jeg på at jeg kommer omkring det i skolen... og det skader jo aldrig at udvide sin horisont...

Desuden skal jeg også i gang med XML... (kan bare ikke tage mig sammen...)
Avatar billede md_craig Nybegynder
28. marts 2003 - 10:58 #13
Kommentar: medions
28/03-2003 10:55:38

DHTML er IKKE JavaScripting direkte... men jo det er meget af det samme...
Avatar billede medions Nybegynder
28. marts 2003 - 11:04 #14
Nej, jeg kender ikke nogen godt bog... har en selv, men den var dæleme skuffende... Søg hellere på nettet... Der finder du det der er meget bedere!

JavaScript bliver brugt til at gøre HTML dynamisk = DHTML (show/hide layers fx.)

//>Rune
Avatar billede md_craig Nybegynder
28. marts 2003 - 11:29 #15
Ja det virker fint....

jeg kom til at tænke på... hvis jeg nu vil ændre BG farven i den der bliver disabled... hvad så...
Avatar billede medions Nybegynder
28. marts 2003 - 11:40 #16
function hideAll () {
            document.frm1.felt1.disabled = true;
            document.frm1.felt2.disabled = true;
            document.frm1.felt1.style.background = '#cccccc';
            document.frm1.felt2.style.background = '#cccccc';
    }
    function LayerControler (who) {
        if (who == "private") {   
            document.frm1.felt1.disabled = true;
            document.frm1.felt1.style.background = '#cccccc';
            document.frm1.felt2.disabled = false;
            document.frm1.felt2.style.background = '#ffffff';
        }
       
        if (who == "firm") {
            document.frm1.felt1.disabled = false;
            document.frm1.felt1.style.background = '#cccccc';
            document.frm1.felt2.disabled = true;
            document.frm1.felt1.style.background = '#ffffff';
        }
    }

Thx 4 Poinz

//>Rune
Avatar billede medions Nybegynder
28. marts 2003 - 11:41 #17
Hov, sådan her var det...

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script language="JavaScript" type="text/javascript">
    function hideAll () {
            document.frm1.felt1.disabled = true;
            document.frm1.felt2.disabled = true;
            document.frm1.felt1.style.background = '#cccccc';
            document.frm1.felt2.style.background = '#cccccc';
    }
    function LayerControler (who) {
        if (who == "private") {   
            document.frm1.felt1.disabled = true;
            document.frm1.felt1.style.background = '#cccccc';
            document.frm1.felt2.disabled = false;
            document.frm1.felt2.style.background = '#ffffff';
        }
       
        if (who == "firm") {
            document.frm1.felt1.disabled = false;
            document.frm1.felt1.style.background = '#ffffff';
            document.frm1.felt2.disabled = true;
            document.frm1.felt2.style.background = '#cccccc';
        }
    }
</script>

</head>

<body onload="hideAll();">

<form name="frm1">
    <select name="type" onchange="LayerControler(this.value);">
        <option value="firm">Firma
        <option value="private">Privat
    </select>
    <!--<input type="radio" name="type" value="firm" onclick="LayerControler(this.value);">
    <input type="radio" name="type" value="private" onclick="LayerControler(this.value);">-->
    <p>
    <input type="text" name="firmanavn" id="felt1" value="Indtast firmanavn">
    <input type="text" name="privatpersonsnavn" id="felt2" value="Indtast privatnavn">
</form>

</body>
</html>

//>Rune
Avatar billede md_craig Nybegynder
28. marts 2003 - 11:56 #18
Aha... lol... så kan jeg bedre forstå jeg ikke kunne få det til at virke...

Det vil åbenbart ikke Acceptere Background-Color... som jeg er vant til at bruge i forbindelse med CSS...
Avatar billede pelkjaer Nybegynder
28. marts 2003 - 12:00 #19
Det er fordi det hedder backgroundColor :)

<span onmouseover="this.style.backgroundColor='red'">tekst</span>
Avatar billede md_craig Nybegynder
28. marts 2003 - 12:03 #20
En aller aller sidste ting... (bare en mening...)

Man kan jo egentlig godt gøre den afhængig af flere parametre... ex:

Select 1: Lave design fra bunden
Select 2: Privat

Nummer = inaktiv
Firma = Inaktiv
_____________________________________
Select 1: Lave design fra bunden
Select 2: Firma

Nummer = inaktiv
Firma = Aktiv
_______________________________________-
Select 1: Skabelon
Select 2: Privat

Nummer = aktiv
Firma = Inaktiv
_____________________________________
Select 1: Skabelon
Select 2: Firma

Nummer = Aktiv
Firma = Aktiv
_______________________________________
Det kunne jeg jo got køre ind i samme funktion... men det kan jo også køre gennem 2 seperate funktioner... så er spm... hvad ville du gøre... hvad er bedst...
Avatar billede md_craig Nybegynder
28. marts 2003 - 12:09 #21
Kommentar: pelkjaer
28/03-2003 12:00:37

Ja det gør den sQ også som Scripting... jeg scripter det bare så sjældent...

Syntax ;
HTML { background-color : sColor }
Scripting object.style.backgroundColor [ = sColor ]
Avatar billede pelkjaer Nybegynder
28. marts 2003 - 12:14 #22
Er det netop ikke scripting vi taler? =oD

ser sådan ud ( document.frm1.felt2.style.background = '#cccccc'; )...
Avatar billede md_craig Nybegynder
28. marts 2003 - 12:19 #23
Kommentar: pelkjaer
28/03-2003 12:14:13

Jo det er Scripting... men jeg Scripter ikke mit CSS... når jeg i det gennerelle bruger CSS... så Scripter jeg det ikke...
Avatar billede medions Nybegynder
28. marts 2003 - 12:21 #24
LOL
Avatar billede pelkjaer Nybegynder
28. marts 2003 - 12:30 #25
Nej hvorfor skulle du også det.
Jeg har heller ikke noget imod at du spiller klog på min bekostning - men det ville virke bedre hvis det du skrev gav mening.

Jeg ser en kommentar der hedder "Det vil åbenbart ikke Acceptere Background-Color... som jeg er vant til at bruge i forbindelse med CSS..." fra dig.

Tråden umiddelbart over indeholder document.frm1.felt2.style.background = '#cccccc';

object.background er faktisk en navigator ting til et bgbillede
Din kode afspejler nu ikke at det skal virke op imod navigator, men for en god ordens skyld hedder bgfarve til navigator object.bgColor

Til IE (som jeg kan se det er rette imod med document.all)

hedder bgbillede
object.style.backgroundImage

og bgfarve
object.style.backgroundColor

:o)
Avatar billede md_craig Nybegynder
28. marts 2003 - 12:34 #26
Eller noget... ??? LOL... ok det lød dumt...
Avatar billede md_craig Nybegynder
28. marts 2003 - 12:43 #27
Kommentar: pelkjaer
28/03-2003 12:30:05

Ja det er rigtigt... men det har jo egentlig ikke noget med det at gøre...

Grunden til jeg brugte Background-Color, er at det er det rigtige at bruge i forbindelse med alm. definision af en baggrund gennem CS... og ja så gik jeg jo egentlig bare ud fra at det var det samme når man Scriptede med det...

Derfor....
_______________________________________________________________________________

Jeg må ærligt indrømme at jeg snart ikke gider at lege med andre browsere end IE, der er simpelthen ikke mange der bruger NS og de andre længere... og NS kan også klare det overstående i dag... (bruger da NS 7.02 lidt når IE driller)... Men det med at optimere min kode til Mozilla og alle de andre, det går jeg mere og mere fra... for selv om ens kode klare den igennem en validering, så er det ikke 100% at IE og NS viser ens kode side ens...

Men da der er så få der bruger de andre browsere, ja så er det fint for mig at min kode klare sig gennem en validering... og nogen gange rør dét mig heller ikke hvis den ikke gør...
_______________________________________________________________________________

hedder bgbillede
object.style.backgroundImage

og bgfarve
object.style.backgroundColor

og dem bruger jeg så normalt med
background-Image
background-Color
Avatar billede pelkjaer Nybegynder
28. marts 2003 - 12:48 #28
>>hedder bgbillede
>>object.style.backgroundImage

>>og bgfarve
>>object.style.backgroundColor
Ja når du obj med javascript

>>og dem bruger jeg så normalt med
>>background-Image
>>background-Color
Ja det er css - men skriv lowercase only.

Ovenstående virker i alle nyere browsere, også Opera, Mozilla Netscape osv.
Avatar billede pelkjaer Nybegynder
28. marts 2003 - 12:48 #29
"Ja når du obj med javascript"
burde være
Ja når du tilgår obj med javascript og styler derfra direkte
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