Forum PHP.pl > [JavaScript][PHP] odczytywanie wartości klikniętego linka

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][PHP] odczytywanie wartości klikniętego linka

poczatkujaca12

5.05.2016, 21:13:37

witam
mam menu z jednej strony i formularz
chciałabym aby formularz był wysyłany zawsze niezależnie na który link kliknie user.
niestety ani

[HTML] pobierz, plaintext 
<a href="drugastrona.php" onclick="document.forms['form1'].submit();return:false;"
[HTML] pobierz, plaintext

ani z przekierowaniem w JS

[HTML] pobierz, plaintext 
onclick="document.forms['form1'].submit();return:false;window.location.href ='drugastrona.php';"
[HTML] pobierz, plaintext

Nie działa - formularz się wysyła, anie nie idzie dalej....

Przyszło mi do głowy że wysyłałabym formularz na kliknięty <a href="zmienna.php"...> (ustawiając w formularzu

[HTML] pobierz, plaintext 
<input type="hidden" value="zmienna.php" name="link" />
[HTML] pobierz, plaintext

tylko nie wiem jak z użyciem JS pobrać do zmiennej dane aby móc przekierować w sposób

[HTML] pobierz, plaintext 
header("Location: ".$_POST['link']);
[HTML] pobierz, plaintext

Jest taka możliwość?

Wiem że można coś podziałać z .atrr('href') - ale nie wiem jak to ugryźć
Czy da się prościej i nie potrzebnie kombinuje?
formularze są dosć obszerne, dlatego zrezygnowałam z automatycznego ich wysyłania co zmianę wartości...

Star

5.05.2016, 22:36:06

[PHP] pobierz, plaintext 
<!doctype html>
<html lang="pl">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
 
			<form id="form1" method="get" action="action_form.php">
 
				  Imie: <input type="text" name="imie"><br>
				  Nazwisko: <input type="text" name="nazwisko"><br>
 
			</form>
 
			<a onclick="document.getElementById('form1').submit();" style="cursor:pointer;">Wyślij</a>
 
    </body>
</html>
[PHP] pobierz, plaintext

niewiemjak

6.05.2016, 08:42:52

Nie do końca rozumiem...
formularz się wysyła...
tylko nie wiem jak pobrać zmienną aktualnie klikanego linka?
w stylu
menu1
menu2
menu3

reszta strony z formularzem
kliknę menu 1 wykona się formularz (wszystko mogę wysyłać na jedną stronę - np post.php)
następnie chcę aby przeniosło na stronę z linka 1, lub linka 2 (ale dane dotyczą formularza z strony istniejącej)

Star

6.05.2016, 11:07:24

Czyli chcesz wysłać formularz do pliku a.php bez przeladowania i po wysłaniu przejść do pliku b.php.

Tak?

[HTML] pobierz, plaintext 
<!doctype html>
    <html lang="pl">
        <head>
            <meta charset="utf-8">
        </head>
        <body>
     <a href="a.php" onclick="formSubmit(this.href);" >menu1</a>
	 <a href="b.php" onclick="formSubmit(this.href);" >menu2</a>
	 <a href="c.php" onclick="formSubmit(this.href);" >menu3</a>
 
		<br>
    	Imie: <input type="text" name="imie" id="imie"><br>
		Nazwisko: <input type="text" name="nazwisko" id="nazwisko"><br>
 
 
		<script>
 
			function formSubmit(link) {
				var imie = document.getElementById('imie').value;
				var nazwisko = document.getElementById('nazwisko').value;
 
			  var xhttp = new XMLHttpRequest();
			  xhttp.onreadystatechange = function() {
				if (xhttp.readyState == 4 && xhttp.status == 200) {
				  window.location.href = link;
				}
			  };
 
			  xhttp.open("POST", "jakisplik.php", true);
			  xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			  xhttp.send("imie=" +imie+ "&nazwisko=" +nazwisko+ " ");
			}
 
		</script>
        </body>
    </html>
[HTML] pobierz, plaintext

CuteOne

6.05.2016, 11:55:34

Tak jak napisał kolega wyżej, najlepszym rozwiązaniem było by wysłanie danych formularza ajaxem, i po pozytywnym ich odebraniu redirect na adres z linka. Na wstępie polecam zaciągnąć sobie bibliotekę jQuery (znacząco ułatwi tego typu operacje). Następnie zacznij lekturę od:
http://api.jquery.com/jquery.ajax/
http://stackoverflow.com/questions/5508021...ref-with-jquery
przyda się również znajomość metody event.preventDefault(), aby kliknięcie w link nie przenosiło nas od razu na inną stronę

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.