Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Tabliczka mnożenia - wyświetlanie czynników po najechaniu na komórkę tabeli, funkcja onmouseover + przesyłanie zmiennych z PHP do JS
QeRICKpl
post 27.01.2018, 16:10:36
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 27.01.2018

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

Witam,
mam problem i nie wiem jak zabrać się do tego zadania. Mianowicie, mam za pomocą PHP + JS stworzyć tabele mnożenia, w której po najechaniu na daną komórkę, wyświetlą się czynniki danej liczby.
Sam kod tworzący tabelę wygląda u mnie następująco:

[PHP] pobierz, plaintext 
  1. echo '<table border=1>';
  2. for($a=1; $a <=10; $a++){
  3. echo '<tr>';
  4. 	for($b=1; $b<=10; $b++){ 
  5. 		if($a==1 || $b==1)
  6. 			echo '<td bgcolor="green">'.$a*$b.'</td>';
  7. 		else
  8. 			echo '<td>'.$a*$b.'</td>';
  9. 	}	
  10. echo '</tr>';
  11. }
  12. echo '</table>';
[PHP] pobierz, plaintext


I tu moje pytanie. Bo rozumiem, żeby wykonać to zadanie powinienem skorzystać z funkcji onmouseover w JS. Ale jak powinien wyglądać kod w JS, żebym otrzymał zamierzony efekt?
Pozdrawiam i liczę na pomoc!
Go to the top of the page
+Quote Post
markuz
post 27.01.2018, 19:33:25
Post #2





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

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

A próbowałeś w jakiś sposób go dodać? 
[PHP] pobierz, plaintext 
  1. <div onmouseover="alert(1)">abc</div>
[PHP] pobierz, plaintext


--------------------
Blog
Go to the top of the page
+Quote Post
trueblue
post 27.01.2018, 19:50:09
Post #3





Grupa: Zarejestrowani
Postów: 6 761
Pomógł: 1822
Dołączył: 11.03.2014

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

https://jsfiddle.net/nq3whn1k/


--------------------
https://kawalekkodu.pl
Go to the top of the page
+Quote Post
QeRICKpl
post 27.01.2018, 20:30:23
Post #4





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 27.01.2018

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

TAk, tylko potem nie potrafiłem tak tego napisać, żeby zmienna z php była odczytywana przez js.

A co do linku, to właśnie nie mogę użyć css, wszystko ma opierać się tylko na js i php

W sumie to tak jakoś wygląda cały mój kod, tylko nie tak jak pisałem, nie potrafię zrobić taka, żeby js widział zmienne php.
[HTML] pobierz, plaintext 
  1. <head>
  2. <meta charset="UTF-8">
  3.   <script type="text/javascript">
  4.  
  5.     function onmouseoverHandler()
  6.  
  7.     {
  8. 	var a_js = $a_php;
  9. 	var b_js = $b_php;
  10.       alert(a + ' x ' + b);
  11.  
  12.     }
  13.  
  14.     </script>
  15. </head>
  16.  
  17. <body>
  18. <?php 
  19. echo '<table border=1>';
  20. for($a=1; $a <=10; $a++){
  21. echo '<tr>';
  22. 	for($b=1; $b<=10; $b++){ 
  23. 		if($a==1 || $b==1)
  24. 			echo '<td bgcolor="green" onmouseover="onmouseoverHandler();">'.$a*$b.'</td>';
  25. 		else
  26. 			echo '<td onmouseover="onmouseoverHandler();">'.$a*$b.'</td>';
  27. 	}	
  28. echo '</tr>';
  29. }
  30. echo '</table>';
  31.  
  32. ?>
  33.  
  34.  
  35.  
  36. </body>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
markuz
post 27.01.2018, 20:43:49
Post #5





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

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

https://jsfiddle.net/gden6c0z/


--------------------
Blog
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: Standardowy · Przełącz na: 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: 18.04.2024 - 19:02
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn