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:

  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>';


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 214
Pomógł: 272
Dołączył: 11.03.2008

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


A próbowałeś w jakiś sposób go dodać?
  1. <div onmouseover="alert(1)">abc</div>
Go to the top of the page
+Quote Post
trueblue
post 27.01.2018, 19:50:09
Post #3





Grupa: Zarejestrowani
Postów: 5 106
Pomógł: 1420
Dołączył: 11.03.2014

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


https://jsfiddle.net/nq3whn1k/
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.
  1. <meta charset="UTF-8">
  2. <script type="text/javascript">
  3.  
  4. function onmouseoverHandler()
  5.  
  6. {
  7. var a_js = $a_php;
  8. var b_js = $b_php;
  9. alert(a + ' x ' + b);
  10.  
  11. }
  12.  
  13. </script>
  14. </head>
  15.  
  16. <?php
  17. echo '<table border=1>';
  18. for($a=1; $a <=10; $a++){
  19. echo '<tr>';
  20. for($b=1; $b<=10; $b++){
  21. if($a==1 || $b==1)
  22. echo '<td bgcolor="green" onmouseover="onmouseoverHandler();">'.$a*$b.'</td>';
  23. else
  24. echo '<td onmouseover="onmouseoverHandler();">'.$a*$b.'</td>';
  25. }
  26. echo '</tr>';
  27. }
  28. echo '</table>';
  29.  
  30. ?>
  31.  
  32.  
  33.  
  34. </body>
Go to the top of the page
+Quote Post
markuz
post 27.01.2018, 20:43:49
Post #5





Grupa: Zarejestrowani
Postów: 1 214
Pomógł: 272
Dołączył: 11.03.2008

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


https://jsfiddle.net/gden6c0z/
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 18.07.2018 - 21:38