Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js][xhtml] document.write i xhtml
Forum PHP.pl > Forum > Po stronie przeglądarki
insenic
W xhtml 1.1 nie można stosować document.write i tu jest problem, bo mam skrypt który generuje listę dat, zaznaczając odpowiednia, ale korzysta to z document.write. Czy ktoś może mi pomóc przerobić to tak by korzystało to z DOM??

  1. <select name="year" size="0" >
  2. <script type="text/javascript">
  3. // <![CDATA[
  4. now = new Date();
  5. var year = now.getYear();
  6. date = 1986
  7.  
  8. var i
  9. for ( i = 1970; i <= 2000; i++ )
  10. {
  11. if ( i != date )
  12. {
  13. document.write( '<option value="' + i + '">' + i + '<' + '/option>' )
  14. }
  15. else
  16. {
  17. document.write( '<option value="' + i + '" selected="selected">' + i + '<' + '/option>' )
  18. }
  19. }
  20. // ]]>


Wielkie dzięki za pomoc...
prond
Użyj document.getElementById, żeby złapać uchwyt do SELECT'a, a potem dodawaj elementy OPTION przez appendChild. Elementy option twórz przez document.createElement('option');, a potem nadaj im atrybuty jak obiektom.

Poniższe powinno zadziałać :

  1. <select name="year" id="year" size="0" >
  2. <script type="text/javascript">
  3. //<![CDATA[
  4. var now = new Date();
  5. var year = now.getYear();
  6. var date = 1986
  7. var i;
  8. var sel = document.getElementById('year');
  9.  
  10. for ( i = 1970; i <= 2000; i++ )
  11. {
  12. var opt = document.createElement('option');
  13. opt.value = i;
  14. opt.innerHTML = i;
  15.  
  16.  
  17. if ( i == date )
  18. {
  19. opt.selected = 'selected';
  20. }
  21.  
  22. sel.appendChild(opt);
  23. }
  24. //]]>
  25. </script>
  26. </select>
insenic
Wielkie dzięki. Po małych modyfikacjach i przerobieniu tego na funkcję, dostosowałem to do swoich potrzeb. Dziękuję...
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.