Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [js] problem
chemik1982
post
Post #1





Grupa: Zarejestrowani
Postów: 91
Pomógł: 13
Dołączył: 20.03.2007
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

Poniższy kod działa pod operą i firefoxem, niestety pod IE nie specjalnie. Ktoś ma jakiś pomysł?

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
  3. <head>
  4. <script type="text/javascript">
  5.     function addElements(num){
  6.  
  7.     var oDiv = document.getElementById("testing");
  8.     oDiv.parentNode.removeChild(oDiv);
  9.  
  10.     var oDiv = document.createElement('div');
  11.     oDiv.setAttribute("name","testing");
  12.     oDiv.setAttribute("id","testing");
  13.     document.getElementById('parent').appendChild(oDiv);
  14.  
  15.     for(i=0;i<num;i++){
  16.         var oInputFile = document.createElement('input');
  17.         oInputFile.setAttribute('type','file');
  18.         oInputFile.setAttribute("style","display:block");
  19.         document.getElementById('testing').appendChild(oInputFile);
  20.         }
  21.     }
  22. </script>
  23. </head>
  24. <body>
  25.  
  26. <select id="sel">
  27.     <option onclick="addElements(1)" >1</option>
  28.     <option onclick="addElements(2)" >2</option>
  29.     <option onclick="addElements(3)" >3</option>
  30.     <option onclick="addElements(4)" >4</option>
  31.     <option onclick="addElements(5)" >5</option>
  32. </select>
  33. <div style="width:500px;height:400px;border:1px solid red;" id="parent">
  34.     <div id="testing"></div>
  35. </div>
  36. </body>
  37. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004
pierwszy blad jaki rzuca sie w oczy to to, iz onclick nie przypisuje sie dla option, a nalezy to robic dla select. Zapytasz pewnie jak sprawdzic co jest zaznaczone. Prosto: twojselect.selectedIndex.
Go to the top of the page
+Quote Post
chemik1982
post
Post #3





Grupa: Zarejestrowani
Postów: 91
Pomógł: 13
Dołączył: 20.03.2007
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

Dzięki pomogło (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) zmienilem z onclick na onchange. Wklajam cały kod, może się komuś przyda. 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
  3. <head>
  4. <script type="text/javascript">
  5.     function addElements(){
  6.  
  7.  
  8.     var num = document.getElementById('sel').selectedIndex+1;
  9.  
  10.     var oDiv = document.getElementById("testing");
  11.     oDiv.parentNode.removeChild(oDiv);
  12.  
  13.     var oDiv = document.createElement('div');
  14.     oDiv.setAttribute("name","testing");
  15.     oDiv.setAttribute("id","testing");
  16.     document.getElementById('parent').appendChild(oDiv);
  17.  
  18.     for(i=0;i<num;i++){
  19.         var oInputFile = document.createElement('input');
  20.         oInputFile.setAttribute('type','file');
  21.         oInputFile.setAttribute("style","display:block");
  22.         document.getElementById('testing').appendChild(oInputFile);
  23.         }
  24.     }
  25. </script>
  26. </head>
  27. <body>
  28.  
  29. <select id="sel" onchange="addElements()">
  30.     <option value="1">1</option>
  31.     <option value="2">2</option>
  32.     <option value="3">3</option>
  33.     <option value="4">4</option>
  34.     <option value="4">5</option>
  35. </select>
  36. <div style="width:500px;height:400px;border:1px solid green" id="parent">
  37.     <div id="testing"></div>
  38. </div>
  39. </body>
  40. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 26.09.2025 - 22:59
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn