Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> drukowanie listy z ekranu
dirtyhustlaz
post 27.05.2012, 21:07:48
Post #1





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 29.03.2012

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

Witam, mam problem. napisalem skrypt ktory zapisuje 10 nazw druzyn, wszystko dziala ok, ale musze tam tez dodac button ktory wydrukuje wyswietlona liste druzyn, nie za bardzo wiem jak, bo dodaje button drukowania to znika on po wyswietleniu listy druzyn ktore dodalem. Moglby ktos mi podpowiedziec w ktorym mioejscy powinienem dodac kod buttona.
To jest kod do skryptu:
[PHP] pobierz, plaintext 
  1.     <html>
  2.     <head>
  3.     <meta charset="utf-8">
  4.     <title>Untitled Document</title>
  5.     <script>
  6.  
  7.     var teams = Array(), index = 0;
  8.  
  9.     function registerTeam()
  10.     {
  11.        //we check if we have 10 elements in array, if so we go to displayTeams function
  12.        if(index == 9){
  13.           teams[index] = document.getElementById('name').value;
  14.           displayTeams();
  15.        //if not, we put data to array
  16.        }
  17.     else{
  18.        teams[index] = document.getElementById('name').value;
  19.        document.getElementById('name').value = '';
  20.        }
  21.        index++;
  22.  
  23.     }
  24.  
  25.     function displayTeams()
  26.     {
  27.        for(var i = 0; i < 10; i++)
  28.        {
  29.           document.write(i+". "+teams[i]+"<br>");
  30.        }
  31.     }
  32.     //printout data from array in order list ;)
  33.  
  34.     </script>
  35.     </head>
  36.     <body>
  37.  
  38.     <div id="registration">
  39.        <label>Enter name of team: </label><input id="name" type="text"><button onClick="registerTeam()">Register</button>
  40.     </div>
  41.     <div id="list"></div>
  42.  
  43.  
  44.     </body>
  45.     </html>
[PHP] pobierz, plaintext


a to kod buttona:
[PHP] pobierz, plaintext 
  1. <form><input type="button" value=" Print this page "
  2. onclick="window.print();return false;" /></form> 
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 4)
kamil4u
post 27.05.2012, 23:17:18
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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

Cytat
bo dodaje button drukowania to znika on po wyswietleniu listy druzyn ktore dodalem


Zamiast document.write użyj metod DOM-owskich. Wiem, że jesteś początkujący, dlatego napiszę tylko, żebyś użył: document.getElementById('TWOJE_ID').innerHTML ,aby zamienić to document.write

Nie jest to najlepsze rozwiązanie, ale najłatwiejsze. Poczytaj o tej konstrukcji, a dowiesz się jak to się robi smile.gif


--------------------
>>> iPage.pl - JS, HTML5, CSS3, Android - moja oferta
>>> myPrzepis.pl - blog kulinarny
Go to the top of the page
+Quote Post
dirtyhustlaz
post 28.05.2012, 01:15:01
Post #3





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 29.03.2012

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

probowalem ale button dalej nie pojawia sie pod lista druzyn. nie mam pojecia jak to zrobic
Go to the top of the page
+Quote Post
kamil4u
post 28.05.2012, 11:04:12
Post #4





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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

Cytat
probowalem

Aha - skoro próbowałeś to ok. Pewnie nie zrobiłeś żadnego błędu i w Twoim przypadku po prostu takie rozwiązanie nie działa...

A na serio to pokaż kod! Skoro jesteś początkujący to jest duża szansa, że zrobiłeś coś źle, bo w Twoim przypadku zwrot "próbowałem" najczęściej znaczy - zrobiłem inny błąd( i nie kieruje tego konkretnie do Ciebie. Po prostu tak z początkującymi jest( sam też byłem to wiem ile razy pisałem głupoty i jak denerwowałem pytaniami moich mistrzów ) smile.gif ). Tak więc umieść kod jak próbowałeś, a my/ja damy Ci nowe wskazówki. I do dzieła!

Pozdrawiam


--------------------
>>> iPage.pl - JS, HTML5, CSS3, Android - moja oferta
>>> myPrzepis.pl - blog kulinarny
Go to the top of the page
+Quote Post
dirtyhustlaz
post 28.05.2012, 12:23:20
Post #5





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 29.03.2012

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

juz sobie poradzileem, uzylem documen.write i document.form wink.gif

[PHP] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <style type="text/css" media="print">
  5. <!--
  6. .hide {display:none}
  7. -->
  8. </style>
  9. <meta charset="utf-8">
  10. <title>Untitled Document</title>
  11. <script>
  12.  
  13. var teams = Array(), index = 1;
  14.  
  15. function registerTeam()
  16. {
  17. 	//we check if we have 10 elements in array, if so we go to displayTeams function
  18. 	if(index == 10){
  19. 		teams[index] = document.getElementById('name').value;
  20. 		displayTeams();
  21. 	//if not, we put data to array
  22. 	}
  23. else{
  24. 	teams[index] = document.getElementById('name').value;
  25. 	document.getElementById('name').value = '';
  26. 	}
  27. 	index++;
  28.  
  29. }
  30.  
  31.  
  32. function displayTeams()
  33. {
  34. 	for(var i = 1; i < 11; i++)
  35. 	{
  36. 		document.write(i+". "+teams[i]+"<br>");
  37. 			}
  38.  
  39. 			document.write('<form class="hide"><p><input type="submit" value="Print"></p></form>');
  40. 		document.forms[document.forms.length-1].onsubmit = function () {window.print(); return false};
  41. }
  42. //printout data from array in order list ;)
  43.  
  44. </script>
  45. </head>
  46. <body>
  47.  
  48. <div id="registration">
  49. 	<label>Enter name of team: </label><input id="name" type="text"><button onClick="registerTeam()">Register</button>
  50. </div>
  51. <div id="list"></div>
  52.  
  53.  
  54.  
  55. </body>
  56. </html>
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

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

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

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 08:49
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn