Szukam skryptu, który umożliwi zwinięcie listy definicji <dl></dl> i zależnie od wybranej wartości w <select></select> rozwijałby odpowiednie definicje. (przykładowa lista definicji i formularz niżej). Na razie mam rozwiązanie zastępcze niżej, ale byłbym wdzięczny jakby ktoś coś takiego znalazł.

Teraz wykorzystuję: http://www.quirksmode.org/dom/usableforms.html lecz jest pewien problem:

gdy dwa selecty maja takie samo rel - dublują się - to po wybraniu takiego selecta znika druga definicja i wyświetla się tylko jedna, po odświeżeniu strony jest OK. Jedna definicja powinna wyświetlać się tylko przy wybraniu takiego samego w obu selectach. Zna ktoś rozwiązanie?

  1. <script type='text/javascript' src='http://www.quirksmode.org/dom/usableforms.js'></script>
  2. <script type='text/javascript'>
  3. var containerTag = 'DL';
  4. <form enctype="application/x-www-form-urlencoded" action="base_url" method="POST">
  5. <input type="hidden" name="file" value="" />
  6. <legend>Wybierz kodowanie</legend>
  7. <label for="from">Konwersja kodowania z: </label>
  8. <select name="from" id="from">
  9. <option value="" rel="8859"></option>
  10. <optgroup label="ISO/IEC 8859" title="ISO/IEC 8859">
  11. <option value="iso-8859-1" rel="iso-8859-1">iso-8859-1</option>
  12. <option value="iso-8859-2" rel="iso-8859-2">iso-8859-2</option>
  13. </select>
  14. <label for="to"> na: </label>
  15. <select name="to" id="to">
  16. <option value="" rel="unicode"></option>
  17. <optgroup label="ISO/IEC 8859" title="ISO/IEC 8859">
  18. <option value="iso-8859-1" rel="iso-8859-1">iso-8859-1</option>
  19. <option value="iso-8859-2" rel="iso-8859-2">iso-8859-2</option>
  20. </select>
  21. <dl rel="unicode">
  22. <dt>Unicode</dt>
  23. <dd>definicja unicode</dd>
  24. </dl>
  25. <dl rel="8859">
  26. <dt>ISO / IEC 8859</dt>
  27. <dd>definicja ISO</dd>
  28. </dl>
  29. <dl rel="iso-8859-1">
  30. <dt>ISO-8859-1</dt>
  31. <dd>definicja 1</dd>
  32. </dl>
  33. <dl rel="iso-8859-2">
  34. <dt>ISO-8859-2</dt>
  35. <dd>definicja 2</dd>
  36. </dl>
  37. <input type="submit" name="chosencode" value="Wybierz" /> || <input type="reset" value="Wyczyść" />
  38. </form>