[js]comboBox in dezelfde html.table erbij - Softwareontwikkeling

maandag 6 januari 2003 17:28

Acties:

Verwijderd

Topicstarter

Hi medetweakers,

Ik zoek een goede oplossing om binnen een htmlTabel een tweede table.cell te vullen met een nieuwe comboBox: <select name=box1" onchange="nieuweBox();"> enz.
Via onChange() kom ik in script function nieuweBox()
Hier neem ik een nieuwe box op, maar dit verschijnt dus op een nieuwe page.

Graag zou ik <select name ="box2"> op dezelfde page willen en zelfs in cell nummer 2 van de html.table.

code:

<html>
<body>
<form name="formA1">
<table width="25%" border="1" cellspacing="3" cellpadding="2">
  <tr>
    <td><select name="CBX1" onChange="nieuweBox();">
          <option value="A">A</option>
          <option value="B">B</option>
          <option value="C">C</option>
   </select></td>
   <td>
   
<script language="javascript">
function nieuweBox()
{
d=document;
 d.write('<form name=formA1>');
 d.write('<select name="CBX2" >');
 d.write(' <option value="X">X</option>');
 d.write(' <option value="Y">Y</option>');
 d.write(' <option value="Z">Z</option>');
 d.write('</select>');
 d.write('</form>');
}
</script>
  </td>
  </tr>
</table>
</form>
</body>
</html>

Ik hoop dat het mogelijk is om op dezelfde page de info weer te geven.
Achter dit script zit een database welke ik met JSP/JSTL-tags benader.
Het komt er op neer dat content in select-box2 afhankelijk is van de keuze uit select-box1.
Maar dan op dezelfde page

Nog liever heb ik dat content terecht komt in een nieuwe html.table binnen de mainTable in bv. cell 2

Ik hoop dat omschrijving duidelijk is.

Alvast bedankt

PS. Ikzelf heb de voorkeur dat JS buiten de table of form wordt opgenomen.

maandag 6 januari 2003 17:31

Acties:

.oisyn

Moderator Devschuur®

Demotivational Speaker

*zucht*
Welkom in P&W -> Quickstart (update 2/10/2002)
<h3>HTML, JAVASCRIPT en FLASH moeten in W&G!</h3>

PW -> WG

Give a man a game and he'll have fun for a day. Teach a man to make games and he'll never have fun again.

maandag 6 januari 2003 17:35

Acties:

Bosmonster

*zucht*

Geen document.write gebruiken, maar dynamisch de content van een tabelcel wijzigen.

document.getElementById('mijncel').innerHTML = "<select>...</select>";

[ Voor 7% gewijzigd door Bosmonster op 06-01-2003 17:35 ]

dinsdag 7 januari 2003 10:21

Acties:

Verwijderd

Topicstarter

Ok, bedankt.
Ik hoop dat ik via innerHTML de JSP/JSTL tags kan gaan gebruiken.
En is het ook mogelijk om een include te doen van een nieuw bestand via innerHTML, anders wordt het wel erg onoverzichtelijk om alles tussen de Quote's te proppen.

dinsdag 7 januari 2003 11:03

Acties:

Hangloozz

{ @$%&# }

innerHTML gebruik je om een reeds gerenderd element qua content te updaten.
Tis dus geen include-functie zoals bijv. PHP dat kent.
Anders gezegd; je kunt met innerHTML geen externe bestanden laden.
Met een omweg (laden in hiddenframe, daarna content overpompen naar je te vullen element of zoals recentelijk voorbij kwam; met XML) is dat wel mogelijk.

www.jurgroessen.nl

dinsdag 7 januari 2003 11:41

Acties:

Verwijderd

Topicstarter

Nou, ik ben nu bezig om het 1 en ander in de betreffende jsFunctie's te ontwikkelen met JSTL en ik mag verheugd zeggen dat het perfect werkt.
Programmatuur via substrings wordt zelfs ook nog overzichtelijk.

Trouwens JSTL: errug handig

Voor liefhebbers: http://java.sun.com/products/jsp/jstl/

Yes

dinsdag 7 januari 2003 13:30

Acties:

disjfa

be

wat je ook kan doen is de select box er al te hebben staan en hem vanuit een arraytje te vullen desbetreffende de geselecteerde optie van de andere box (leuke text jah

)

JavaScript:

1	document.getElementById('optionbox').options[1] = new Option("optie1", 1);

met dus

HTML:

1 2	<select id="optionbox"> </select>

ergens in je body te hebben staan of ergens in een tabelletje

en als je m laad dan disable je m gewoon zodat je er nix mee kan doen

maar nu wel weer genoeg geholpen

disjfa - disj·fa (meneer)
disjfa.nl