Søg
Avatar billede tsocm Nybegynder
17. december 2001 - 22:58 Der er 20 kommentarer og
1 løsning

vis textfelt ved hak i checkbox

<form method=\"POST\" action=\"index.php\">
  <p><input type=\"checkbox\" name=\"C1\" value=\"ON\"></p>
  <p><input type=\"text\" name=\"T1\" size=\"20\"></p>
  <p><input type=\"text\" name=\"T2\" size=\"20\"></p>
</form>

ved hak i C1 skal T1 og T2 komme frem eller skifte fra grå til hvide og skrivbare...

Avatar billede pelkjaer Nybegynder
17. december 2001 - 23:09 #1
Jeg forstår ikke spørgsmålet.

De er allerede skrivebare.
Avatar billede tsocm Nybegynder
17. december 2001 - 23:11 #2
jepper jeg kan godt se hvad du mener at det måske ikke stå særligt tydeligt ;-)

Det skal laves sådan at T1 og T2 ikke er skriv bare, medmindre at der sættes hak i C1,... Det var det jeg mente.
Avatar billede pgm Nybegynder
17. december 2001 - 23:15 #3
følger lige med....
Avatar billede olebole Juniormester
17. december 2001 - 23:53 #4
<ole>

<script type=\"text/JavaScript\">
function enableFields(f) {
    f.T1.disabled = false;
    f.T1.style.backgroundColor = \"#ffffff\";
    f.T2.disabled = false;
    f.T2.style.backgroundColor = \"#ffffff\";
}
</script>

<form method=\"POST\" action=\"index.php\">
  <p><input type=\"checkbox\" name=\"C1\" value=\"ON\" onclick=\"enableFields(this.form)\"></p>
  <p><input type=\"text\" name=\"T1\" size=\"20\" style=\"background-color:#ededed\" disabled></p>
  <p><input type=\"text\" name=\"T2\" size=\"20\" style=\"background-color:#ededed\" disabled></p>
</form>

/mvh
</bole>
Avatar billede pelkjaer Nybegynder
18. december 2001 - 00:02 #5
Arhg...ham olebole...

har siddet og vredet hjernen for at løse det *G*
men løse det gjorde jeg også :)

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<style type=\"text/css\">
<!--
.textfield {  visibility: hidden; clip:  rect(  )}
.textfield2 {  visibility: visible; clip:  rect(  )}
-->
</style>
<script language=\"JavaScript\">
<!--
function ClassNew(obj, new_style) { //v2.6 by PVII
  obj.className=new_style;
}
//-->
</script>
</head>

<body bgcolor=\"#FFFFFF\" text=\"#000000\">
<form method=\"POST\" action=\"index.php\">
  <p>
    <input type=\"checkbox\" name=\"C1\" value=\"ON\" onClick=\"ClassNew(T1,\'textfield2\')\">
  </p>
  <p>
    <input type=\"text\" name=\"T1\" size=\"20\" class=\"textfield\">
  </p>
  </form>
</body>
</html>
Avatar billede olebole Juniormester
18. december 2001 - 00:07 #6
Yeps ....det er også en måde  ;o)
En enkelt ting, du dog lige skal vide (og det er ikke noget, du kunne gætte dig til) er, at klasse-skift er meget langsommere end property-skift.
Hvis du skifter \'style.visibility\' på objektet går det altså hurtigere, end hvis du skifter klassen. Man skal faktisk skifte temmelig mange properties på én gang, før klassen er hurtigst.
Ellers en absolut brugbar løsning  ;o)
/mvh
Avatar billede pelkjaer Nybegynder
18. december 2001 - 00:09 #7
jeg havde skam prøvet alt muligt med style.visibility uden at få det til at du.

Så jeg brugte et bg-farveskift script fra PVII og ændrede lidt i det :)
Avatar billede pelkjaer Nybegynder
18. december 2001 - 00:18 #8
Hva\'em olebole

Ser jeg dreamweaver kode på din arbejdsplads\'s website?

=oD
Avatar billede olebole Juniormester
18. december 2001 - 00:23 #9
Det gør du uden tvivl ...ikke alle, der har et firma er professionelle! Jeg har iøvrigt lige sagt op, men ikke på grund af DW-kode  ;o)
/mvh
Avatar billede pelkjaer Nybegynder
18. december 2001 - 00:26 #10
Så er det derfor jeg ikke kunne finde dig under medarbejdere.

Telia\'s webdesignafdeling bruger iøvrigt også dw :)
Avatar billede olebole Juniormester
18. december 2001 - 00:26 #11
...men jeg giver dig helt ret: DW-kode i en side på et firmas coporate-site ...et firma, der lever af at lave et Content Management System. Ikke udpræget begavet!  ;o)
/mvh
Avatar billede olebole Juniormester
18. december 2001 - 00:28 #12
Nej, det er nu fordi, det ikke har været opdateret, siden jeg blev ansat .....et firma, der lever af at lave et Content Management System ...!!!  =oD
/mvh
Avatar billede pelkjaer Nybegynder
18. december 2001 - 00:30 #13
*G*
Avatar billede pelkjaer Nybegynder
18. december 2001 - 00:33 #14
Og for at gnide salten rundt i såret, ser deres side ikke helt optimal ud i NS 4.79
Avatar billede olebole Juniormester
18. december 2001 - 00:41 #15
Er der kun tale om \'ikke helt optimal\', er det stort ...!
Ehhhhh ....jeg kan mærke, vi bør finde et andet emne  ;o))
/mvh
Avatar billede pelkjaer Nybegynder
18. december 2001 - 00:43 #16
fino.
Avatar billede tsocm Nybegynder
18. december 2001 - 03:35 #17
Det ser rigtigt godt ud ... Men ville kan det lade sig gøre, hvis nu brugeren fortryder, at når man fjerner hakket igen, at felterne går tilbage og bliver ikke skriv bare ?

Håber ikke jeg er for besværlig :-)
Avatar billede olebole Juniormester
18. december 2001 - 04:03 #18
Hehe ...hvorfor vidste jeg, det ville blive det næste spørgsmål? Nejnej, det var blot mig, der var doven, for selvfølgelig skal det være sådan  :)

<script type=\"text/JavaScript\">
function enableFields(f) {
    var bgCol = (f.C1.checked==true)? \"#ffffff\" : \"#ededed\";
    var useable = (f.C1.checked==true)? false : true;
    f.T1.disabled = useable;
    f.T1.style.backgroundColor = bgCol;
    f.T1.value = \"\";
    f.T2.disabled = useable;
    f.T2.style.backgroundColor = bgCol;
    f.T2.value = \"\";
}
</script>

/mvh
Avatar billede olebole Juniormester
18. december 2001 - 04:11 #19
Eller sådan, hvis felterne har en start-value, som du gerne vil sætte igen:

<html>
<head>
<script type=\"text/JavaScript\">
function enableFields(f) {
    var bgCol = (f.C1.checked==true)? \"#ffffff\" : \"#ededed\";
    var useable = (f.C1.checked==true)? false : true;
    f.T1.disabled = useable;
    f.T1.style.backgroundColor = bgCol;
    f.T1.value = T1DefVal;
    f.T2.disabled = useable;
    f.T2.style.backgroundColor = bgCol;
    f.T2.value = T2DefVal;
}
var T1DefVal, T2DefVal;
window.onload = function() {
    T1DefVal = document.f.T1.value;
    T2DefVal = document.f.T2.value;
}
</script>
</head>
<body>

<form name=\"f\">
  <p><input type=\"checkbox\" name=\"C1\" value=\"ON\" onclick=\"enableFields(this.form)\"></p>
  <p><input type=\"text\" name=\"T1\" value=\"Skriv noget\" size=\"20\" style=\"background-color:#ededed\" disabled></p>
  <p><input type=\"text\" name=\"T2\" value=\"Skriv noget andet\" size=\"20\" style=\"background-color:#ededed\" disabled></p>
</form>

</body>
</html>

/mvh
Avatar billede olebole Juniormester
18. december 2001 - 04:43 #20
...og så har jeg ikke mere i sækken til dig, tsocm ...HO HO HO  *<:o)

<html>
<head>
<script type=\"text/JavaScript\">
function enableFields(f) {
    var bgCol = (f.C1.checked==true)? \"#ffffff\" : \"#ededed\";
    var useable = (f.C1.checked==true)? false : true;
    f.T1.disabled = useable;
    f.T1.style.backgroundColor = bgCol;
    f.T1.value = T1DefVal;
    f.T2.disabled = useable;
    f.T2.style.backgroundColor = bgCol;
    f.T2.value = T2DefVal;
}
var T1DefVal, T2DefVal;
window.onload = function() {
    T1DefVal = document.f.T1.value;
    T2DefVal = document.f.T2.value;
}
</script>
</head>
<body>

<form name=\"f\">
  <p><input type=\"checkbox\" name=\"C1\" value=\"ON\" onclick=\"enableFields(this.form)\"></p>
  <p><input type=\"text\" name=\"T1\" onclick=\"if(this.disabled==false&&this.value==T1DefVal)this.value=\'\'\"
          value=\"Skriv noget\" size=\"20\" style=\"background-color:#ededed\" disabled></p>
  <p><input type=\"text\" name=\"T2\" onclick=\"if(this.disabled==false&&this.value==T2DefVal)this.value=\'\'\"
          value=\"Skriv noget andet\" size=\"20\" style=\"background-color:#ededed\" disabled></p>
</form>

</body>
</html>

/Glædelig Jul
Avatar billede tsocm Nybegynder
19. december 2001 - 01:07 #21
Tak <input type=\"julemand\" name=\"olebole\"> det var alt hvad jeg ønskede mig til jul ;-)

Men prøv lige at ryst sækken for at være helt sikker på der ikke ligger flere gaver til mig på bunden.... *GG*


Tak for hjælpen

og glædig jul til dig også.

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
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
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Å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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
27/0916:43 Nomad Tracking Car Af fleknes i Apps til Android
25/0916:15 Internet forsvinder hele tiden Af TTA i Internetforbindelser
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
White papers
Flere white papers »