Problem z przesłaniem zmiennej przez parametr this

Question

Witam, ciężko będzie mi wytłumaczyć napotkany problem, ale mam nadzieję, że ktoś mnie zrozumie.

W jednym plik1.php mam taki kod:

$data = $pokaz_mies.'/'.$i.'/'.$pokaz_rok; // zmienne $pokaz_mies i $pokaz_rok są definiowane wcześniej i działają poprawnie

// nieistotny kod

echo "<input class='otwieranie' type='submit' name='$data' id='$data' value='!' onclick='pokaz_szczegoly(this);'> "; // wiem, że nie powinno się używać onclick(), ale edytuję pewien skrypt i metody mają być niezmienione (nawet jeśli są one przestarzałe)

Potem w pliku2.php próbuję jakoś odebrać tą zmienną $data i ją wyświetlić przez alert() - w celu sprawdzenia czy działa:

<script>
			function pokaz_szczegoly(data){
				var szczegoly = data;
				alert(szczegoly); // nie wyświetla mi tego co powinno	
	        }
</script>			

 

Jak mam poprawnie przesłać zmienną $data - przez parametr this?

 

Comments

alert(szczegoly); // nie wyświetla mi tego co powinno

A co pokazuje? 

---

[object HTMLInputElement]

---

No przecież this wskazuje na dany element... :]

---

To może prześlij zmienną $data zamiast this bezpośrednio do funkcji?

http://stackoverflow.com/a/23740549/4983840

---

Mam coś takiego:

$data = $pokaz_mies.'/'.$i.'/'.$pokaz_rok; 
// nieistotny kod

echo "<input class='otwieranie' type='submit' name='$data' id='$data' value='!' onclick='pokaz_szczegoly($data);'> "; 

drugi plik: 
<script>
			function pokaz_szczegoly($data){
				var szczegoly = $data;
				alert(szczegoly);
	        }
</script>	

I drukuje mi jakiś długi ciąg liczb. Chyba będę musiał skorzystać bezpośrednio z Ajax, a miałem nadzieję, że jakoś uda mi się przesłać wartość tej zmiennej przez onclick(zmienna)

Answer 1

Problem rozwiązałem sam. Podzielę się odpowiedzią, bo może komuś się przyda:

1. plik:

$data = $pokaz_mies.'/'.$i.'/'.$pokaz_rok;
echo "<input class='otwieranie' type='submit' name='$data' id='$data' value='wydarzenia' onclick='pokaz_szczegoly(this);'> ";

2. plik:

function pokaz_szczegoly(data){
var pobrana_data = data.id;
}

 

Comments

A nie lepiej wykorzystać [data-*]?

$data = $pokaz_mies.'/'.$i.'/'.$pokaz_rok;
echo "<input class='otwieranie' type='submit' name='$data' data-details='$data' value='wydarzenia' onclick='pokaz_szczegoly(this);'> ";

function pokaz_szczegoly(data){
    var pobrana_data = data.dataset.details;
}

 

---

A co to zmienia? :P

Zresztą średnio to rozumiem. Co to za parametr data-details? Nigdy się z nim nie spotkałem, a potem się jeszcze odwołujesz do niego przez dataset. Poszukałem chwilę, ale nic takiego w żadnej dokumentacji nie znalazłem. Podesłałbyś linka?

---

A co to zmienia? :P

Jest czyściej ;) Ani [name], ani [id] do takich rzeczy nie powinny służyć.

A [data-details] nie znalazłeś, bo wszystkie atrybuty zaczynające się od data- to atrybuty, które można samemu tworzyć. 

---

Ok, dzięki. Czadersko byłoby jeśli potem zamiast w javescript byłoby można zamiast:

document.getElementById 

używać:

document.getElementBydataset.*

ale pewnie taka magia nie istnieje. :D

---

Oczywiście, że istnieje!

document.querySelector( '[data-details]' )

 

---

Dziękuję

Napiszesz mi jeszcze proszę czy jest jakaś różnica jeśli dopiszemy jeszcze wartość? Czyli:

document.querySelector( '[data-details="$data"]' )

Bo znalazłem przykład: http://stackoverflow.com/questions/14809528/why-does-js-code-var-a-document-queryselectoradata-a-1-cause-error

---

Rzeknę tak: tam można wsadzić wszystko, co jest poprawnym selektorem CSS. To odpowiada na obydwa Twoje pytania ;)