Søg
Avatar billede blegansigt.com Nybegynder
27. maj 2002 - 09:42 Der er 7 kommentarer og
1 løsning

ændring af option -> ændring af visning

Hej Eksperter

Her følger kildekode:

<html>
<head>
<title>FormTest</title>

</head>

<body>
<form name="ip_form">
  <table bgcolor="#FFFFFF" width="500" border="0" cellspacing="0" cellpadding="3">
    <tr>
      <td class="tableheader" colspan="5">Pris</td>
    </tr>
    <tr bgcolor="#FFFFFF">
      <td height="22" colspan="5" class="tableblacktext">V&aelig;lg eller indtast
        selv.</td>
    </tr>
    <tr bgcolor="#FFFFFF">
      <td class="tableblacktext" height="22" width="200">Dit nuv&aelig;rende valg
      </td>
      <td class="tableblacktext" height="22" width="10">&nbsp;</td>
      <td class="tableblacktext" height="22" colspan="3"> <select name="ny_ipvalg" id="ny_ipvalg">
          <option value="0" selected>0 kr</option>
          <option value="1">100 kr</option>
          <option value="2">Antal %</option>
        </select> </td>
    </tr>
 

<!-- start: denne række skal kun vises hvis option value = "2" -->
    <tr bgcolor="#FFFFFF">
      <td class="tableblacktext" height="22">Indtast selv %</td>
      <td class="tableblacktext" height="22">&nbsp;</td>
      <td class="tableblacktext" height="22" colspan="3"><input name="ny_pctip" type="text" id="ny_pctip" onblur="if(this.value > 70) alert('Overskredet!')" size="8"></td>
    </tr>
    <!-- slut: denne række skal kun vises hvis option value = "2" -->
   

<tr bgcolor="#FFFFFF">
      <td class="tableblacktext" height="22" colspan="5"> <p>&nbsp;</p>
        <p>
          <input type="image" border="0" name="imageField2" src="fortsaet.gif" width="85" height="30">
        </p></td>
    </tr>
  </table>
</form>
</body>
</html>


Når valget er Option="2", skal kommenteret tekst vises, ellers er det skjult.

Skal der flere points til, så sig endelig frem...
Avatar billede nikolajdu Nybegynder
27. maj 2002 - 09:44 #1
Ehem hvad mener du helt præcist?
Avatar billede nikolajdu Nybegynder
27. maj 2002 - 09:46 #2
Nåhh sorry 2 sekunder.
Avatar billede nikolajdu Nybegynder
27. maj 2002 - 09:53 #3
Sådan :)

<html>
<head>
<title>FormTest</title>

<script language="javascript">   
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
ie5 =(document.getElementById)? true:false
ns6 = (document.getElementById && !document.all)?true:false;

function over(id){
var styleObj = (ns4)? document.layers[id] : (ie4)? document.all[id].style : document.getElementById(id).style;
styleObj.display = "block";
}

function ud(id){
var styleObj = (ns4)? document.layers[id] : (ie4)? document.all[id].style : document.getElementById(id).style;
styleObj.display = "none";
}

</script>

</head>

<body>
<form name="ip_form">
  <table bgcolor="#FFFFFF" width="500" border="0" cellspacing="0" cellpadding="3">
    <tr>
      <td class="tableheader" colspan="5">Pris</td>
    </tr>
    <tr bgcolor="#FFFFFF">
      <td height="22" colspan="5" class="tableblacktext">V&aelig;lg eller indtast
        selv.</td>
    </tr>
    <tr bgcolor="#FFFFFF">
      <td class="tableblacktext" height="22" width="200">Dit nuv&aelig;rende valg
      </td>
      <td class="tableblacktext" height="22" width="10">&nbsp;</td>
      <td class="tableblacktext" height="22" colspan="3"> <select name="ny_ipvalg" id="ny_ipvalg" onchange="if(this.options[this.selectedIndex].value=='o2'){over('lagNavn')}else{ud('lagNavn')}">
          <option value="o0" selected>0 kr</option>
          <option value="o1">100 kr</option>
          <option value="o2">Antal %</option>
        </select> </td>
    </tr>
 

<!-- start: denne række skal kun vises hvis option value = "2" -->

    <tr bgcolor="#FFFFFF" id="lagNavn" style="display:none">
      <td class="tableblacktext" height="22">Indtast selv %</td>
      <td class="tableblacktext" height="22">&nbsp;</td>
      <td class="tableblacktext" height="22" colspan="3"><input name="ny_pctip" type="text" id="ny_pctip" onblur="if(this.value > 70) alert('Overskredet!')" size="8"></td>
    </tr>

    <!-- slut: denne række skal kun vises hvis option value = "2" -->
   

<tr bgcolor="#FFFFFF" id=">
      <td class="tableblacktext" height="22" colspan="5"> <p>&nbsp;</p>
        <p>
          <input type="image" border="0" name="imageField2" src="fortsaet.gif" width="85" height="30">
        </p></td>
    </tr>
  </table>
</form>
</body>
</html>

/Nikolaj
Avatar billede nikolajdu Nybegynder
27. maj 2002 - 09:55 #4
Og lidt kortere ....

<script language="javascript">   
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
ie5 =(document.getElementById)? true:false
ns6 = (document.getElementById && !document.all)?true:false;

function over(id,state){
var styleObj = (ns4)? document.layers[id] : (ie4)? document.all[id].style : document.getElementById(id).style;
styleObj.display = state;
}

</script>

</head>

<body>
<form name="ip_form">
  <table bgcolor="#FFFFFF" width="500" border="0" cellspacing="0" cellpadding="3">
    <tr>
      <td class="tableheader" colspan="5">Pris</td>
    </tr>
    <tr bgcolor="#FFFFFF">
      <td height="22" colspan="5" class="tableblacktext">V&aelig;lg eller indtast
        selv.</td>
    </tr>
    <tr bgcolor="#FFFFFF">
      <td class="tableblacktext" height="22" width="200">Dit nuv&aelig;rende valg
      </td>
      <td class="tableblacktext" height="22" width="10">&nbsp;</td>
      <td class="tableblacktext" height="22" colspan="3"> <select name="ny_ipvalg" id="ny_ipvalg" onchange="if(this.options[this.selectedIndex].value=='o2'){over('lagNavn','block')}else{over('lagNavn','none')}">
          <option value="o0" selected>0 kr</option>
          <option value="o1">100 kr</option>
          <option value="o2">Antal %</option>
        </select> </td>
    </tr>
 

<!-- start: denne række skal kun vises hvis option value = "2" -->

    <tr bgcolor="#FFFFFF" id="lagNavn" style="display:none">
Avatar billede blegansigt.com Nybegynder
27. maj 2002 - 14:34 #5
UPS -> var lidt hurtig på aftrækkeren...

Jeg får følgende kildekode ud af det:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>FormTest</title>
<script language="javascript">   
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
ie5 =(document.getElementById)? true:false
ns6 = (document.getElementById && !document.all)?true:false;
function over(id){
var styleObj = (ns4)? document.layers[id] : (ie4)? document.all[id].style : document.getElementById(id).style;
styleObj.display = "block";
}
function ud(id){
var styleObj = (ns4)? document.layers[id] : (ie4)? document.all[id].style : document.getElementById(id).style;
styleObj.display = "none";
}
</script>
</head>

<body>
<form name="ip_form">
  <table bgcolor="#FFFFFF" width="500" border="0" cellspacing="0" cellpadding="3">
    <tr>
      <td class="tableheader" colspan="5">Pris</td>
    </tr>
    <tr bgcolor="#FFFFFF">
      <td height="22" colspan="5" class="tableblacktext">V&aelig;lg eller indtast
        selv.</td>
    </tr>
    <tr bgcolor="#FFFFFF">
      <td class="tableblacktext" height="22" width="200">Dit nuv&aelig;rende valg
      </td>
      <td class="tableblacktext" height="22" width="10">&nbsp;</td>
      <td class="tableblacktext" height="22" colspan="3"> <select name="ny_ipvalg" id="ny_ipvalg" onchange="if(this.options[this.selectedIndex].value=='o2'){over('lagNavn')}else{ud('lagNavn')}">
          <option value="o0" selected>0 kr</option>
          <option value="o1">100 kr</option>
          <option value="o2">Antal %</option>
        </select> </td>
    </tr>
 

<!-- start: denne række skal kun vises hvis option value = "2" -->
    <tr bgcolor="#FFFFFF" id="lagNavn" style="display:none">
      <td class="tableblacktext" height="22">Indtast selv %</td>
      <td class="tableblacktext" height="22">&nbsp;</td>
      <td class="tableblacktext" height="22" colspan="3"><input name="ny_pctip" type="text" id="ny_pctip" onblur="if(this.value > 70) alert('Overskredet!')" size="8"></td>
    </tr>
    <!-- slut: denne række skal kun vises hvis option value = "2" -->
   

<tr bgcolor="#FFFFFF">
      <td class="tableblacktext" height="22" colspan="5"> <p>&nbsp;</p>
        <p>
          <input type="image" border="0" name="imageField2" src="fortsaet.gif" width="85" height="30">
        </p></td>
    </tr>
  </table>
</form>
</body>
</html>


Men det virker stadig ikke...

Kan det skyldes at jeg kopierer fra Eksperten?

Eller hvad...
Avatar billede nikolajdu Nybegynder
27. maj 2002 - 16:24 #6
Du virker fint hos mig??
Avatar billede nikolajdu Nybegynder
27. maj 2002 - 16:24 #7
Ikke du, men det.
Avatar billede blegansigt.com Nybegynder
27. maj 2002 - 16:49 #8
Ja, du virker også fint...

MAN SKAL ALDRIG COPY/PASTE FRA EKSPERTEN!!!!

Nu har jeg skrevet al kode i hånden forfra - og det virker...

Tak for hjælpen!
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
I går 19:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
17/0911:37 Persits.Upload Af bsn i ASP
16/0918:13 oprette et installationsmedie Af Malm i Windows
16/0913:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
White papers
Flere white papers »