Forum PHP.pl > drukowanie listy z ekranu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

dirtyhustlaz

27.05.2012, 21:07:48

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 
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <script>
 
    var teams = Array(), index = 0;
 
    function registerTeam()
    {
       //we check if we have 10 elements in array, if so we go to displayTeams function
       if(index == 9){
          teams[index] = document.getElementById('name').value;
          displayTeams();
       //if not, we put data to array
       }
    else{
       teams[index] = document.getElementById('name').value;
       document.getElementById('name').value = '';
       }
       index++;
 
    }
 
    function displayTeams()
    {
       for(var i = 0; i < 10; i++)
       {
          document.write(i+". "+teams[i]+"<br>");
       }
    }
    //printout data from array in order list ;)
 
    </script>
    </head>
    <body>
 
    <div id="registration">
       <label>Enter name of team: </label><input id="name" type="text"><button onClick="registerTeam()">Register</button>
    </div>
    <div id="list"></div>
 
 
    </body>
    </html>
[PHP] pobierz, plaintext

a to kod buttona:

[PHP] pobierz, plaintext 
<form><input type="button" value=" Print this page "
onclick="window.print();return false;" /></form> 
[PHP] pobierz, plaintext

kamil4u

27.05.2012, 23:17:18

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

dirtyhustlaz

28.05.2012, 01:15:01

probowalem ale button dalej nie pojawia sie pod lista druzyn. nie mam pojecia jak to zrobic

kamil4u

28.05.2012, 11:04:12

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 )

). Tak więc umieść kod jak próbowałeś, a my/ja damy Ci nowe wskazówki. I do dzieła!

Pozdrawiam

dirtyhustlaz

28.05.2012, 12:23:20

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

[PHP] pobierz, plaintext 
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css" media="print">
<!--
.hide {display:none}
-->
</style>
<meta charset="utf-8">
<title>Untitled Document</title>
<script>
 
var teams = Array(), index = 1;
 
function registerTeam()
{
	//we check if we have 10 elements in array, if so we go to displayTeams function
	if(index == 10){
		teams[index] = document.getElementById('name').value;
		displayTeams();
	//if not, we put data to array
	}
else{
	teams[index] = document.getElementById('name').value;
	document.getElementById('name').value = '';
	}
	index++;
 
}
 
 
function displayTeams()
{
	for(var i = 1; i < 11; i++)
	{
		document.write(i+". "+teams[i]+"<br>");
			}
 
			document.write('<form class="hide"><p><input type="submit" value="Print"></p></form>');
		document.forms[document.forms.length-1].onsubmit = function () {window.print(); return false};
}
//printout data from array in order list ;)
 
</script>
</head>
<body>
 
<div id="registration">
	<label>Enter name of team: </label><input id="name" type="text"><button onClick="registerTeam()">Register</button>
</div>
<div id="list"></div>
 
 
 
</body>
</html>
[PHP] pobierz, plaintext

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.