Forum PHP.pl > 2 submity jeden new window

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: 2 submity jeden new window

demoniczny

16.08.2011, 03:22:08

Mam problem z submitami zatwierdzającymi formularze.

Próboje zrobic Jeden submit Dodaj a drugi podglad... ktory by otwieral sie w nowym okienku o danych rozmiarach

<form> <= i tu jest ten problem ze do tego trzeba forma dodac paramert js lecz wtedy w obu submitach bedzie sie otwierac nowe okno

;/

mortus

16.08.2011, 08:38:41

Zamiast pola typu submit użyj przycisku (button).

[HTML] pobierz, plaintext 
<form action="" method="post">
  <!-- jakieś pola -->
  <input type="submit" name="dodaj_submit" value="Dodaj" />
  <input type="button" name="podglad_button" value="Podgląd" onclick="podgladWNowymOknie(); return false;" />
</form>
[HTML] pobierz, plaintext

Wtedy wyświetlanie w nowym oknie realizuje funkcja podgladWNowymOknie() uruchamiana po kliknięciu na przycisk.

Beacri

16.08.2011, 08:43:08

Ja bym to zrobił jakoś tak:

[HTML] pobierz, plaintext 
 
<head><script type="text/javascript">
<!--
function op(){
var txt1 = document.forms['Formularz'].pole1.value;
var txt2 = document.forms['Formularz'].pole2.value;
var txt3 = document.forms['Formularz'].pole3.value;
(...)
request = new XMLHttpRequest();
request.open("POST","adres pliku",true);
 
 
window.open('adres pliku', 'nazwa').focus();
return false;
}
//-->
</script></head>
 
<body>
<form action="cel.php" method=post>
<input type=text name=pole1>
<input type=text name=pole2>
<input type=text name=pole3>
(...)
<button onclick=op()>Podgląd</button>
</form>
</body>
 
 
 
[HTML] pobierz, plaintext

po kliknięciu w button, wywołuje funkcję, która odczytuje dane z formularza (lepiej to jakąś pętla zrobić, niz tak jak ja

), później wysyła te dane do pliku .php.( fajnie jakby ten plik zapisał te dane). Później otwierasz okno z danymi

mortus

16.08.2011, 08:48:41

@Beacri: A nie przyszło Ci do głowy, że Podgląd ma umożliwić sprawdzenie danych przed wysłaniem (stąd również przycisk Dodaj)? Niemniej o to mniej więcej chodzi w rozwiązaniu problemu.

Beacri

16.08.2011, 08:55:02

@mortus
tak, ale skądś muszą się te dane wziąć w oknie podglądu. Przycisk "Dodaj" ładuje dane od razu do bazy danych, a "Podgląd" do jakiegoś tymczasowego pliku, który istnieje tylko podczas edycji.

mortus

16.08.2011, 09:07:31

I myślisz, że te dane znajdą się w oknie podglądu po wywołaniu takiego kodu:

[JAVASCRIPT] pobierz, plaintext 
request = new XMLHttpRequest();
request.open("POST","adres pliku",true);
window.open('adres pliku', 'nazwa').focus();
[JAVASCRIPT] pobierz, plaintext

Otóż jesteś w błędzie. W linii 2 wywołujesz jedno żądanie, a w linii 3 wywołujesz już kolejne żądanie. Oba nie mają ze sobą nic wspólnego, a przesłanych w ten sposób danych na pewno w nowo otwartym oknie nie zobaczysz. Tak naprawdę nie potrzeba żadnych dodatkowych plików tymczasowych, ale to już nie dotyczy problemu przedstawionego przez autora tematu.

Beacri

16.08.2011, 09:19:21

Dobra, moja wina, że nie sprecyzowałem w tym kodzie "nazwa pliku", ale jak już opisałem wcześniej dwa razy chodziło mi o to, żeby ten plik był jakimś skryptem php, który zapisze dane do jakiegoś pliku tymczasowego, a potem go odczytuje. Może to być to ten sam plik, chociaż łatwiej to zrobić na zasadzie:

[JAVASCRIPT] pobierz, plaintext 
request = new XMLHttpRequest();
request.open("POST","plik.php",true);
window.open('zapisany_plik_tymczasowy.html ', 'nazwa').focus();
[JAVASCRIPT] pobierz, plaintext

---------------------------------------
Właśnie znalazłem lepszy sposób na wyświetlanie podglądu:

[JAVASCRIPT] pobierz, plaintext 
function noweOkno() {
    var noweOkno = window.open('', 'okno', 'toolbar=no,location=no,width=200,height=200');
    with (noweOkno) {
        document.writeln('<html>');
        document.writeln('<head>');
        document.writeln('<title>Tytuł okienka</title>');
        document.writeln('<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />');
        document.writeln('</head>');
        document.writeln('<body>');
        document.writeln('<p>To jest okno utworzone dynamicznie <strong>On-The-Fly</strong></p>');
        document.writeln('</body>');
        document.writeln('</html>');
        document.close() //kończymy zapis do dokumentu
    }
}
[JAVASCRIPT] pobierz, plaintext

Źródło: http://doman.art.pl/kursjs/kurs/okna.html

przy czym możesz pobrać dane z okna macierzystego za pomocą document.forms['Formularz'].pole3.value

demoniczny

16.08.2011, 13:56:30

Dobra dzieki wielkie za pomoc...
Udalo mi sie z przykladem wyzej

[PHP] pobierz, plaintext 
<script type="text/javascript">
function noweOkno() {
var id = document.getElementById("id");
    var noweOkno = window.open('', 'okno', 'toolbar=no,location=no,width=500,height=400');
    with (noweOkno) {
        document.writeln('<html>');
        document.writeln('<head>');
        document.writeln('<title>Tytuł okienka</title>');
        document.writeln('<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />');
        document.writeln('</head>');
        document.writeln('<body>');
        document.writeln('<p>To jest okno utworzone dynamicznie <strong>On-The-Fly</strong></p><br><p>' + id.value + '</p>');
        document.writeln('</body>');
        document.writeln('</html>');
        document.close() //kończymy zapis do dokumentu
    }
}
</script>
 
<form method=POST>
<input type=mas name="nazwa" id="id">
<input type=submit onClick="return noweOkno();">
</form>
[PHP] pobierz, plaintext

tylko szkoda ze skrypt tego nie przerabia tylko sam js poniewaz chcial bym do tymczasowego pliku wrzucic jeszcze zdjecie dodane... do formy
a po zamiknieciu formularza unlink();
ale to juz jest nieistotne dziękuje za pomoc

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.